automobile workshop ppt Traning report by c rang rajan and sudhir kumar
UU Erfaringer fra UDI
1. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
2. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
UU programmering på UDI.no
Stian Westvig Bouvet
3. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
4. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
• Følge kodestandarder
• Strukturering av nettsiden
• Tab navigering
• Arbeidsmetode hos UDI
Hvordan programmere UU?
5. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Skrive god HTML
Online verktøy:
validator.w3.org
Validere HTML: Sjekke om kode
tilfredsstiller alle krav
Også CSS: Stilingen av nettsiden
6. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Dokumentstruktur
7. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Tabnavigering
• Bruke nettsiden med tastatur
• I stedet for mus
• Hva er markert?
– Kontrast farger
• Rekkefølge
• Snarveier
7 22.05.2014
8. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
9. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Arbeidsmetode
TEAMWORK PÅ UDI.NO
10. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Sjekkliste
• Validerer HTML?
• Validerer CSS?
• Dokumentstruktur OK?
• Sjekk tabnavigering
I tillegg:
• Laster siden under 1 sekund?
• YSlow karakter “A”
• Demo/”bevis” for kunden
ETTER 14 DAGER UTVIKLING
10 22.05.2014
11. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Tar ikke dette lengre tid?
• Jo
• Mer kompleksitet
• Men:
– Høyere kvalitet
– Vi lærer underveis
– Slipper i ordne i etterkant
– Google optimalisert
11 22.05.2014
12. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Hvem har mest rett?
NÅR EKSPERTENE ER UENIGE
12 22.05.2014
13. ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Takk for meg
Spørsmål?
stian.westvig@bouvet.no
Notas do Editor
Stian Westvig,frontend i BouvetPrate omerfaringerfraUDI.noprosjektet
UDI – nynettside I år - Utfordringer språk asylsøkereFokus: UU + raskhet + enkelhet1 årBouvet + FunkaNU
Fokus – noengreppå UDI
Brukemuligheter I HTML - Skjema – labels - Bilder – alt text - Javascript - backupValidering – ingenfeil I HTMLSolid side - Vises riktiginettlesere - ZoomDemo: vise at udi.novaliderer html
Som WordOverskrift 1, 2 ,3 Hvorfor forutsetning for opplesning