Woopra live stats

Trenger du sanntids statistikk fra websiden din? Er det kanskje på tide med et nytt analyseverktøy? Er utfordreren til google analytics noe stess? – her er min mening om woopra.

Oversiktlig visning over programmets funksjonalitet. (1) Folk som er på siden nå. (2) Enkel navigasjon til ulike seksjoner av programmet. (3) Skrollende tekst med stats som pageviews i dag contra gjennomsnittet. Gir inntrykk av at det skjer noe hele tiden.

I noen (4) uker har jeg nå testet woopra, et analyseverktøy/statistikkprogram for webtrafikk. Det har på lik linje med sine konkurrenter et webgrensesnitt, men tilbyr også en klient. Jeg har testet klienten for Mac.

Hva får du?

Omtrent nøyaktig det alle andre statistikk/analyseverktøy tilbyr. Antall hits/visits/pageviews (som tilhører en hengemyr av et fagfelt som desperat trenger standardisering), IP/lokasjon/skjermstørrelse/nettleser/operativ system og siden(e) som brukeren har surfet eller surfer på.

Woopra likner altså mye på alle konkurrentene, men det er en ting som skiller seg ut.

Sanntid – velkommen til MTV-generasjonens rytmer

Her er en tilfeldig surfer inne på stavelin.com

Det som er unikt med woopra pr i dag er at det tilbyr sanntids informasjon om de som surfer på websiden din. Om dette gjør woopra mer til et leketøy enn et analyseverktøy skal jeg ikke spekulere i, jeg kan bare konkludere med at det ikke er veldig nyttig på små lekeplasser som stavelin.com. Det ville dog være genialt om du er IT-mann hos NRK som skal skryte til sjefen mens noe går live på nett-TV.

På illustrasjonen over kan vi se på hvilken bestemte side surferen, (den ene) som var innom stavelin.com på det tidspunktet jeg tok skjermbildet, var på. Her har du muligheten til å starte og chatte med denne brukeren, eller tagge han/hun hvis du kjenner igjen brukeren. Om brukeren er logget inn eller har kommentert noe på bloggen (skrevet inn brukernavn noe sted) så kommer navn (+evnt gravatar) med.

Chat, baby

Chat er en smål funksjonalitet å bake inn i et slikt verktøy. Jeg testet dette ved en anledning, og snakket med en kamerat som tilfeldigvis var inne. Han jeg snakket med jobber som systemutvikler, og har mildt sakt ”god peiling” på tekniske ting. En ingeniør, er en ingeniør.

Chat er innebydg i woopra, nå kan du snakke med dine besøkende. Hvis du synes det er noen god idé da.

Når er chat/lynmeldings-sesjon innledes popper det opp en liten boks i høyre hjørne av skjermbildet til surferen. Dette ser nesten helt likt ut som med MSN-messenger for windows. Min kamerat svarte til slutt på denne forespørselen, men ikke før jeg hadde skrevet flere setninger som helt tydelig avslørte at det var meg, Eirik Stavelin, som snakket, ikke et automatisert script. Jeg ville selv heller ikke ha svart på en slik forespørsel om en chat inne på en webside uten å tenke meg om både to og tre ganger. Det lukter svindel av denne funksjonaliteten, selv om det nå ikke er det.

Dette kan rett og slett fungere mot sin hensikt. Ikke SÅ fett med andre ord.

Referanser, alltid viktig.

Hvor kommer dine besøkende fra? Dette er kanskje et slikt verktøys viktigste oppgave, det er her pengene dukker opp. Hvilke lenker er mest verdt. NRKbeta skreiv for en tid tilbake om hvordan nettverk som facebook og twitter er viktige for deres tall.

Hvor kommer surfere fra? De som er på din side, altså.

