HUIN105: lærerbloggen

Sensuren har falt!

2005-06-16T13:18:00.000+02:00

Nå er sensuren klar! Karakterene er slått opp i gangen nær der dere leverte inn oppgavene. Det kan ta litt tid for de er på plass i det elektroniske systemet så dere kan bruke karaktertelefonen osv.

Litt mer om rapporten

2005-05-24T21:09:00.000+02:00

Nå har jeg sett et par flere utkast til rapporter om prosjektet og det er noen mangler som går igjen. Først og fremst: vær saklige og vis til pensum! Gruppeprosessen er en del av det det er naturlig å skrive med, men det at dere drakk mye kaffe er ikke hovedinntrykket leseren skal sitte igjen med.

Begynn med å forklare hva dere har laget! "Elevator pitch", målgruppe, målsetning. Kanskje skjermbilder eller et site map?

Vis til pensum! Karakteren blir dårlig om dere ikke gjør det.

Brukertesting! Dersom dere har gjort usabilitytester, skriv om det, dersom dere brukte en fokusgruppe, skriv om det, og skriv for all del om hvordan dere endret designet ut fra brukertestingen. Dere har fortsatt tid til å gjennomføre brukertester nå, om dere ikke alt har gjort det.

Bruk litt plass, men ikke for mye, til å diskutere prosessen. Dersom du hadde et personlig mål om å lære noe spesielt eller å bruke særlige kunnskaper du har, skriv gjerne det, og vurder hvorvidt du oppnådde ditt mål. Hva gjorde du i arbeidet?

Er du fornøyd? Skriv hva du eller dere ville gjort annerledes om det skulle gjøres om igjen. Er det naturlige videreutviklinger av prosjektet som ville vært bra om dere hadde hatt mer tid, kunnskap eller andre ressurser?

Husk litteraturliste og kildehenvisninger.

Siste tips før innlevering

2005-05-23T21:45:00.000+02:00

Innlevering av mappene nærmer seg! Håper det går bra med dere - jeg vet dere har gjort mye bra arbeid!

Vi snakket en del om hvordan rapporten skulle være på møtet 9. mai. Jeg har sett et par poster rundt omkring i bloggene som ser ut til å være på vei til å bli gode rapporter - Sindre har f.eks. skrevet en fin reflekterende post om prosessen i utvikling av design og konsept og resultat, og om hvordan samarbeidet har fungert. For at dette skal bli en god rapport trenger han i tillegg å vise til pensumlitteratur. Han kan f.eks. skrive noe om fargevalg og konnotasjoner osv og bruke begreper fra kapittelet om tekstanalyse i kompendiet, eller han kan beskrive nettstedet ved å bruke de fire lagene til Engholm, eller han kan fortelle om usabilitytester eller brukertester de har gjennomført og sammenligne dem med hva Jakob Nielsen skriver, eller han kan skrive at de valgte å bruke slik og slik CSS med bakgrunn i boken til Zeldman der Zeldman argumenterer slik og slik, eller at de ikke valgte å følge Zeldmans råd, fordi at sånn og sånn. Det er lurt å referere til minst en pensumkilde, og det er supert om du også viser til annen litteratur dersom du har kommet over noe på nettet eller har lest andre bøker som er relevante, eller om du har studert emner tidligere som har gitt deg kunnskap du har brukt også i dette emnet.

Eirik har gjort klar den digital mappen sin, og det har Christine også. Begge ser riktig bra ut - noen plassholdere her til ting som kommer. Du kan gjerne bruke en bloggpost til mappen din, eller du kan lage et eget design. (Ikke kopiér Eiriks eller Christines design, det ville ikke se bra ut...) Design på den digitale mappen teller ikke eksplisitt på karakteren men blir jo en del av helhetsinntrykket sensor får. Sjekk ut PDFen om hva som skal med i mappen (som også er utlevert på papir) for å være sikker på at du har med alt.

Og husk siteringsteknikk! Nettstedsanalysen og rapporten bør ha i hvert fall et par kildehenvisninger hver!

Lykke til!!!

PHP funker igjen

2005-05-09T21:40:00.000+02:00

Fredag ble huin.uib.no-serveren oppgradert for å kunne støtte PHP 5. Dessverre gikk noe galt, og dessverre ble ikke dette oppdaget før administratoren var i USA. Det er rettet opp nå, og PHP skal fungere fint igjen.

Dersom dere har problemer med serveren legger dere en melding inn på Brita.uib.no, rettet til IT-avdelingen og med huin.uib.no i tittelen.

Mevi.info

2005-05-09T21:17:00.000+02:00

Mevi.info, originally uploaded by DietroVetro.

Første gangen jeg har vært på en studentpresentasjon hvor presentatørene har brandede t-skjorter og deler ut karameller med websitens logo! Jeg skal legge inn linker til de andre prosjektene i morgen: men her er altså guttene bak mevi.info, som skal være et samlingssted for studenter på bachelor i nye medier og i film og tv-produksjon.

Presentasjoner av prosjektene!

2005-05-03T14:38:00.000+02:00

Vi møtes igjen! 9. mai, førstkommende mandag, skal dere presentere prosjektene deres. Jeg er spent på å se hvordan ting har blitt!

Påmeldt og godkjent er følgende team:

Eirik, Frode og Kjartan (mevi.info!)

Cato, May og Kenneth (som tester i vei)

Camilla, Mariann, Jeanette

Marte og Eivind (Chileprosjekt)

Matteus og Karoline (Chileprosjekt - du kan lese litt her)

