Måned: september 2014

Prosjekteksamen uke 4

Nå begynner ting å ta form! Bare se her:

Skjermbilde 2014-09-26 kl. 11.09.58

Denne uka har jeg jobbet med php og css. Og heldigvis er det catch-up uke neste uke! Jeg har beregnet alt for lite tid på css og php. Dette vet jeg til neste gang:  Mindre tid på å legge inn innhold og sette opp selve innholdet, og mer tid på koding.

Prosjekteksamen uke 3

Da er mock-upen min ferdig, og jeg har vært på Rognan og vist designet fram til kunden min. Det var spennende :) Jeg visste ikke om de kom til å like det, men jeg hadde forberedt meg bra og visste hvorfor jeg hadde valgt som jeg gjorde. De ble kjempefornøyde! Vi diskuterte forskjellige aspekt ved siden, og de ble veldig inspirerte til å lage innholdet ettersom de nå kan se hvordan innholdet blir satt opp. Kunden min kan mye om «servere og sånt», siden det er en stor del de driver med. Det er gøy å se at vi kan hjelpe hverandre og lære av hverandre. Jeg bør også lage en liten bruksanvisning på wordpress og hvordan ting skal gjøres, så de gjør det riktig når de skal oppdatere siden :) Neste skritt i prosessen er å finne et theme, og legge inn stoff. Vi har satt en ny tidsfrist på innlevering av stoff fra kunden, så jeg bruker fortsatt førsteutkastene han sendte meg i starten av prosjektet. Det har jeg lagt inn på siden, og laget et child-theme til Twenty Twelve. Det er dette temaet jeg har jobbet mest med, og det er mulig å «redesigne» både utseendet og legge til nye funksjoner for å få det som jeg vil. Jeg følte at å lage et helt nytt theme blir litt for heftig, og i tillegg kan jeg dra nytte av sikkerheten og oppdateringene som følger med å bruke et av WordPress’ egne themes. Her er mock-up-en; Mock-up Esave Jeg har også lagt inn nødvendige plugins:

  • mqTranslate. Et plugin som gjør at du kan ha siden på flere språk uten å lage 2 separate wordpress-sider. (TIPS: Alltid gjør dette FØRST, før du legger inn poster og sider, så slipper du å viske bort alle språkene som skal være tomme…)
  • Quiz Master Next. En quiz plugin som har masse muligheter utover det å være en quiz. F.eks. kan den sende en epost til admin hver gang en quiz blir tatt, og den lagrer og viser statistikk mm.
  • Google Analythicator

Kontaktskjema skal jeg prøve å lage selv etter å ha lest denne artikkelen. Hvis det viser seg å bli for vanskelig tenker jeg å bruke Contact Form 7. Esave ønsker støtte for video, og jeg har funnet ut at det ikke er så lurt å hoste videoer gjennom wordpress, men heller embedde de fra en tredjepart. Om Esave da ønsker at videoene kun skal vises for innloggede brukere er det beste alternativet Vimeo Pro. Jeg informerte om dette på kundemøtet og de var positive til å bruke dette. Logg-in skal vi løse med å lage en html-side akkurat for logg-inn-siden, som de kan ha på sin server (php kan forstyrre systemet deres). Så lenge man bruker de samme klassene og elementene som i templatefilene skal stylingen bli den samme. Eneste som kan bli en greie der er hvis de legger til nye sider eller endrer navn på de må html-filen oppdateres manuelt. Grunnen til at vi gjør det på denne måten er at de ikke ønsker å importere brukere til en internettserver når de har sin egen som er mye tryggere. Man blir også nødt til å duplisere brukerne og legge til nye to steder. Så vi bruker det gamle systemet men redesigner akkurat den html-filen. For å vise at Esave har «skjulte» funksjoner skal vi legge inn noen «påskeegg» på siden, hehe! Vil ikke røpe de, så se om du finner de når siden blir ferdig! :) Her er lista over ting som skal endres på i php:

  • Header
    • Logo foran linker
    • 2 knapper
    • <Header> utenfor <site>
  • Footer
    • <Footer> utenfor <site>
    • Ekstra meny
    • Fast tekst (adresse)
    • Flagg
  • Sidemaler
    • Forside
    • Vanlig innholdsside
    • Galleri
  • Loop
    • Få 3 siste overskrifter på forsiden
    • Få inn featured images/bildepost inn på gallerisiden
  • Annet
    • «Til toppen»
    • Kontaktskjema
    • Google fonts
    • Favicon
  • Lage en htmlside for logg-inn.
  • Eldre-nyere innlegg (pagination)
  • Flytte dato til toppen av innlegget