Dette er bygd inn i woopra, delt opp i websider (som funker nøyaktig slik du tror), søkemotorer (selv om søkeord i detalj har forsvunnet ut av klienten), feed-readers (men ikke alle webbaserte som google reader), mail (som jeg ikke får til å funke), sosiale bokmerker (kan noen del.icio.use meg?), sosiale nettverk (hvor facebook og twitter dukker opp), media (hvor jeg ikke er helt sikker på hva de mener med) og news (som jeg antar er en lite med nyhets-domener, eller er det kanskje newsgroups? Hvem vet..) .

Betaperioden

(er ikke over)
Nedetid, invitebasert brukertilgang, kun et domene, …

..noen (han fra delicious monster) sa en gang at man ikke skal la betas gå public før de egentlig er ferdige. Kanskje det hadde vært noe å tenke på for woopra.

For Mac var også Java 1.6 beta påkrevd, noe som var pyton, da det ikke var intuitivt hvordan java 1.6 settes aktivt i kontrollpanelet.
Se denne, hvordan skal jeg vite at man må dra versjonene over hverandre for å sette dem som aktive?
I det hele tatt, klienter i java er ikke noe stas.

Å trekke en forhastet konklusjon

Analyseverktøy ”blir bedre” etter som datamengden øker litt. Men jeg synes jeg kan si noe om woopra contra google analytics (som heller ikke faller helt i smak hos meg) og andre (modlogan mf).

Woopra ser bedre ut. GUIet er flott, og enkelt. Dette betyr på ingen måte at det som er under skiller seg fra resten, noe jeg ikke synes det gjør.

Jeg finner ikke ting som stats om hva slags innhold (jpg, html, css, js, …) som lastes, og dermed heller ikke hva som lastes oftest, slik at jeg kan slanke siden der det trengs mest. Heller ei 200/404/… koder slik at jeg kan finne sider som det spørres etter, men som mangler, brutte lenker, osv.

Live-aspektene er spennende, men for min del meningsløse. Tidsaspektene ut over live ser ut å ha falt litt i skyggen av hypen om ”live”. Jeg savner muligheten til å sammenline dager/uker, se bedre grafer over tid og å finne ut mer om toppene og bunnene av de grafene som faktisk finnes.

Det er mye data som utelates, og noe som ikke ser ut til å funke. Søkeord behandles bedre på webversjonen av woopra enn i klienten. RSS-stats, mail, news, alt i alt virker det som en god idé implementert for et bestemt prosjekt, ikke for allmenn fornøyelse.

Det er en del ting jeg har utelatt i denne posten for å komme i and uten å skrive en avhandling. Så:
Woopra er i beta, altså ikke ferdig enda. Men: om det ikke gjøres drastiske endringer er dette ikke et verktøy jeg ser for meg ”alle” kommer til bruke på nettstedene sine. Det er ikke et verktøy som er attraktivt hvis det kommer ned en prislapp når det slippes offisielt. Woopra kommer ikke til å revolusjonere sitt felt, men det kan skaffe deg som webmann en stjerne i boka hos en CIO som begynner å bli gråhåret.

Trenger du Live stats?

Avatar gravatar

Sambo Kristin var den første av oss som oppgraderte wordpress (publiseringsløsningen mange blogger er basert på) over kneiken versjon 2.5. Med dette dukket også avatarer opp i kommentarene, uten at noen spurte meg om det først. Dette resulterte i litt forskning i hvordan disse avatarene fungerer (se kommentarene).

I denne posten avslører jeg mysteriet om hvordan du får din egen avatar under bloggposter du kommenterer.

Avatar sa du? – Hva er det?

Noen ord er rett og slett ordnett.no ikke særlig god på. Ordnett er genialt, men ikke oppdatert på tekniske og nerdete ord fra digital kultur.

avatar subst.
1 (indisk mytologi) inkarnasjon, avatara (gudenes nedstigning på jorden)
2 fase, manifestasjon

