3. PROJEKT, 2 SEMESTER



Relaterede dokumenter
Brugerundersøgelse 2. semester 3. projekt

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68.

Indholdsfortegnelse. Indledning...2. Tidsplan...2. Målgruppe...3. Spørgeskema...3. Kode eksempler...5. Procesbeskrivelse...7. Evaluering...

IndentifyIT Survey Rapport

Tracking af YouTube i Google Tag Manager og Universal Analytics (Seneste version)

IT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge

SKOLELOGIN KNANPU1 FULDE NAVN ANAN PUSKAR URL TIL LØSNING URL TIL PORTFOLIO

PHP Quick Teknisk Ordbog

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg

CentOS 7. Lavet af Ali Sarac og Andreas Jensen

Gruppe: 2 Hold: MulB Årgang 2013 Lærere: Merete Geldermann Lützen & Jesper Hinchely

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Vejledning. Indhold. Side 1

Interaktionsudvikling

Anvendelse af Model- View koncept i SAS Stored Processer

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

Mini Afsluttende Projekt

Mit grafiske workflow inkluderer:

MS Visual Studio Basic En kort vejledning

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse

Help / Hjælp

Grafisk workflow. Se siden her:

Dokumentation. Karen-Louise Fejerskov

Tillykke Med Fødselsdagen

WORKFLOW & PRODUKTION

Teknisk dokumentation

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

! }! FORSIDE! <html>! <head>!

Banner projekt. 1.semester

Portal Registration. Check Junk Mail for activation . 1 Click the hyperlink to take you back to the portal to confirm your registration

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Style & Experience 1. semester efterår november - 2. december

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

KT OR LOW PRODUKTION // WORKFLOW

MICROSOFT ONLINE KURSER

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

Opret en Google Formular med en indlejret video og læg den på Fronter

Webside score skillers.tech

WORKFLOW & GRAFISK PRODUKTION

Projekt 3: Interaktionsudvikling 11/04.14

Web 2.0. Af Frederik Adamsen. Definitionen af Web Problemstilling og løsning... 2 Udvikling af produkt... 3 Tankegang... 4 Konklusion...

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop

Forståelse for grafisk workflow

Vejledning til at tjekke om du har sat manuel IP på din computer.

IT Sikkerhed. Digital Mobning.

Webside score cite4me.org

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Webside score khtsb.com

User Manual for LTC IGNOU

Fejlbeskeder i SMDB. Business Rules Fejlbesked Kommentar. Validate Business Rules. Request- ValidateRequestRegist ration (Rules :1)

Password-beskyttelse af visse filer

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

BACK-END OG DATA: ADMINISTRATION HVAD ER DE NYE MULIGHEDER MED VERSION 7.1? STEFFEN BILLE RANNES, 4. FEBRUAR 2015

SAS Digital Intelligence

Vejledning til Sundhedsprocenten og Sundhedstjek

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

Denne rapport er skrevet af:

The purpose of our Homepage is to allow external access to pictures and videos taken/made by the Gunnarsson family.

Carlas cupcakes. Projekt.

Terese B. Thomsen 1.semester Formidling, projektarbejde og webdesign ITU DMD d. 02/

Reeksamen, DSDS, forår 2008

portfolio GRAFISK WORKFLOW

Bannerprojekt Multimediedesign. Hold B. Sebastian Bryggemann Tramp. Andreas Münter.

Fjernadgang til BEC s systemer via Portal2

Projekt 5 - Porfolio Redesign

Bliv ven med de sociale medier. Velkommen... Ved konsulenterne Thomas Kantsø & Lykke Fehmerling fra Djøf karriere og kompetencecenter

Mariager Efterskole - Selvevaluering 10/11

Øvelse 9. Klasser, objekter og sql-tabeller insert code here

DET KONGELIGE BIBLIOTEK NATIONALBIBLIOTEK OG KØBENHAVNS UNIVERSITETS- BIBLIOTEK. Index

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

Procesbeskrivelse - Webprogrammering

Grafisk design. Ide. Designprocess. Målgruppe

Programmering i Javascript

Projekt 2, Banner. Project 02 - Banners. Gruppenummer: 8

ChatBot. Introduktion. Scratch. Nu skal du lære hvordan du programmerer din egen talende robot! Arbejdsliste. Test dit Projekt.

A11: Last Year s Exam

Eksamen, DSDS, efterår 2008

Business Rules Fejlbesked Kommentar

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

HTML, PHP, SQL, webserver, hvad er hvad??

Afsluttende semesterprojekt - 1. Semester

Dynamisk PHP design OPDATERET

Skrivers-Design Portfolio

GRAFISK WORKFLOW Hjemmesidedesign

TinyMCE Bruger Guide. Forord. Contents

% &$ # '$ ## () %! #! & # &, # / # 0&. ) / & #& #

Idekatalog. Så vidt jeg husker fremgik det ret tydeligt hvad der skulle være i ansøgningen. Der var bare virkelig mange informationer der skulle med.

Webside score klearvue.com

Visuel ID. 2. projekt 2. sem. marts og kommunikation. Multimediedesigner

Transkript:

