Planlegging Produksjon

1. Planlegging & Produksjon Nettsteder Kapittel 12 og 13 i IT boka Torsdag 27 mars

2. Randi Bergst�l 2 Planlegge et nettsted Hvordan organisere nettstedet? Struktur = organisering Tekst , bilder, film, animasjoner og lyd. Velge produksjonsverkt�y  Hvor skal websidene, nettstedet ligge? Egen server? Leie webhotell hos en ISP leverand�r? Organisering:produksjonsverkt�y, eks Photoshop og Dreamweaver Struktur: hva linker til hva? Hva h�rer naturlig sammen? Hva er en ISP leverand�r? Internet Service provider Eks : www.fastname.no Organisering:produksjonsverkt�y, eks Photoshop og Dreamweaver Struktur: hva linker til hva? Hva h�rer naturlig sammen? Hva er en ISP leverand�r? Internet Service provider Eks : www.fastname.no

3. Randi Bergst�l 3 Dynamiske eller statiske sider? Dynamiske sider kj�res p� serveren Skal du eks bruke java applets? Innlogging eks Nettbanker Innlogging www.i-tools.no , modulbasert CMS Sjekk www.anfy.com  Velge publiseringsverkt�y, www.i-tools.no CMS= Content Managment System  Funksjonalitet gj�r/utf�rer noe via kode Funksjonalitet eks gjestebok, dynamisk skjema med kombobokser og listebokser, send knappen etc. statiske websider utformes av nettleseren. Dynamiske sider utformes p� serveren den ligger p� . En dynamisk side henter ogs� innholdet fra databaser. CMS = Funksjonalitet eks gjestebok, dynamisk skjema med kombobokser og listebokser, send knappen etc. statiske websider utformes av nettleseren. Dynamiske sider utformes p� serveren den ligger p� . En dynamisk side henter ogs� innholdet fra databaser. CMS =

4. Randi Bergst�l 4 Arbeidsmetode Skal bedriften lage sidene selv, eller? Hva m� v�re med i en online videobutikk? hva slags websider? Hvor mange sider? Hva slags informasjon? Lagring av data: hva slags database? Hva slags nettbutikk? Funksjonalitet.registrering Sjekk www.cdon.com og www.marton.as  Hvordan oppdateres informasjonen? Hvem i butikken har ansvaret for hva? Skal de f� et webfirma til � gj�re noe eller alt? Tabeller i DB: Ansatte, videoer, l�netaker, sted/avdeling hvis fysisk butikk Skal kunden ha tilgang til ordrehistorikk Skal de f� et webfirma til � gj�re noe eller alt? Tabeller i DB: Ansatte, videoer, l�netaker, sted/avdeling hvis fysisk butikk Skal kunden ha tilgang til ordrehistorikk

5. Randi Bergst�l 5 Prosjektarbeid Prosjektansvarlig Prosjektmedarbeidere: kompetanse? Kundens behov, �nsker, m�lgruppe. Budsjett , �konomiske rammer Problemstillinger Teknologi Kravspesifikasjoner Funksjonalitet Tidsplan, frister og deadline. Problemstillinger: eks flere avdelinger > ekstranett Funksjonalitet: hva skal systemet h�ndtere og utf�re for brukerene, b�de ansatte og de som kj�per eller l�ner, reistrerer seg osv. Skal de ha et CRM system? Customer Relationship Management.Problemstillinger: eks flere avdelinger > ekstranett Funksjonalitet: hva skal systemet h�ndtere og utf�re for brukerene, b�de ansatte og de som kj�per eller l�ner, reistrerer seg osv. Skal de ha et CRM system? Customer Relationship Management.

6. Randi Bergst�l 6 Prosjektarbeid forts. Hvor mange mennesker trengs til prosjektet? Brukeroppl�ring Brukerst�tte avtaler Vedlikehold og avtaler Prosjektarbeid (teamwork ): mange jobber p� mindre prosjekter samtidig > felles m�l Programmerer. Designer. Database utvikler. Lydansvarlig, tekstforfatter, fotograf, etc

