Portfolio – 4.semester

At the end of each semester, we collect the mandatory tasks in a Portfolio for assessment and grading. You should present the tasks specified below, from your 4th semester, in a website. This website should be designed so that it conveys how you are as a designer. The site must contain links to all the mandatory assignments specified below in the list, and a link to your reflective diary.
– Oblig.05 Illustration/Photo
– Oblig.06 Person, product and natural light
– Oblig.07 Title Sequence
– Oblig.08 Interactive infographic website
– WordPress blogg (dagbok)

Til mappevurderingen for 4.semester, mitt siste semesteret, skal jeg lage en webside hvor jeg samler alle de obligatoriske oppgavene som er utført dette semesteret. Jeg kommer til å inkludere en link til denne bloggen, og eventuelt noen læringsaktiviteter eller skisser. Både de gamle versjonene og de nye skal leveres, og hva som er forandret skal beskrives i en rapport. Nå skal jeg først jobbe med tilbakemeldingene jeg har fått fra Noroff, og forbedre de fire oppgavene jeg har levert dette semesteret. Deretter skal jeg beskrive hva som er forandret og gå gjennom rapporter. Tilslutt skal jeg designe og programmere en webside.

Jeg begynte med å bruke ABC metoden, for å tvinge hjernen til å tenke på alle bokstavene i alfabetet og komme med idéer, tanker og innspill til oppgaven. Videre jobbet jeg med å finne et passende domene navn. Mens jeg jobbet med dette, sjekket jeg også hvilke navn som var ledige. Jeg ønsket helst å opprettet et .com domene til porteføljen.
img002img003

Videre jobbet jeg med skisser, og skisserte wireframe, sitemap og layout for nettsiden. Jeg ønsket fokus på bilder, og gjerne med en slider/galleri funksjon. Jeg har studert fotografi tidligere, og føler dette er en god måte å representere meg selv som designer. Skissene er til god hjelp når jeg senere skal lete etter et theme som passer mine idéer. Themes som ble vurdert til oppgaven vises samlet under. Navnene på disse themes er Twenty thirteen, Virtue, Vantage, Customizr, Responsive, WP creativix, Polaroids, Hatch og Photolistic.
img001themes

Domene navnet jeg valgte å gå for ble studioannette.com. Dette navnet ble valgt fordi det er lett å huske og si, samt fordi mitt spesialfelt er fotografi og da passer det å bruke studio i navnet. Jeg ønsker å kunne bruke denne nettsiden i fremtiden til å vise arbeider jeg har utført for kunder, og henvise nye kunder til denne siden for mer informasjon.

Videre ble WordPress lastet ned, og themet Customizr. Dette themet passet best til det designet som var ønskelig å oppnå for porteføljen. Her kan man fokusere på bilder og en presentasjon av dette. Med dette themet kan jeg bruke en slider på hovedsiden, og derfra henvise brukeren til de aktuelle sidene for mer informasjon om hver enkelt oppgave. Jeg har opprettet et child theme, og gjort forandringer i php scriptspråk, html og css for å tilpasse nettsiden for å oppnå et ønskelig resultat.

Nedenfor ønsker jeg å vise litt av prosessen med nettsiden og slideren.
prosess

Det finnes et WordPress symbol i meny og footer, som er en link hvor brukeren blir sendt direkte til min reflekterte dagbok. Det finnes også et Facebook symbol i meny og footer, som er en link til min facebookside. Videre finner brukeren alle de fire obligatoriske oppgavene i menyen, og en slider på hovedsiden med et utsnitt av hver enkelt oppgave. Jeg har valgt fargen rosa, siden dette er min favoritt. Sammen med rosa har jeg valgt fargen grå, siden de passer godt sammen.

For å komme direkte til porteføljen min, trykk på denne linken: www.studioannette.com

– Annette B. D.

WEBP – Child Theme

De siste dagene har jeg jobbet med å forstå og teste ut hva Child Theme er og hva jeg kan gjøre med det. Jeg har forstått at det er svært nødvendig hvis man ønsker å forandre noe på design og oppsett, på temaet man allerede har valgt. Først gikk jeg gjennom en del videoer, tok notater og følte meg klar til å teste dette ut i praksis.

– Åpnet cPanel, gikk inn i wp-content mappen, deretter Themes. Derfra valgte jeg new folder, hvor jeg skrev inn et nytt navn på et theme.
–  Åpnet Adobe Dreamweaver, nytt css dokument, og byttet ut det som trengtes ut i fra eksempelet fra WordPress.org sine sider, her.

Videre var det svært viktig at man linket child themet til parent themets stylesheet, altså @import url. Ellers ville ikke nettstedet bli stylet i det hele tatt, og jeg måtte bygd det opp fra bunn, noe som selvfølgelig er en mulighet..
– Test 1; jeg logget inn på wordpress sine sider og gikk til themes. Der fant jeg IKKE mitt child theme, og fant senere ut at det sto beskrevet nederst på siden at themet var ødelagt. Jeg skjønte ingenting, og visste ikke hva jeg kunne gjøre for å fikse det eller hva som var lurt i dette tilfelle.
Deretter bestemte jeg meg for å prøve å lage child theme av Twentyeleven themet (siden mange viser eksempler på dette, og jeg tenkte at hvis jeg ikke klarte det nå måtte det være noen alvorlige feil noe sted). Etter en del sletting og ny opprettelse logget jeg igjen inn og denne gangen kom child themet mitt opp. Det var en stor lettelse.Videre brukte jeg et bilde fra kunden som screenshot, som fungerer som et lite bilde/ikon som symboliserer (child) themet mitt.