Meningen som så selvfølgelig brukes i digitale kulturer finnes i denne oversettelsen, men du bør nesten vite hva det er først. Men andre ord: ikke godt nok.

OSX har en egen ordliste innebygget. Denne er på ingen måte sammenliknbar med ordnett, men på visse område glimter den til:

avatar |ˈavəˌtär|
noun chiefly Hinduism
a manifestation of a deity or released soul in bodily form on earth; an incarnate divine teacher.
• an incarnation, embodiment, or manifestation of a person or idea : he set himself up as a new avatar of Arab radicalism.
• Computing a movable icon representing a person in cyberspace or virtual reality graphics.

Denne forklaringen kommuniserer meningen betraktelig bedre; en digital representasjon i en virtuell omgivelse. Din sådan. Med andre ord er Mario din avatar i Super Mario Bros. Det er likevel når du selv har muligheten til å tilpasse denne representasjonen, at ordet avatar oftest brukes.

Så hvordan få din egen avatar i wordpress?

Her ser du et eksempel på en som har, og en som ikke har en avatar i wordpress

WordPress har nå bygget inne støtte for gravatar.com (globally recognized avatar). Gravatar er enkelt og greit; en tjeneste som lenker et lite bilde (avataren) sammen med en mailadresse. Når du så kommenterer en post, så må du skrive inn et mailadresse, og hvis denne er lenket opp mot et bilde på gravatar.com; så vises det lille bildet ved siden av kommentaren din. Dette er selvsagt med forbehold om at den som blogger har lagt opp til dette (noe jeg ikke har somla meg til enda).

1. Legg til epostadresse

Gå til gravatar.com, lag en konto, og legg til en epostadresse du bruker når du kommenterer rundt om på webben

På gravatar.com knytter du epostadresse opp mot et bilde. Her ser vi et skjermbilde der epostadresse legges inn

2. Knytt et bilde et til epostadresse

Så laster du opp et lite bilde som skal representere deg på alle nettsteder som støtter gravatar. Mange blogger, forum og nettsteder gjør det. Husk å velge et bilde som representerer deg på en god helhetlig måte, slik at du tørr stå får det du sier selv om du skulle velge å ha et bilde av deg selv. Ditt digtale selv, er fortsatt deg.

foto av Roar Stavelin (takker og bukker)

Slik ser hovedsiden til innloggede brukere ut på gravatar.com. Her kan du administrere apostadresser og bilder.

3. Kommenter i vei!

Og din nye avarar vil vises der det finnes støte for det.

Jeg lover å svært rask oppdatere stavelin.com til å vise avatarene i kommentarene under postene.

Fancybox, en god løsning?

For drøye to år siden testa jeg en lightbox-løsning for bilder her på bloggen, pga manglende støtte på tvers av nettlesere kastet jeg den ut, på tross av at jeg selv synes det er en god ide. Nå prøver jeg meg på nytt, med fancybox.

Fancybox er en plugin til jquery. Tidligere har jeg brukt prototype.js som bibliotek, og utvidet med script.aculo.us for effekter/GUI. Jeg har ikke gått over måte grundig til verks på disse to alternativene (prototype vs jquery), men har brukt begge til et utvalg oppgaver. Jquery er min utvilsomme favoritt.

Hvorfor jeg mener fancybox er et godt valg.

Fancybox & Jquery krever ikke at xhtml’n er klargjort på noen måte. I den grad javascript ikke er skurdd på i nettleseren, så vil bildene vises som normalt, og lenkes til på en primitiv, men enkel måte. Koden vil se omtrent slik ut.

Så må fancybox aktiveres for disse, eller denne typen lenker.

$(document).ready(function() { 
	$("p#test1 a").fancybox();
});

Denne sier at a-er (lenker) inne i en p med id=test1 skal det aktiveres fancybox for.
For blogger kan det være lurt å skrive en mer generell regel, slik at framtidige bilde vill bli telt med.

	$("div.entry a[href*='.jpg']").fancybox({'overlayShow': true });