7. Randi Bergst�l 7 Prosjektleder Ansvarlig for framdrift, �konomi og prosjektstyring Kunde godkjenner underveis Delm�l, eks design Utvikler eks www.i-tools.no Setter alt sammen til ferdig produkt

8. Randi Bergst�l 8 Prosjektstyring Store prosjekt b�r ha: Deloppgaver > Milep�ler >tidsfrister Eks Foto > redigere bilder> designe websiden> programmere Prosjektstyrings verkt�y Microsoft Project ganttProject : http://ganttproject.biz/download.php Milep�ler = delm�lMilep�ler = delm�l

9. Randi Bergst�l 9 Produksjon Nettbutikk M� ha raske sider, server scripts Scripting og java applets mye brukt Eks www.anfy.com , www.i-tools.no eller nettbanker Html er statisk kode Dhtml: dynamisk html (html +script) Gir mer funksjonalitet Mous over effekter, klikk effekter, Onload() etc Gratis http://www.htmlgoodies.com/ Informasjonen som lagres p� serveren m� hentes opp til brukeren. Brukerens valg sjekkes p� serveren, eks er vare p� lager? Eks i nettbank. Har du penger p� kontoen?Informasjonen som lagres p� serveren m� hentes opp til brukeren. Brukerens valg sjekkes p� serveren, eks er vare p� lager? Eks i nettbank. Har du penger p� kontoen?

10. Randi Bergst�l 10 Nettsider i Flash Fordeler og ulemper: Vanskeligere � l�re (timeline) Meget dynamisk Ser stilig ut Dyrere � kj�pe M� ha en flash player for � bruke nettstedet. Vanskeligere � hacke Til animasjon og spill >Interaktiv bruk En flashfil samarbeider med html  Gratis Flash maler: www.flashmo.com/home Sjekk nettsted: http://www.plass.as/index02.html Utviklet i flash

11. Randi Bergst�l 11 Webredigerere Dreamweaver � Frontpage - Adobe GoLive Gratis maler/webdesign: http://www.entheosweb.com/website_templates/free-dreamweaver-templates.asp Og http://www.interspire.com/templates/ Felles > Alle genererer html-koden for deg Kan lagre webside fra Word og Power Point. Med skript-koding kan du p�virke HTML til � oppf�re seg dynamisk: DHTML

12. Randi Bergst�l 12 Cms- Content Manage System Gratis CMS: Joombla : http://www.joomla.org/ Ez � Publish: http://ez.no/no i-tools: www.i-tools.no rimelig og enkelt. Felles: alle har sentral database Der lagres tekst, bilder, lyd, etc. Man oppdaterer i design vinduer og har et admin system med logginn. Flere ulike brukertyper kan opprettes (redakt�r)

13. Randi Bergst�l 13 Filstrukturer Ett nettsted: har mange websider som h�rer sammen. Eks: Tekstfiler � html - bildefiler � videofiler Oppstartsfil � hovedsiden: heter alltid index.htm(l) Eller default.htm(l) Med mange filer b�r man ha filstruktur Hvilke h�rer naturlig sammen? Nb! Logiske navn Eks mappen Naturbilder til alle natur bildefiler Mappen Bil_Bilder til alle bil bildefiler

14. Randi Bergst�l 14 Filstruktur eks i Frontpage

15. Randi Bergst�l 15 Noen gode nettsteder Sjekk www.kirken.no i-tools Sjekk www.deal.no i-tools og www.forskning.no flash illustrasjoner www.inbusiness.no b�de flash, html og coldfushion serverscripts Lag en power pointfil med 3 lysbilder Lagre for web: sjekk resultat!

16. Randi Bergst�l 16 Oppgave endre filstruktur : Du utf�rer vedlikehold for amat�rfilmklubben Omorganiser strukturen Forenkle strukturen Bruk mapper Endre p� s�rnorske tegn. Fjerne mellomrom Bruk papir