The Smartphone Browser Landscape

Oversikt over mobiltelefoner og nettlesere, til hjelp i uttesting av nettsider for mobil

http://www.alistapart.com/articles/smartphone-browser-landscape/

Prosjektmappe på K:

Jeg har opprettet en mappe på K:

K:\adm-avd\adm-ls\Faggruppe for digitale brukertjenester\Prosjektgruppe for mobiltjenester

Foreløpig ligger bare utkastet til mobilsidene der, men det er bare å fylle på hvis dere har noe liggende :)

Referat fra møtet 1.11.10

Deltakere: Bettina, Tanja, Trude, Åse Marit

Utprøving
Trude har såvidt begynt å leke med oppsettet og allerede lagt til en liten meny. Publisert på http://lsmobil.hio.no/

Ikoner
Åse Marit har funnet en del eksempler på ikoner andre amerikanske bibliotek har brukt på sine mobilsider. Vi ble enige om klokke for Åpningstider, lyspære eller flip board for Drop-in-kurs, ls-kart for Rom og utstyr, kombinert telefon/konvolutt/@ for Kontakt (eller lignende), Bibsys ikon (evnt. bøker) for Mine lån / fornye, PC for IT-støtte og kompass for Kart.

Ikonene kjøpes gjennom iStock.

Sideinnhold
Bettina har skissert et forslag til oppsett for undersidene. På førstesiden skal vi ha meny med ikoner og skrift under ikonene. Man klikker seg deretter inn på ønsket menyvalg, eks. Åpningstider. Færre sider betyr også mindre vedlikehold, så ett alternativ er da å samle all informasjon på en side, og lenke til informasjon lenger ned på siden (slik det er gjort på databaselisten). For å unngå at siden tar lang tid å laste opp kan vi ta vekk kartbildene og heller lenke til dem. De blir da lagt på egen underside.

Det kan fort bli mye scrolling under Åpningstider, Drop-in-kurs og Rom og utstyr. Alternativt kan vi da lenke mer. Eksempel for Drop-in-kurs:

Endnote (sette inn lenke til kursinnhold her)
Når:
Torsdag 11/11 kl.10-11 (P35, rom PI 343)
Onsdag 1/2 kl.10-11 (P35, rom PI 343)

Gjøremål

• Trude må ha opplæring med Åse Marit / Bettina / Tanja (?) i publiseringsverktøyet o.l.


• Bettina sender redigert sideinnhold til Trude


• Ikoner kjøpes fra iStock. Tar du jobben, Åse Marit?

Nytt møte:
6.12.2010, 12:30, P48-S337 LS

Tilføyinger/rettelser? Rediger innlegget eller kommenter :)

Referat fra møtet 18.10.10

Deltakere: Trude, Åse Marit, Tofik, Thea, Bettina

LS la frem idéen om egen LS-mobilside, for IT og Info. Fikk klarsignal.

Navn på url
Vårt opprinnelige forslag om m.hio.no/ls går ikke da hio.no/ls allerede er i bruk. Går derfor for m.hio.no/lsmob

Layout
Logo til HiO: Gjøre det enkelt, men gjenkjennelig. Samme font. Nedlastbare HiO-logoer

Tilpasninger

• Lage to versjoner. En med og en uten bilder. Sidevisning blir automatisk valgt ut i fra hvilke mobil man har. Dette kan IT legge inn
• Statistikk. Legge inn en "javascriptsnutt" slik at vi får ut statistikk. Google Analytics blir brukt

Være obs på

• Huske å oppdatere sidene når nye endringer. Dette er spesielt viktig for Drop-in-kurs. Ellers er de fleste sidene noenlunde konstante. Åpningstider (ferier) må også endres på når det trengs
• Lenker i forhold til touch

Gjøremål

