På baggrund af praktik i Grontmij A/S i perioden 19.01.15-10.04.15

PRAKTIKRAPPORT

Rikke Carlsen | cph-rc51@cphbusiness.dk4. semester | MUL B | Cphbusiness 2013-2015

Vejleder: Frederik Tang

Side 2 af 9Praktikrapport | Rikke Carlsen | Mul B | cph-rc51 | Cphbusiness 2013-15

Beskrivelse af virksomheden

Grontmij A/SGrontmij er en førende europæisk rådgivende ingeniørvirk-somhed med ekspertiser inden for bæredygtigt byggeri, energi, veje, letbaner og vand. Grontmij hjælper deres kunder med at tage kvalificerede beslutninger og foretage veloverve-jede investeringer, når de udvikler byggede og naturlige omgivelser.

Danske Grontmij A/S er en del af hollandske Grontmij NV, som er grundlagt i 1915 og børsnoteret på Euronext i Amsterdam. Mange danskere kender ikke Grontmij af navn, men når man fortæller, at virksomheden opkøbte Carl Bro Gruppen i 2006, så ringer der for de fleste en klokke.

Grontmij er Europas femtestørste rådgivende ingeniørvirksom-hed med omkring 7.000 medarbejdere. Virksomheden arbe-jder på tværs af landegrænser og har 100 kontorer globalt.

Min nærmere placering i organisationenOrganisationen er opdelt i tre forretningsområder: ”Planning & Design”, ”Transportation & Mobillity” og ”Water & Energy”.

Jeg har været tilknyttet Planning & Design, som arbejder med udvikling af byer og landzoner på lokalt plan (byplanlægning, landskabsplanlægning, byggeri, anlæg samt udnyttelser af arealer til fritid og rekreative formål).

Under Planning & Design har jeg været ansat i afdelingen Fa-cilities Management & Driftsrådgivning som arbejder med drift og vedligehold af bygninger samt interne serviceopgaver.

Butler er navnet på et webbaseret drifts- og vedligehold-elsesprogram (registrerings-, planlægnings- og styringsværk-

tøj til driftsorganisationer), som giver adgang til at kunne planlægge opgaver, følge op, indsamle dokumentation og afrapportere. Programmet er udviklet af it-ingeniører i Facilities Management – og det er her jeg kommer ind i billedet.

Beskrivelse af læringsmål

Viden• At arbejde med brugervenlighed (usability) og designprincipper i praksis, samt metoder til analyse og

planlægning af (visuel) kommunikation til en specifik målgruppe som støtte til løsning af teknisk kom-plicerede opgaver.

Færdigheder• Grundlæggende erfaring med ASP.NET, samt Telerik- og Developer Express-elementer.• Udvikle design af brugergrænseflade (interface) og grafiske elementer til et komplekst database-styret

program. Herunder bl.a. benytte Adobes programmer: Photoshop, Illustrator og InDesign.• Udarbejdelse af brugergrænseflader til teknisk komplicerede opgaver i et program til personer med lille

digital erfaring.• Research og analyse af målgruppe, kommunikationsmål og –metode i forbindelse med visuel kommuni-

kation.

Kompetencer• Planlægge, strukturere og arbejde målrettet på et kreativt, professionelt projekt, så målet nås på tilfredss-

tillende vis uden at gå på kompromis med fagligheden.• Indgå i et team af personer med vidt forskellige ekspertiser, herunder deltage i fagligt og tværfagligt

samarbejde med en professionel tilgang.• Kendskab til professionelle værktøjer til styring af IT-opgaver, så som source control (SVN) og tracking af

opgaver og fejl.

Side 3 af 9Praktikrapport | Rikke Carlsen | Mul B | cph-rc51 | Cphbusiness 2013-15

Beskrivelse af opgaver og refleksion over disse i relation til teorier fra uddannelsenMin primære opgave har været at designe, opsætte og med-virke til implementering af ny brugergrænseflade (interface) til drift- og vedligeholdelsesprogrammet Butler.

Gennem dette arbejde har jeg brugt teorier om interfacede-sign og designprincipper (jf. Wisler-Poulsen, 20 Designprincip-per, 2012).

I implementeringsfasen har jeg gjort brug af mine kodnings-færdigheder fra interaktionsundervisningen, idet jeg primært har kodet HTML og CSS.

