Portfolio 3 semester

You should present the tasks specified below in a Digital Portfolio. You choose the technique and design of the digital folder, but it should represent you as the designer you are. In addition to the digital folder you should have a link to your reflective diary.
– Oblig.01 – Journey of a centimeter
– Oblig.02 – Four surfaces, four decades
– Oblig.03 – Patch to Plate
– Oblig.04 – Book Design

Portfolioen skal leveres på fredag, og jeg ønsker i den forbindelse å introdusere oppgaven og det jeg har jobbet med så langt. Hovedsakelig har jeg jobbet med å forbedre de tidligere oppgavene, altså oblig.01, oblig.02 og oblig.03.

Oblig.01: Tolk setningen «journey of a centimeter» og produser et valgfritt produkt. Et element fra kunsthistorien må inkluderes, men hvilken epoke og hvordan er valgfritt. Slik ser resultatet ut, før (ved første innlevering):oblig01_01Etter tilbakemeldingen på denne oppgaven fra skolen, startet jeg med å finne en QR-kode. Dette siden en QR-kode er mer «in» og moderne, i forhold til en strekkode. Dessuten ønsket jeg å teste dette ut i designet mitt, og se om det ville fungere bedre enn stekkode. Jeg jobbet videre med formene til en av de tidligere arbeidsfilene, og gjorde den røde boksen større og boksen til QR-koden lik. Synes at dette fungerte mye bedre enn det gamle designet. Under kan du se noen andre forslag og utkast som jeg jobbet med:QR Code Skjermbilde 2013-01-13 kl. 15.56.40Skjermbilde 2013-01-13 kl. 12.30.44Skjermbilde 2013-01-13 kl. 12.37.56Skjermbilde 2013-01-13 kl. 11.20.36Skjermbilde 2013-04-19 kl. 18.27.45
Jeg jobber mye med å finne en ny og passende font, som var mer lettleselig og passet bedre til designet. Jeg har også jobbet mer med symbolene, og detaljer, samt fokusert på luft mellom elementene.

Slik ser resultatet ut , etter alle forbedringene og det er slik de vil se ut til portfolio:oblig.01_02Tatt i betrakning med tilbakemeldingen har disse endringene blitt gjort:

Strekkode er byttet ut med QR-kode, dette for å fremstå mer moderne og for at det passer bedre inn i designet, samt at det er mer appellerende til brukerne. Fontene Menlo og Silom er byttet ut med Helvetica regular og Helvetica light. Dette siden Helvetica er en lettleselig font og fungerer bedre til designet enn det de to andre fontene gjorde. Symbolene til bil, motorsykkel, helikopter og sykkel er fjernet, siden dette ikke er «naturlig» transport for kollektivt reisende. Ved disse formene for transport er ikke en billett normalt, derfor fungerer det ikke å bruke dem i forhold til oppgaven. Dermed står seks symboler igjen: buss, båt, fly, t-bane, trikk og tog. Ved disse symbolene fungerer det naturlig med en billett. Alle symbolene er forbedret og gjennomført med mer nøyaktighet. Videre har det vært sterkere fokus på reduksjon av elementer og luft rundt elementene.