3. PROJEKT, 2 SEMESTER Bruger undersøgelse, af sociale medie. KENDSKAB TIL OG BRUG AF ONLINE SOCIALE MEDIER FORENINGEN AF DANSKE INTERAKTIVE MEDIER, FÅET TIL OPGAVE AT AFDÆKKE DANSKERNES BRUG AF SOCIALE MEDIE PÅ INTERNETTET Tevfik Özyigit 11-04-2011 Link: www.tevfik.dk mail: tevfik@tevfik.dk

3. PROJEKT, 2 SEMESTER Probformulering. KENDSKAB TIL OG BRUG AF ONLINE SOCIALE MEDIER FORENINGEN AF DANSKE INTERAKTIVE MEDIER, FÅET TIL OPGAVE AT AFDÆKKE DANSKERNES BRUG AF SOCIALE MEDIE PÅ INTERNETTET Designe og implementere spørgeskemaet i XHTML ved brug af forms. Designe og implementere en XHTML landing page og visuelle identitet ved design af spørgeskema. Beskrivelse og begrundelse af brugerundersøgelsesspørgsmålene Opsamling af data til databaseog presentation De udarbejdede spørgeskema (websider) skal validere som gyldig XHTML Spørgeskemaet skal indeholde mindst 3 typer formular elementer fra følgende liste: o Indtastningsfelter o Afkrydsningsfelter o Radioknapper o Rullemenu (drop-down menu) o Besvarelser skal opsamles i en database og løsningen skal være tilgængelig online Beskrivelse og begrundelse af brugerundersøgelsesspørgsmålene Det var lidt vanskeligt i start fasen at hvordan og hvor jeg skulle starte med, der er mange måder man kan designe spørgsmål skema, det vigtigste i processen er at vide, hvilket værdier fra hvilket kilder men som sædvenligt gik jeg på Google og efter pr timers researche, havde jeg 8-9 punkter som jeg synes det kunne være relevant for mit projekt. Efter lidt frasortering og sætte nogen af spørgsmålene sammen kunne jeg nøjes med 6 punkter(sider) med 3 spørgsmål hver. Jeg var 1

bange for at for mange spørgsmål og eventuelt skræmme bruger væk fordi de ikke kunne overskue det. Den tidsplan jeg lagde I starten af projektet hold ikke efter planen, jeg brugte flere timer på korrigere spørgsmålene sammen. Det tog også lidt ekstra timer på design siderne, for det var ikke lige det jeg har forstillede mig at de kunne tager meget mere tid, for det var mere besværligt end jeg regnede med. Det lykkedes mig at designe startsiden(default), så det var pæn og overskueligt og resten siderne er samme som startsiden. Listen neden under er det 6 hoved punkter som jeg synes dækker over det rimmelige, uden det bliver for mange spørgsmål. Kommunikation Multimedie Sociale netværk Virtuelle verdener Fildeling, musik, video..etc. Fotografi og kunst Eksempler på koder: Javascript <script type="text/javascript"> // this function controls the value in the elemnt and alerts if value is none digits and warns //if there is more then 1 digits function iszipcode(elem, msg){ var rule = /^\d{1$/; if(!elem.value.match(rule)){ alert(msg); elem.focus(); return false; return true; //select minimum 1 option from dropdown box(before continue) function selectaleastone(elem, msg){ if(elem.value === "-"){ alert(msg); elem.focus(); return false; return true; 2

//validate form: function validateinputfelt() check input field, if it s empty or wrong digits warn user. function validateinputfelt(){ if (selectaleestone(document.getelementbyid('kommunikation'), 'Vælg en media fra dropbox!')){ </script> Css (Cascading style sheet) #menu.current_page_item a {/* this class make the menu text bold on current page selected */ color: #014FDA; font-size:medium; background:url('images/pil.png'); #menu a:hover {/*remove underline when user trying to click on menu*/ text-decoration: none; 3

Tidsplan Bilag : Ganntchart. http://www.tevfik.dk/skema/projectspoergskema.mpp Procesbeskrivelse og evaluering af proces Jeg startede med at planlægge min tid og gik straks i gang med Ghanntchart (projektplanlægning) på Microsofts Projekt. Jeg blev overasket over hvor langt tid egentlig det tog for mig og designe siderne til spørge skemaet. Men efter et styk tid fik jeg en ide om hvordan jeg kunne præsentere skemaet uden der var for mange spørgsmål. Den uoverskuelige del af projektet forhindrede mig i at starte som planlagt, men efter lidt researche på internet, var jeg på spor igen. Under projekt forløbet lærte vi om jquery(javascript/ajax) som er open source, til fri benyttelse af små programmer stumper der kan kalde forskellige funktioner fra script biblioteket. Vi lærte masse nyt om JavaScript, bland andet, checke input elementer i xhtml, om værdien er tomt eller brugerne har taste noget ind. Vi JavaScript kunne jeg validere hver html side før brugerne gik videre til næste side af spørgeskemaet. Det lykkes mig og samle op på projektet og spørgeskemaer er loadet op til min portfolio på hjemmesiden www.trevfik.dk. Løbet af næste uge skal jeg opsamle data fra forskellige bruger fra Danmark, og prøve lave en statistik eller en diagram til præsentation den 25 april. Tevfik Özyigit 4

Projekt Spørgeskema på Knord - 2 semester. 5