Hopp til innhold

I artikkelen Lightbox JS, SWFObject, Lightwindow og ThickBox tok jeg for meg teknologier for visninger av større bilder ved hjelp av JavaScript.

GreyBox er et annet script WebOn bruker, siden det kan vise andre nettsider og dermed er det lettere å legge til andre filformat som PDF og filmer. I tillegg kan man lett kan bla mellom bilder og nettsider.

Age Of Conan PC inkl/ in-game Mount
Screenshot Spaceworld

Search Summit 08 Norges største forretnings- og teknologikonferanse om søk ble avholdt i Oslo. Konferansen er arrangert av IKT-Norge sammen med større aktører innen søketeknologi i Norge. Men hvorfor var ikke Google representert?

Flere gode foredrag, der Sue Feldman, Research Vice President IDC, var den absolutt beste og hadde de mest interessante synspunktene og innspillene. Konferansen er til neste år også og er hermed anbefalt.

Utfordringer for søk

  • Samle tilgang til all forskjellig informasjon i et brukergrensesnitt
  • Kople ulike teknologier sammen for å bedre brukertjenestene
  • Forbedre HCI (menneske/maskin grensesnitt) med en mer menneskelig tilnærming fra søkemotorene

Fremtidens søketeknologier må være i stand til å ha en dialog med brukeren og dermed kunne oppføre seg som et menneske med å forstå og føre en dialog på tilsvarende måte. Søk vil være integrert i alle applikasjoner i fremtiden.

Omsetning på søkeordsannonser

  • 30 % av alle søk blir gjort med ”de fire store”: Google, Yahoo, MSN og AOL
  • 70 % blir gjort av ”alle andre”, mindre søkemotorer, interne søk, etc.

Det interessante her er at sistnevnte utgjør 37,6 % av omsetningen på søkeordannonser. Det er derfor ingen som er ”alene” om markedet. NB: Annonsemarkedet på internett har bare så vidt tatt av!

Gir best konverteringsrate

  • Annonser i søkemotorer
  • Kataloger
  • Organiske søkeresultat

Nye grensesnitt på søk

  • www.searchme.com – Cover Flow visning av søkeresultater (BETA!) – veldig interessant. Krever registrering
  • www.spaceworld.no – Dynamisk søk; globalt og kategoribasert
  • www.easyask.com – Kommersielt produkt, men gir en klar indikasjon på utviklingen

Foredragene fra konferansen – dessverre legger ikke IDC ut sitt foredrag.

2

Først de tre lagene på nettet

  • Innholdslag: (X)HTML
  • Presentasjonslag: CSS
  • Oppførselslag: JavaScript

JavaScript blir mer og mer brukt på nettsider for å skape interaksjon. Jeg personlig mener at bruk av JavaScript ikke er noe problem, heller det motsatte. JavaScript er også en del av AJAX (Asynchronous JavaScript and XML), noe som er mye brukt i den såkalte Web 2.0 verdenen.

Fire grunner til at JavaScript er deaktivert

  • Det er mange ”User Agents” som ikke nødvendigvis er nettlesere. Et eksempel er googlebot som er "små program" som indekserer sidene for søkemotoren. Disse har selvsagt ikke JavaScript aktivert.
  • Noen brukere (‰) bruker gamle nettlesere som ikke støtter JavaScript. De er det vanskelig å gjøre noe med, men det er tvilsomt om de er i din målgruppe.
  • Avanserte brukere (hovedsakelig utviklere) som har deaktivert JavaScript, men er selvsagt klar over følgene.
  • IT-ansvarlige, ofte med lite kompetanse, som har deaktivert JavaScript for alle i bedriften (i frykt for å måtte arbeide etter lunsj – da kaffen er nytraktet og det fortsatt er kaker igjen).

Deaktivering av JavaScriptWebOn testet noen e-handelsnettsteder som er mye besøkt og vi fant ut at mindre enn 1 av 500 hadde JavaScript deaktivert. Er det da noe problem?

Hvorfor ikke bruke JavaScript?
Motargumentet finner du i Google Webmaster Guidelines. Søkemotorrobotene kan fortsatt ha problemer med å indeksere innhold om det er ”gjemt” bak JavaScript. Test sidene dine godt om du bruker JavaScript - en regel som forøvrig gjelder uansett.

Mobiltelefon Innen 2010 er det forventet at halvparten av jordens befolkning ha tilgang til nettet via mobile enheter.
dev.mobi - Mobile Web Developer’s Guide Part I oppsummer dagens teknologi på en god måte og tar for seg strategi, informasjonsarkitektur, design, status på standarder og anbefalinger for utvikling av mobile løsninger.

VIKTIGE RETNINGSLINJER

  • Ulik størrelse på skjermer er den største utfordringen; Anbefalt maksimum størrelse er 200x250
  • XHTML-MP (Extensible Hypertext Markup Language - Mobile Profile) er utviklingsspråket. Sider laget med XHMTL vil derfor stort sett vises bra på mobile enheter
  • CSS-MP er under utvikling, men inntil det er på plass anbefales det å gå for så enkel CSS som mulig
  • Bruk "Accesskey" (definerte hurtigtaster) for å navigere med mobiltastaturet