Oblig.02: Utvikle et konsept for en valgri kunde, og illustrer ulike motiver for fire overflater. Hver overflate skal representere en kunstepoke fra ulike tiår, valg av epoke er valgfritt. Slik ser resultatet ut, før (ved første innlevering):oblig.02_01Etter tilbakemeldingene jeg fikk på denne oppgaven ønsket jeg å finne en passende font til hvert design, slik at sensor kunne ha mer å vurdere utifra kunstepoke og helhet. Jeg ønsker selv at det ikke bare skal være fokus på illustrasjonene, men på hva slags vindrue vinen er laget av. Jeg startet med å finne en font som passet til kunstepoken og til designet, dette gjorde jeg hovedsaklig fra internett. Her er noen jeg vurderte:Skjermbilde 2013-03-04 kl. 21.00.23Skjermbilde 2013-03-04 kl. 21.02.02Skjermbilde 2013-03-04 kl. 21.02.39Skjermbilde 2013-03-04 kl. 21.03.14Skjermbilde 2013-03-04 kl. 21.03.30Skjermbilde 2013-03-04 kl. 21.04.07Skjermbilde 2013-01-13 kl. 16.04.02Skjermbilde 2013-01-13 kl. 16.07.00Skjermbilde 2013-01-13 kl. 16.07.32Skjermbilde 2013-01-13 kl. 16.13.30Skjermbilde 2013-01-13 kl. 16.15.41Skjermbilde 2013-01-13 kl. 16.23.14Skjermbilde 2013-01-13 kl. 16.23.32Skjermbilde 2013-01-13 kl. 16.26.55Skjermbilde 2013-01-13 kl. 20.02.58Skjermbilde 2013-01-13 kl. 20.12.36Skjermbilde 2013-01-13 kl. 20.13.06Skjermbilde 2013-01-13 kl. 20.15.57Designet til kubisme og art nouveau var jeg fornøyd med, og ønsket ikke å slette. Her har jeg jobbet videre med designet og forbedret det, mer i henhold til epoken og stilen. Designet til pop art og minimalisme har jeg slettet og laget helt nye. Dette har vært en utfordring, men denne gangen visste jeg mer hva jeg ville og hva epoken krevde. Her er noen inspirasjonsbilder:
circleDIY-Circles-ArtMed epoken Art Nouveau har jeg skapt dette resultatet, enda mer dekorativt og med ornamenter, samt en ny farge og typografi. Fonten som er valgt er Baroque Script. Det er ønskelig at designet skal virke eksklusivt, glamorøst og elegant.
Skjermbilde 2013-04-19 kl. 18.51.01Skjermbilde 2013-04-19 kl. 18.51.13Skjermbilde 2013-04-19 kl. 18.51.19
I designet som er inspirert av epoken kubisme har jeg som sagt tidligere ikke forandret på illustrasjonen/designet, men lagt til en font. For å få vintype-navnet til å passe inn i designet måtte hver enkelt bokstav integreres og passe inn i forhold til størrelse, vinkel og proporsjon. Dette arbeidet var mye mer avansert enn jeg trodde, men til gjengjeld har jeg et resultat jeg er svært fornøyd med.
Skjermbilde 2013-04-19 kl. 18.54.57
Mitt tidligere design til epoken minimalisme var i følge tilbakemeldingen ikke helt riktig, og kanskje jeg hadde misforstått. Jeg prøvde å lage et enkelt design, men som tilslutt egentlig var ganske komplisert og med mye farger. I mitt nye design har jeg fokusert på primærfarger, og en rolig bakgrunnsfarge som ikke er forstyrrende.
Skjermbilde 2013-04-19 kl. 18.58.22Skjermbilde 2013-04-19 kl. 18.58.35Skjermbilde 2013-04-19 kl. 18.59.01
Til epoken Pop Art har jeg blitt inspirert av kunstnerne Pushwagner og Warhol. Mitt forrige design var noe enkelt, men veldig Pushwagner stil. Jeg valgte å slette det gamle og prøve et nytt design, med et mer typisk pop art uttrykk og utseende. Tilslutt valgte jeg å farge håret lilla, og fjerne hånden som jeg opprinnelig tegnet, fordi det passet bedre til designet og fremstår mindre forstyrrende. På etiketten har jeg også laget en tankeboble.Skjermbilde 2013-03-04 kl. 21.57.09Skjermbilde 2013-03-04 kl. 22.01.47Skjermbilde 2013-04-19 kl. 19.10.20Skjermbilde 2013-04-19 kl. 19.10.28
Slik ser resultatet ut nå, etter alle forandringene som er gjort, og det er slik det vil se ut til  portfolioen:oblig.02_02Tatt i betrakning med tilbakemeldingen har disse endringene blitt gjort:

Illustrasjonene er blitt utarbeidet ytterligere og detaljer betraktelig forbedret iht epokens stil, og en font til hver illustrasjon/tidsperiode har blitt inkludert i designet. Til epoken Art Nouveau har det blitt valgt en dekorativ font, Baroque Script. Illustrasjonen er blitt gjort enda mer dekorativ og elegant, og ornamenter er blitt laget i to av hjørnene. Til epoken Kubisme har en stovepipe font blitt benyttet, LHL Union Thug, og deretter blitt integrert i ilustrasjonen. Til epoken minimalisme har fonten Lois Ann blitt valgt. Det har blitt laget ett helt nytt design til denne epoken, med fokus på primærfarger og enkle former. Til den siste epoken, Pop Art, har en mer uformell font blitt valgt, Komika Display Kaps. Det har blitt laget ett helt nytt design til denne epoken også, men fokus på sterke farger, uttrykksform og stilen på personen i illustrasjonen.

– Annette B. D.

Learning activity week 4 – Question 3

Use your graphite, eraser, eraser putty and blending stub to sketch spheres using the following techniques: hatching and cross hatching, blending, rendering, squiggly lines and cross contour lines.

Først leste jeg gjennom pensum, videre så jeg videoer om skravering, som det var linket til fra pensum. Her er noen av de jeg synes var mest nyttige i forhold til denne aktiviteten:

http://thevirtualinstructor.com/hatchingcrosshatching.html

Videre fant jeg frem tegnepapir, viskelær, blyantsett, og et mykt viskelær. Deretter startet jeg å utforske de ulike skraverings-teknikkene presentert over i oppgaveteksten.

Over er mitt første og andre resultat av denne oppgaven. Jeg ønsket å utføre det to ganger både for å se om det ble noen forbedring og for å presse meg selv til å gjøre det riktig. Blending teknikken var mest utfordrende siden jeg ikke har noe riktig blendings-verktøy, og måtte bruke fingeren. Erfaringen fra denne aktiviteten kommer jeg til å ta med meg videre, og prøve ut i fremtidige skisser – om det lar seg gjøre.

– Annette B. D.

 

Learning activity week 3 – Question 2

Look at the history timeline at the beginning of this lesson. Gather information from 1900-2000, and design your own timeline for the Swiss Design Style. Each movement should be described in a creative way.

Denne læringsaktiviteten har tatt mye mer tid enn planlagt, både fordi jeg ikke helt har forstått oppgaven og fordi det rett og slett har vært svært utfordrende å gjennomføre den.

Først gikk jeg tilbake til linken jeg ble anbefalt å bruke fra pensum, hvor det var en tidslinje over grafisk designs historie, du kan finne den her. Fra forsiden kan du klikke deg videre til selve tidslinjen, og deretter utforske de ulike bevegelsene/stilene og videre fordype deg. Utifra dette tolket jeg først oppgaven som at jeg skulle designe en tidslinje over grafisk designs historie. Dette gjorde jeg slikt:


Etter dette leste jeg oppgaven flere ganger, på nytt, itillegg til å se på andre studenters arbeider fra Noroff. Jeg hadde tydeligvis misforstått. Oppgaven gikk ut på å designe en tidslinje over Swiss stilen, og lage dette kreativt og oversiktlig. Med noe av det samme designet, laget jeg en oversikt som så slik ut:


Selv nå følte jeg at tidslinjen manglet tekst, bilder og illustrasjoner, og ikke virket særlig kreativ, tross mye tid som er brukt til planlegging og research. Videre bestemte jeg meg for å lage en oversikt over hva jeg kunne plassere over, og prøve å få en bedre helhet, samt flyt i designet. Jeg benyttet meg flittig av grid system og linjaler i Illustrator, og internett til å samle inn relevante bilder og illustrasjoner. Etter mye arbeid, ble resultatet slik:


