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.

Oblig.08 – Prosess

I dette innlegget ønsker jeg å vise til min videre prosess fra idéutviklingsmetodene. Her vil jeg presentere valg av domene navn og skisser.

domenenavnskisse1skisse2

 

Når domenenavn ble bestemt, sjekket jeg om dette var tilgjendelig på Pro ISP sine hjemmesider. Navnet journeyofart.no var ledig, så da opprettet jeg dette og sendte dem en mail. Etter 24 timer var navnet og nettsiden offisielt oppe, bare uten innhold. Det kostet penger å opprette et nytt domenenavn, og for å ha et tilleggsdomene.
Skjermbilde 2013-10-07 kl. 12.13.55

Videre logget jeg inn med brukernavn og passord til cpanel. Der fant jeg Softaculous apps, og valgte WordPress. Jeg fylte ut all nødvendig informasjon og deretter klikket installer. Jeg ønsket å bruke WordPress til denne oppgaven, siden jeg ikke føler jeg 100% sikker med programmering. Jeg synes også det er mer enn nok å sette seg inn i, og jeg ønsker å kunne fokusere på design. I fremtiden ønsker jeg å designe, og kunne jobbe med en programmerer som lager siden slik jeg har designet.

Jeg skrev journeyofart.no/wp-admin i url adressen, og logget inn. Jeg kom da til WordPress siden, og gjorde noen forandringer. Videre gikk jeg tilbake i cpanel og opprettet et child theme til themet twenty thirteen som jeg har valgt å benytte til nettsiden. Jeg kopierte noen filer fra parent theme og gjorde noen forandringer i filene før jeg lagret dem i child theme. Alt som lagres i child theme overskriver det som finnes i parent theme.Skjermbilde 2013-10-07 kl. 12.19.52

Forsiden er statisk. Jeg har fjernet toppbilde på nettsiden, jeg ønsker bare topptekst (header). Jeg har opprettet 5 sider: home, abstrakt ekspresjonisme, swiss, pop art og psykdelisk. En plug-in har blitt installert – Styles. Denne funksjonen gjør det lettere å forandre farger, fonter og størrelse på tekst og layout på nettsiden.
Skjermbilde 2013-10-07 kl. 13.50.10

Nettsiden har gjennomgått en del eksperimentering av fargeharmoni og balanse, samt font valg. Selv om dette er noe jeg har tenkt mye på i design prosessen, måtte jeg teste ut hvordan de forskjellige fargene så ut på skjerm, og fonter. Dette var til stor hjelp.

– Annette B. D.

Learning Activity – Providing your own hosting service

This learning activity is to acquire your own hosting service. The hosting service will be needed throughout the rest of your studies, and this learning activity is therefore mandatory. You are free to choose any hosting service in the world. If you find it difficult to find one, we recommend one.com. Consider your domain name very carefully. This cannot be altered. Note that you need an organization number in Brønnøysundregistrene in Norway to register for a .no domain.

Denne læringsaktiviteten er obligatorisk. Jeg har allerede en server, som jeg betaler for. Til den obligatoriske oppgaven jeg snart skal presentere, vil jeg fortsette å bruke samme servere. Jeg bruker Pro Isp, og cPanel. Jeg kan lage flere domener på min bruker.

Jeg har ikke kommet opp med et domene navn enda. Men når jeg finner et navn som passer, kommer jeg til å sende en mail til Pro Isp og si at jeg ønsker dette domene opprettet. Det kan ta 24 timer før dette skjer, men det er jeg klar over.

– Annette B. D.

WEBP – Research 3

Research er en veldig viktig del i idéutviklings fasen. Det en en grundig og systematisk  måte man bruker for å finne og granske ny viten, samtidig som man øker kunnskapene. Jeg har i tidligere blogg-innlegg skrevet en del om litterær research, og i dette innlegget vil jeg fokusere på research via internett. Jeg har så langt funnet mange gode og inspirerende internettkilder, disse ønsker jeg å dele med dere, samtidig som jeg ønsker å dokumentere denne delen av oppgaven.

Inspirerende og gode kilder for wordpress etc:
– Her har jeg funnet mye inspirasjon og motivasjon. Har sett og gått gjennom utallige mange websider, og testet ut brukervennligheten, design og navigasjon. Dette har absolutt vært nødvendig for å selv tenke ut løsning til denne oppgaven, og hva som skal bli vektlagt og hva som skal utelukkes. Jeg har funnet en del gode kilder til hvordan man lager et Child Theme, og disse kommer jeg til å følge nøye i prosessen fremover.

http://www.flickr.com/photos/splat/sets/981332/

http://www.webcreme.com/

http://welovewp.com/

http://sixrevisions.com/wordpress/beautiful_wordpress_designs/

http://kreativ1.no/artikkel/447/kom-igang-med-wordpress

http://bothack.wordpress.com/2006/09/17/how-to-create-a-wordpress-template-in-5-minutes/

http://www.side2.no/livsstil/article2807228.ece

http://themeshaper.com/2009/04/17/wordpress-child-theme-basics/

http://www.webdesignerdepot.com/2011/12/creating-your-first-wordpress-child-theme/

Favoritter, når det gjelder layout og design av nettsider:
– De utvalgte nettsidene presentert nedenfor var sider som gjorde et godt inntrykk på meg, og som var lette å ta i bruk. Førsteinntrykket var svært godt, både design og teknisk, og etterhvert navigasjonen, samt brukervennligheten. De inneholder få, men nødvendige elementer, og en god typografi som passer godt til stilen. Keep it simple!

http://studio8169.com/

http://www.nemethinteractive.com/#/home

http://glasscoatphotobooth.com/

http://themischiefco.com/

http://thewoman.ro/

http://www.myownbike.de/

http://www.uniform.no/ (min absolutt favoritt)

Videoer:
– Nedenfor er en liste over noen videoer jeg har sett og kommer til å bruke videre i prosessen fremover. De handler om wordpress, og child theme, noe jeg skal jobbe nøye med for å forstå og gjennomføre til denne oppgaven.

http://css-tricks.com/video-screencasts/25-designing-for-wordpress-part-one/

http://css-tricks.com/video-screencasts/26-designing-for-wordpress-part-two/

http://css-tricks.com/video-screencasts/27-designing-for-wordpress-part-three/

http://www.youtube.com/watch?v=xUjHtm3vcw8&feature=relmfu

http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

Andre nyttige linker:
– Tilslutt ønsker jeg å legge ved andre nyttige og gode internettkilder, som jeg absolutt kommer til å benytte ved senere anledninger. Her er det tips og triks til koding av html og css, samt info om Photoshop, Php, Child themes, Filezilla etc.

http://codex.wordpress.org/Editing_wp-config.php

https://api.wordpress.org/secret-key/1.1/salt/

http://codex.wordpress.org/Child_Themes

http://codex.wordpress.org/Pages

http://filezilla-project.org/

http://psd.tutsplus.com/

http://w3schools.com/

http://php.net/

Nå har jeg mange kilder å gå utifra, både litterære og fra internett. I dagene fremover skal jeg jobbe videre med idéutvikling, og lage flere analoge og digitale skisser. Jeg skal itillegg finne og bruke et anbefalt webhotell, laste ned wordpress, themes, child theme etc. Jeg er fortsatt litt usikker på hvordan jeg skal ordne mappestukturen min nå som jeg jobber med et nettsted med egen domene. Dette og andre spørsmål/problemer er noe jeg skal jobbe med for å forstå og utføre riktig.