SlideShare uma empresa Scribd logo
1 de 13
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
UU programmering på UDI.no
Stian Westvig  Bouvet
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
• Følge kodestandarder
• Strukturering av nettsiden
• Tab navigering
• Arbeidsmetode hos UDI
Hvordan programmere UU?
Ø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
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Dokumentstruktur
Ø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
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Arbeidsmetode
TEAMWORK PÅ UDI.NO
Ø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
Ø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
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Hvem har mest rett?
NÅR EKSPERTENE ER UENIGE
12 22.05.2014
ØKT | DIGITAL | EFFEKTBOUVET ASAstian.westvig@bouvet.no
Takk for meg
Spørsmål?
stian.westvig@bouvet.no

Mais conteúdo relacionado

Destaque

"Войди в картину". К 170-летию В. Паленова
"Войди в картину". К 170-летию В. Паленова"Войди в картину". К 170-летию В. Паленова
"Войди в картину". К 170-летию В. ПаленоваBiblioteka-22
 
"Не угаснет свет его таланта"
"Не угаснет свет его таланта""Не угаснет свет его таланта"
"Не угаснет свет его таланта"Biblioteka-22
 
Поэзия обыденного. Серов В. А.
Поэзия обыденного. Серов В. А.Поэзия обыденного. Серов В. А.
Поэзия обыденного. Серов В. А.Biblioteka-22
 
GEOMETRI PENGUKURA
GEOMETRI PENGUKURAGEOMETRI PENGUKURA
GEOMETRI PENGUKURAZiadatul M
 
Фантастические композиции С. Дали. К 110-летию испанского живописца Сальвад...
Фантастические композиции С. Дали. К 110-летию  испанского живописца Сальвад...Фантастические композиции С. Дали. К 110-летию  испанского живописца Сальвад...
Фантастические композиции С. Дали. К 110-летию испанского живописца Сальвад...Biblioteka-22
 
Emergency Medical Technician Wage
Emergency Medical Technician WageEmergency Medical Technician Wage
Emergency Medical Technician Wageemtsalary
 
automobile workshop ppt Traning report by c rang rajan and sudhir kumar
automobile workshop ppt Traning report by c rang rajan and sudhir kumarautomobile workshop ppt Traning report by c rang rajan and sudhir kumar
automobile workshop ppt Traning report by c rang rajan and sudhir kumarchakrawarti rang rajan
 

Destaque (8)

"Войди в картину". К 170-летию В. Паленова
"Войди в картину". К 170-летию В. Паленова"Войди в картину". К 170-летию В. Паленова
"Войди в картину". К 170-летию В. Паленова
 
"Не угаснет свет его таланта"
"Не угаснет свет его таланта""Не угаснет свет его таланта"
"Не угаснет свет его таланта"
 
Поэзия обыденного. Серов В. А.
Поэзия обыденного. Серов В. А.Поэзия обыденного. Серов В. А.
Поэзия обыденного. Серов В. А.
 
GEOMETRI PENGUKURA
GEOMETRI PENGUKURAGEOMETRI PENGUKURA
GEOMETRI PENGUKURA
 
Фантастические композиции С. Дали. К 110-летию испанского живописца Сальвад...
Фантастические композиции С. Дали. К 110-летию  испанского живописца Сальвад...Фантастические композиции С. Дали. К 110-летию  испанского живописца Сальвад...
Фантастические композиции С. Дали. К 110-летию испанского живописца Сальвад...
 
Emergency Medical Technician Wage
Emergency Medical Technician WageEmergency Medical Technician Wage
Emergency Medical Technician Wage
 
HIGHWAY ppt BY SHASHI SHEKHAR DBGI
HIGHWAY  ppt BY SHASHI SHEKHAR DBGIHIGHWAY  ppt BY SHASHI SHEKHAR DBGI
HIGHWAY ppt BY SHASHI SHEKHAR DBGI
 
automobile workshop ppt Traning report by c rang rajan and sudhir kumar
automobile workshop ppt Traning report by c rang rajan and sudhir kumarautomobile workshop ppt Traning report by c rang rajan and sudhir kumar
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

  1. Stian Westvig,frontend i BouvetPrate omerfaringerfraUDI.noprosjektet
  2. UDI – nynettside I år - Utfordringer språk  asylsøkereFokus: UU + raskhet + enkelhet1 årBouvet + FunkaNU
  3. Fokus – noengreppå UDI
  4. Brukemuligheter I HTML - Skjema – labels - Bilder – alt text - Javascript - backupValidering – ingenfeil I HTMLSolid side - Vises riktiginettlesere - ZoomDemo: vise at udi.novaliderer html
  5. Som WordOverskrift 1, 2 ,3 Hvorfor forutsetning for opplesning
  6. Tab –>FokuspålenkeneKan / VilbrukemusIkke demo enda.
  7. UDI. Demo: UDI SnarveierKuttethjemTilinnholdetDemo: vg.no - Standard outline - SKJULTE fokus
  8. Hvordansikre UUForandrer kanskjeødelegger
  9. Fungerer altfortsatt? UDI presentasjon alt OK
  10. Nye metoderTesting tar tidTilbaketil startFørste gang
  11. Tilslutt - BrukertestingFunkaNuMediaLT – Beggefirmaersomerekspertpå UUUlikekonklusjonerdirekte I konfliktVi harikkefunnet de besteløsningeneenda - BYGG SOLID –vildukkeoppetterhvertsomflere jobber med UniversellUtforming.