Praktik i New York

Jeg er nu kommet tilbage til Danmark efter 3 måneders praktik i New York i en mindre designvirksomhed. Det har været en utroligt lærerig oplevelse og fantastisk at opleve byen gennem så lang en periode. Samtidig har det også været utroligt hårdt, både at få visum, at overkomme kulturforskelle, og at prøve at slippe af med bed bugs.

Billeder fra turen kan ses på min Flickr!

Eksamensopgave for TIK Badminton

Nu har vi brugt den sidste måned på at lave videre på det tidligere hjemmesideprojekt for TIK Badminton, så vi kan bruge det til vores eksamen.

Hjemmesiden kan ses på TIK-badminton.dk.

Dokumentar om Basco5

Vi har nu været på Station-Next i 14 dage, hvor jeg, Christina og Line Cecilie har lavet en dokumentar om den dansk-canadiske street artist "Basco5".

Der mangler dog stadig at blive lagt sidste hånd på værket, hvilket vi endnu ikke har haft tid til, men ligeså snart det er gjort, vil videoen blive lagt ud!

TIK Badminton

Nu har vi afleveret vores andet projekt for dette semester, som var en opgave i at lave et nyt site for Taastrup Idrætsklub Badminton-forening, da deres gamle var for svært at vedligeholde og slet ikke dynamisk nok.

På det nye site inddrages brugerne meget mere og har blandt andet mulighed for at logge ind til særlige medlemssider.

Vi valgte senere at gøre dette projekt til vores eksamensprojekt for december, hvilket du kan læse om i en senere post.

KØS Community

Vores første rigtige projekt på dette semester er en 14-dages opgave for Køge Skitsesamling ("KØS"), som netop er ved at lancere en ny hjemmeside.

Til denne mangler de dog en community-del, der skal få de unge mere med.

Min gruppe har valgt at fokusere mest på en idé, som vi havde til en Facebook-applikation, og det færdige resultat kan ses her: http://apps.facebook.com/koeskunst

Idéen går grundlæggende ud på, at brugere kan hente billeder af gamle, grimme vægge og husmure i Køge ned på deres computer, udsmykke væggene i et billedbehandlingsprogram og uploade det færdige resultat til siden, hvor det er muligt give billederne stemmer. Optimalt kan der blive kåret en vinder om måneden eller hver anden måned, som kan blive præmieret - evt. med at få sit "værk" opført i virkeligheden.

Blog om data-modellering

I forbindelse med kommunikations-workshop om at skrive til Nettet, og at vi snart skal lære om databaser, blev vi i dag bedt om at skrive nogle engelske kapitler om til dansk på en blog.

Jeg og Christina samarbejdede, og det kom der følgende ud af:

http://logicaldatamodel.blogspot.com

Dette forklarer kort, hvordan du kan bruge "normaliserings"-metoder til at forenkle og dynamisere en database-struktur!

Tilbage til skolen

Nu er vi startet på 46h igen efter sommerferien og har taget imod de mange nye elever.

Bianca og jeg har også været på TV-skolen i Avedøre sammen med dem for at hjælpe til.

I den kommende uge vil vi få vores skema udleveret og blive kastet ud i nye projekter, som vil komme her ind og ligge løbende!

Rekrutteringssite

Nu er rekrutteringssitet for 3M afleveret og vi venter nu bare på at skulle til eksamen og forsvare projektet.

Sitet kan opleves her: www.2biaz.dk/projects/3m

Eksamensprojekt på 2. semester påbegyndes

Nu er vores eksamensprojekt på 2. semester påbegyndt.

Vi skal forsøge at lave et rekrutteringssite for 3M, der skal kunne skaffe dem flere fremtidige medarbejdere.

Vores proces kan følges på bloggen 3Mjob.blogspot.com for de inviterede!

Marie Stærke

I den sidste uges tid har vi skulle udarbejde et kampagnesite for Køges borgmester, Marie Stærke, og en strategi for hendes brug af sociale medier på nettet.

Vores bud ser således ud: www.2biaz.dk/projects/mariestaerke

EASJ

I de sidste 14 dage har vi arbejdet på en opgave for Erhvervsakademi Sjælland, som vores uddannelse hører under.

EASJ, som de kalder sig, manglede en visuel identitet, dvs. bl.a. designmanual, logo, visitkort, brevpapir, hjemmeside, o.lign., og de ville gerne have vores bud på det.

Jeg var i gruppe med Line Cecilie i de 2 uger, og vores bud var følgende: www.2biaz.dk/projects/easj

Formanden for EASJ har overværet både vores logo- og hjemmeside-showcase, og vi har fået at vide, at deres fremtidige visuelle identitet vil komme til at blive baseret på en eller flere af gruppernes forslag!

We Go Ego

Så fik vi afleveret vores bud på bandet We Go Ego's musikblog.

Grundet problemer med Wordpress og meget sparsom tid, måtte vi dog skære en hel del ting fra, som ellers skulle have været med. Forhåbentlig kan vi senere komme lignende problemer i forkøbet og derved få mere tid til at finpudse resultatet.

Siden kan ses her: www.liveshot.dk/WeGoEgo

Filmskolen

Nu er hjemmesiden med samtlige gruppers film kommet ud.

Indtil videre bare på mit domæne: http://www.2biaz.dk/projects/stationnext

Færdigt Edutainment-spil

Nu er vores Edutainment-spil blevet færdigt og kan findes på: www.p2biaz.dk/projects/idealmodels

Vi er allesammen rigtig godt tilfredse med det og ønsker at udvikle lidt videre på det.

Projektopgave

Nu er vores projektopgave påbegyndt, og vi har oprette denne blog til dokumentation af vores proces: www.adopter-en-model.blogspot.com

Streetz