Her sier jeg ”alle lenker som går til .jpgbilder, som finnes inni diver med klassen entry”. Dvs alle bilder som havner inne bloggposter i wordpress.
Overlay er en av flere variasjoner denne pluginnen støtter, du kan se alle på fancy.klade.lv

Så til spørsålet; er dette brukervennlig? Overrasker vi brukere med slike løsninger? I den grad vi gjør det, er den en posivit eller negativ overraskelse?

Er det noen som har argumenter for at vi ikke bør bruke løsninger av lightbox/facybox typen?

Så en smaksprøve

Noen bilder fra en tur til London for noen år siden

Disse er ganske store fra før, men lat som om det er thumbnails vi ser her :)



Grupper

Noen ganger kan det være hensiktsmessig å gruppere bilder til sett, dette gjøres med ‘rel’ attributten på lenken. Under ser du jquerycoden for å gøre dette automatisk på alle, uten å faktisk skrive denne koden.
Nå vil alle lenker til bilder inni poster (alle poster på en pageload) bli samme galleriet

	$("div.entry a[href*='.jpg']").addClass("external").attr({ rel: "sammegruppe" });

(Her er det en innlysene svakhet i at bilder fra andre poster kommer med i gruppen, her er det tydelig at jeg må skrive om reglen som grupperer, men det kan vi ikke holde i mot selve pluginnen.
Plugin er btw et kipt ord på Norsk, jeg tror jeg fra nå skal bruke ‘innstikk’)

Bille under barken

Jobber du med html/CSS/javascript eller med noen av disse i kombinasjon med et serverside scriptspråk? Da er det en genial plugin du MÅ ha til firefox. En plugin som gjør firefox til den nettleseren som blir uunværlig i ditt arbeid; firebug.

Go getfirebug.com

GetFireBug.com

Hva gjør den?

Med firebug kan du debugge (eller ”avsluse”, som det så pent heter på universitets geek lingo) din kode, for å få enda bedre oversikt over hva som skjer når nettleseren tygger koden din. Vi begynner med det som synes best; CSS.

Flotters.

1. overskriften rendret i normal visning, 2 html-koden for samme overskrift, 3 css-kode som styrer utseende for slike html-elementer

Først klikket jeg på ”inspekt” i firebug-vinduet (1), så på overskriften ”Latin på Upihl” fra forrige post. I vinduet nede til venstre får jeg da opp html’n for denne siden (2) i et tre-utsnitt, med fokus på noden overskriften består av, en <a inni en <h2> inni en div, osv. I vinudet nede til høyre ser vi CSS koden som styrer utseende for denne typen overskrifter (3), rangert etter styrke. Stiler over er skrevet over (svakere stiler) vises med gjennomstreket tekst.

Du kan traversere alle nodene i html-koden, fra <html> og ned til minste barn av barn av barn…, og dermed finne alle noder du har skrevet CSSkode for. Om så noe CSS ikke skulle fungere som forventet; kan du alltids se om stilen blir overskrevet, eller ikke prares pga skrivefeil eller likende.
Det finnes også et layout-view, som viser hvor mye plass de ulike elementene tar, med hele boks-modellen visuallisert. TRouBLe med (top, right, bottom, left) rekke følgen på margin, padding, border, osv er ikke lenger en mare.

inspect med firbugg, nice

Om bare denne modellen hadde vært implementert likt i alle nettlesere..

Et par ting til; lastetid & javascript

En gang i blant begynner kanskje siden din å laste litt treigt, og som vi lærte av Jakob Nielsen for mange år siden; det er ikke bra. Da kan ”net”-tabben være noe å se på. Den viser deg, on-the-fly, hva som lastes i hvilken rekkefølge, hvor lang tid det tar, og hvor mange bytes. Nice.

Lastetid i firebug