Jeg har allerede lest/sett og blitt inspirert/motivert av mange nettsider, og noe av det jeg kommer til å fokusere på fremover er fonttype. Kunden ønsker faktisk at menyen skal fungere som individuelle knapper, og disse knappene skal være bilder med valgt tekst/font. Kunden ønsker en spesiell font, som representerer selskapet og produktene. Har prøvd å finne ut av hvordan man kan lage en meny bestående av klikkbare-bilder, men det virker svært komplisert i forhold til plassering og brukervennlighet. Dette er noe jeg kommer tilbake til i senere blogg-innlegg.

Her er noen gode kilder med mange gode tips til wordpress og child theme:
tips1 
tips2
tips3 

Jeg har lært en del nytt om file permissions, som jeg ønsker å dele med andre. Utifra wordpress.org, her, er det slik at directories (mapper) skal ha permissions 755 eller 750, og files (filer) skal ha permissions 644 eller 640. Det er svært viktig at wp-config filen har permission 600, på grunn av sikkerhet og fare for hacking.

Allerede henger jeg litt etter fremdriftsplanen, og merker at det er mye nytt og mye som tar tid siden jeg må sette meg godt inn i det. Jeg ønsker å forstå hva jeg gjør, og hvorfor, og at det ikke skal oppstå for mange problemer og feil underveis. Den tekniske biten er svært krevende, og særlig når jeg føler jeg ikke har noe pensum fra Noroff å støtte meg mot. Men jeg har funnet og kommer til å bruke mange av de gode kildene jeg har så langt.

– Annette B. D.

10.1 Nettsted for regnskapsfirma

Et regnskapsfirma trenger nettside. De ønsker noe enkelt og greit, og har ingen føringer på design. Det viktigste for firmaet er at de selv kan legge ut nyheter hver dag, og oppdatere tekst og bilder ganske ofte. De trenger minst 4 sider:
– en side for kontaktinformasjon og besøksadresse
– en side med oversikt over de ansatte
– en prisliste og generell informasjon til kunder
– en nyhetsside

Nå føler jeg det er på tide å avslutte denne læringsaktiviteten, og vise dere hva jeg har klart å produsere de siste ukene. Det har vært enormt mye nytt å sette seg inn i, samt opparbeide kunnskap og erfaring om. Det har vært 2 veldig tøffe uker, siden jeg har hatt mye problemer med installasjonenen, struktur, navngivning, themes, etc. I prosessen har det vært mange feilmeldinger som har dukket opp, dette er noen av dem:

Etter mange dager med frustrasjon, og etter å ha løst alle problemene mine måtte jeg sette igang med selve nettstedet. Jeg valgte themet Techozoic Fluid, fra wordpress.org, her.
Deretter valgte jeg et navn på regnskapsfirmaet, og som jeg har benyttet til nettstedet og denne oppgaven, navnet ble Regnskapsfirma1.

Dette er selve innloggingssiden: 

 

Deretter kommer dette opp på skjermen: 

Slik ser selve Dashboardet ut, med mange innstillinger og valg: 

Først lagde jeg en egen meny, slik: Menyen består av 5 sider/pages jeg har opprettet. Jeg har flyttet på dem, og valgt en rekkefølge jeg er fornøyd med, og gitt selve menyen et navn. Siden/page «tjenester» har 6 undersider, som gjør at man kommer til en ny side ved å trykke på linkene. Totalt har jeg opprettet 11 sider til dette nettstedet.

Videre i prosessen valgte jeg et header bilde fra themet jeg likte svært godt, og ønsket kun at dette ene bildet skulle vises på alle sidene på nettstedet. Jeg vurderte å lage et eget bilde/et collage som jeg kunne brukt til header, men likte godt det bildet fra themet jeg valgte. Jeg synes det passer svært godt til et regnskapsfirma, og deres nettsted.

Jeg har installert noen plugins, og aktivert disse. Jeg har jobbet en del med å sette meg inn i andre innstillinger, hva disse gjør og eksperimentert litt med de ulike valgene. Det er ikke alle alternativer og valg som jeg skjønner meningen av, derfor må jeg teste ut og se hva som er forandret. Jeg har valgt at «hjem» siden skal være hovedsiden til nettstedet, altså en statisk side. Videre valgte jeg at «nyheter» siden skal fungere som en side hvor kunden kan poste innlegg og informasjon.

På alle sidene har jeg fylt ut en del informasjon som er nødvendig for kunden. Denne informasjonen har jeg funnet på ulike regnskapsfirma nettsteder, kopiert og videre bearbeidet. Slik ser selve hovedsiden til Regnskapsfirma1 ut, når jeg er logget inn på wordpress:

Om du ønsker å se hele nettstedet, og hvordan alle sidene ser ut, benytt linken under. Klikk deg videre og gjennom nettstedet, og legg gjerne igjen en kommentar på hva du synes om Rengskapsfirma1’s nettsted.

http://elevarbeid.webstudent.no/dmk1_nettstudier/annette_dahlen/wordpress/

– Annette B. D.