I 2000 var jeg med på mitt første prosjekt for mobile løsninger, ODIN Mobile, da laget med kartløsning i HTML. Telenor, som var samarbeidspartner i prosjektet, fikk på plass posisjonering i 2001. Utvikling av mobile informasjonssystemer ved UIO, videreførte disse erfaringene. Min oppgave tok for seg grafiske brukergrensesnitt i mobile løsninger for reiselivet.

NYTTIGE LINKER OG VERKTØY

Spaceworld sitt nye nettsted er endelig lansert med mye ny funksjonalitet.

  • Ajax-søk, både globalt og på produktsidene til mobil, spill og film
  • Visning av filmer og screenshots
  • Utvidet vareutvalg med bedre produktinformasjon

Dette er den beste e-handelsløsningen - ever! Litt inhabil der, siden jeg var prosjektleder for prosjektet hos WebOn 🙂 Takk til daglig leder Filip Elverhøy hos Spaceworld.no for godt samarbeid,

BLIR BEDRE
I 2008 vil nettstedet bli enda bedre, der Spaceworld og WebOn bygger videre på multikanalstrategien presentert av Spaceworld på e-handelsseminaret 15. november.

Spaceworld

Gratulerer Spaceworld!

Resultatet fra e-handelsmålingen, gjennomført blant de 1000 største handelsbedriftene i Norge, ble presentert på e-handelsseminaret til WebOn 15 november. Etter 12 år spesialisert på e-handel og med mer enn 200 gjennomførte e-handelsprosjekter vet WebOn hva som fungerer og hvilke feller man bør unngå. 

Større aktører inne e-handel ved Spaceworld og Wittusen & Jensen deltok også for å dele av deres erfaringer.

Klikk her for å aktivere og bruke denne kontrollen. Mange kjenner igjen den feilmeldingen. Hvorfor skal det være nødvendig å aktivisere flash for å se innholdet?
Skjermbilde
Microsoft har tapt en rettssak, så nå må de vise og aktivere ActiveX basert media som Flash, QuickTime, Java og andre teknologier i Internet Explorer.

Microsoft har lagt ut oppdateringer, men det er ikke så kjent for den vanlige bruker.

Utviklere kan omgå denne ”feilmeldingen”, men det trengs tilleggskoding med JavaScript.

Amara Software beskriver ulike fremgangsmåter for å fikse problemet. Teknikken er også brukt av SWFObject, beskrevet i en tidligere artikkel.

Adobe har lagt inn funksjoner både i Adobe Flash CS3 og Adobe Dreamweaver CS3 for å omgå problemet, det betyr i korthet at de laster opp JavaScript-filer når nettsiden/nettstedet blir publisert.

Nokia 6110 Navigator Nokia 6110 Navigator med GPS fungerte over all forventning. Jeg testet den ut i Oslo og den fikk meg frem til riktig adresse uten problemer. En hyggelig kvinnestemme, som absolutt ikke minnet om svigermor i baksetet, sørget for at jeg ikke trengte å se på kartet under reisen. På rødt lys ventet hun tålmodig også. GPS på mobiltelefon blir nok standard snart.

Route 66 med nordiske kart er forhåndsinstallert i Nokia 6110 og de tilbyr deg å kjøpe flere. Opplysninger om fotobokser kostet 9,95 Euro ekstra, men det virket som en fornuftig investering.

Brukergrensesnittet er det ikke noe å si på og de fleste vil nok kunne ta i bruk systemet uten problem.Smartmobilen blir levert med et minnekort på 512 MB, men med mange program og mye musikk så investerte jeg like godt i et 2 GB kort. Det kostet 275,- hos Clas Ohlsson med to adaptere. Ikke noe å si på det.

Gode nettsteder for tester av mobiltelefoner og mer informasjon

Den største innvendingen min er at batterilevetiden kunne vært bedre, men den er overraskende bra til å være en Nokia. Blir batterilevetiden bedre, så vil de neste 5 mobiltelefonene mine også bli Nokia. Billader når du bruker GPS er hermed anbefalt, selv om det holdt fint tur/retur Tønsberg – Oslo. Noe annet blir det nok når jeg skal til Skjåk.

Konklusjon: Du blir fort avhengig av gode verktøy!

Lightbox JS er et sett JavaScript som tilbyr en visuell effekt ved fremvisning av bilder. Den er svært nyttig når man trenger å presentere større bilder som vanskelig lar seg implementere i eksisterende design. WebOn bruker den i flere av våre løsninger, eks. Samlerhuset, siden man ofte må ha store og gode bilder for å selge et produkt.

Samlerhuset
Screenshot Samlerhuset

SWFObject er et annet JavaScript med samme funksjonalitet for implementering av SWF (Flash-filer) på nettet, samtidig som det validerer og sjekker om flashplayeren er installert.

Eksempel på bruk av både Lightbox JS og SWFObject finner du på Spaceworld i spillet Pirates of the Caribbean: At Worlds End. Spaceworld arbeider for øvrig med redesign av sidene sine, noe som vil resultere i en av de beste e-handelsløsningene – Ever!

LightWindow har samme funksjonalitet, men kan i tillegg vise flere format som de vanligste webfilmformatene, PDF, SWF, eksterne websider, bildegallerier etc. ThickBox er et annet JavaScript som viser bilder og webinnhold, men er mindre brukt. Det finnes flere JavaScript med lignende funksjoner, men dette er de viktigste og mest brukte.