Derudover har jeg benyttet teorier og metoder fra både virksomheds- og kommunikationsundervisningen. Jeg har ar-bejdet meget selvstændigt, og har dermed selv holdt overblik over projektets faser og delmål. Her har jeg undervejs brugt Gannt charts og WBS. Fordi arbejdet har foregået meget selvs-tændigt, har jeg undervejs holdt projektlederen og teamet bag Butler underrettet, og jeg har således både indkaldt til og afholdt møder på tværs af afdelingen.

Planlægningen af designarbejdet har krævet, at jeg kendte brugerne af programmet – målgruppen – og forstod deres behov og vidensniveau for at sikre den bedst mulige bru-gervenlighed. Her har jeg gjort brug af teorier og analyser fra kommunikationsundervisningen.

En anden primæropgave har været at skrive en manual til designet, som skal bruges fremadrettet, når programmet videreudvikles, samt udvikle standard designelementer til programmet – ikoner og knapper. Og også her har jeg brugt teori fra designundervisningen.

I min praktikkontrakt er det desuden beskrevet, at jeg sekundært skulle bidrage til kommunikationen omkring Butler – herunder udarbejde produktkataloger og andet reklamema-teriale, samt designe og udvikle en skabelon til nyhedsbrev.

Til kommunikationsarbejdet har jeg naturligvis benyttet teorier og erfaringer fra kommunikationsundervisningen. Jeg har medvirket til planlægning af fremtidig kommunikation omkring Butler. Herunder at opstille kommunikationsmål og -model for et landingpage til promovering af programmet. Her har jeg arbejdet med analyse af målgruppe, positionering og platforme, AIDA-model, m.m.

Under arbejdet med en ny forside til Butler har jeg udviklet et modul til nyheder direkte i programmet, så kunderne fik nødvendige informationer om Butler eller om tillægsydelser, når de arbejdede i programmet, frem for at sende beskeder pr. mail, som måske ikke ville blive set/læst.

Side 4 af 9Praktikrapport | Rikke Carlsen | Mul B | cph-rc51 | Cphbusiness 2013-15

Opfyldelse af læringsmål

Uge 1-2: IntroDen første tid brugte jeg på at finde mig til rette i jobbet og afdelingen, samt at skabe mig et overblik over de opgaver, jeg skulle til at løse. Herunder brugte jeg en del tid på ren research i Butler – altså, hvad gik programmet ud på, hvordan fungerer det, hvordan ser ER-modellen over databasen ud, og hvordan driftes og vedligeholdes en industribygning overhovet af mine kolleger og Grontmijs kunder.

Jeg var til mit første møde med Butler teamet efter at have gået på opdagelse i programmet og have nedfældet mit førstehåndsindtryk og forslag til forbedringer. Og derfor tog jeg ret hurtigt fat på to punkter i mine læringsmål:

• Indgå i et team af personer med vidt forskellige ek-spertiser, herunder deltage i fagligt og tværfagligt samarbejde med en professionel tilgang.

• Planlægge, strukturere og arbejde målrettet på et kreativt, professionelt projekt, så målet nås på tilfredsstillende vis uden at gå på kompromis med fagligheden.

Jeg har under hele praktiktiden selv stået for at strukturere min tid, så alle mål blev nået, og så Grontmij og mine kolleger fik mest muligt ud af mit arbejde – og så jeg selv fik indblik i deres arbejde og arbejdsgange.

Uge 2-3: PSD-skitserI disse dage påbegyndte jeg den egentlige opgave. Jeg lagde ud med at tegne skitser i hånden og i Photoshop, der løbende er blevet udviklet, som jeg kom nærmere på den endelige stil og layout.

I første omgang fokuserede jeg ikke på farver og fonte, men på de overordnede linjer: wireframes og grid-system til pro-grammet.

• Udvikle design af brugergrænseflade (interface) og grafiske elementer til et komplekst database-styret program. Herunder bl.a. benytte Adobes program-mer: Photoshop, Illustrator og InDesign.

Jeg har hele tiden haft brugerne af programmet i baghovedet. Målgruppen er nemlig ikke de mest avancerede computer-tekniske brugere, og det har været vigtigt for mig, at sikre en høj usability (for brugernes skyld) samtidig med et moderne, professionelt design (for at appellere til personer med ledels-es- og dermed købsansvar).

