Alting smukt gaffet til elmåleren

Nogen har vist interesse for min strømmåler, så her er lidt info.

Grundlag

I mit forsøg på at få alting i lejligheden til at snakke sammen er jeg nu begyndt på en bedre overvågning af mit strømforbrug, end man normalt får ud af den hæslige klods der hænger på væggen i forvejen.

Teori

Løsningen er meget simpel og egentlig også meget klassisk. Bl.a. har både Davsebamse og Labitat lavet noget lignende. For at finde ud af hvad strømforbruget er, holder jeg øje med den sorte streg på drejeskiven inde i den eksisterende måler, og måler hvor lang tid der går fra stregen har været synlig, til den bliver det igen. Baseret på den tid, kan man med lidt talmagi (aka matematik) finde det gennemsnitlige strømforbrug i den tid det tog skiven at dreje en omgang.

Teknik

Da jeg ikke selv gider at stå og se på skiven hele tiden, har jeg i stedet sat en klar lysdiode (mat virker ikke lige så godt, fordi den giver for difust lys) til at lyse ind på skiven, og ved siden af har jeg sat en lysfølsom modstand (i serie med en almindelig modstand, for at få en spændingsdeler der ændrer spænding alt efter lyset der rammer den lysfølsomme modstand), og til sidst har jeg drejet lidt på de to, så lyset fra lysdioden reflekterer på kanten af skiven og dermed rammer den lysfølsomme modstand. Det giver en bestemt spænding så længe skiven reflekterer lyset, og en anden når den ikke gør – hvilket jeg måler på for at se hvornår skiven er drejet en omgang.

For at gøre alting synligt for andre end teknikken selv, har jeg monteret et display, som skriver det aktuelle strømforbrug, og hvor lang tid der er gået siden sidste måling.

For at hjælpe mig selv lidt under udviklingen, har jeg også sat lidt statuslys på, så jeg kan se hvornår elektronikken tror at skiven er sort. Jeg har også sat en testknap på, der simulerer den sorte plet (for at teste beregningerne), og en knap der skifter mellem den pæne visning i displayet, og visning af baggrundsdata.

Materialer

Alle materialerne kan enten købes af altid fantastiske Sparkfun, eller den danske reseller Electrozone.

• En Arduino Uno
• Et display. Jeg har valgt et 16×2 cifre serielt display
• Lysfølsom modstand (min er på 2-5kohm)
• Modstand til spændingsdeler (skal være ca. det samme som den lysfølsomme modstand. Mener at min er på 4,7kohm)
• Klar lysdiode + passende formodstand (farven er ligegyldig)
• Krympeflex til at gøre lodningerne lækre
• Gaffa til montering
• Evt. breadboard, hvis man ikke gider lodde

Kode

Koden til den første version kan hentes her: http://pastebin.com/NvmTqBPW

Ved man intet om Arduino, bør man kigge på Arduino.cc – der står ca. alt hvad man kan ønske sig at vide.

Næste version

Den første version er ikke ligefrem det pæneste i verden, og bruger en ret stor Arduino – hvilket er ret fjollet. Så næste version bliver bygget over en Arduino Fio – både fordi den er mindre og fordi den har indbygget Xbee socket, hvilket gør at jeg (med en Xbee) kan få den til at snakke med min server, og dermed kan sende mit strømforbrug afsted til Pachube og få nogle pæne grafer ud af det.

@font-face

Her på siden bruger jeg tre skrifttype: Roadway til overskrifter, Georgia til brødtekst og Primer Apples til de lidt mere specielle ting. Eftersom Georgia findes på næsten alle computere, er der ingen grund til at embedde den. De to andre derimod, går jeg ikke ud fra at overvældende mange mennesker har, så dem har jeg embedden.

Under normale omstændigheder ville man embedde dem med følgende kode:

@font-face {
	font-family: Roadway;
	src: local(Roadway), url('fonts/ROADWAY_.ttf') format('opentype');
}

Ovenstående kode virker i alle browsere, og skal ikke bruge andet end en skrifttype i en mappe. Herefter er det muligt at bruge skrifttypen overalt man lyster ved hjælp af

font-family: Roadway;

Desværre findes Internet Explorer, og hos Microsoft gider man ikke gøre som alle de andre, så der skal man have skrifttypen i et andet format – yæi!

Dog er det ret nemt at gøre noget ved, for der findes en ret stor bunke gratis convertere – blandt andet http://ttf2eot.sebastiankippe.com/

Efter den lille konvertering skal ens CSS rettes lidt til, så den ser sådan ud:

@font-face {
	font-family: Roadway;
	src: url('fonts/ROADWAY_.eot');
	src: local(Roadway), url('fonts/ROADWAY_.ttf') format('opentype');
}

..oog så virker det helt fantastisk godt fra IE7 og helt op til rigtige browsere

Update

IE9 er helt pjattet med sikkerhed (nu også omkring skrifttyper :S) så oplever man at IE9 driller, bør man lege med sine Apache-indstillinger.

function viewSchedule() {
	$('testTables').style.display = 'none';
	$('testScheduleWrapper').style.display = 'block';
	goog.dom.classes.remove($('tableButton'), 'selected');
	goog.dom.classes.add($('scheduleButton'), 'selected');
}

Det ved man jo heldigvis at kun kan skyldes at IE er en skodbrowser. Det bliver lidt bedre når man klikker et andet sted på siden – så får elementet nemlig sin class. Når man er færdig med at undre sig over det, prøver man at tilføje følgende linie, og indser at alt lige pludselig virker:

<pre>$('scheduleButton').blur();