Denne tidslinjen er kanskje ikke så oversiktlig, og bruker ikke farger for å illustrere år, slik som tidslinjene over. Den denne har mer tekst, altså mer informasjon, samt bilder og illustrasjoner som viser arbeider som er utført, fonter som er utviklet, bøker som er utgitt m.m.

Jeg har lært veldig mye om både grafisk designs historie og Swiss stil bevegelsens historie og kjennetegn. Denne tidslinjen håper jeg å bruke i fremtidige oppgaver, eller at andre finner inspirasjon eller informasjon de kan bruke til sine oppgaver.

– Annette B. D.

Learning activity week 2 – Question 2

The band Blind Pilot is your client. They want to launch their new album “We are the tide” in two month’s time. Research the following: Identify drivers and barriers, gather information using qualitative and quantitative research and identify the target group. Compile all your findings into a document.

1. Based on your research, create a profile of the typical consumer. Include age, interests, income, dress and other aspects.
2. Create a design criteria document for a poster design for the band’s new album.
3. Use one of the mentioned idea generating methods to come up with ideas. Keep notes of your thinking process.
4. Use thumbnails to develop your idea.
5. Design a poster for the band using lateral thinking as a Design Think direction.

Først startet jeg oppgaven med å søke opp Blind Pilot i Google, og klikket meg derfra videre til deres hjemmeside. Etter å ha brukt mye tid der, fortsatte jeg å lese om dem på Wikipedia, mens jeg skrev ned stikkord. Videre benyttet jeg meg av linkene fra Wikipedia til deres sosiale medier sider, hvor jeg videre måtte analysere deres fans.

«The American indie folk/pop band started in 2005, has six members, and are based in Portland, Oregon. We are the Tide (2011) are their third album.»

Drivers
– Blind Pilot kommuniserer til fansen ved bruk av sosiale medier og markedsføring via internett. Dette er en svært viktig faktor for bandets identitet og nå ut til riktig målgruppe.
– De spiller innenfor sjangeren indie pop/indie folk, som blir karakterisert med en retro/vintage stil, bruk av filter og 70tallet.

Barriers
– Designet må fungere godt i flere størrelser siden det skal bli brukt både online (sosiale medier) og for trykt materiell (flyers, plakater).
– Designet må gjenspeile bandets budskap, sjanger og målgruppe. Dette er svært viktig for at målgruppen skal få lyst til å kjøpe albumet, og at det ikke går imot bandets identitet.

Kvalitativ forskning/metode (mindre gruppe mennesker, intervju: motivasjon, liker, misliker)
– Bandet oppdaterer jevnlig på sosiale medier, og holder dermed god kontakt og skaper troverdighet til sine fans. Fansen er en moderne og relativt ung målgruppe, så de er oppdatert på sosiale medier og bruker dette daglig. Bandet lager og produserer musikken selv, så de blir igjen oppfattet som troverdig, og personlig, samt lidenskaplig opptatt av det de driver med. Bandet spiller indie pop/indie folk, en sjanger som ofte inneholder flere trekk fra ulike sjangere, og blir sett på som retro/vintage. Det er en sjanger som stammer fra 70/80tallet, og er basert på uavhengige artister/band utgitt av uavhengige selskaper.

Kvantitativ forskning/metode (stor gruppe mennesker, statistisk: kjønn, utdannelse, inntekt)
– Dette kunne blitt utført iform av f.eks en spørreundersøkelse som kunne blitt publisert av bandet på deres sosiale mediers sider. Dette har jeg ikke laget, postet eller utført, siden jeg visste at det umulig lot seg gjøre i løpet av under en ukes tidsrom. For å utføre noe slikt ville jeg trengt mer tid, mer erfaring, bedre forståelse av bandet og markedet, og kanskje ansatt et firma for å utføre jobben. Jeg synes det er interessant, ikke misforstå, men jeg har nettopp lært om denne metoden og realistisk sett er det vanskelig å la seg gjennomføre på så kort tid, selv om jeg føler jeg til nå har brukt mye tid på dette.

