Grundlæggende Webdesign – en introduktion til kursus og medie Bjarne Sandstrøm IT-højskolen FORELÆSNING

Plan for i dag A Præsentation af underviserne Præsentation af kursus’ mål og indhold B Introduktion til IT-mediets vision

Undervisere Nikolaj de Fine Licht Jeppe Risum Hanne Hartmann Terkelsen Bjarne Sandstrøm

Kursusplan Undervisningstider og -lokaler – DKM (dag) Øvelse kl ~ lok.: 3.13, 3.15, 3,16 Forelæsning kl ~ lok.: 0.10 – Åben Uddannelse (aften) Forelæsning kl ~ lok.: 0.10 Øvelse kl ~ lok.: 3.13, 3.15, 3,16

DKM’s kurser Konstruktion Interaktionsdesign Medier DKM = Design, Kommunikation, Medier

Kursus’ mål “Uddannelsen gør kandidaten i stand til at bruge den nye informationsteknologi til formidling.” “Kursets målsætning er, at deltagerne bliver i stand til selvstændigt at udvikle og implementere web- løsninger på kommunikationsopgaver og at arbejde strategisk og kreativt med kommunikation på baggrund af en praktisk beherskelse af Web- produktionsværktøj.”

Fagligt indhold “Kurset giver en indføring i internettet som medie for tekstlig og visuel kommunikation ved at sætte deltagerne i stand til at beherske Web-værktøjer, fx. Dreamweaver, og grafiske værktøjer, fx. Photoshop/ ImageReady.” “Brugervenlighed, grafisk konsekvens, stilbeherskelse og elementære digitale designprincipper vil være centrale begreber i undervisningen.”

Kursus’ værdikriterier Formidling vurderet på basis af Teknisk løsning Funktionalitet Indhold Design Forståelse af mediet

Kursus’ karakter MedieteoriDesign Konstruktion

Kursus’ forløb i fire faser 0Introduktion til mediet 1Tekst-orienteret web-site –opgave i grupper, bestået/ikke-bestået 2Brugbar web-site –opgave i grupper, bestået/ikke-bestået 3Grafisk orienteret web-site – individuel opgave, 13-skalaen Opgave skal været bestået, for at man kan indstille sig til eksamen

Litteratur Lynch & Horton: Web Style Guide – Basic Design Principles for Creating Web Sites David Siegel: Creating Killer Web Sites, The Art of Third-Generation Site Design, 2. ed. Jeffrey Veen: The Art and Science of Web Design Vejen til kursus’ hjemmeside: Fra menuen på IT-c’s site: Uddannelser > Kurser > Kursernes hjemmesider > Grundlæggende webdesign

Internettet Vor tids utopi – og dystopi

Kultursociologiens tre naturer 1. Den ‘naturlige’ natur –landskabet: jorden og havet, bjerget og sumpen, sletten og skoven osv. 2. Menneskets formning af det fysiske rum –vejen, havnen, broen, tunnelen, lufthavnen 3. Det ikke-fysiske kommunikationsrum –telefon, radio, TV- og computerskærm

En ny bevidsthed Nye begreber om nærhed og fjernhed Nye fællesskaber Frigørelse af en fast etableret identitet Opløsning af skellet mellem offentligt og privat 2D-skærmens afløsning af den totale 3D- simulation betyder en ophævelse af skellet realitetsprincippet og lystprincippet

Hvad er en computer? Niels Ole Finnemanns definition: Computeren står både ved siden af andre maskiner, medier og sprog, og den kan simulere/indeholde dem alle i sig. Computeren er en symbolmanipulator. Der er ingen invariant grænse mellem maskinen og det materiale, den behandler. Der er ingen invariant grænse mellem program og data.

Internettets udvikling Tre faser Det militære netværk, ARPANET –computer-interaktion og det distribuerede net Extra-human hukommelse og global tekst –Vannevar Bush’s MEMEX –Douglas Engelbart –Ted Nelson’s Xanadu HTML og World Wide Web –Tim Berners-Lee i Cern

ARPA-Advanced Research Project Agency Den kolde krig og de militære forskningsprojekter –de kostbare og adskilte computere skal kunne arbejde sammen Det hidtil eksisterende kommunikationsnet er militært sårbart Telefoniens begreb om kommunikation via en central afløses af et distribueret net –Paul Baran, 1962

Net-typer CentralDistribueret net

Vannevar Bush og MEMEX (1945) Historisk er vi kommet til et punkt, hvor det er blevet et problem at fastholde og overskue den viden, der i tidens løb er opakkumuleret. Menneskehedens (og det enkelte menneskes) hukommelse må derfor udbygges med et eksternt medie (MEMEX), hvori al viden kan opbevares. Denne vidensbank skal ikke organiseres logisk- hierarkisk og kategorialt, som fx et bibliotek, men være sammenvævet associativt, som den menneske- lige hjerne arbejder (– ‘As We May Think’).

Douglas Engelbart Samarbejdet mellem menneske og maskine skal bringe menneskeheden videre. Engelbart udvikler NLS (oN Line System), der fokuserer på, at mange menneskers i grupper kan arbejde på fælles dokumenter på computer-skærme. Han arrangerer telekonferencer. Han opdeler skærmen i vindues-fliser. Han erstatter tastaturet med et ‘chord key set’ og en mus (demonstreret 1968).

Ted Nelson og XANADU (1965) Ted Nelson lancerede i 1965 begrebet ‘Hypertext’. Hypertext er ifølge TN "en filstruktur, der kan hånd- tere det komplekse, det skiftende og det midlertidige". Hypertext er en tekststruktur, der giver mulighed for at væve alle tekster i verden sammen til én stor global super-tekst, som man interaktivt kan surfe igennem. Nelson opkalder denne vision efter et romantisk digt ‘Xanadu’, der beskriver "a stately pleasure-dome", hvor man kan drikke "the milk af Paradise".

Tim Berners-Lee og HTML HTML blev udviklet af Tim Berners-Lee i spidsen for en gruppe forskere ved CERN (Geneve) i HTML er tænkt som et kommunikations-medie for videnskabsfolk, for hvem det gælder om at sende logisk struktureret ‘indhold’ og ikke ‘form’. HTML er en ‘fattig’ kode, der hurtigt kan transmitteres. Til gengæld overlader HTML modtagerens browser at fortolke meddelelsen. Den første browser (Mosaic) kommer i 1993.

Server vs klient Web- server Browser HTML Den transmitterede HTML-kode bliver vist på betingelser, der sættes af brugerens browser-type, versionsnummer og opsætning. Brugeren bestemmer fx individuelt, med hvilke skrift- typer og i hvilken størrelse en web-side skal vises, og om grafiske elementer overhovedet skal vises.

Næste gang En introduktion til nettet som server-client medie