Innehåll Webbproduktion Produktion och publicering av större webbplatser Produktion Användbarhet/Användbarhetstest Publicering Underhåll Arbetsgång (R) 1) Utred mål och syfte (verksamhets- och målgruppsanalyser) 2) Budgetering 3) Val av ambitionsnivå (utifrån projektbudget och resursbehov för underhåll) 4) Tidplan (utifrån ambitionsnivå och projektbudget) 5) Prototyputveckling (användartest på prototyp) 6) Produktion (betatestning) 7) Publicering 8) Utvärdering Prototyputveckling Prototyputveckling = Användarcentrerad utveckling Detaljplanerad inledning som sedan blir itterativ För- och nackdelar med prototyping? Spiralmodellen + Flexibelt + Anpassningsbart + Onödigt planeringsarbete undviks - Svårt att kostnadsuppskatta - Svårt att skriva kravspecifikation - Kräver noggrann uppföljning och styrning Källa: okänd 1
Produktionsteknikaliteter - Separera innehåll, funktion och utseende (XHTML, JavaScript, CSS) - Kommentera din kod - Validera din kod Produktionsteknikaliteter forts - Skapa en logisk katalogstruktur - Undvik alltför långa katalog och filnamn - Undvik å, ä och ö och andra konstiga tecken i fil- och katalognamn - Var konsekvent med filändelser.htm,.html,.jpg,.jpeg Ramar (Frames) Fönsterindelad sida bestående av flera underliggande dokument Ofta till menyer Problem vid länkning och för sökmaskiner Flytande ramar (iframe) Server Side Include (SSI) och Stilmallar Server Side Include: - Webbservern hämtar HTML-kod från externa HTML-dokument - Bra till sidhuvuden, d menyer mm - Filändelse.shtml <!--#include file= meny.htm" --> Globala Stilmallar och SSI ger effektiv utveckling och underhåll av webbplatser Dynamiska webbplatser Webbformulär JavaScript och DOM Aktiva serversidor ASP.NET, PHP mfl AJAX Flash, Java, SliverLight mfl - Aktiva serversidor o.dyl. är överkurs för er men har ni klarat programmeringskursen är ni välkomna att söka kursen Databasteknik och webbaserade system! Verktyg för produktion WYSIWYG HTML-editorer FTP-klientprogram Verktyg för produktion av grafik och bildbearbetning Verktyg för produktion av animeringar och 3D-grafik Verktyg för utveckling av serverbaserad logik och databaser 2
Verktyg för produktion forts Web 2.0 API:er mot FaceBook, GoogleMaps mfl Content Management Systems - Databasdrivna webbplatser - Webbaserade editorer Anpassning (delvis R) Målgruppsanpassat innehåll 24-timmarswebben Arbetsrollsanpassning Hårdvaruanpassning Individuell anpassning? Användbarhet - Hur gör man webbplatsen lättanvänd? Gestaltningslagar (R) Informationsstruktur t (R) Text och Bild Användbarhetstest Text Målgruppsanpassa språk och textinnehåll Välj effektiv struktur - Löpsedelsteknik - Kronologisk, logisk eller alfabetisk ordning - Jämförande uppställning Lättläsliga textblock - Skapa variationer - Välj rätt font och använd gemener - Korta rader (spalter?) och ej rak högerkant Text i kombination med bild Exemplifiera med bilder Kurv-, stapel- och cirkeldiagram - Ljug inte med diagram Låt text och bild få samverka, och bryt inte mot copyright-lagar Bilder (R?) JPEG, GIF och PNG Bildupplösning, filstorlek Bilder som länkar Klickbara bilder Bakgrundsbilder Transparenta bilder 3
Användbarhetstest Användbarhetstest är ett snabbt och enkelt sätt att hitta svårigheter i en webbplats. Användbarhetstest är strukturerade intervjuer fokuserade på specifika egenskaper i en prototyp eller existerande webb. Deltagare ur målgruppen utför en serie uppgifter, i ljudupptagningar och anteckningar från testet benar man sedan ut missförstånd, misstag och åsikter. Efter ett antal tester jämför vi observationer och de vanligast förekommande rönen dokumenteras i en lista med funktionalitetsproblem Användbarhetstest forts 1) Vilka krav och affärsmål finns? 2) Hitta optimal användarprofil 3) Skapa en diskussionsguide 4) Genomför intervjuer 5) Analysera resultat 6) Rekommendera förändringar http://www.inuse.se/anvandningstest/ Publicering Ansvarig utgivare och juridik Domännamn Sökmotorer Webbservrar Webbhotell Ansvarig utgivare och juridik Peka ut en ansvarig utgivare Undvik personregister Copyright Bilder på barn? Olagligheter Domännamn www.tfe.umu.se Internet Society (ISOC) Stiftelsen för Internetinfrastruktur (.SE) Registrarer Minst 2 tecken, Maximalt 63 å, ä, ö, é, ü Ej intrång på annans varumärke Sökmotoroptimering OnPage-metoder Redigera metataggen keywords Redigera metataggen descriptions Nyckelord tidigt i sidan Använd rubriker Undvik JavaScript, Flash och liknande 4
Sökmotoroptimering OffPage-metoder Se till att andra sidor med relaterat innehåll länkar till din sida Se till att sidan kommer med i erkända länkkataloger Webbservrar Apache Microsoft IIS Google GWS Lighttp (SharePoint, Joomla, Mambo, PHP Nuke, CMSimple ) Webbhotell Pris Prestanda Driftsäkerhet Teknikstöd (SharePoint, Joomla, Mambo, PHP Nuke, CMSimple ) Underhåll Genomtänkt katalogstruktur (igen) Bra filnamn (igen) CSS och SSI (igen) (g Enkla editeringsverktyg+ftp eller CMS? Backup Säkerhet Vem får vad? Hack? 5