• Udarbejdelse af brugergrænseflader til teknisk kom-plicerede opgaver i et program til personer med lille digital erfaring.

Jeg besluttede hurtigt, at Butlers udseende i højere grad skulle ligne en hjemmeside i opsætning. Så jeg har integreret en navigationsmenu, som går igen på alle sider, så brugerne fre-mover let kan finde rundt og se hvor de er i programmet. En gangster-test har vist, at det nu er langt lettere at finde rundt.

• At arbejde med brugervenlighed (usability) og designprincipper i praksis, samt metoder til analyse og planlægning af (visuel) kommunikation til en specifik målgruppe som støtte til løsning af teknisk komplicerede opgaver.

Butler er et langt mere komplekst databaseprogram end de

hjemmesider, vi er vandt til at designe og kode på studiet, og det har derfor været den største udfordring, at sikre at desig-net understøttede funktionaliteten, så programmet blev så intuitivt som muligt at bruge.

Uge 4: FejlindberetningsmodulButler har eksisteret i små 15 år og bærer derfor præg af skif-tende programmører og udvikling i dets funktioner. Jeg nåede også at være med til at udvikle en ny funktion til programmet, som skal udrulles i løbet af det næste halve år. Funktionen er et indberetningsmodul til bygningernes egentlige brugere (fx almindelige ansatte i en virksomhed), hvor de kan indberette fejl og mangler i bygningen (fx en radiator, som ikke virker) via en formular. Denne sender information til driftspersonalet, som via Butler kan tilføje opgaverne i budgettet og i vedlige-holdelsesplanen, så fejlen bliver udbedret.

Det har været spændende at få lov at være med til at udvikle funktionen og beslutte, hvordan man lettest løser denne ud-fordring, samt ikke mindst hvordan det skal se ud.

Uge 5-7: Butler-skitser, ny forside og ikonerI disse uger har jeg fortsat arbejdet med Butlers design. Jeg begyndte at lægge farver på og tilføje fonte, som var i overensstemmelse med Grontmijs overordnede CVI. Og det overordnede design til programmet kom løbende på plads. Jeg lagde i de første uger ud med programmets mest centrale undersider, som indeholdt flest informationer, og derfor var mest udfordrende for designet. Dette gjorde at det efterføl-gende var lettere at tilpasse resten af sidernes opsætning.

Jeg har bestemt, at Butlers forside skulle være mere indby-dende og appellerende til vores kunder. Derfor har jeg desig-

Side 5 af 9Praktikrapport | Rikke Carlsen | Mul B | cph-rc51 | Cphbusiness 2013-15

net en forside, hvor den enkelte kundes logo og billeder kan lægges ind, samt hvor Grontmij kan kommunikere til kunden. Dette vakte stor begejstring i afdelingen, fordi programmet dermed også kan bruges mere strategisk i forhold til support, kundepleje og mersalg.

Derudover har jeg udviklet en række ikoner til programmet. Både standardikoner som pile, søgefunktion og udskriv, men også ikoner som har til formål at illustrere en funktion, som er ”Butler-specifik”, fx ”bygningsadministration”. Jeg benyttede Illustrator til opgaven og brugte meget tid på at sikre genken-delighed og ensartethed mellem ikonerne. Løbende brugte jeg mine kolleger til at få nye idéer eller forslag til, hvordan ikonerne skulle se ud.

Uge 7-9: KoderLidt over halvvejs i praktikperioden blev jeg klar til at påbeg-ynde implementeringen af mine designs i selve programmet. Grontmij arbejder med Butler i VisualStudio, som benytter ASP.NET, og jeg har derfor brugt nogle dage på at sætte mig ind i, hvordan dette overordnet fungerer. Selv har jeg primært kodet HTML og CSS, men dette var først muligt efter en intro til programmet og programmeringssproget.

• Grundlæggende erfaring med ASP.NET, samt Telerik- og Developer Express-elementer.

• Kendskab til professionelle værktøjer til styring af IT-opgaver, så som source control (SVN) og tracking af opgaver og fejl.

Når jeg er stødt på fejl eller mangler i programmet (fx døde links og fejl 404-errors) har jeg løbende indberettet dem til Butlers programmører, så fejlene kunne blive udbedret.