Lastetid visuellisert. 1 NET-tabben, 2 antall KB, 3 total lastetid.

Hvordan vet du hvilke variabler og verdier som som sendes asynkront i nye fancy javascriptbaserte webapplikasjoner? Som bruker er jo ikke dette interresant, men når du utvikler er dette veldig nyttig, særlig når hodebunnen begynner å bli sår og tynnslitt.

POSTvariabler i firebug

POST[«manPat»] er alltid tidlig ute.

Console’n forteller meg her at verdien (value) ”Dette er kule saker” og id’n 60 blir sendt til et php-script under stavelin.com/hemmelig/script.php som POST. Det er veldig greit å få presentert i klartekst når det begynner å bli lenge siden forrige kaffekopp.

Du kan gjøre mye mer med firebug, så last ned og finn ut hva som passer din arbeidsmåte best. For meg har firebug gjort at firefox ikke blir byttet ut med noen andre nettlesere som førstevalg med det første. Det finnes konkurrenter til andre nettlesere, men ingen som er så slicke som firebug. Go get.

Latin på Upihl.

Upihl, eller Ulrikke Pihls pikeskole, er et bygg med lese-, data- og undervisningsrom for laveregradsstudenter ved SVF UiB. Nå pusses bygget opp, og i dag oppdaget jeg at de har hengt opp plakater med latinske utrykk i inngangspartiet. Men hva betyr de latinske ordene? Jeg har kastet meg over google i jakten på en overfladisk forståelse.

latin på HF biblioteket

Her: et liknende fenomen på HF-biblioteket. «Amor librorum nos unit», betyr noe sånt som «The love of books unites us» eller på Norsk «Kjærligheten til bøker forener oss».

Plakat på Upihl Midlertidige google-resultat Ca Norsk oversettelse
Ipsa scientia potestas est Herself knowledge power is Kunnskapen selv er makt / Kunnskap er makt
Veritas lux mea (veritas – sannhet, lux – lys, mea – meg?) Sannheten er mitt lys
Facilius per partes in cognitionem totius adducimur we are more easily led part by part to an understanding of the whole Vi ledes lettere del for del, for å forstå helheten
Nil actum repute si quid superest agendum Don’t consider that anything has been done if anything is left to be done. Anta ikke at noe er unnagjort før det ikke gjenstår noe å gjøre.
Divina natura dedit agros, ars humana aedificavit urbes The divine nature produced the fields, human skill has built cities. -Tibullus Den guddommelige naturen har skapt jordene, mennesket har byget byer.
Nullum saeculum magnis ingeniis clausum est To great talents no era is closed.-Seneca For store talent er intet område lukket.
Timendi causa est nescire Ignorance is the cause of fear.-Seneca Uvitenhet er redselens rot
Quo Vadis? (kurt?) Hvor går du hen?
Cogito, ergo sum (endelig en som stod i exphil-pensum) Jeg tenker derfor er jeg. – René Descartes
Qui non est hodie cras minus aptus erit He who is not prepared today will be less so tomorrow. -Ovid Den som ikke er forberedt i dag, vil være mindre så i morgen.
Eo ipso «by that very act» Ved den handling
Vincit omnia veritas Truth conquers all Sannheten beseirer alt
Dies diem docet   Hver dag er den nestes læremester
Dignus est intrare He is worthy to enter Den som er verdig, tre innenfor!
Repetito est mater studiorum Repetition is the mother of studies/learning. Repetisjon er læringens mor
Fallaces sunt rerum species The appearances of things are deceptive. (Seneca)The outward appearances of things are deceiving Utseende bedrar

Jeg er hverken lingvist, logofil eller lokal mester i rettskriving, så forbedrede formuleringer mottas med takk i kommentarfeltet.

Veritas Lux Mea Indeed

Nå har de jommen meg tatt av lysene i taket, og bruker disse sitatene som belysning i stede..
Veritas Lux Mea indeed.