Noe jeg har gjort, som jeg har skrevet tidligere i dette innlegget, var å analysere fansen til Blind pilot gjennom deres sosiale medier sider. Jeg brukte Twitter til å gå igjennom de som følger bandet, og laget meg en liten oversikt ved å dele opp kjønn og telle antall:
– Som du ser kom jeg langt, men ikke gjennom alle 11 504 fans som følger bandet. Av erfaring skjønner jeg at en slik metode er svært tidskrevende. For å virkelig fullføre analysen burde jeg gått gjennom kjønn både på Twitter, Facebook, MySpace, Youtube og Allmusic, for deretter å se om noen navn gjentar seg og se om det er noen forskjell fra de ulike sidene når det gjelder kjønn, utdannelse, inntekt osv.

Target group
– Basert på deres sosiale medier sider har jeg kommet frem til at målgruppen er kvinner og menn, i alderen 18-30 år. Det er et flertall av kvinner, og kvinnene er ofte noe yngre enn mennene. De aller fleste er amerikanske, og mange kommer fra staten Oregon, hvor bandet holder til. Dessuten har jeg oppdaget via bilder og tekst at mange fans selv skriver, produserer eller synger, samt at jeg hos mange kan finne teksten «like music». Målgruppen må også passe under musikk-sjangeren, hvor mange her kan sammenligne seg med den typiske forbrukeren, i form av klesstil og interesse for musikk.

1. Profil av den typiske forbruker:
Under har jeg laget et moodboard som skal være et visuelt bilde av den typiske forbruker/fans til Blind Pilot. Her har jeg lagt vekt på klær, bil, farger, ting de liker og natur. Fargene er noe brunt, gult, rødt og grønt. Bandet er fra USA, og de fleste av fansen er amerikanske. Klesstilen er vintage og de går i jeans, skjorter, kjole, skjørt, solbriller, boots. Det har vært svært vanskelig å si noe om interessene (utover musikk), og inntekt til denne målgruppen siden en ordentlig undersøkelse ikke har latt seg gjennomføre.

2. Design criteria
Kunde: Blind Pilot
Problem: Lansering av deres tredje album – We are the tide, en plakat må produseres for å reklamere for deres lansering av dette albumet.
Målgruppe: Kvinner og menn, alder 18 – 30 år
Hva som skal bli produsert: En plakat, for å tiltrekke målgruppen og gjøre folk oppmerksomme på lanseringen, samt at det hører hjemme innen musikksjangeren indie folk/indie pop.

3. Idé skapende metoder
Mind-mapping

Over ser dere mitt mind-map laget i Freemind. Jeg foretrekker heller å gjøre dette for hånd, siden det er mindre tidskrevende og pirkete. Så neste gang blir det garantert laget for hånd! Men det var en god start i prosessen og nødvendig, for å få en visuell forståelse for hvem Blind Pilot er, tanker rundt albumet deres og danne en struktur.

– Moodboard

Moodboard er også en fin metode å bruke for å samle inspirasjon og idéer før man starter å skissere på papir. Her har jeg laget et moodboard med idéer rundt retro, vann, bølger/bevegelse og bruk av forskjellige farger.

4. Thumbnails (små skisser)

5. Lateral thinking – metode utviklet av Edward de Bono
Plakaten poster jeg i neste innlegg.

– Annette B. D.

WEBP – Avslutning

Imorgen er leverings fristen for eksamen for 2.semester: nettsted. Dette blir antakeligvis min siste post dette semesteret. Jeg har nå tatt en siste gjennomgang av nettsiden, cd og cd-cover, rapport og oppdatert fremdriftsplan. Kommer til å få noen til å lese gjennom rapporten og deretter gjøre eventuelle forandringer. Ellers er planen å presentere de ferdige produktene for kunden, og forhåpentligvis ende opp med en positiv og god følelse over det hele.