Uge 9: Ad hocUd over mine primære opgaver har jeg gjort hvad jeg kunne for at stå til rådighed for min afdeling, hvis de havde kreative opgaver, de manglede hjælp til. En af dem har været at as-sistere konsulenterne med deres PowerPoint præsentationer. Jeg har fungeret som sparringspartner til hvordan de bedst får deres budskaber ud, kommunikativt og visuelt, samt stået for selve udførelsen af præsentationerne. Det har været spæn-dende og sjovt også at få lov at bruge mine kommunikation-skompetencer på denne måde.

Uge 9-10: Kommunikation og ButlerFM.dkUnder mit arbejde med Butlers udseende har teamet bag pro-grammet løbende talt om, hvordan vi fremover kan få solgt programmet bedre.

• Research og analyse af målgruppe, kommunikation-smål og –metode i forbindelse med visuel kommu-nikation.

Jeg har derfor været med til at arrangere en række møder og workhops om kommunikationen omkring Butler. Arbejdet har kredset om, hvordan vi i højere grad kunne appellere til de ledere, som skal købe programmet, og ikke kun de teknikere, som skal benytte det.

Et af mine helt store forundringer har været, hvorfor Butler ikke har sin egen salgshjemmeside. Og vupti, nu har jeg leveret et mock up til denne – både designet og kodet, så den under-støtter kommunikationsmålene, som vi analyserede os frem til. Arbejdet med Butlers kommunikation fortsætter nu med mig på sidebanen, imens jeg skriver hovedopgave.

Uge 11: DesignmanualDen sidste tid har jeg brugt på at få afsluttet mine opgaver, og sikre at jeg har leveret de aftale produkter, når praktikken ophører. Herunder har jeg udfærdiget en designmanual, som programmørerne fremover skal holde sig til. Jeg har fokuseret meget på at ramme deres behov i manualen, så den bliver så forståelig og let at bruge som muligt for dem, når de udvikler. De har naturligvis været med på bud undervejs.

Uge 12: Afslutning, overlevering og kommunikations-møderDen sidste tid er naturligt gået med selve overlevering af map-per med koder, ikoner, skitser osv.

Derudover har jeg hjulpet med mindre grafiske opgaver, såsom præsentationer, invitationer og kommunikationsmate-riale.

I øvrigt findes en fuld blog over mit arbejde og min udvikling på:

rikkecarlsen.com/blog/ category/praktik

– den er sprængfyldt med skitser, refleksioner og teori!

Side 6 af 9Praktikrapport | Rikke Carlsen | Mul B | cph-rc51 | Cphbusiness 2013-15

Refleksion over praktikforløb og udbytteNår jeg ser tilbage på min praktik har det været 12 uger med godt humør, spændende udfordringer og en både personlig og faglig udvikling.

Jeg kan mærke, at jeg er modnet i jobbet, og nu er 100 % klar til at slå mine folder i erhvervslivet som multimediedesigner. Det kommer også til udtryk i min forlængelse af kontrakten hos Grontmij, som jeg nu skal skrive hovedopgave hos – og fra sommeren af forhåbentlig arbejder fuld tid hos.

Jeg har trivedes med mit arbejde hos en levende arbejdsgiver (i stedet for standardiserede studieopgaver), hvor jeg har skulle opfylde dennes ønsker, og tilpasse mit arbejde til en kritisk og professionel stab.

Tiden har været præget både af fordybelse og detaljearbejde, men også mange bolde i luften. Jeg har haft højt til loftet og frie tøjler (læs: mine kolleger har haft stor respekt for min faglighed), men jeg har samtidig måtte navigere i en global virksomheds regler om stil, image og design, og det har været en fantastisk udfordring.

Alt i alt er jeg selv meget tilfreds med min praktiktid, og jeg glæder mig allerede til at møde på arbejde igen i næste uge med de skønne guttermænd i Grontmij.

Eksempler på konkrete produkterMit primære arbejde har drejet sig om interface re-design til drift- og vedligeholdelsesprogrammet Butler.

På de næste sider følger et udvalg af før og efter billeder:• Forside• Aktiviteter/Bygningsdele• Rapport• Administration

Før

Efter

Før

Efter

Praktikrapport | Rikke Carlsen | Mul B | cph-rc51 | Cphbusiness 2013-15