• Trude undersøker mht server. Gir beskjed til IT angående url'en m.hio.no/lsmob
• Trude begynner å sette seg inn i det praktiske (HTML sider med CSS)
• Gruppens medlemmer leter etter ikoner som kan passe til mobilsiden. Ikoner for Åpningstider, Kart, Drop-in-kurs, Min side fra Bibsys, HiO-logo. Eventuelt IT-støtte, Kontakt, Rom og utstyr (Eventuelt fordi det ble diskutert om vi skal ha Kontakt innunder Åpningstider. Det samme med IT-støtte)
• Bettina lager forslag til oppsett for undersidene

Nytt møte
1. november, kl.14.30, P48-S337 LS

Tilføyinger/rettelser? Rediger innlegget eller kommenter :)

Referat fra møtet 30.9.10

Deltakere: Tanja, Åse Marit, Trude og Bettina

På møtet startet vi med å se på to mulige løsninger for veien videre:

• Tilpasse Læringssenterets nettside slik at den blir mer kompatibel med mobil. Jamfør forgje bloggpost er HiOs side foreløpig 23 % mobilvennlig, mens HiAk siden er 0 % mobilvennlig
• Lage egen side spesialtilpasset mobilside og lenke opp til den opprinnelige siden

Etter en diskusjon falt valget på å lage egen side. Vi forsøker å få til en løsning der vi kjører over egen server. IT må kontaktes og opprette nettadresse. Forlag: m.hio.no/ls

Lages i CSS og ellers så enkelt som mulig gjennom tekstfiler. Disse sidene må lages utenfor eZ Publish.

Vevsider vi tenker oss kan legges på eksempelvis m.hio.no/ls i første omgang er:

• HiOs logo med Læringssenteret øverst - Åpningstider og kontaktinformasjon (herunder IT-støtte)
• "Min side" fra BIBSYS (Feidepålogging går fint. BIBSYS søking er foreløpig ikke tilpasset mobil, så avventer med å legge inn dette)
• Kart
• Læringssenteret side på Facebook
• Drop-in-kurs
• Rom og utstyr
• Ordnett (mobil.ordnett.no)
• E-bøker?
• Lenke til originalside

Bettina har forhørt seg om hio.no's plan for å gjøre sidene mobilvennlige. Arbeidet er påbegynt og består i å redesigne sidene fra bunnen av. Ingen script. Tips fra Tofik: Det er en tjeneste som heter bmobilized som kan gi en idé over hvordan man bør strukturere nettstedet for at det skal bli mer mobilvennlig. Eirik kunne informere om at det er begynt å snakke om mobilapplikasjoner for den nye hiohiak-web'en.

Gjøremål:

• Trude sjekker med IT om mulighetene for å sette eksempelvis m.hio.no/ls opp på en server. Vi lager dette i et så enkelt tekstprogram som mulig, f.eks. text pad. CSS-kodingen kan vi i stor grad kopiere fra andre.
• Kan vi hente ut statistikk for Dawson og Ebrary over hvilke plattformer e-bøkene blir lest/lastet ned fra? Forhør med Tove.

Neste møte blir 18. oktober, kl. 13 på Læringssenteret P48s møterom.

Tilføyinger/rettelser? Rediger innlegget eller kommenter :)

Hvor mobilvennlige er våre sider?

I følge denne valideringssiden fra W3C mobileOK Checker er Læringssenterets hovedside 23 % mobilvennlig. HiAks bibliotekside ligger foreløpig på 0 % mobilvennlig. Nettstedet påpeker hva som ikke fungerer på siden som blir testet og er et nyttig verktøy i vårt fremtidige arbeid. Hos HiO er det mengden informasjon som er det mest kritiske.

Nyttig artikkel om å utvikle en mobilside

Artikkelen Tips on Designing and Developing Mobile Web Sites (av Kim Griggs, Laurie M. Bridges, Hannah Gascho Rempel) tar for seg hvordan utvikle en mobilside for et bibliotek. Praktisk vinkling med flere konkrete tips. Fant også denne artikkelen interessant: How to Create a Mobile Experience (lenken fungerer nok bare på HiO maskiner da den er lenket via EBSCO. Referanse: Library Technology Reports, 2008, Vol. 44 Issue 5, p39-42). Enjoy :)