Denne lista kommer nok til å vokse litt etter hvert som ting kommer fram i lyset :)

Prosjekteksamen uke 1&2

Da har jeg allerede kommet to uker ut i eksamen, men har ikke skrevet noe på bloggen enda. Vil bare komme med et tips til dere andre studenter: Lag dere et word-dokument der dere lager strukturerte overskrifter (typ: Research, Inspirasjon, Linker, Forslag til løsninger, osv) og skriver ned alle spørsmål og bestemmelser dere tar iløpet av prosjektet! Legg inn linker og research og tanker og alt! Så har man masse å ta av når man skal skrive rapport, og ikke minst har man alt på ett sted! Mitt dokument er ganske langt allerede, så det er egentlig hovedgrunnen til at jeg ikke skriver noe på bloggen. :)

Litt info:

Esave:

Esave er et energisparingsfirma med kunder i flere land. De leverer web-verktøy for energieffektivisering hos større byggeiere. Dette verktøyet gir kunden en oversiktlig dokumentasjon på energiforbruket sitt.

Esave skiller mellom de som er ”innenfor” og de som er ”utenfor” tilgang til systemet. De som besøker vår web-side er i hovedsak de som er ”innenfor” og som skal logge seg inn. De som er ”utenfor” skal til en viss grad få vite hva Esave er, men det er ikke noe mål å gjøre hjemmesida til en salgskanal, fordi salg skjer gjennom personlige nettverk.

Målgruppe:

  • Større byggeiere i Skandinavia og de tre Baltiske land
    vaktmestere, energirådgivere og ledelse hos større byggeiere.
  • Menn
  • Alder: 35-55 år?
  • Lønn: Fra vaktmesterlønn til lederlønn
  • Type jobb: Både lederjobber og de på «gulvet»
  • Bosted: Norge, Sverige, Latvia, Estland, Litauen, Russland. Typisk i byer og større tettsteder.
  • Praktisk anlagt, teknisk anlagt, men ikke nødvendigvis «design-anlagt»
  • Familie med eldre barn?

Trenger en side som:

  • Er enkel å bruke
  • Får jobben gjort
  • Loader fort – positivt bilde av esave
  • Ikke er for teknisk eller for fancy
  • Ikke for mye info på en gang
  • Ikke endre seg for fort
  • Intuitiv i bruk
  • Lett å finne fram til det de ser etter.
  • Som regel vil de se etter en av disse: Logg inn for «gamle brukere» – Om esave for de som surfer innom – Registrere seg hvis de allerede har hørt om det og vil prøve

Siden skal være/kommunisere

  • Brukervennlig
  • Fast navigasjon – brukeren vet alltid hvor man registrerer seg og logger inn.
  • Effektivitet
  • Aktiv
  • Kompetent – har kompetanse
  • Dedikert – klart mål (resultater, spart energi)
  • Pålitelig
  • Enkelt å forstå kompliserte ting
  • Åpen for ny teknologi, likevel fast og trygt

Dette er mockupen av «hjem»siden, så langt som jeg er kommet hittil:

Forslag 2

Forslag 1

Forslag 1

Forslag2