Imorgen skal jeg navngi filene etter Noroffs retningslinjer, og levere på Moodle. Deretter er planen å feire bursdag (12.juni) og nyte sommerferien med sol og varme! Jeg reiser 3 uker til USA og kommer til å opprette en egen blogg for dette, legger inn link til dette senere i dette innlegget, så kan de som vil følge meg der. Her er et kart over dit jeg skal:

Tilslutt ønsker jeg å presentere noen av de siste beslutninger som er tatt i henhold til produksjonen av nettsiden:

Kontakt (contact) side er kuttet ut siden det kun besto av en e-post adresse, dette er derimot lagt til i footer, med en link som fører brukeren direkte til en ny-mail side. Dette er kanskje ikke så lett å finne ved første øyekast, men flere som har testet ut nettstedet har merket seg dette ved å klikke seg rundt på nettstedet. Dessuten var det ønskelig at e-post/contact kunne forekomme på alle sider. Ved å benytte denne linken kan brukere/kunder sende forespørsler direkte til eieren og garantert få et raskt svar.

Stockists siden ble lagt til underveis i prosessen og var ikke en idé fra starten. Her kommer det mer informasjon senere. Kunden ønsket dette for kundene sine, siden produktene kan kun bli kjøpt via andre web-butikker, eller via direkte kontakt med kunden. Her vil det senere bli lagt til et kart eller tekst med de fem verdensdelene og derfra delt inn i land som selger Steel Feather produkter.

Filer/templates som har blitt forandret i kodingen er footer.php, header.php, sidebar.php, content-page.php og style.css. Jeg har lært at man kan bruke /* beskrivelse av hva koden betyr eller gjør */ for å skape en mer oversiktlig koding som det er enklere å gå tilbake til og forstå senere.

– Fredriftsplanen er noe forandret på grunn av at jeg var nødt til å reinstallere WordPress og starte på nytt 23.05. Fremdriftsplanen er justert og oppdatert, og innholder gode aktivitetsbeskrivelser for hver dag jeg har jobbet med dette prosjektet. Jeg har itillegg brukt noe lengre tid på research og produksjon enn først planlagt, derfor ble jeg ikke ferdig til datoen jeg opprinnelig hadde satt, tirsdag 06.06.12.

Her er screenshots av hver page/side brukeren kommer til via hovedmenyen på nettsiden. Dette legger jeg ved så lærere ved Noroff kan se hvordan nettsiden så ut idag for meg og hvordan sidene ser ut for dem når de går gjennom prosjektet mitt. På denne måten kan de sammenligne, og forsikre seg om at jeg ikke har gjort noen forandringer etter innleverinsfristen:

Første bildet er av hjemmeside til Steel Feather, hovedsiden. Videre på menyen kommer brukeren til en side som beskriver bakgrunnen til produktet og hvor de blir laget.

Tredje side fra menyen fører brukeren til en beskrivelse om produktet, samt bilder. Videre på menyen finner man en side med et galleri med 25 bilder som viser detaljer i produktet, arbeidere, maskiner og eieren av merkevaren, dette for å øke troverdigheten.

Femte siden fra hovedmenyen fører brukeren til bloggen til Steel Feather, hvor kunden vil oppdatere med nyheter om produkter etc. Videre kommer man til en side som ikke er helt klar enda, men som vil vise hvor man kan få kjøpt Steel Feather jeans og produkter.

De to siste sidene fra menyen fører til to sosiale medier Steel Feather benytter seg av. Her kan kunder og brukere som ikke kjenner merket lese mer om Steel Feather, og andres kommentarer til produktet.

Og tilslutt, linken til Steel Feathers hjemmeside:

www.steel-feather.com

Ønsker alle medstudenter og andre som følger bloggen, en riktig god og velfortjent sommerferie! Oppdateringer om hva jeg skal til høsten kommer etterhvert.

– Annette B. D.

Mappevurdering 2.semester