I Streetz-projektet arbejdede jeg sammen med Sandra og Bianca om at lave et design, der udtrykte "Streetz".

Vores produkt kan nu ses på adressen: www.2biaz.dk/projects/streetz

Videokunst-workshop

På videokunst-workshoppen "Beats" med Thomas og en Europæisk Filmskole-elev ved navn Ida Grøn skulle vi i grupper lave vores egen kunstfilm.

Der blev opsat nogle dogmer, som var:

1. Alle bruger den samme musik ("Roisin Murphy - Prelude to Love in the Making") og den bestemmer længden af videoerne.
2. Skal filmes med vadoer, mobilkameraer, stillbilledkameraer, o.lign.
3. Ikke stedspecifikt.
4. Ikke liniær historie.
5. Ingen humor.
6. En idé.

Jeg var i gruppe med Christina og Louise og vores film kom til at se sådan her ud:

Hello Kitty Webstyle

I Webstyles projektet arbejdede jeg sammen med Line D. og Cheline om at lave et design i Hello Kitty-stilen, som skulle bestå af både en hovedside og en eller flere undersider.

Vores produkt kan nu ses på adressen: www.2biaz.dk/projects/hellokitty

CSS-oversigt

Når nu jeg har lavet en HTML-oversigt, skal der selvfølgelig også være en CSS-oversigt. Jeg har derfor sammensat en liste over de mest gængse CSS-egenskaber, dvs. dem, jeg selv bruger af og til:

width
height

font-family
font-size
font-weight
font-style

background-color
background-image
background-repeat
background-position
background-attachment

margin-top
margin-right
margin-bottom
margin-left

padding-top
padding-right
padding-bottom
padding-left

border-top
border-right
border-bottom
border-left
border-width
border-style
border-color
border-collapse
border-spacing

text-align
text-decoration
text-indent
text-transform

list-style-image
list-style-position
list-style-type

position

top
right
bottom
left

color
cursor
float
display

visibility

overflow

clear
line-height
letter-spacing
white-space
word-spacing
vertical-align
caption-side
empty-cells
table-layout

z-index

Hvis du vil finde detaljer om de forskellige CSS-egenskaber, så søg på Google efter f.eks.: CSS position property

Du kan også se hele listen over CSS (2.0) -egenskaber og læse om de forskellige her:

http://www.w3.org/TR/CSS2/propidx.html

HTML-oversigt

Nogle har måske opdaget, at jeg ved lidt om HTML. For at hjælpe de, som nu skal lære det fra bunden og nok føler, at det kan være lidt abstrakt, er der her en sammensat liste over de gyldige tags, man kan bruge i HTML og XHTML:

a - link
abbr - forkortelse
acronym - akronym (initialord)
address - kontaktoplysninger
area - link i del af billede
b - fed skrift
base - sidens grundadresse
bdo - tekstretning
big - stor tekststørrelse
blockquote - langt citat
body - dokumentets indhold
br - linjeskift
button - trykknap
caption - tabel-titel
cite - citat
code - uddrag af computercode
col - tabel-kolonne
colgroup - tabel-kolonne-gruppe
dd - definitionsbeskrivelse
del - slettet tekst
dfn - definition
div - stor beholder
dl - definitionsliste
dt - definitionsbetegnelse
em - fremhævning
fieldset - formular-gruppe
form - formular
frame - ramme (undervindue)
frameset - rammegruppe
h1 - største overskrift
h2 - mindre overskrift
h3 - mindre overskrift
h4 - mindre overskrift
h5 - mindre overskrift
h6 - mindste overskrift
head - dokumentets informationer
hr - horisontal linje
html - hovedelementet/rodelementet
i - kursiv
iframe - inline ramme (inline undervindue)
img - billede
input - inputfelt
ins - indsat tekst
kbd - tekst, som kan indtastes
label - formularetikette
legend - fieldset-titel
li - listeelement
link - import af f.eks. stylesheet
map - billede-map
meta - meta-information om siden
noframes - alternativt indhold for browsere, der ikke kan vise frames
noscript - alternativt indhold for browsere, der ikke kan køre JavaScript
object - eksterne programobjekter
ol - ordnet liste (elementer med tal eller bogstaver)
optgroup - gruppe af options i select-boks
option - valgmulighed i select-boks
p - afsnit
param - parameter i object-tag
pre - preformateret tekst (alle mellemrum vises og der bruges en skrift, hvor alle bogstaver er lige store)
q - kort, inline citat
samp - eksempel på program-output
script - kodeblok (f.eks. JavaScript)
select - listeboks med valgmuligheder
small - lille tekst
span - lille, inline beholder
strong - stærk fremhævning
style - stylesheetblok (f.eks. CSS)
sub - sænket skrift
sup - hævet skrift
table - tabel
tbody - tabelbody
td - tabelcelle
textarea - stort tekstfelt til indtastning
tfoot - tabelfooter
th - tabelcelleoverskrift
thead - tabelheader
title - sidens titel
tr - tabelrække
tt - viser tekst som teletype/monotype
ul - uordnet liste (elementer med prikker)
var - programvariable-eksempel

Listen over alle nuværende og tidligere HTML-tags findes hos W3C her: http://www.w3.org/TR/REC-html40/index/elements.html

Og alle de samme tags kan bruges under XHTML 1.1 på nær frames-relaterede tags (frame, frameset, iframe og noframes).

Derudover har XHTML 1.1 også 6 "ruby"-tags, som bruges til asiatiske tegn, som her er udeladt.

Alle tags har på W3C-linket angivet, om de kræver et åbne-tag, om de kræver et lukke-tag, om det kan indeholde tekst og andre tags eller skal være tomt, om det er forældet og derved ikke bør bruges under HTML 4.01 længere, og hvilken doctype tagget hører under.