(listen utvides fortløpende som jeg får tak i folk eller dere legger igjen kommentarer her!

Seminar: Reinterpretation of visual information in e-learning

2005-04-25T21:15:00.000+02:00

Dette er kanskje interessant for noen av dere?

Jeg minner om det faglige seminaret ved Aksis torsdag 28. april kl.13.15-14.00 i rom 264, HF-bygget, Sydnesplass 7.

Professor Konrad Morgan holder foredraget:

Reinterpretation of visual information in e-learning
This presentation will illustrate how memory related cognitive science research can be applied to increase the effectiveness of the interface design within traditional e-learning systems. The talk will be of interest to students and researchers in Cognitive Science; Human Cognition; Distance and Online Education; and Human Computer Interaction, who wish to see examples of how experimental cognitive science can be applied to the effective design of digital learning environments.

Mer informasjon finnes på http://www.aksis.uib.no/seminars/morgan_02.page
Programmet for hele seminarrekken finnes her: http://www.aksis.uib.no/seminars/.

sitatteknikk og litteraturlister

2005-04-25T10:47:00.000+02:00

sitatteknikk og litteraturlister

Både rapporten og nettstedsanalysen bør inneholde referanser til pensumlitteraturen, og gjerne til andre ting du har lest. Jo bedre du klarer å knytte refleksjonene dine opp til andre ting du har lest, og jo mer redelig og ryddig sitatteknikken din er, jo bedre karakter. Sitering er akademias form for sampling. Det viser at du ser hvor dine idéer hører til i et større kontekst, og det gjør det lett for leserne dine å forfølge idéer og finne ut mer om dem. I akademias versjon av sampling er det viktig å være helt tydelig på hvor du har hentet tekst og idéer, fordi leseren skal kunne grave videre selv.

Her er en oversikt over hvordan dere skal sitere og lage litteraturlister. Dersom noe er uklart, eller dere ønsker mer informasjon, skriv en kommentar til denne posten så skal jeg prøve å utbedre oversikten.

Vi baserer oss på Chicago scientific style. Du kan bruke en annen stil, bare du er konsekvent og all informasjon tas med.

Mer informasjon:

Ohio State Library har en oversikt over stilen: http://www.lib.ohio-state.edu/guides/chicagogd.html
Duke Library har flere eksempler fra digitale kilder, både i Chicago, MLA og APA stiler. Noen av eksemplene i dette dokumentet er tatt herfra: http://www.lib.duke.edu/libguide/works_cited.htm
The Chicago Manual of Style. Chicago: Chicago UP.

Oversikt

For vanlige oppgaver gjelder dette: Bruk dobbel linjeavstand, bruk gjerne mellomtitler, referer til kilder i teksten med formatet (forfatter publikasjonsår, sidetall) og lag en liste over alle kilder tilslutt, med overskriften ”Kilder”, ”Litteraturliste” el.l. Når dere skriver på nett er det ikke farlig med dobbel linjeavstand, og dersom alle kildene dine er online, kan du referere til dem gjennom linker i teksten i stedet for på tradisjonell uhypertekstuelt vis: (Engholm 2004), Uansett bør du ha en referanseliste til slutt.

Kursiv eller anførselstegn

Et verk skal stå i kursiv, en del av et verk skal settes i "anførselstegn". Turing’s artikkel er del av et verk og heter ”Computing Machinery and Intelligence”; den finnes i boken New Media Reader, som er et helt verk. Tombraider, The Matrix og Online Caroline er hele verk og skal stå i kursiv.

Sitater settes ikke i kursiv (se under for å se hvordan de skal settes), og du skal aldri bruke både kursiv og anførselstegn.

Sitater og parafraser

Du må alltid oppgi kilder når du siterer, nevner eller parafraserer noe du har lest. Å ikke oppgi kildene sine er akademisk uredelighet, kalles ofte plagiat, og kan resultere i utestengelse fra universitetet, på linje med fusk.

I teksten angis en referanse med forfatterens etternavn, publikasjonsårstall og evt. sidetall. F.eks.: ”Antologien New Media Reader (Wardrip-Fruin og Montfort 2003) forutsetter at et kjennskap til historien er nødvendig for å kunne forstå dagens nye medier.”

For å underbygge en slik påstand kan det være nyttig å sitere fra en artikkel i antologien. Skal vi sitere mer enn tre linjer, skal sitatet formatteres med innrykk, enkel linjeavstand og gjerne en mindre fonttype:

The new form of the problem can be described in terms of a game which we call the ”imitation game.” it is played with three people, a man (A), a woman (B), and an interrogator (C) who may be of either sex. The interrogator stays in a room apart from the other two. (Turing 2003, 54)

Dersom man skal sitere mindre enn tre linjer, gjør man slik: Turing poengterte at ”The interrogator stays in a room apart from the other two.” (Turing 2003, 54)

Det er også mulig å parafrasere. Det betyr at du ikke siterer ordrett men bruker egne ord for å gjenfortelle eller gi et sammendrag av noe. Jeg kan for eksempel skrive at ”Turing beskrev en test for å bestemme hvorvidt en maskin kan beskrives som intelligent eller ikke (Turing 2003).” Her angir jeg ikke sidetall, fordi jeg viser til hele artikkelen. Når du parafraserer er viktig at det er tydelig markert hva som er dine idéer og hva du tar fra andre. Det er også viktig at det ikke er for mye parafrase.

Dersom du refererer til eller siterer noen som ikke er allment kjent bør du kontekstualisere referansen: "Turing, en pioner innen datateknologiens utvikling, beskrev en test...."

I litteraturlisten skal artikkelen beskrives slik:

Turing, Alan, 2003. “Computing Machinery and Intelligence.” The New Media Reader, red. Noah Wardrip-Fruin og Nick Montfort. Cambridge, MA: MIT Press. Opprinnelig publikasjon, 1950.

Bok

Aarseth, Espen, 1997. Cybertext: Perspectives on Ergodic Literature. Baltimore: Johns Hopkins UP.

I teksten: (Aarseth 1997) eller med sidehenvisning (Aarseth 1997, 53)

Artikkel i tidsskrift

Her er et eksempel fra nettet:

Brown, Erella. 1996. “The lake of seduction: Silence, hysteria, and the space of feminist theatre.” JTD: Journal of Theatre and Drama 2: 175-200.

Tidsskrifter pleier å nummeres med årgang (“volume no.”) og med nummer (“issue”). Dersom årstallet er med, trengs ikke årgangsnummeret, men du skal ha med at dette nummeret av tidsskriftet er nummer 2 i 1996 årgangen, f.eks. Dette er 2-tallet etter tidsskriftens tittel i referansen. Tilslutt kommer sidetallene.

Nettsteder og elektroniske referanser

Her er retningslinjene under utvikling. Det viktigste er at du tar med nok informasjon til at leseren din lett kan finne fram til det stoffet du har brukt, i tillegg til at du gjør kildens status klart. Hvem står bak denne informasjonen? Følg ellers stilen så godt du kan. Dersom du ikke kjenner forfatter, skal produksjonsselskapet stå i forfatters sted, eller du lar feltet stå blankt.

Artikkel i nettidsskrift

Juul, Jesper. 2001. “Games Telling Stories? A Brief Note on Games and Narratives.” Game Studies 1. (http://gamestudies.org)

Selvstendig verk eller et helt nettsted

Online Caroline (Bevan and Wright 2000) regnes som et eget verk, hvor tittelen skal settes i kursiv. For slike verk kan man evt. ta med en kort beskrivelse som ”spill” eller ”weblogg”. Andre nettkunstverk kan være publisert i tidsskrifter eller som del av en større site, og regnes da som del av et verk. Beskriv disse som for artikler i netttidsskrifter.

Bevan, Rob, and Tim Wright. 2000. Online Caroline [Serial web drama with automated email correspondence] [Sitert 10/3/2003]. (http://www.onlinecaroline.com).

En post i en weblogg

Følg stilen for avisartikler, men inkluder en referanse til webloggen som helhet i litteraturlisten. Eks: “I en post på Grand Text Auto 23. september 2003 spør Nick Montfort om det virkelig er nødvendig å ta med oppslagsdatoen for alle nettreferanser.

I litteraturlisten:

Mateas, Michael, Nick Montfort, Scott Rettberg, Andrew Stern and Noah Wardrip-Fruin. 2002-3. Grand Text Auto. [weblogg] [sitert September 2003]. Tilgjengelig på URL: (http://grandtextauto.org)

Du velger selv om du vil ta med hvilke type kilde dette er, som jeg har gjort ved å skrive [weblogg] – bare vær konsekvent i din stil. Man oppgir datoen man sjekket kilden (”sitert”) fordi nettkilder kan endre seg.

Rapport fra seminaret

2005-04-14T08:44:00.000+02:00

Frode skriver litt om interaksjonsdesignseminaret i forgårs. Takk til alle dere som kom og bidro med spørsmål og kommentarer! Mange ga uttrykk for at det var motiverende og givende å få innblikk i andre måter å gjøre ting på, og få høre nye perspektiver.

Seminar på tirsdag!!!

2005-04-10T23:19:00.000+02:00

Nå har Susanna Hertrich fra KHiB og jeg lagt klar de siste detaljene til seminaret på tirsdag. Det blir kjempebra! Simon Clatworthy leder et nytt masterstudium i Interaksjonsdesign på Arkitekthøgskolen i Oslo - Susanna var der i forrige uke på et workshop i "Physical computing" og var meget entusiastisk om hvordan de integrering programmering, bygging og kreativitet. Neste taler er Priya Prakash, en indisk designer som bor i London og jobber for BBC. Se på nettstedet hennes, syns dere ikke det ser spennende ut? Jeg gleder meg veldig til å treffe henne. Etter lunsj (matpakker eller kantinelunsj kan spises i jusbyggets kantine) snakker Anders Fagerjord, og han pleier å være både klartalt og engasjerende, så det blir garantert bra. Til slutt kommer Crispin Jones, som også er en designer fra London, og han lager interaktive ting som kritiserer, ja, jeg vet ikke helt, men Susanna sier han er glimrende og meget spennende, og ikke minst at man ler av tingene hans, de er humoristiske.

Dere skal ha fått epost om dette, men her er infoen en gang til, for sikkerhets skyld. Jeg håper virkelig at så mange som mulig kommer!

Tirsdag 12. april inviterer KHiB og UiB til et åpent, gratis
heldagsseminar om interaksjonsdesign.

Vi har invitert fire designere og tenkere som skal innlede om sine
erfaringer med og tanker om å designe for web og andre interaktive medier. Det
blir også rom for diskusjon.

STED: Jusbygget, Aud 2 (Dragefjellet skole, Magnus Lagabøtes plass 1,
Bergen)
TID: 12.04.2005 kl 9-16.
INFO: http://huin.uib.no/events/ids/

FOREDRAG VED:

Simon Clatworthy
Professor i interaksjonsdesign ved Arkitekthøgskolen i Oslo.

Priya Prakash
Interaksjonsdesigner og erfaringsarkitekt ved BBC i London. Særlig
interessert i personlige vaner og hverdagsliv og hvordan det påvirker deres forhold til teknologi.

Anders Fagerjord
Førsteamanuensis ved Institutt for medier og kommunikasjon ved UiO.
Forsker på webmedier og konvergens.

Crispin Jones
Kunstner og designer bosatt i London, arbeider særlig med kritisk
design som problematiserer vårt forhold til teknologi.

mvh
Susanna Hertrich og Jill Walker, arrangører
Med støtte fra KHiB, avdeling for design, og UiB, Seksjon for
humanistisk
informatikk og Institutt for Informasjons- og medievitenskap.

Photoshop Elements

2005-04-01T16:23:00.000+02:00

Jeg har fått noen spørsmål om Photoshop. Dere får undervisning i Photoshop Elements de neste 2-3 ukene av kollokvielederne deres, som også skal undervise i Dreamweavers WYSIWYG nivå. Nye medier og film-studentene får undervisning i Photoshop på MEVI152/172, og Dreamweaver av kollokvieleder i mai. Dere får beskjed av kollokvielederne når undervisningen foregår.

HUIN105 skal som kjent gi dere grunnleggende ferdigheter i webdesign og billedbehandling. Vi har derfor installert Photoshop Elements 2.0 på PC-stuen på Sydneshaugen skole. Elements er en lettversjon av Photoshop CS, som er bygd opp på samme måte som proffversjonen men som ikke inneholder de mest avanserte funksjonene. Dere trenger ikke de mest avanserte funksjonene til HUIN105.

Kollokvielederne skal føre dere gjennom bruken av Photoshop Elements. Det finnes også et bra tutorial på hver datamaskin, se i "help" mappen. I tillegg kan dere søke på "tutorial Photoshop Elements 2.0" og finne mange gode tutorials, flere som er laget av Adobe, som lager Photoshop-serien.

Hva dere skal lære?

Forstørre og forminske bilder
Legge på tekst, endre font og farge
Forstå layers
Lagre for web
Lage bilder med gjennomsiktig bakgrunn, vite om matt så kantene glir i et med bakgrunnsfargen
Merke deler av bildet, kunne slette, klippe lime
Justere farger, kontrast og levels på et bilde

Det finnes en ny versjon av Elements, 3.0. Vi har ikke oppgradert fordi lisensene vil koste oss flere tusen kroner. (Vi kommer ikke til å kjøpe Photoshop CS fordi det vil koste mange ti-tusener av kroner i lisenser og fordi det er langt mer avansert enn nødvendig.) Dersom det er ting dere ønsker å gjøre men ikke kan gjøre i Elements, skriv en beskrivelse til meg på epost så vurderer vi å oppgradere til Elements 3.0 eller evt bytte til annen programvare.

Det koster opp mot 1000 kroner å kjøpe Photoshop Elements dersom dere vil kjøre det på egen maskin hjemme. Den fulle versjonen av Photoshop koster rundt 7000 kroner. Søk f.eks. gjennom kelkoo.no eller spør på en PC-butikk. Dere kan kanskje få studentrabatt.

Spørsmål om huin.uib.no kontoen?

2005-03-30T17:06:00.000+02:00

Dersom dere har problemer med kontoene på huin.uib.no, eller ønsker tilgang til databaser eller cgi eller lignende, skriver dere en melding på Brita - det skal til IT-avdelingen; bruk kategorien "General" og beskrive problemet og at det gjelder huin.uib.no serveren.

Kontoer på huin-serveren

2005-03-30T07:34:00.000+02:00

Nå har alle gruppene fått tildelt serverplass på huin-serveren. Dere har fått info på prosjektstyringsstedet om brukernavn og passord. NB: jeg tror feile eposter ble sendt ut - de riktige brukernavnene er de som står i grouphub!

Sitér, ikke plagiér.

2005-03-29T20:22:00.000+02:00

Etter å ha lest denne bloggposten om avsløringen av en student som betalte en annen for å skrive et essay for henne, må jeg bare be dere advare alle dere kjenner mot plagiat. Den vanligste formen for plagiat blant studenter er klipping og liming fra nettsider uten at kilder oppgis. Dersom dette skjer i mappeoppgaver som leveres til eksamen, regnes det som fusk. Som dere vet, er det svært enkelt å finne plagiat ved å søke etter fraser fra oppgaven i Google. Bare det siste året har jeg sett flere studenter ende opp i denne ubehagelige situasjonen. De har det ikke bra.

UiB har strenge regler om fusk og plagiering. Oppgaven sensureres ikke, men meldes til en komite som vurderer saken uavhengig av emneansvarlig eller sensor. Dersom komitéen finner at plagiat har forekommet, annulleres eksamen, og studenten kan utestenges fra å ta eksamen på universiteter i Norge i ett eller to semestre. Viderekomne studenter vurderes strengere enn helt ferske studenter.

UB har grundige sider om hvordan dere skal referere til kilder i skriftlige studentoppgaver. Jeg har også skrevet en oversikt over sitatteknikk som inkluderer informasjon om hvordan man siterer elektroniske kilder. Både i rapporten og i nettstedsanalysen vil dere sannsynligvis ha bruk for å sitere kilder, særlig pensumbøkene.

Forelesninger etter påske

2005-03-25T19:33:00.000+01:00

30. og 31. mars: Fargelære og grafisk design.
Onsdag 30. mars kl 09 - 15
Torsdag 31. mars kl 09 - 14
Auditoriet (rom 1080) i det gamle BT-bygget i Nygårdsgaten.
Foreleser: Nina Svane Mikkelsen.
Forelesningene er laget for MEVI152/172 og er åpne for (og anbefalt for!) HUIN105.

12. april: Interaksjonsdesign - seminar i samarbeid med KHiB.
Foredrag ved designerne Priya Prakesh, Crispin Jones og Simon Clatworthy og av nettviteren Anders Fagerjord. kl 9-16 på Dragefjellet, Aud 2. Dette blir inspirerende! Jeg gleder meg veldig.

9. mai: Alle som ikke tar MEVI152/172 møtes i Aud. Q fra 10.15-12 for å presentere gruppeprosjektene sine. Dere bruker prosjektør og hver gruppe får 5-10 minutter + diskusjon.

Kollokvietider opplyse av kollokvielederne.

Seminarer: Usability

2005-03-15T21:05:00.000+01:00

Seminaret i dag er viet en runde med usabilitytester. Strukturen blir slik:

1. Vi deler oss inn i grupper på fire. Hver gruppe tar en site og diskuterer seg fram til fem oppgaver de vil gi til testerne. (15-20 minutter)
2. Neste del blir i par: alle finner en som de ikke var på gruppe med i del 1. Nå skal en av dere være testbrukeren og den andre skal være usabilityeksperten. Eksperten gir brukeren oppgavene og følger nøye med på hvordan brukeren løser dem. Notér, men hjelp ikke. Bytt når dere er ferdige. (20 min) Dersom dere har tid til overs, bruk den til å tenke gjennom hovedpoengene i det dere har observert. Begynn evt. å skrive om dette i bloggen.
4. Gå tilbake i de første gruppene. Ta en runde hvor dere sammenligner resultatene. Diskuter hvorvidt oppgavene dere ga var fruktbare. Overrasket noe dere? Har dere forslag til forbedrede oppgaver? (10-15 min)
5. Når dere er ferdige skriver hver enkelt litt om dette i bloggen. Gå tilbake og rediger dette innlegget i morgen eller i overmorgen: dette er en innleggstype som kan passe bra i mappen.
6. Plenumsdiskusjon.

Nettstedene vi skal teste er lonelyplanet.com, amazon.com, mil.no, bergen.folkebibl.no og nokia.com.

Bloggeoppgaver

2005-03-15T20:58:00.000+01:00

Lurer du på hva du skal blogge denne uken? Prøv disse oppgavene:

1. finn ut hva usability er
2. finn en tekst som diskuterer usability
3. skriv et kort sammendrag av teksten du fant i bloggen, med vurderende kommentar, link og gjerne sitat
4. skriv et generelt innlegg om usability og dine meninger og erfaringer om dette i bloggen
5. gjennomfør en liten usabilitytest av minst ett nettsted og blogg dette

Punkt fire gjør vi på seminar onsdag og torsdag denne uken.

om nettstedsanalysene deres

2005-03-11T08:38:00.000+01:00

Laila har skrevet en glimrende post om generelle tilbakemeldinger hun har gitt på nettstedsanalysene deres. Les!

Interaktiv grafikk og simuleringer

2005-03-09T09:28:00.000+01:00

Med utgangspunktet til artikkelen til Anders Fagerjord, og et blikk til Gonzalo Frascas skille mellom representasjon og simulering (som ikke er lik Manovichs skille som vi diskuterte på mandag) skal vi se på en del forskjellige nettbaserte representasjoner og simulasjoner.

Infografikk: NY Times om tsunamien

For de mer argumenterende variantene ser vi på simuleringer og interaktive representasjoner av 11. september og de påfølgende hendelser.

Kritiske: Antiwargame, Gulf War 2.0 og September 12, Ashcroft Online.
Krigerske: Bin Laden Liquors, Mission 01: Kill Bin Laden, Al Qaidamon, Bad Dudes vs Bin Laden (og flere på Newgrounds)
Uklare: New York
Defenders

Vi diskuterer hvordan disse argumenterer.

Fra forelesningen 7/3

2005-03-08T15:48:00.000+01:00

På forelesningen i går snakket vi mye om problemstillinger som fungerer, og jeg viste dere Online Caroline, som jeg har skrevet om i artikkelen How I Was Played by Online Caroline, og jeg viste dere også videoen om hvordan medieverden (kanskje) vil være i 2014: EPIC 2014.

Vi avtalte at studenter som ikke også tar MEVI106 skal presentere gruppeprosjektene sine i plenum mandag 9. mai i Aud. Q. Innen da skal dere ha laget en god del klart, og dere viser oss det på storskjerm med prosjektør. Eller blir det kun kollokvier (onsdag eller fredag 12-14) etter påske, ikke forelesninger eller seminarer. I kollokviene skal dere bl.a. gå gjennom Photoshop og Dreamweaver mer, ellers blir det mest etter behov i forhold til gruppeprosjektene.

De som går på MEVI106 skal ikke ha undervisning i HUIN106 de første seks ukene etter påske, men skal så ha tre kollokvier i uken de to siste ukene før innlevering 27. mai. Dette opplyses nærmere ved epost/Studentportalen.

Vi bruker bloggen og Studentportalen til kontakt etter påske.

Gruppeprosjektene deres

2005-03-08T15:39:00.000+01:00

Her er notatene mine fra deres presentasjoner av gruppeprosjektene deres:

Kristin Brevik, Nina, Helene: En fortelling om tre jenter som er på reise fortalt gjennom blogger, fake websites osv.
Alexander Noraas, Martin, Andreas: Presentasjon av de fem beste utestedene i Bergen, muligens med simulert speeddating.
Frode, Eirik og Kjartan: Vil lage en portal og community site for studenter i nye medier og film og TV.
Alex, Lisbeth og Kristin Bønes: Vil lage nettsted for et fiktivt band, altså omtrent som en mockumentary, men på nett - vekt på fortelling. De vil bl.a. publisere lydspor (selvlagede) og bilder osv.
Cato, Kenneth og May: Test av produkter med rare kriterier. Skal ligne forbrukerinfo - "hvilken jus er best i test?" men humor.
Mattias, Kristine [ønsker en til?]: Informasjonsportal for tegneserier. Layouten skal minne om tegneserier.
Anne-Kathe, Svein, Ina: Nettsted der du kan bestille en hemmelig agent. Igjen, en slags mockumentary, hvor nettstedet skal se seriøs ut men hvor hovedpoenget egentlig er å fortelle en historie om spioner og agenter, tror jeg.
Liv, Maja og Anita: Fiktivt reality show - ekstreme utfordringer, klarer tre jenter å bestige de syv fjell. (disse har allerede begynt å ta bilder, video osv.)
Finn Kristian og Solveig: Historisk om kommunikasjon gjennom tidene.
Martine, Anders og Andreas: Jorda rundt på 80 dager.
Sindre, Eirik og Vidar: Presentasjon av nerder, ved IT-gruppen på Kvarteret for de andre på Kvarteret, og andre interesserte. Allerede igang på schoolsout.heavy-clouds.org.
Øyvind m.fl.: En fiktiv blogg skrevet av en rabiat eks-journalist.
Aleksander og Andreas: Russebil.
Jeanette, Camilla og Mariann: Fiktiv hjemmeside for en litt bisarr familie.
Hamba, Bård og Erik: Oppskrifter presentert gjennom tre venner med svært ulike holdninger til matlaging.

I tillegg er det flere studenter som ønsker å jobbe med Chile-prosjektet, som vil komme med klarere prosjekter når de har fått mer materiale.

Eksempler på nettstedsanalyser

2005-03-07T08:29:00.000+01:00

Her er noen eksempler på nettstedsanalyser fra i fjor. Disse skulle bare være på 600 ord, fordi studentene da også hadde to andre innleveringer. De klagde veldig på at det måtte være så kort.

Jeg har hatt problemer med å finne fram til nettstedsanalysene p.g.a. serveroppdatering som gjorde dem mindre tilgjengelige, så jeg tror dessvere det er noen av de beste jeg ikke har funnet fram til. Uansett kan jo dette gjøres på mange forskjellige måter, og det er er ikke den typen oppgave som har en fasit.

vi ser først på midten, så venstre, så høyre

2005-02-28T16:44:00.000+01:00

Jeg har fortalt dere på forelesninger at vi beveger øynene fra venstre til høyre når vi ser på nettsteder. Det stemmer ikke - det er riktig at vi leser trykte tekster slik, men på nettet ser vi først i midten, så til venstre, så til høyre. Dere kan lese mer i en artikkel om studier gjort på dette.

Oppgavetekst: nettstedsanalyser

2005-02-28T08:25:00.000+01:00

Som dere vet er det denne uken dere skal skrive nettstedsanalyser. Her er oppgaveteksten:

Skriv en tekstanalyse av et selvvalgt nettsted. Angi en klar problemstilling, og ta med minst et skjermbilde av nettstedet du analyserer. Husk at du både skal beskrive nettstedet ved hjelp av relevante begreper fra pensumartikler om tekstanalyse (i kompendiet og Digitale verdener), og fortolke virkemidler i forhold til problemstillingen din. Analysen din skal være ca. 2000 ord lang.

Analysen skal leveres i Studentportalen innen tirsdag 8/3 i fillageret til kollokviegruppen din. De som ikke har levert innen da får ikke tilbakemelding på analysene.

Dersom du lurer på hvilket nettsted du skal velge, kan de vi har snakket om gjennom semesteret være gode å ta. Dere finner eksempler på problemstillinger på s 69 i Larsens artikkel i kompendiet, under tittelen "Analytisk interesse". Vi kommer til å snakke om dette på forelesninger, seminarer og kollokvier denne og neste uke.

Har du ikke funnet gruppe ennå?

2005-02-23T15:15:00.000+01:00

Jeg har fått eposter og henvendelser fra mange som ikke har funnet seg en gruppe ennå, og det er også minst fire-fem grupper som bare har to medlemmer. Det er nok ikke lurt å legge ut kontaktinfo som telefonnumre og sånt i bloggene her, så jeg har laget et eget diskusjonsforum i Studentportalen som bare er tilgjengelige for oss som er påmeldt HUIN105, og som blir slettet ved semesterslutt.

Dersom du ikke har funnet deg en gruppe ennå, eller om dere trenger et medlem til i gruppen: Skriv et par linjer i diskusjonsforumet. Dersom du går på Bachelor i nye medier/film- og TV må du skrive det, for disse studentene har intensivundervisning og må komprimere arbeidet med gruppeprosjektet til før påske, og til de siste 2 1/2 ukene før mappeinnlevering 27/5, så det er upraktisk for andre å samarbeide med dem.

Bloggmalen

2005-02-17T17:18:00.000+01:00

Denne og neste uke skal dere jobbe med CSS (les kapitlene om dette i Castro) og dere skal mekke på bloggmalen. I øvingstimene har dere laget bloggmaler fra scratch. Innen mappen leveres 27. mai skal dere enten ha bygget en helt ny bloggmal, eller dere skal ha grundig modifisert en av malene som følger med Blogger.

Poenget er at dere skal finne ut av hvordan en mal som blander HTML tagger og system-spesifikke tagger funker, og at dere skal lære hvordan man finner ut hvordan man kan endre noe, klippe og lime, eller starte fra bunnen av for å gjøre det til sitt eget.

Les om Bloggers tagger i hjelpfilene. Dere skal også bruke CSS for å kontrollere utseendet til bloggen.

Gruppesammensetning

2005-02-17T17:11:00.000+01:00

Nå har mange funnet grupper, og et ti-talls grupper har fått kontoer satt opp på prosjektstyringssystemet vi bruker i vår. De som ønsker kontoer der må sende meg gruppenavn og navn og ønskede eposter til gruppemedlemmene.

Dersom du ennå ikke har funnet deg en gruppe, er det mulighet for det i neste uke. Post gjerne en kommentar til denne posten dersom du søker noen. Det er også flere grupper som trenger en til person, og det er også en del som ønsker å jobbe med museumsprosjektet, som Kate Goodnow skal orientere om på mandag.

Det skal være tre på hver gruppe. Skriftlig søknad må sendes meg dersom dette av en eller annen grunn ikke er mulig for deg.

Første oppgaver for gruppene:

Sett opp semesterplan. Når kan dere arbeide? Har dere eksamener o.l. i andre emner som dere må jobbe rundt? Klargjør dette nå!

idémyldring! vær åpne for mye rart!

Tegn to-tre skisser av mulige forsider (og gjerne andre sider) på papir

skal det være en historie? Jobb med den!

skriv lister over alle slags informasjon som kan tenkes å være med på nettstedet. Grupper dem, prøv ut forskjellige måter å organisere dette. Hva kan unnværes?

Dere skal presentere idéene deres om to uker.

Om gruppedanninger!

2005-02-16T15:32:00.000+01:00

Se her, de3store har allerede satt opp en blogg for prosjektarbeidet sitt!

De fleste fra seminaret i dag fant seg en gruppe, men det er noen par som trenger en tredjemann. I morgen blir det mer gruppedanning, og om to uker skal dere presentere idéene deres på seminar! Det blir spennende!

Alle grupper kan få kontoer på Basecamp, som er et nettbasert prosjektstyringsopplegg vi tester ut. Det er laget særlig for webdesigngrupper, så jeg tror det kan funke bra i prosessen med å holde styr på hva som må gjøres og hvem som har avtalt å gjøre det og sånt. Send meg epost med navnene til de som er i gruppen, og hvilken eposter dere vil bruke om dere ikke vil bruke student.uib.no epostene, så ordner jeg resten.

Det er 100 dager til innlevering av mappene, fikk jeg vite av Basecamp. Så det.

Medarbeider søkes!

2005-02-16T14:50:00.000+01:00

Camilla og Mariann søker medarbeider. De beskriver sine første idétanker slik:

Vi søker en person til å være med å lage en hjemmeside til en litt snål familie. Vi vil ha med info om hvert familiemedlem, og dagbok -at du kan se hva de har gjort, kanskje kombinert med at besøkende kan velge alternativer om hva som skal skje, som f.eks "Tante Trude Schwapzenschtrudel kommer på besøk og vil ha med sønnen Kjell Diego og datteren Jennifer-Barbro (f.eks...)i huset på en tur til Sverige for å kjøpe snus og syltestrikker. Blir K.C og J.B med?" Vet ikke helt om vi skal ha egen dagbok til hele familien eller for hver person. Eksempelet over er vel i tilfellet en felles dagbok for hele familien. Også tenkte vi å ha et opplegg hvor folk kunne besøke huset, og utifra hvilken tid det er, skjedde det saker og ting. Men vet ikke helt hvordan vi i tilfellet skulle gjort det, om det lar seg kombinere med dagboken (evt. som "dette skjer NÅ, dette har skjedd (i dagboken"), eller om vi kanskje må velge en av delene.
Ja, dette er litt av hva vi har tenkt, men vi er åpne for forslag til endringer!

Er du interessert kan du legge igjen kommentarer på bloggene til Camilla eller Mariann.

Grupper dannes

2005-02-16T08:56:00.000+01:00

I dag og i morgen på seminarene danner dere grupper til gruppeprosjektet.

Som hjelp i prosjektstyringen får dere kontoer på Basecamp, et system for å hjelpe grupper å holde orden på tidsfrister og idéer og lette kommunikasjon om hva som er gjort og hvem som har ansvar for hva. Systemet er i utgangspunktet laget for webdesignere, så det bør passe bra til deres prosjekter.

Innlogging skjer på https://huin105.grouphub.com, og jeg må først lage konto til hver av dere. Dette ordner vi på seminaret.

nettstedsanalyser

2005-02-14T11:18:00.000+01:00

Her er linker til alle nettstedsanalysene fra i fjor.

Hvordan lage layout

2005-02-14T10:10:00.000+01:00

I dag skal vi begynne å se på hvordan man bruker CSS for å styre layout. Først den hellige gral: CSS Zen Garden viser hvordan endrede stilark kan få den samme koden til å se helt annerledes ut.

Vi begynner med å se hvordan man kan styre ting som farger og fonter enkelt med CSS. Så ser vi på layout. Vi deler en side inn i forskjellige deler (divisions) og bruker CSS til å plassere dem på forskjellige steder på siden. Vi ser på en enkel to-kolonne layout. Så ser vi på hvordan man kan lage to kolonner med tabeller og diskuterer fordeler og ulemper med disse to metodene.

Les Castros kapitler om CSS. Dersom du mestrer CSS, leser du heller i Zeldman - spesielt om du har vendt deg til å kode uten å følge standarder. Se særlig kap 2, 4, 6-10 og 14. For alle: Zeldmans site, A List Apart, har mange gode tutorials i forskjellige CSS-vrier - med CSS slipper du bruke DHTML til rullegardinmenyer, du kan lage en type image maps som faktisk er tilgjengelige (i motsetning til den gamle typen) og du kan gjøre elementer i en liste om til lekre tabs (skilleark). Og mye mer.

På seminarene denne uken skal vi begynne å jobbe med å endre CSSen i bloggmalene våre.

Klasseprosjektet er ferdig!

2005-02-13T20:54:00.000+01:00

Det er mange spennende løsninger på klasseprosjektets andre del: lag en inngang til websidene klassen har laget om høyden.

Her er samlesiden til hele prosjektet.

En av de tematiske inngangene har brukt UiB-logoen som sentrum og plassert de andre temaene i en bred oval rundt logoen. Dette er laget med en image map (forklart i Castro) lagt på et bilde som er laget i Photoshop eller et lignende billedredigeringsprogram. Den elegante Høyden - den store guiden gir meg lyst til å gjennomføre hele prosjektet i den stilen. Metrokartet over UiB gir meg lyst til å reise til en storby straks. Det var mange andre spennende metaforer for prosjektet - f.eks. kan man gå inn i U Pihl, hvor mange av studentene har datalab, og lese seg fram på infotavlene der. Eller man kan klatre inn et av vinduene på Sydneshaugen skole. Om du noen sinne har lest en Choose-Your-Own-Adventure bok vil du le av Hello, I'm an exchange student, could you show me around?, som forsåvidt også minner om Same Day Test. Flere av dere lagde fortellinger som minner om The Unknown eller These Waves of Girls i linkbruken. En inngang har hentet inspirasjon fra Tusenfryd, og presenteres som Høydens fornøyelsespark. En leken og spørrende variant spiller på tilfeldigheter, og bruker de meget forskjelligartede websidene dere har laget som en styrke: se høyden gjennom forskjellige øyne.

HTML-bok på avveier

2005-02-11T09:43:00.000+01:00

Savner du HTML-boken din? En av de ble nemlig med feil person hjem fra seminaret i går - ring 92861159 for å få tak i den!

Seminarer

2005-02-10T09:54:00.000+01:00

I seminarene denne uken jobber vi med å organisere informasjon. Vi skal se på

sites der konseptet er klart definert og man så kan ta inn store mengder med materiale etterhvert (Humanclock.com, Sorryeverybody.com, Apologiesaccepted.com, Virtualtourist.com)
på sites der alt innholdet er bestemt på forhånd og arrangert i klare kategorier (
sites der både innhold og kategorisering blir til underveis (del.icio.us, flickr, Technorati Tags - se folksonomy)

Vi kommer til å sørge for at alle forstår hva validering er, og tilslutt skal dere lage design for den ultimate turistguiden til Bergen. (Eksempler på andre guider til Bergen: My Tourist Guide, Vandringer i Vågsbunnen, Visit Bergen

Del 2 av klasseprosjektet

2005-02-09T13:13:00.000+01:00

Legg inn link til del 2 av klasseprosjektet som kommentar til denne posten! Linker til del 1 finner du i forrige ukes post.

Hvordan dele ting inn i kategorier

2005-02-09T10:06:00.000+01:00

those that belong to the Emperor
embalmed ones
those that are trained
suckling pigs
mermaids
fabulous ones
stray dogs
those included in this classification
those that tremble as if they were mad
innumerable ones
those drawn with a very fine camel's hair brush
others
those that have just broken a flower vase
those that resemble flies from a distance.

Vil du delta i et museumsprosjekt?

2005-02-08T11:49:00.000+01:00

Kate Goodnow på Infomedia er i gang med et prosjekt om bruk av nett og nye medier i museumsarbeid. Konkret skal det lages webutstilling(er) som omhandler Pinochet-regimet i Chile og de mange som forsvant. Dere er invitert til å ta del ved å gjøre gruppeprosjektet i tilknytning til dette prosjektet. Deltagere vil få mye spennende materiale å arbeide med, de vil kunne knytte interessante kontakter og muligheten til å lage gruppeprosjekter som får betydning utover det å være en øvelse dette semesteret.

Kate vil komme og fortelle om prosjektet mandag 21. februar, før Rolf Beev snakker om CSS. Siden dere skal ha klart prosjektskissen allerede 4. mars, bør dere begynne å tenke på dette allerede nå. De som ønsker å gjøre gruppeprosjektet i forbindelse med dette vil måtte sende prosjektbeskrivelse til Kate, og får adgang til materiale og noe ekstra støtte derfra, men ellers blir omfang og tidsfrister osv likt andre gruppeprosjekter.

Her er en tekst Kate har sendt som gir noe mer informasjon, og dere kan gjerne ta kontakt med henne.

The Chilean web-exhibition project.

This project involves developing prototypes for the Allende Museum in Santiago. They wish to gain ideas for a permanent exhibition on missing people from the Pinochet years. A Norwegian/Chilean Ph.D. student (visual anthropology at UiT) is in Chile now gathering materials – personal stories, photographs, sounds, music, video etc. – that you may use. They will be available from the beginning of March.

The exhibition is divided into five parts and you may make a proposal for any one of the proposed sections. It may be a web-site outlining the story of one individual – to be linked to the exhibition or added to the database – or you might find interesting the issue of how individuals can add stories to the exhibition - through a lettered wall, by sending stories to an administrator or through a link to a blog.

Part One: Division
This part begins with a recognition of differences of opinion and history writing in the early 1970s in Chile. Materials to be used in the interactive exhibition include: Oral testimonies and memories from the period from both sides of the political spectrum; visual aids such as posters and newspaper clippings, music and radio material.

Part Two: Rupture
This section focuses on September 11th, 1972. It includes also oral memories of individuals - where they were and what they were doing as well archive materials such as radio, newspaper clippings and photographs. One structuring element may be the use of maps to show where events took place.

Part Three: Missing
Available for use for this section are documents over missing people. In this sense it is a section that lends itself most easily to the creation of individual web-pages that could be linked later into a multimedia database. Limited to begin with as this is a prototype but covering three or four individuals and the family stories surrounding them. To be obtained are oral testimonies of family members, pictures of the individual and the make-shift memorials created for them.

Part Four: Exile
Stories of exile most often revolve around stories of arriving to a new place. The stories here may include a broader period of time and include: leaving - both leaving the nation of origin and the adopted country to return ‘home’; returning - to the country of origin as well as decisions to return to the adopted country; staying - the decisions of those that did not leave again either the country of origin or the adopted country. These different moments then can pick up oral testimonies again from both sides of the political sphere because these stories are often about families being split or families being reunited and finding a new way forward. In addition to oral testimony, photographs, maps etc. will be made available.

Part Five: Reconciliation
The contemporary situation in Chile is such that many of those exiled have returned and there is a need to build up a new identity that reconciles difference of opinion. This section picks up the concept from the last section regarding families as metaphors for division as well as reconciliation. It also asks questions about the future with short interview material from social and political commentators about their ideas for ways forward - either through a path such as South Africa through Truth and Reconciliation Commissions - or through a less concerted path. In a self-reflective move it asks what role museums can play in this way forward towards reconciliation and a new forged identity?

Whatever you choose your contribution will be appreciated. All new ideas, all prototypes, will give insight into the planning of this new exhibition. Support and guidance will be available from Kate Goodnow at the Dept. of Information Science and Media Studies – kate.goodnow@infomedia.uib.no

If you are interested, the students in Ecuador would like to discuss ideas over the net as they will be developing projects during the same time as you. This, of course, is completely optional. What will happen in any case is a summing up for all participants and a possible publication of results through UNESCO.

Feel free to contact me – på norsk eller engelsk. Kate.

Du kan ta kontakt med Kate på epost katherine.goodnow@infomedia.uib.no for mer informasjon om prosjektet, eller snakk med Jill for generelle spørsmål om gruppeprosjektet.

Hvordan legge filer ut på nett hjemmefra

2005-02-07T22:15:00.000+01:00

Jeg har ikke konto på rasmus, og kan ikke sjekke dette - finner noen feil, så si fra!

For å laste opp filene dine til serveren hjemmefra må du bruke en FTP-klient, et program som ordner filoverføringer. FTP står for File Transfer Protocol.

Macbrukere anbefales å bruke Fugu. For Windows maskiner og maskiner som kjører Linux finner du en oversikt over mulige klienter her. Skjermbildene nedenfor er fra SSH Secure File Transfer Client, som UiB har site licence på, så du kan laste det ned her dersom du er oppkoblet via universitetets nett. Alle FTP klienter fungerer omtrent likt, så du bør finne ut av det utfra denne beskrivelsen.

Når du åpner SSH så ser det slik ut:

Til venstre ser du filene som er på den maskinen du jobber på, som kalles "Local". Til høyre er det tomt, men når vi kobler oss til serveren, vil høyre side vise filene på serveren, eller på "Remote" maskinen. Dersom det ikke ser slik ut er det noe feil. Kanskje er maskinen din ikke tilkoblet nettet ordentlig?

Trykk på "Quick Connect" knappen oppe til venstre. Om du får en feilmelding, klikk bare på OK, og så får du opp et lite skjema som ser slik ut:

Host name er navnet på serveren du skal laste filer opp til. Serveren til studenter på UiB heter rasmus.uib.no så du skriver det inn her.

User name er det samme som du sjekker epost med. Passordet likeså.

Klikk Connect og vent til du blir spurt om passord. Tast inn passordet. Klikk OK.

Nå ser du hva som ligger i brukerkontoen du har logget deg inn på, på serveren.

Alt som ligger inne i public_html mappen på serveren er tilgjengelig på web. Dersom du legger en fil inn i den mappen, publiserer du den altså til web. Dobbeltklikk på public_html mappen for å se hva som er inni den.

For å laste en fil opp til serveren, trekker du den fra venstre side over til høyre side. For å laste en fil ned fra serveren gjør du det omvendte. Du dobbeltklikker på en mappe for å åpne den, og klikker på ikonet med en mappe med en pil oppå () for å gå opp et nivå.

Filer som legges i en public_html mappe vil få URLen http://www.student.uib.no/~dittbrukernavn/filnavn.

Ekstraundervisning

2005-02-06T15:03:00.000+01:00

Det blir ekstraundervisning i HTML for nybegynnere ved Rolf Beev mandag 7/2, fra 12.15-14, på rom 264 på HF-bygget.

Informasjonsarkitektur

2005-02-06T14:40:00.000+01:00

Vi har arbeidet en god del med fortellinger på web, og skal jobbe videre med dette mandag ved å se grundig på Caitlin Fischers These Waves of Girls, som dere skal ha lest på forhånd. Fortellingen er en av de eldste og mest effektive metodene vi har for å ordne og forstå verden. Men ikke all informasjon kan organiseres som en fortelling, og det er ofte heller ikke formålstjenstlig å gjøre det.

En informasjonsarkitekt er en som planlegger hvordan informasjon skal organiseres og presenteres. På forelesningen mandag skal vi snakke litt om forskjellige strategier for å organisere informasjon. Du kan også lese mer på nettet.

Informasjonsarktitektene har selv en Wiki (en kollaborativ webside som mange eller alle kan redigere gjennom nettleseren) hvor de definerer hva informasjonsarkitektur er: Defining the Damn Thing. Rusty Foster har en artikkel om informasjonsarkitektur som er lettlest og har mange linker til mer informasjon. 25 teser for informasjonsarkitekter, er også nyttig og klar, og setter folk i fokus, ikke teknologi. Første tese er: "folk trenger informasjon".

Validering og norsk tegnsett

2005-02-06T13:44:00.000+01:00

Sidene du lager til klasseprosjektet skal være valide for å godkjennes. Det vil si at koden skal være gyldig XHTML 1.0 eller HTML 4.01 (eller velg en annen standard om du vil - XHTML er imidlertid det tryggeste og lureste å venne seg til). Da trenger vi to nye tagger som melder fra om hvilken standard koden vår bruker. Vi må spesifisere dokumenttypen og karaktersettet vi bruker. Ofte funker websider uten denne informasjonen, men det skyldes kun godviljen til nettleseren. Ikke alle nettlesere vil kunne vise siden uten dokumenttype og karaktersett. Spesielt fremtidige nettlesere vil kunne få problemer.

Dokumenttypen skal opplyses aller først i dokumentet, som forklart i Castro s 59-60. W3 har en liste over korrekte DOCTYPEr.

Det andre vi må legge til er karaktertypen, så nettlesere vet om de skal vise europeiske, kyrilliske eller japanske tegn, f.eks. Dersom du bruker feil tegnsett, vet ikke nettleseren at "å" skal vises som "å". Du kan løse det ved alltid å skrive æ, ø og å som HTML-entiteter (450-51 i Castro), men det beste er helt klart å opplyse om riktig tegnsett. For norsk skal du bruke iso-8859-1. Du må da passe på å lagre dokumentet i dette tegnsettet også. På Mac kalles det forvirrende nok ikke iso-8859-1, men "Western (ISO Latin-1)". [Kan noen hjelpe meg med hva det heter på Windows? Det er i hvert fall et poeng å ikke lagre som "Windows-1252", og ikke bruke smart quotes og andre Windows tegn som ikke fines i iso-8859-1.]

I nettsiden din, annonserer du tegnsettet slik (bare med hakeparanteser ikke klammer):

[meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /]

Prøv så å validere koden din på http://validator.w3.org/. De vanligste feilene er enkle: du har glemt å lukke en tag, utelatt anførselstegn eller glemt en alt-tag på et bilde osv.

Her er en fin innføring i validering med liste over de vanligste problemene folk får. Også på seinere oppgaver teller det positivt om nettstedene dine validerer.

I framtiden er det høyst sannsynlig at staten og mange store bedrifter vil kreve at alle websider som utvikles for dem skal validere og følge web standarder. Dette sikrer adgang for folk som er blinde, f.eks., eller som av andre grunner ikke kan bruke vanlige nettlesere. I USA og mange EU-land er dette allerede innfelt i lovgivningen, på samme måte som vi i Norge må lage ramper på offentlige bygninger slik at de som bruker rullestol slipper til. Norge vil sannsynligvis følge etter innen et par-tre år.

ta til venstre!

2005-02-05T13:27:00.000+01:00

(med takk til Anders!)

Hva du skal kunne nå

2005-02-04T17:23:00.000+01:00

Nå skal du kunne dette:

Kunne beskrive et nettsted ut fra begrepene i Engholms artikkel: teknisk konstruksjon, bruksmessig funksjonalitet, estetisk dimensjon. Du skal kunne diskutere formens fire lag : de verbale elementene, det grafiske lag, det dynamiske lag og det auditive lag. Du skal kunne diskutere et nettsteds sjanger og stil. (Digitale verdener
Kjenne til datahistorien i grunntrekk. Kjenne forskjellen på web og internett, kjenne til nettets historie og hvordan WWW ble laget. Vite om forskjellige nettlesere og ha et overblikk over hvordan eldre nettlesere viste websider. (Forelesning 24/2, Castro s 13-22, web kilder)
Skrive en helt enkel HTML-side i TextPad eller en annen teksteditor. Den skal inneholde disse taggene: <html>, <head>, </html>, <body>, <h1>, </h1>, <p>, </p>, <img src="..." alt="..." width=".." height="..">, </body>, </html>. Mer enn dette forventes ikke ennå. Dersom du bruker Dreamweaver som editor skal du gjøre dette i kode-modus, så du ser kodene, og ikke bare layouten. Pensum: Les Castro kap. 1-7, og s 59-66, 104-7 og 118 bør du kunne inn og ut.
Legge ut filer på O:-disken og finne ut hva URLen deres blir på nettet.
Poste til bloggen din.
Ta et bilde med et digitalt kamera, overføre det til datamaskinen, og lagre det for web. Du trenger ikke kunne redigere det enda. Du skal kun lagre det for web, ikke noe mer. (Castro kapittel 5)

Du har sannsynligvis lært mer enn dette også. Dersom det er noen av disse tingene du ikke syns du kan nå, betyr det at du må jobbe nå for å få denne kunnskapen!

Alles sider til klasseprosjektet

2005-02-02T13:59:00.000+01:00

Når du har laget siden din til klasseprosjektet "På høyden", legg inn en kommentar til denne posten med URLen.

Oppgavetekst: klasseprosjektet ”På Høyden”

2005-02-01T16:22:00.000+01:00

Vi skal lage en kollaborativ, subjektiv guide til Universitetet i
Bergen. Din oppgave er å lage en av sidene i guiden, og å
knytte den sammen med de andre sidene.

Del 1 (innen fredag 4/2)

Se deg rundt. Velg en ting på universitetetsområdet som du elsker eller hater, som du ser hver eneste dag, som du ikke kunne klart deg uten, som du har opplevd noe rart med eller ved eller som du undrer deg over.

Skriv en kort tekst om tingen du har valgt. Ta et bilde av tingen og formatter det for web. Lag en HTML-side som inneholder bildet, teksten, en overskrift og to meningsfulle linker til andre studenters ting. Lagre siden på O-disken din, i public_html mappen, slik at den ligger på web, og legg en link til den fra posten på lærerbloggen (huin105.blogspot.com) og fra din egen blogg.

Valider siden og rett opp eventuelle feil. Validering gjennomgås i kollokviegrupper og/eller på seminarer 2/2 og 3/2.

Del 2 (innen fredag 11/2)

I kollokviegruppen (eller hjemme): Lag en side, gruppevis eller enkeltvis, som organiserer prosjektet. Du er informasjonsarkitekt: hvordan syns du denne informasjonen best skal organiseres? Vil du linke til alt, eller bare til noen sider? Gruppere sidene? Hvordan?

Post en link til du har laget på bloggen din. Forklar tankegangen bak
organiseringsprinsippet du eller dere har valgt. Henvis gjerne til pensum eller
nettsteder som har inspirert deg. Dersom dere ikke fikk organiseringssiden
helt som dere ønsket den (ambisjoner er ofte større enn tid og ferdigheter)
kan du beskrive hvordan den ideelt sett skulle vært.

Når oppgaven er gjennomført skal du kunne:

enkel HTML
validere HTML-koden din
ta bilder, overføre dem til datamaskinen, lagre dem for web
lage linker mellom sider
tenke gjennom hvordan du vil at lesere og brukere skal bevege seg
gjennom stoffet du presenterer, hvordan organisere informasjon
lagre filer på O-disken slik at de er tilgjengelige på nett

Vurdering

Oppgaven karaktersettes ikke, men i mappen du leverer på slutten av semesteret (27/5) skal du ha med en link til denne oppgaven og en kort beskrivelse av hva du gjorde. Du vil få tilbakemelding fra kollokvieleder, og det blir plenumsdiskusjon av et utvalg av løsningene på forelesningene 7. og 14. februar.

Seminarer: Nettstedsanalyse

2005-01-26T10:11:00.000+01:00

I dag skal vi diskutere artikkelen til Engholm i Digitale verdener, og vi anvender hennes modell på disse nettstedene:

Kollokviegrupper avlyst denne uken

2005-01-25T13:30:00.000+01:00

Kollokvier denne uken avlyses, fordi kollokvielederne er på pedagogikkurs for å lære å bli enda bedre kollokvier. Vi legger en ekstra kollokvietime til på slutten av semesteret så dere får like mange tilsammen.

Seminarer går som vanlig, onsdag og torsdag fra 10-12.

Forelesning: Verdensvevens historie

2005-01-25T13:23:00.000+01:00

Mandagens forelesning handlet om verdensvevens historie. Wikipedia har godt bakgrunnsstoff til dette emnet, med mange linker (internet history, history of computing), og Store norske leksikon har også en oversikt, som er tilgjengelig fra UiBs campus.

Vi så på Dejavu.orgs browseremulatorer for å se hvordan folk egentlig så nettsider i gamle dager. 1993 og sånt, altså.

Vi snakket også litt om semiotikk og tekstanalyse, og diskuterte modellen i Thorlacius artikkel i Digitale verdener, s 81.

Hvilke bilder har man lov til å bruke?

2005-01-25T13:12:00.000+01:00

En student spurte om hvordan man kan vite hvilke bilder man kan bruke. Her er lovgivnignen streng:

Du kan kun publisere bilder du har tatt eller laget selv, eller som har en lisens som tillater bruk. Se f.eks. på Creative Commons lisenser for mer info. Det fins sites hvor du kan finne bilder som er lisensiert slik at andre kan bruke dem, f.eks. har Flickr mulighet for dette. Deviantart ble også nevnt, og det fins andre steder. Elektronisk Forpost Norge jobber med denne problematikken i Norge, og idéen om kopirett er også en del av arbeidet.
Selv om du har tatt bildet selv er det ikke alltid du har lov til å publisere det på nettet så alle kan se det. Du må ha tillatelse av folk på bildet, med mindre det er bilde av 17. mai eller noe hvor enkeltindividene ikke er poenget. Her er en god oversikt over norsk praksis på dette punktet. Lovgivningen er ikke lik i alle land.
Dersom du bruker bilder du ikke har tillatelse til å legge ut på nettet i grupperosjektet, må du levere det på CD-ROM i stedet for på nett. Da kan du ikke vise det lett fram til framtidige arbeidsgivere. Jeg syns heller du skal finne bilder du kan bruke lovlig.

Torsdagsseminaret

2005-01-20T14:19:00.000+01:00

The Thursday seminar group, originally uploaded by Jill.

Det var bare en student pÃ¥ hver maskin i dag. Helt perfekt. Kanskje noen av dere som gÃ¥r onsdagen ville foretrukket Ã¥ bytte til torsdag sÃ¥ det blir litt bedre fordeling?

Bilde av seminar 1!

2005-01-19T13:50:00.000+01:00

Web students in room 124 at Sydneshaugen skole, originally uploaded by Jill.

Jeg knipset tre bilder, litt usystematisk, og limte dem sammen i Photoshop så man kan se hele rommet. Fordi jeg ikke tenkte så nøye på hvor jeg sto, ble ikke det komposittbildet helt perfekt, men litt artig er det jo likevel - og det tok kort tid. Her er litt info om hvordan man bør ta bilder dersom man har tenkt å lime dem sammen slik.

RSS: Les medstudenter blogger!

2005-01-19T11:12:00.000+01:00

RSS står for "Really Simple Syndication", og Blogger syndikerer automatisk bloggene deres, om dere ikke går inn for å endre det. Dermed kan jeg abonnere på alles blogger, og følge med på hva dere skriver.

Dere kan se hvilke blogger og andre nettsteder jeg følger med på ved å lese mine RSS-feeder, som jeg har på Bloglines.com. URLen er http://www.bloglines.com/public/lijil. Om dere vil, kan dere lage egne brukere på Bloglines og lage deres egne samlinger av RSS-feeds. Da slipper dere å se ALT folk har skrevet og ser bare det de du abonnerer på har skrevet siden sist du kikket.

Vil du som er HUIN105-student være snill å legge inn URLen til bloggen din i en kommentar til denne posten? Så legger jeg den til listen min.

2005-01-19T10:15:00.000+01:00

På seminarene denne uken skal alle lage sin egen blogg. Dette gjør dere enkelt på Blogger.com ved å følge instruksjonene. Vi snakker litt om hva dette er og hvordan dere bruker det, og lærer å lage linker og poste. Så blir det gruppearbeid, som slutter med at dere skriver bloggposter om deres funn.

Gruppearbeid:
Velg et av disse nettstedene: kongehuset.no/, Astmainfo.no, goarmy.com, Apple, Microsoft, Linux.org.

Diskuter:

Hvorfor har de laget dette nettstedet?

Hvem tror dere de har skrevet den for? Hvem er målgruppen?

Hvordan har de prøvd å nå denne målgruppen? Språk? Utseende? Tone?

Syns dere det funker? Hvorfor / hvorfor ikke?

Gruppene presenterer sine funn i plenum, og vi diskuterer sammen. Avslutter med å skrive hver vår bloggpost om en av nettstedene eller om egne tanker ut fra diskusjonene.

Første forelesning: Hvordan bruker vi nettet?

2005-01-17T22:15:00.000+01:00

Dette er litt ekstra tekst.

Statistikker om nettbruk: Norsk mediebarometer og IKT i husholdningene fra Statistisk sentralbyrå (data fra 2003). Mye mer detaljerte undersøkelser fra Pew Internet, men disse gir bare statistikk for USA. Latest Trends er nyttig oversikt. (Eks: 4 av 10 amerikanere bruker lynmeldinger, 27% av nettbrukere leser blogger.

Hvordan bruker dere nettet?

Litt webhistorie: Les om World Wide Web's historie og om internettets historie i Wikipedia. (Artiklene i Digitale verdener om historie er valgfrie; artiklene i Wikipedia er mer relevante.)

Nettet er et levende medium, et stadig skiftende medium.
Les: Mark Bernsteins artikkel: 10 tips on Writing the Living Web.
Nettet tillater hurtig og personlig publisering fra (nesten) hvem som helst.
Eks: Tsunamien (del.icio.us, wikipedia, textually), 11. september (Pew report.

Hvordan vil dere bruke nettets stadige endring?

Nye sjangre, kryssover sjangre. Noen eksempler:

Nettaviser: Dagbladet, bt.no, The Age, The Guardian, The New York Times etc...
Informasjon (busstider, tv-programmet, levere selvangivelsen)
Sosial bruk – dagbladets diskusjoner, blink, flickr osv. "Social software" - se her for mer.
- Blogging, nettdagbøker (nettdagbok.no)
- Estetisk, kreativ bruk: Dakota av Young-Hae Chang, My Boyfriend Came Back from the War av Olia Lialina, David Still, Nobody Here av Jogchem Niemandsverdriet, Come Clean.
Politikere – Kristin Halvorsen, Howard Dean
Hoaxer, vitser (Hatten er din, Bonsai kittens) (Markerer disse sosial tilhørighet?)
Spill (bin laden liquors, Newgrounds.com, Everquest, osv osv osv)
Forskning - forsknings blogger, Google Scholar

Oppdatert semesterplan

2005-01-17T20:18:00.000+01:00

Her er en oppdatert versjon av semesterplanen som ble utdelt på orienteringsmøtet i forrige uke. Den ligger også som PDF i fillageret i studentportalen, og jeg tror dere som er medlemmer i gruppen skal kunne laste den ned herfra. Si fra i kommentarene dersom det ikke går.

HUIN105: Webdesign og webestetikk

Undervisere

Emneansvarlig: Jill Walker
Foreleser 31/1 og 21/2: Rolf Beev
Kollokvieledere: Bård Aase, Laila Frotjold, Jan Erik Mandelid, François Picot.

Timeplan

Hver uke fra 17. januar og fram til påske skal du på en forelesning, et seminar og en kollokvie. Studenter på Bachelor i nye medier og Bachelor i film og TV-produksjon skal på kollokvie 2 eller 4. Alle andre studenter skal på kollokviegrupper 1 eller 3. I Studentportalen er dere automatisk fordelt, og dersom dere er på feil kollokviegruppe order vi dette manuelt.

	Mandag	Tirsdag	Onsdag	Torsdag	Fredag
8.15-10			Kollokvie 4 Rom 305, Pihl. (Laila Frotjold)
10.15-12	Forelesning Aud Q (Jill Walker)		Seminar 1 Rom 124 (Jill Walker)	Seminar 2 Rom 124 (Jill Walker)
12.15-14			Kollokvie 1 Rom 124 (François Picot)	Kollokvie 2 Rom 124 (Bård Aase)	Kollokvie 3 Rom 124 (Jan Erik Mandelid)

Semesterplan

17. januar – 21. januar:
Hvordan bruker vi nettet? Nye sjangrer og tenkemåter. Sette opp blogger, ta bilder. (Les: hjelpefiler blogger.com, Digitale verdener sider 41-54, Bernstein ”Living Web”)
24. januar – 28. januar
Analyse og tolkning av nettsteder. (Les: Digitale verdener sider 57-100)
31. januar – 4. februar
Rolf Beev: Innføring i HTML. Arbeide med klasseprosjektet. (Les: Castro, Zeldman)
7. februar – 11. februar
Å fortelle på nettet. Hvordan kan man organisere et nettsted? Klasseprosjektet sluttføres. (Les: Digitale verdener sider 145-178, These Waves of Girls)
14. februar–18. februar
Om gruppeprosjektene og mappen. Web standards. RSS, endre på bloggmalen. (Les: Castro, Zeldman)
21. februar–25. februar
Rolf Beev: CSS, (Les: Castro, Zeldman, onlineressurser oppgis)
28. februar–4. mars
Nettstedsanalyse. Presentere gruppenes prosjektidéer. (Les: Kompendiet om tekstanalyse)
7. mars–11. mars
Grensesnitt, interaksjon. Tilbakemelding på nettstedsanalysene. (Les: Digitale verdener (s. 273-312)
14. mars–18. mars
Innhold bestemmes etter deres ønsker og behov.
Uke 13: Forelesning(er) i fargelære og grafisk teori, arr. av Infomedia, mer info seinere. (Les: Williams)
Uke 14 – uke 19
Fellesundervisning slutt. Nå blir dere delt i to:

Bachelorstudenter i nye medier/fjernsynsproduksjon: Dere har intensivundervisning i andre fag til og med uke 18. I uke 19, 20 og 21 (10-26. mai) jobber dere intensivt med gruppeprosjektet og har seks øvingstimer i denne perioden. Vi møtes samlet en eller to ganger hvor dere presenterer gruppeprosjektene og får tilbakemelding.
Alle andre studenter: Øvingstimer fortsetter en gang i uken til og med uke 19 (13. mai). En eller to fellesmøter avtales hvor dere presenterer gruppeprosjektene og får tilbakemelding.

Mer detaljert informasjon om dette kommer før påske.

Mappeinnlevering

Vurderingsformen er mappeinnlevering, og dere skal levere en digital mappe mot slutten av mai. Mappen skal skal være digital, og skal inneholde en nettstedsanalyse på ca. 2000 ord, linker til et nettsted utviklet i gruppe, hvor du skal beskrive ditt bidrag, et refleksjonsnotat om gruppeprosjektet og linker til andre arbeider du har gjort i løpet av semesteret.

Foreløpig dato for mappeinnlevering er fredag 27. mai. Dere får beskjed når denne datoen er bekreftet og helt sikker.

Pensum

Bøker

Ida Engholm og Lisbeth Klastrup (red.) Digitale verdener - de nye mediers æstetik og design. København: Gyldendal, 2004.
Elizabeth Castro: HTML for the World Wide Web 5th edition. Berkely: Peachpit Press 2003.
Robin Williams: The Non-Designer's Design Book. Pearson Education, 1994.
Jeffrey Zeldman: Designing with Web Standards. New Rider Press, 2003.

Kompendium med artikler om tekstanalyse. Kjøpes på Studia.
Onlineartikler og nettsteder

Caitlin Fischer: These Waves of Girls, 2001.
Olia Lialina: My Boyfriend Came Back From the War, 1996.
Mark Bernstein: ”10 Tips on Writing the Living Web”, A List Apart, 16. august 2002.
Jakob Nielsen, Useit.com. Utvalgte artikler.

Flere tekster og nettsteder opplyses underveis.

Mer info

Du finner linker til mer info i Studentportalen.

Prosjekter fra tidligere år

2005-01-11T22:29:00.000+01:00

Nysgjerrig på hva dere skal lage? I fjor begynte vi å tenke koding, innhold, stil og organisering Studier: en subjektiv og kollaborativ guide til Universitetet i Bergen. Her er oppgaveteksten til den oppgaven, som ble gitt i løpet av de aller første ukene av semesteret. Vi gjør noe lignende i år også.

Dere skal skrive og designe blogger, også, og skrive nettstedsanalyser. Jeg legger linker til noen gode eksempler etterhvert.

Etter påske er det ikke flere ordinære forelesninger, men det blir øvingstimer og veiledningsmøter og mye arbeid: da skal dere nemlig jobbe med gruppeprosjektene deres. Her er noen av de beste fra i fjor:

Sykkelturen 2004: En dokumentasjon og promosjon av tre gutter som syklet fra Nordkapp til Sicilia. En av studentene kjente en av syklistene, så oppdraget ble helt reelt.

Turan.dot: En presentasjon av operaen.

Project Mayhem: Fiksjon, heldigvis, for dette handler om et bankran som ble planlagt opp mot 17. mai i fjor. Flere fortellere bruker blogger og andre teknikker for å skape en fortelling.

Baltisk biltur: En turistguide til Baltikum presentert som en fortelling sendt hjem på postkort med kart og fakta underveis.

Gatekunst.net: Grafitti, tagging og stensiler fra Bergens gater. Her er hele navigasjonen visuell, og det er nesten ingen ord.

Magasin for etterpåklokskap: et ambisiøst magasinprosjekt med mye vekt på innhold.

You think you know…: En sjarmerende kaotisk sammensurium av jenteprat om gutter, sex og flørt.

Første post

2005-01-07T18:20:00.000+01:00

Dette semesteret skal studenter i HUIN105 lære å lage nettsteder, å kommunisere i (eller gjennom?) nettverket og å reflektere rundt web og nettsteder.

Denne bloggen vil inneholde info om hva vi gjør underveis, og den vil være med på å koble sammen alle bloggene og prosjektene studentene skal lage.