Du skal til denne mappevurdering samle alle arbeidene fra 2.semester på EN nettside. Denne nettsiden må designes på en måte som representerer deg som designer. Siden skal ha linker til alle oppgavene, og link til din reflekterte dagbok.

De siste ukene har jeg jobbet veldig intenst med mappevurderingen for 2.semester. Jeg har hatt mange problemer med WordPress, både med installasjonen og videre i prosessen. Føler fortsatt jeg ikke har fått tilstrekkelig med hjelp fra lærere, og føler dette er et veldig krevende emne hvor studentene blir etterlatt for å klare seg selv. Derfor har de siste ukene vært veldig krevende både psykisk og fysisk, samt lite motivasjon og ønske om å gi opp. Tross en vanskelig periode har jeg klart å komme i mål, og jeg har produsert en nettside jeg er fornøyd med.

Først måtte jeg laste ned WordPress på nytt. Det er slik at man må laste ned WordPress på nytt for hver nettside man skal lage, så dermed blir det mange brukernavn og passord man må holde styr på. Etter installasjons delen lastet jeg ned en del themes som passet designet jeg ønsket for min mappevurdering. Themet Photolistic ble mitt valgte tema, som fokuserer på bilder/illustrasjoner, siden designet er minimalt og rent. Videre forandret jeg en del innstillinger under Settings i Wp; general (title, tagline, date), reading (static page, front page). Under Appearance ble det også gjort en del endringer for å lage mitt eget design, og gjøre nettsiden mer personlig, samt gjøre nettsiden mer som en webside og mindre blogg aktig.

Jeg startet med å lage noen skisser til layout og design, og innholdet/tekst på nettsiden. 

Jeg bestemte meg tidlig for at jeg ville inkludere sommerfugler i denne mappevurderingen også. Sommerfugler fasinerer meg, og de skaper stemning og liv til en nettside. Jeg er glad i farger, og derfor passer det bra å kunne gi hver og en sommerfugl hver sin farge. Det skaper en god helhet, og mulighet for gjentakelse ved bruk av de samme fargene.

Denne illustrasjonen er brukt som utgangspunkt, og deretter har jeg nøye valgt ut farger som passer sammen og danner en god helhet til nettsiden. Etter arbeid med å fargelegge sommerfuglene, startet arbeidet med å lage en header til nettsiden. Jeg brukt de dimensjonene som temaet jeg lastet ned allerede brukte til sin header, 940 px x 350 px. Plassering av elementene tok mye tid, og etter mange utkast og vurdering ble tekst lagt til.

Etter arbeidet med headeren har jeg jobbet mye med å fjerne uønskede widgets, og dette kunne jeg utføre ved å gå inn i Editor, og finne de ulike html filene det gjaldt. Videre lastet jeg ned en plug-in for flash filer.

Deretter åpnet jeg Adobe Flash og utarbeidet 4 forskjellige pekere med linker til obliger og blogg. Disse pekerne inneholder titler til obliger og blogg, samt hver sin sommerfugl med farger tatt fra headeren.

Disse pekerne lastet jeg opp via SWFObj plug-in, på en side jeg hadde kalt for WEBM 2.semester. Jeg forandret størrelsen så det ble to og to pekere (slik som vist over), istedenfor at det var en og en. Mitt ferdige resultat av mappevurdering for 2.semester kan du finne og se ved å bruke linken under:

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

Jeg beklager lite blogging og oppdatering fra min side, det er ikke noe jeg har for vane å gjøre. Det skal bli mye oppdateringer og blogging fremover, neste uke starter eksamen og da gleder jeg meg til å fortelle dere alt jeg skal ta for med i 4-5 uker fremover.

Ellers ønsker jeg alle medstudenter lykke til med eksamen; vi må støtte og hjelpe hverandre om det trengs! Riktig god help til alle sammen!

– 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.

Oblig.08 – Ferdig