En hyggelig lille fejl i IE7, som andre forhåbentligt slipper for at kæmpe alt for længe med…

Nu har jeg atter besluttet at bruge min blog til noget – eller i hvert fald igen placere den direkte på Znegl.dk i stedet for blog.znegl.dk. Det skyldes 3 ting:

• Der er ingen grund til at have den på et selvstændigt domæne, eftersom indholdet på bloggen og indholdet på Znegl.dk sagtens kan bo sammen.
• Jeg vil optimere begge sider til visning på mobile enheder (læs Android-telefoner).
• Jeg vil af med Flash og bruge jQuery i stedet.

Det første punkt siger lidt sig selv, så jeg nøjes med at uddybe de to sidste:

Optimering til telefoner

..er en meget naturlig ting, eftersom jeg nu har en Android-telefon (HTC Magic). Jeg laver optimeringen, så den optimerer til 4 forskellige skærmstørrelser, fra under 450px i bredden til over 1100px. Som du kan se når du lige om lidt ændrer på størrelsen af din browser, skifter mængden af margin mellem indhold og browservindue, desuden fjernes mit seneste Tweet i toppen af siden på små skærme, og til rigtigt små skærme, placeres alt indholdet i en lang liste i højden.

Det med Flash..

Verden hader tilsyneladende Flash lige for tiden, hvilket er lidt fjollet – for uden Flash havde folk ikke haft behovet for de nye funktionaliteter i HTML5, CSS3 og den nu enorme brug af JavaScript. Når det er sagt, så er det for mig en selvfølge at alt hvad der kan laves uden Flash også skal laves uden Flash. Det skyldes at Flash er et plugin, og altså kun et hjælpemiddel til at vise ting man på ingen anden måde kan vise. Flash skal efter mit hovede benyttes når komplekse animationer, store applikationer (så som spil og deciderede programmer), der kræver mere avanceret funktionalitet end det er fornuftigt at overskue i html (blandt andet objekt-orienterede projekter), og når en browser ikke understøtter HTML5+CSS3+JavaScript-versionen af samme funktionalitet (hvilket nok vil ske de næste par år).

Her på siden har jeg brugt Flash af 3 årsager:

• Embedding af skrifttyper
• Små animationer, for at gøre brugerfladen lidt lækker
• Interaktion med Twitter

Alle tre områder kan erstattes med nye webteknologier, så det gør jeg hermed. Og så er jeg oven i købet så flink at skrive lidt om det

Embedding af skrifttyper i CSS – helt ned til Internet Explorer 7

Indlæg om små animationer i jQuery og om interaktion med Twitter kommer snart (eller i hvert fald lige pludselig).

Gammelt og nyt i smuk symfoni.....

Til folk der vil skifte dele i en Znote 6024W, kan jeg røbe at tastaturet skal skubbes lidt opad, efter de tre skruer til tastaturet bag på computeren (den ene gemmer sig inde hos RAM-blokkene), hvorefter det kan vippes ud med en flad skruetrækker.. Det er væsentligt nemmere, end at prøve at skille det hele ad, for at finde ud af at det ikke er muligt (den sidste skrue, altså den der driller når man tror man har fjernet dem alle, sidder under tastaturet).

Nu hvor jeg er i den fantastiske situation at jeg snart bliver udsat for et æble, tænkte jeg at jeg hellere måtte finde ud af hvordan jeg bruger dette fine nye æble, til de ting jeg laver på min PC. Og når jeg nu alligevel leder så meget efter ting, kan jeg jo lige så godt skrive det her, så der er en enkelt eller to mere end mig, der får glæde af opdagelserne

Fjernskrivebord

Noget jeg bestemt ikke kan undvære, er fjernskrivebord. Jeg bruger det mere eller mindre konstant til at forbinde til min server (som kører Win XP), når jeg skal konfigurere den, eller bare for at sætte den til at downloade store filer, imens jeg selv er ude i verden og ikke har tid til at vente på filerne.

Under Windows bruger jeg Microsofts egen funktion til dette, idet den sjovt nok er optimeret til det. Til Mac har Microsoft også lavet et program :O der gør, at man kan forbinde til en Windows-pc fra en Mac. Problem løst

Jeg bruger også TeamViewer, idet det blandt andet gør, at jeg kan styre serveren, alt imens billedet vises på mit fjernsyn. TeamViewer findes også til Mac.

Windows på Mac

Brug Virtual Box (som er gratis) i stedet for de dyre programmer Apple selv sælger.

Windows Live Messenger

Findes til Mac her: http://www.microsoft.com/mac/products/messenger/default.mspx – Men er elendigt! Brug i stedet et alternativ som aMSN, som kan alt det Windows Live Messenger kan på Windows-maskiner.

Mere!

Jeg har også fået at vide at jeg skal bruge hurtigt sølv: http://docs.blacktree.com/quicksilver/what_is_quicksilver og Candybar, men har endnu ikke fået kigget på det.. Og textmate til php/js/andet godt.

Kig på reklamen til højre

Får jeg så kun 21,6cm når jeg vil have 27cm? Eller skal jeg kun bruge 21,6cm materiale for at få det til at fylde 27cm? Og hvorfor egentlig kun 27cm når jeg nu ikke har søgt på 27cm?

Bortset fra det er det ret sejt, at Google selv regner cm*cm*cm om til liter, når det nu var det jeg ville frem til

PS: At jeg vil frem til et antal liter, kunne (hvis man var lidt sej) godt tolkes til at jeg nu har hentet mit gamle akvarium og vil til at flytte livefisken over i det, helt uden at være en forkert tolkning.

Tags i Photoshop