December 16th, 2009 by admin
Denne blog er optimeret til Firefox. Jeg har lige erfaret, at alt under headeren kan forskyde sig mod venstre ved nogle skærmopløsninger, men det har jeg ikke kunnet nå at råde bod på.
December 16th, 2009 by admin
Jeg har ikke tidligere arbejdet med webdesign, kodning eller grafisk design. Min tilgang var derfor i starten afventende, for at komme lidt længere ind i undervisningen, før jeg begyndte at eksperimentere med min blog. Det var for mig udefineret, hvor meget vi ville nå at lære i forhold til kodning og Photoshop. Dermed var det også sværere at sætte sig nogle mål for bloggen. Ydermere var det svært at se mulighederne i bloggen og kodningen, når jeg ikke vidste hvilke værktøjer og virkemidler, der var at gøre godt med.
Da vi nåede til efterårsferien gik jeg i gang med at udforske mulighederne for min blog. Jeg havde ikke lyst til at starte fra scratch, da der ville gå for lang tid, før jeg ville føle jeg var kommet nogen vegne. Da jeg ligeledes var nybegynder i både CSS og Photoshop, følte jeg heller ikke, jeg ville kunne lave en side, der ville skille sig ud fra et HTML look.
Derfor gik jeg i gang med at finde et Wordpress theme, jeg kunne arbejde videre på. Vi i kursusgruppen lagt os fast på, at den røde tråd på vores blogs skulle være simpelt layout.
Engangsvinklen var så for mit vedkommende, at jeg ville lære ved at redigere i koderne og ændre i de grafiske elementer i themet.
Min definition for dette var, at der skulle ikke være forstyrrende elementer, der tog fokus fra tekstindholdet på bloggen.
Layoutet skulle dermed ikke være for frembrusende.
Det var ikke let at finde et Wordpress theme, der var passende, da mange themes var bygget op omkring et motiv, der ikke var foreneligt med It-Universitet. Et sådan motiv kunne være et billede af en ørken eller blomst eller ligefrem noget der ligner clip-art.
Endvidere ville jeg gerne have en enkel struktur. Navigationen skulle være samlet i en sidebar i højre side. Det er en uskreven regel, at navigation foregår her, som det f.eks. fremgår af Wordpress classic themet. Jeg ville ikke sprede navigationen til også at omfatte drop down-menuer i headeren, da jeg finder det forvirrende. Man kan selvfølgelig godt dele det op, så f.eks de enkelte kursusfag er representeret i headeren, og pages eller lignende er repræsenteret i sidebaren, men det var ikke den struktur jeg ville have.
Wordpress themet ”Hall of Costumes” havde de kvaliteter, jeg søgte. Et enkelt udtryk, der var til at gå til, og som jeg kunne sætte mit præg på. De brune og sorte farver, ledte mine tanker hen på R’n’b stilen fra perioden omkring årtusindeskiftet, hvilket jeg godt ville associere til.
Endvidere ville jeg gøre op med den hvide baggrund, man bl.a. ser på Wordpress classic themet. Det får efter min mening bloggen til at fremstå papiragtig og klinisk. Derfor fandt jeg den varme brune farve passende.
Efter jeg havde lavet et mock up, fik jeg redigeret i koderne, så der ikke indgik Google-ads, i temaet, og headeren gjorde jeg neutral sort.
Herefter eksperimenterede jeg med små ændringer, blandt andet ved at lave forskellige mønstrer som baggrund, ved brug af repeat kommandoen i style.css filen.
Da jeg havde set på themet i et par uger, og vi havde haft fælles evaluering i kursusgruppen, fremstod themet for mørkt og manglede noget liv. Deslige var jeg begyndt at synes det var lidt gammeldags, sikkert p.g.a. min association til år 2000.
Således gik jeg nu i gang med at finde et theme, der kunne give min blog liv og få den til at fremstå mere moderne.
I Biz-mag themet fandt jeg disse kvaliteter. Jeg kunne især godt lide den ”feather”-lignende kant rundt om content delen, og den ”gradierede” baggrund tiltalte mig også, for så blev bloggen mindre papiragtig, uden at blive mørk.
Dog var bagsiden for mit vedkommende, at themet havde dropdown-menuer og var for hypet med flere kolonner og reklamer. Ydermere var themet skrevet, så det var svært at rette i, uden at themet viste en fejlmelding. Dette var bevidst gjort fra designerens side, for at han kunne bevare kontrollen med temaet, og tjene penge på de Google-ads, der var skrevet ind i themet.
Inspireret af begrebet remix-kultur, vi blev introduceret til i Introduktion til medier og kommunikation, satte jeg mig for at kombinere mit gamle theme med Biz-mag themet.
Dette skulle vise sig at være noget af en mundfuld. For en ting er at rette i et færdigt theme, hvor kodningen kan influere på funktioner, man ikke kan gennemskue, noget andet er at skulle gennemskue to færdige themes.
Min fremgangsmåde var at implementere de elementer fra Biz-mag themet, jeg godt kunne lide i mit gamle theme, for det var simplest skrevet.
Det blev en langvarig proces, for kanten rundt om content i bloggen, var bygget op af syv elementer, der skulle placeres helt bestemt i php-delen, for at de fremstod som en ramme.
Dette var gjort for at content kunne være dynamisk i længden, alt efter hvor mange posts etc. der skal vises.
Da mine Css- og Php-kundskaber er stærkt mangelfulde, var der ikke andet for end at prøve sig frem, hvilket tog lang tid.
Jeg blev nødt til at sætte højre og venstre midterelement sammen, for at få højre kant på. Det har bevirket, at der er en ændring i dimensioneringen. Derfor kan man se en forskel mellem hjørnerne og midterdelen, og opbygningen er derfor ikke lykkedes helt.
Men bortset fra den detalje, er det lykkedes mig ud fra to færdige themes, at skabe mit eget theme, der ikke ligner HTML-design.
Jeg har gerne villet nå at eksperimentere med flere plug-ins i min blog. Ligeledes nåede jeg heller ikke at leje med flash-kodning. Den eneste flash del, jeg har brugt, er en flash-player.
Fordi jeg har ændret så drastisk i mit theme, har jeg gennem mit arbejde med bloggen, fået indsigt Photoshop bearbejdning af grafik og billeder, samt Css- og Php-kodning, selvom jeg ikke har lavet mit theme fra bunden.
December 16th, 2009 by admin
Vores gruppe lagde godt ud med at arbejde struktureret ud fra de redskaber, vi fik præsenteret gennem øvelser. Vi prøvede alle hver især efter tur at være referent og føre projektdagbog, og vi havde godt samarbejde til bl.a. Chindogu øvelsen.
Men da målet for gruppens samarbejde, efterhånden ikke skulle føre til et konkret produkt, begyndte gruppen at falde fra hinanden. Folks forventninger til hvad gruppearbejdet skulle munde ud i var så høje, at det blev antiklimaks at gruppen reelt set var en sammensat læsegruppe.
Det fik den betydning, at det blev ikke prioriteret at mødes, og som en konsekvens heraf, besluttede vi, at vi ville arbejde videre med vores individuelle blogs hver for sig.
For mit vedkommende betød, at jeg kunne tilpasse mit arbejde med bloggen, når det passede mig, så det blev lyst betonet at ”nørde” med bloggen. Ligeledes var det nemmere at koordinere gruppearbejde i de andre fag, dag jeg var mere fleksibel. Til gengæld har jeg i sidste ende brugt mere tid på at prøve mig frem, da jeg ikke naturligt har haft et forum, i form af gruppen, hvori jeg kunne spørge om hjælp.
Ligeledes manglede effekten af at man holdt hinanden til ilden og, for mit eget vedkommende, fik opsat og nået delmål i arbejdsprocessen.
Dette har bevirket, at jeg skulle indhente en del arbejde, til sidst i forløbet.
Positivt er det dog, at jeg i de andre fag har kunnet gøre brug af metoderne til at arbejde struktureret og organiseret i grupper. I hhv. introduktion til interaktionsdesign og introduktion til medier og kommunikation, har vi i grupperne haft gode forløb, hvor vi først brugte tid på at få konkretiseret projektet ved at afstemme forventninger, mål og emnets omfang. Derved opnåede vi en arbejdsproces, hvor vi ikke var nødt til at sadle om midt i det hele, og vi kunne derfor arbejde målrettet hele vejen gennem projektet.
December 16th, 2009 by admin
Jeg har i mit valg af udtryk lagt væk på, at bloggen skal være simpel, overskuelig og let tilgængelig. Da bloggen fungerer som portfolio, og dermed skal formidle mit arbejde, er det vigtigt at modtageren, i dette tilfælde underviserne og censor, let skal kunne finde relevante opgaver og projekter uden at skulle lede forgæves.
I vores kursusgruppe ville vi lægge vægt på simpliciteten på vores blogs, og dette har jeg holdt fast i, og nærmest gjort til mit mantra.
Man kan ikke sige, min blog skiller sig ud fra mængden i dets form og struktur. Jeg har ikke fundet på nogen nye koncepter at bruge bloggen på, eller udviklet en ny kode. Til gengæld synes jeg min indgangsvinkel til at skabe bloggen er god. Min tilgang har været: ”Kan man skabe en personlig blog, ved at remixe færdige themes?”. Ved at bruge arbejdsmetoder kendt fra remixkulturen, har fået skabt min egen personlige blog. Jeg har samplet, tweaket og manipuleret kode og grafikelementer, så de fik den udformning, der passede mig. Det kan man selvfølgelig sige, der ikke er så meget originalitet i – webdesignere har altid lånt koder fra andres sites. Men som overordnet koncept for at skabe et theme, synes jeg den er god. Dermed mener jeg, at jeg gennem remix har fået skabt en blog, jeg kan kalde Karsten Laybourns blog.
December 16th, 2009 by admin
Jeg har ajourført changeloggen. Ydermere er loggen kopieret ud til posts i kategorien “arbejdsdagbog”, så indholdet nu både fremstår som en log i page form og som posts.
December 15th, 2009 by admin
Eksamensopgave i faget Introduktion til interaktionsdesign uploaded under afleveringer
December 15th, 2009 by admin
Jeg har tilføjet billede af mig selv til headeren, for at give bloggen mere personlig og give lidt liv i forhold til at bloggen ellers var meget fersk hvad angår brug af farver (sort, hvid, grå og lidt brun). Bjælkerne i sidebaren er colourgraded, så de passer til de røde nuancer i den nye header.screenshot
December 15th, 2009 by admin
For at kunne embedde og streame videoklip i forbindelse med eksamensopgave i Inro til interaktionsdesign, har jeg installeret en flashplayer.
December 14th, 2009 by admin
Jeg har oprettet links page for at kunne lede modtageren hen til mine gruppeblogs.
December 13th, 2009 by admin
For at give et mere personligt indtryk af mig, har jeg valgt at tilføje et youtube klip, hvor jeg optræder. Ved at ratingen indgår i billedet, tilføjes youtube-ethos til min præsentation.