Idag er innleveringsdagen for obligatorisk oppgave 08 – Flash. Igår klarte jeg heldigvis og ordne opp i problemene som oppsto ved integrering av fotogalleri og banner til mitt enkle nettsted. Jeg fryktet det kom til å bli vanskelig, og det var akkurat det som skjedde.

Først gikk jeg igjennom fotogalleriet; sjekket at alt var på plass og slik jeg ønsket. Deretter eksporterte jeg FLA filen til en SWF fil, altså en komprimert fil. Lagret denne filen i samme mappe som banneret. Jeg åpnet banneret i Flash, sjekket at animasjonen fortsatt fungerte og at alt var på plass. Deretter åpnet jeg Action Script vinduet og kodet riktig URL i parentesene, slik som vist under.

Jeg eksporterte denne til en SWF fil, og lagret i samme mappe som galleriet. Videre åpnet jeg Adobe Dreamweaver, index siden. Her importerte jeg banneret og la den inn nederst på siden. Jeg hadde allerede lagt til fotogalleriet i en egen Flash mappe, så denne var det bare å laste opp. Etter en del forsøk på å teste ut resultatet på mitt enkle nettsted, kom denne meldingen opp ved å klikke på banneret:

Noe var altså feil i kodingen til banneret eller plasseringen i mappene. Jeg prøvde meg frem; forandret kodingen, forandret mappeplassering, forandret filnavn etc. Den samme meldingen kom fortsatt opp. Etter mange timer begynte jeg å bli veldig frustrert, og da jeg spurte om hjelp på forumet til Noroff følte jeg meg både dum og fortvilet når jeg ikke skjønte forslagene de kom med. Uansett, etter mye fortvilelse greide jeg det tilslutt. Jeg lagret banneret som SWF på nytt, med et annet filnavn, la det til i Dreamweaver med en annen tittel, og lastet opp på nytt. Problemet var mest sannsynlig at filnavn og tittel var det samme, når jeg forandret dette var problemet løst.

Nå håper jeg virkelig at alt fungerer slik jeg ønsker, og at det fungerer likt på alle maskiner. For å komme til hovedsiden på mitt enkle nettsted hvor banneret er plassert, klikk her.

Banneret ser slik ut, og er allerede halvveis i animasjonen i denne printscreenen. Jeg har lagt til en svart ramme på banneret og sidene i fotogalleriet, for å skille de fra nettstedet og for å skape en bedre helhet i designet.

For å komme direkte til Flash fotogalleri, bruk denne linken, her.

Først kommer du til hovedside 1, som viser forsiden til fotoessayet og galleriet med fotografi, tittel og rammer. Deretter kommer du til hovedside 2, som viser titler til hvert bilde, samt tittel med tekst til fotogalleriet. Jeg håper teksten er med på å veilede brukeren til å forstå hva de ulike knappenes funksjon er. Dette er noe jeg har brukt mye tid på å få til, og for å forstå hvordan det fungerer anbefaler jeg å sjekke det ut. Fra denne siden kommer brukeren til selve galleriet, hvor knapper blir brukt for å ta brukeren tilbake eller videre i fremvisningen, eller tilbake til hovedside 2.

En annen viktig ting til denne oppgaven er rapporten, som teller 20%. Jeg legger mye arbeid i rapporten, det er veldig viktig for meg at denne fremstår profesjonelt og at den reflekterer min prosess og arbeidsmetode, samt idé og utvikling. Her kan jeg bruke litteratur og leksjoner fra Noroff som kilder, og begrunne mine valg. Hva har jeg lært? Hvordan har jeg lært det? Hvorfor? Hva har jeg gjort og hvordan?

Dette er noe jeg prøver å svare på i rapporten. I rapporten følger jeg et oppsett gitt av Noroff, hvor det starter med en innledningsdel, deretter en del om research og arbeidsprosess, videre en del om designvalg, så en del med egenevaluering og konklusjon, og tilslutt kildehenvisning og referanser. For de som ønsker å lese rapporten, totalt 10 sider, bruk linken under.

Rapport Oblig.8

– Annette B. D.