html-utvikler

Hva er smartest – programmere selv, eller bruke ferdige løsninger?

Svaret er nærmest gitt – bruk ferdige løsninger! Programmering tar tid, og dersom andre har løst samme problem tidligere, fikset feil og testet grundig, er det høyst sannsynlig lite å hente på å lage selv.

Hvorfor er da det meste av det jeg lager egenutviklet? Vel, til mitt forsvar, denne uken har jeg faktisk tatt i bruk en ferdigløsning, nemlig PHP-forumet PunBB.

PunBB er en minimalt ressurskrevende forum-løsning, med lite grafikk, ryddig layout, fornuftige funksjoner og godt admin-verktøy. PunBB møtte alle hovedkravene jeg hadde til 1001 Spills forum. Det var enkelt å integrere, og etter få kodeendringer var systemet fullt oppegående. Alt på norsk selvsagt, etter nedlasting av PunBBs norske oversettelse.

Men, tilbake til spørmålet: hvorfor det meste jeg lager er egenutviklet. I 1001 Spills tilfelle er begrunnelsen todelt:

• Skreddersøm – skreddersydd søkemotor, skreddersydd forside, to språkdrakter som også er skreddersydd, skreddersydd søkemotoroptimalisering, etc. Lite å hente her ved bruk av ferdigløsninger.
• Serverutgifter – For å holde serverutgiftene nede er det viktig å bruke minst mulig båndbredde og serverkraft. Ved å skreddersy (nok en gang) cache-mekanismer, ha full kontroll over database-spørringer er alle muligheter på plass for en mest mulig økonomisk drift av portalen

PunBB passer perfekt i dette bildet. Koden er liten og oversiktlig og gjør det lett å lage små tilpasninger til det eksisterende systemet. Html-koden er dessuten kompakt og systemet er klargjort for gzip-komprimering, hvilket passer inn i det økonomiske bildet.

Så gjenstår det bare å se om også 1001 Spills brukere trykker PunBB til sitt bryst.

Microsoft har nå lagt ut Release Candidate 1 av IE7.

Dersom du ønsker å kjøre både IE6 og IE7 på samme maskin anbefaler Microsoft at du laster ned gratisversjonen av Virtual PC 2004.

Eventuelt kan du følge IE7 beta 3-standalone oppskriften.

Kikker du daglig i dine loggfiler for å sjekke hvor mange brukere du har, hvor de kommer fra og hva de søkte etter?

Flott! Da vet du hvor mye nyttig informasjon en slik loggfil kan gi. Spesielt om den er knadd av et analyseverktøy a’la Analyzer eller Webalizer.

Men, har du prøvd å sette opp en live monitor? Ved å overvåke trafikken på ditt nettsted kontinuerlig får du et helt annen følelse for dine brukere. Da ser umiddelbart hvor de kommer fra, hvor de beveger seg (om du har ryddige URLer, hvilket absolutt er å anbefale), hva de søker etter (om søk-requests er satt opp med GET, hvilket også er å anbefale;) og alt annet de får av innfall på din side.

En live monitor lager du enkelt ved å for eksempel lagre alle brukernes bevegelser i en egen tekstfil.

Jeg bruker en enkel PHP-funksjon a’la :

// Appends info to access log
function logAccess() {
   $time = date("Ymd H:i",time());
   $ipAddress = $_SERVER['REMOTE_ADDR'];
   $req = $_SERVER['REQUEST_URI'];
   $referer = $_SERVER["HTTP_REFERER"];

   $handle= fopen( PATH. "logs/access.txt",'a');
   fputs($handle, "$time\t$ipAddress\t$req\t$referer\n");
   fclose($handle);
}

som deretter kalles i koden med:

logAccess();

Har du unix-webhotell kan du deretter logge inn på serveren, gå til katalogen med access-filen og kjøre:

tail -f access.txt

Vips! Er det bare å hente en pose potetgull, lene seg tilbake og følge med på hva dine brukere finner på. Jeg garanterer at du lærer noe nytt etter få minutter!

På jakt etter et enkelt og velfungerende chattesystem til din egen server? Ta en titt på Lace!

Denne PHP-applikasjonen benytter Ajax-teknikken for oppdatering, lager validerende XHTML og inneholder ryddig og pen kode.

Sjekk også Chat Creator som bruker Lace til å lage egne gratis chatterom til alle sine brukere.

Hvor god er din søkemotor? Ved å måle søkemotorens kvalitet kan du forbedre søkeresultatene og i tillegg lære mye om dine brukere.

Tom Gilb hadde en meget inspirerende presentasjon på Javazone 2005, omkring temaet Quantification (les: tallfesting av systemers kvalitet.)

For meg var foredraget en ordentlig tankevekker og i etterkant har jeg prøvd å overføre idéene til 1001 Spills søkemotor.

Hvordan måler man en søkemotors kvalitet? Noe revolusjonerende fasit på dette finner du ikke her, men de følgende metodene har allikevel gitt meget gode resultater på 1001spill:

• Hvor mange finner det de leter etter?
  Jeg har en toppliste over de mest vanlige søk og gjennomgår disse manuelt. Hvert søketreff kategoriseres i tre kategorier:
  • 3 – perfekt, mest relevante treff står øverst.
  • 2 – middels, mest relevante treff står på forsiden, men ikke øverst.
  • 1 – dårlig, mest relevante treff ikke på førstesiden

  Jeg lager så en prosentvis oversikt over hvor mange av søkene som kommer i hver enkelt kategori. Før jeg begynte med arbeidet ga ca. 10% av søkene dårlig treff, nå er den nede på 5%. Gjennomgår også alle søk med null treff, hvilket er med på å forbedre dette resultatet.

  • Fordeler: gir en god indikasjon på kvaliteten.
  • Ulemper: manuell gjennomgang av søkeresultatene er tidkrevende
    Tips! Fokuser på mest vanlig søk, og alle søk med null treff
  • 1001 Spill erfaring: ca 30% av søkene gir nå godt resultat. Før jeg begynte på kvalitetsforbedringene var tallet ca 15%.

• Hvor mange trykker på et av resultatene?
  Teller hvor mange som klikker på et av treffene på søkeresultatsiden. Gir en indikasjon på hvorvidt treffene er av interesse for brukeren.
  • Fordeler: enkelt å implementere, helautomatisk.
  • Ulemper: å få opp klikkraten trenger ikke være et mål i seg selv.
  • 1001 Spill erfaring: ca. 50% klikker på et av resultatene etter et søk.

Google vurderer en nettsides kvalitet ved å, blant mye annet, telle antall gode nettsteder som linker til siden.

For å ha suksess hos søkemotorene er det derfor nyttig å vite hvem som linker til deg, og hvem som linker til dine konkurrenter.

Ved å søke i Google etter “link:en url”, f.eks link:www.htmlutvikler.no så får du en oppramsing av alle sider som linker til deg.

Men, visste du at alltheweb.com tilbyr nøyaktig samme funksjonalitetet og ofte finner flere linker enn Google? Se f.eks her: link:www.htmlutvikler.no

Store tunge internettsider er aldri lurt, uansett hvor mange brukere som har bredbånd.

I mitt arbeid med 1001 Spill har resultatet alltid vært det samme. Hver gang jeg drastisk kutter ned på sidestørrelsen (optimaliserer bilder, fjerner elementer) går trafikken opp.

I tillegg kommer alle andre fordeler:

• Mindre båndbreddebruk
  Båndbredden er normalt den største utgiften, så her er det mye å spare.
• Frigjør diskplass
• Mindre loggfiler
• Raskere ftp-overføring
• etc.

Sjekk størrelsen på dine sider:

• Web Page Analyzer
  Viser størrelse, antall elementer og forventet nedlastingstid.
• Opera
  Trykk F4 (åpner panel-vinduet) og klikk info-knappen. Dersom den ikke vises, klikk på høyre museknapp og aktivér info.

Følg utviklingen til søkeord og begreper med Google Trends. I dag lanserte Google en rekke nye søketjenester. Mest spennende av disse er kanskje Google Trends, som lar deg sammenligne søkeordenes popularitet og utvikling i forhold til hverandre.

Sammenlign for eksempel Dagbladet med VG, Java med Ruby eller Vålerenga med Rosenborg, eller les Steve Rubels 25 Things I Learned on Google Trends NY.

Tags er nyttig, kraftig og enkelt og implementere i MySQL.

Del.icio.us var mitt første møte med tags, og demonstrerer på en glimrende måte fleksibiliteten og mulighetene ved denne metoden.

Her er tags-feltet et vanlig tekstfelt hvor brukerene selv kan benytte sine egne ord og begreper.

Implementasjonen av en slik løsning er meget enkel. Les Philip Kellers utmerkede artikler om emnet:

• Tags with MySQL fulltext
• Tags: Database schemas
• Tagsystems: performance tests

Nyttige validerings-verktøy strømmer ut om dagen. Spesielt Firefox er velsignet slike geniale plugins.

Her er et lite knippe utvalgte gullkorn som kan lette din hverdag:

• 
  Firefox HTML Validator

  Integreres lekkert med Firefox og viser validerings-informasjonen mens du surfer. Dobbelt-klikk på ikonet så får du ekstra informasjon med nøyaktig beskrivelse av feil og advarsler.

  NB! Dette verktøyet bruker HTML Tidy og gir nødvendigvis ikke samme resultat som W3C sin validator.

• Web Developer Toolbar

  Flott toolbar med mange nyttige funksjoner. Debug css-koden direkte, skru av og på elementer, se detaljer om html-koden, størrelser på elementer og mye mer.
  Takk til bza for tipset!

• Firefox Firebug

  Validerer html-koden automatisk, og viser nyttig info og detaljer om en side. Spesielt kode-granskingen falt jeg for her. Dessverre er gjeldende versjon noe ustabil.

• Firefox Online W3C HTML validator

  Plugin som legger til menyvalg for sjekk mot W3Cs offisielle tjeneste.

• Safari Tidy NY

  Safari-versjon av Firefox HTML Validator.

• Opera-tips: Trykk Ctrl+Alt+v i Opera, så valideres html-koden automatisk.
• W3C HTML Validator
• W3C CSS Validator
• RSS og Atom Feed Validator
• Robots.txt syntax checker

Så nå har man ingen gode unnskyldninger for å servere dårlig html og css, men noen dårlige har jeg alltids på lager;)