Oppgave 6 - Lag en app

Oppgave 6 gikk ut på å lage en app via nettsiden www.appshed.com
Spennende og internsang oppgave. Appshed tilbyr et veldig brukervennlig og innovativ grensesnitt som gjør det enkelt og morsomt å lage en app til både IOS, Andriod og Blackberry. Gode muligheter altså!

Jeg valgte å lage en applikasjon for en bildekunstner som heter Kristine Jakobsen. Hun har noen veldig kule bilder som jeg følte for å dele med verden. Selve applikasjonen er enkel, men følte at det viktigste var å vise til at jeg skjønte hvordan Appshed fungerer og at jeg klarte å sette noe sammen til en fullstendig app.

      QR:                                              Preview av appen HER

Oppgave 4 - Bloggdesign

I denne oppgaven fikk vi som oppgave å lage en blogg, og deretter gi den et design. Som du allerede sikkert ser, er oppgaven ferdig. Jeg har gått for ett veldig enkelt design og det er ikke uten grunn. Det er ingen annen spesiell grunn til å besøke en bloggside for noe annet enn å lese tekst og se på bilder. Som regel er det snakk om ganske store menger tekst og bilder også. For mye irrelevante linker og annet "støy" på siden kan fort bli distraherende for leseren. 

Design

Det var viktig for meg at siden hadde en passende bredde. For bred, og linjene ble for lange og det ble kaos for øye å lese. For tynn, og jeg endte opp med for mye scrolling. Jeg endte opp på 800 pixler i bredde som jeg mener er perfekt. Den eksterne linken til portal-siden skulle i hovedsak være øverst på en menybar, men dessverre passet designet på den så dårlig at jeg måtte gå med en annen fremgangsmåte. Nå ligger den nederst på siden i en for for footer. Det funker, men er ikke optimalt. 

Fargebruk

Selve fargebruken var ikke så altfor vanskelig. Blått (eller lyseblått) slår sjeldent feil. Fargen blå står for blant annet "beroligende" og "sannhet". At fargen har en beroligende effekt er absolutt en fordel (I hvert fall for denne type blogg). Den står også i god kontrast med sort (og til dels hvit) tekst. 

Header

En enkel og veldig nøytral header/logo. Blender godt inn i blåfargen og roper ikke akkurat "HALLO!! SE PÅ MEG!!". Det er helt OK. Hvis leseren vill se på logoen, vet han/hun akkurat hvor man skal se. Når man klikker seg inn på en nettside vill øyet automatisk skue over dette området uansett. Gikk for den kjente Source Sans fonten. Er generelt bare veldig glad i sans serif font typer. Syntes de passer til nesten alt. Den tynne stilen passer også til det jeg var ute etter (nøytral). 

Oppgave 2 - Fagformidling i webdesign

I dette innlegget skal jeg etter beste evne presentere min fremgangsmåte og tankeprosess da jeg skrev websiden for oppgave 3 i Web- og informasjonsdesign. Selve nettsiden er veldig basic, så dette er ikke noe spennende for personer som allerede er godt kjent innenfor HTML og CSS. 

Oppgaven handler om å lage en nettside med 3 eller mer undersider som handler om deg og ditt hjemsted, eller deg og din hobby. Jeg valgte å skrive om meg og mitt hjemsted. Da jeg er en IT student som hadde webpublisering forrige semester, er det naturlig for meg å kode nettsider for hånd. Altså kun tekst, uten hjelp av Adobe Dreamweaver.

Selve prosessen er ganske enkel. Du begynner med å sette opp ett skjellett med <div>s med class-names. Jeg lagde ikke noe skisse, men det er heller ikke nødvendig hvis du kan godt se for deg noe veldig klart i hodet. I mitt tilfelle hadde jeg ett skjellett som ser slik ut (bildet til høyre), og som resultat av dette oppsettet, ser koden ut som dette (bildet under) Dette er altså kun boksene (divs og articles) uten noe innhold. Det er en god ide å bruke elementer som <article> der det passer, da det gir siden en mye høyere semantisk verdi. Du kan lese mer om akkuratt det HER

Når dette var gjort var det pirkejobben som stod igjen. Plassere tekst og bilder og gi alle elementene riktig CSS kode. Riktig skalering samt padding er noe som ofte gjør jobben vanskelig. Det er ofte at man må gå tilbake til koden for å endre noen verdier. Da er det veldig viktig at koden er lett og lese. Riktig indentering og kommentarer i koden er noe jeg synes er veldig viktig. Selve stylesheet.css er på nesten 400 linjer, så å lett kunne bla seg gjennom og kjapt vite hvilken kode som tilhører hva er viktig.

Uansett... Etter at alle elementene er plassert og har fått riktig CSS kode, er det ikke annet som gjenstår enn å laste det opp på Internet og dele det med verden! I mitt tilfelle brukte jeg FileZilla, som er ett FPT program, for å få en tilkoblingen med http://db-kurs.hit.no/~120400/html.

Det ferdige resultatet kan sees HER