Projekt 3: Interaktionsudvikling 11/04.14
|
|
- Mogens Bendtsen
- 8 år siden
- Visninger:
Transkript
1 Projekt 3: Interaktionsudvikling 11/04.14 Gruppe 5 Christina Juulmann Jacob Kostecki Jayne Alice Miia Ebbesen www. mebb.dk/portfolio Sunna Natasia
2 Målbeskrivelse Dette projekt tager udgangspunkt i projekt 2, hvor vi har udviklet en blog om cupcakes. Formålet med dette projekt er at optimere bloggen, så diverse blog funktioner får integreret funktionelle moduler til registrering af brugere, registrering af opskrifter, samt et modul til visning af opskrifter. Der ønskes at bloggen laves responsive, så visningen fungerer optimalt på både desktop, tablet og smartphone. Overordnet er projektets formål at optimere siden således, at brugerinteraktions niveauet og brugervenligheden øges. Der kan derudfra opstilles følgende problemformulering: Hvordan kan vi optimere bloggen således, at brugerinteraktion samt bruger venligheden øges? Metodebeskrivelse For at give brugeren mulighed for at læse, uploade og finde opskrifter på bloggen, vil vi gøre brug af HTML form tags, MySQL og PHP. Der skal oprettes en database til disse moduler. Databasen skal bestå af to tabeller. Før brugeren kan uploade sine egne opskrifter kræves et registreringsmodul - hertil laves en users tabel i databasen. Derefter en tabel til opskrifter med obligatorisk brugernavn udfyldningsbox, således kan brugere søge på opskrifter ved hjælp af brugernavn. Vi har valgt at afgrænse piktogrammerne i den forstand, at vi ikke har valgt at integrere dem i navigationen. Dog har vi valgt at illustrere, hvordan de eventuelt kunne se ud. Vi har nemlig i stedet valgt at holde fokus på MySQL og PHP delen. Problemstillinger: Hvordan kan vi skabe et system, der giver brugeren mulighed for at læse og finde opskrifter samt uploade egne opskrifter? Hvilke tekniske udfordringer kan der opstå ved implementering af disse moduler? 1
3 Projektets tidsplan Før vi går i gang med at besvare vores problemformulering, vil vi først vise, hvordan vi har struktureret vores tidsplan. Dette vil vi illustrere med et Gantt-skema som ses til højre. Vi har valgt at lave projektets tidsplan med et Gantt-skema, idet den giver et godt visuel overblik. Under skemaet ses nogle kasser, der er en supplering for Gantt-skemaet. Gantt-skema Fase 1 Fase 2 Fase 3 Fase 4 Dokumentere udviklingsprocessen i form af en projektplan og et Gantt-skema (rapportskrivning) Oprette brugerregistrerings modul Oprette opskriftregistrerings modul Udvikle modul til visning af opskrifter Dokumentere fremgangsmåde af registreringsmoduler (rapportskrivning) Optimering af layout til responsive design: -Smartphone -Tablet -Desktop Integrere piktogrammer i navigationen Validere Javascript Udføre testscenarier Dokumentere testscenarier og testresultater (rapportskrivning) Style moduler Dokumentere opsamling på resultatet af det endelige produkt Færdiggøre rapporten. 2
4 Produktet MySQL-delen består af en database, projekt3, der indeholder 2 tabeller. En til brugeroplysninger kaldet users og en til opskriftinfo kaldet recipes. Disse tabeller består af en række kolonner. Databasen er opsat på følgende måde: Uden brugerens viden registreres datoen i yderligere to kolonner userid og regtime. Disse giver henholdsvis et brugerid og et registreringstidspunkt. userid tildeler brugeren et tal ud fra en talrække startende fra 0. Denne kolonne auto-inkrementerer og giver derfor brugeren det næste ledige tal i rækken, så ingen brugere ender med samme nummer. RegTime er af typen TIMESTAMP og registrer derfor automatisk tidspunktet for registreringen. PHP-delen består af en række filer, der fungerer som bindeled mellem brugeren og MySQL databasen. Ved brugerregistrering samles brugerens input og dette indsættes i databasen. Det samme sker ved bruger-upload af opskrifter. Ved visning af opskrifter hentes data fra databasen, og disse præsenteres for brugeren. Til dette benyttes fire forskellige PHP-filer med hver deres funktion: Brugerne registrerer en række oplysninger, som gemmes i databasen. Disse oplysninger er fornavn, efternavn, brugernavn, , ønske om nyhedsbrev og køn. Fornavn, efternavn, brugernavn og gemmes som en VARCHAR, da indholdet vil være både tegn og symboler, men af en forholdsvis kort længde. Ønske om nyhedsbrev samt køn gemmes som en ENUM, der gør det muligt kun at acceptere specifikke tegn; Y eller N samt M eller F. db_con.php Konfiguration af forbindelse til database. register.php Registrering af brugere på bloggen. add_recipe.php Bruger-upload af opskrifter til senere visning på siden. get_recipes.php Visning af alle opskrifter indsendt af brugere. user_select.php Vælg bruger til visning af dennes indsendte opskrifter user_recipes.php Vis opskrifter baseret på vælg fra user_select.php read.php Læs en specifik opskrift i sin fulde længde. 3
5 Den første PHP-fil som brugeren indirekte har kontakt med, er register.php der står for registrering af brugeren. Her opsamles brugerens indtastede data fra HTML-formen på registreringssiden for derefter, at blive indsat i users tabellen i databasen. Dette sker ved hjælp af følgende kode: $firstname = $_GET[ firstname ]; $lastname = $_GET[ lastname ]; $username = $_GET[ username ]; $ = $_GET[ ]; $newsletter = $_GET[ newsletter ]; $sql = INSERT INTO users (firstname, lastname, username, , newsletter) VALUES (.$firstname.,.$lastname.,.$username.,.$ .,.$newsletter. ) ; Næste skridt er, at vise de uploadede opskrifter. Dette gøres med get_recipes.php, der ved hjælp af følgende kode viser alle indsendte opskrifterne som hver sit link: echo <html><head></head><body> ; $sql = SELECT recipename, recipeid FROM recipes ; if($result = $mysqli->query($sql)) { while($row = $result->fetch_assoc()) { echo <div id= wrapper ><a href= read. php?recipeid=.$row[ recipeid ]. >.$row[ recipename ]. <br> </div> ; echo </body></html> ; Data fra formen hentes og gemmes som en variabel. Dernæst køres et standard SQL-statement med infoen fra variablerne, som indsættes i databasen. Når brugeren skal dele en opskrift med resten af verdenen ved hjælp af hjemmesiden, sker det ved hjælp af add_recipe.php, som gør det samme som ved brugerregistreringen. Her er der bare en anden tabel i databasen og noget andet data. På helt lav-teknisk vis bliver brugeren bedt om at indtaste sit brugertid, der skal fungere som en identifikation for hvem der har lagt opskriften op. Til en eventuelt videreudvikling ville det være oplagt, at brugeren i stedet skal logge ind og dermed ikke skal huske et nummer for at kunne have navn på opskriften. Dette eliminerer også muligheden for, at andre brugere deler opskrifter i andres navn. Dette gør at opskrifternes navne og ID bliver hentet fra databasen og derefter bliver inkluderet i et standard HTML a-tag for hver opskrift. Ved hjælp af recipeid linker tagget til den fulde opskrift, som vises ved hjælp af read.php: (se næste side) 4
6 echo <html><head></head><body> ; $sql = SELECT recipeid, recipename, tagline, season, ingredients, directions FROM recipes WHERE recipeid =.$recipeid; if ($result = $mysqli->query($sql)) { while ($row = $result->fetch_assoc()) { echo <div id= headline >.$row[ recipename ]. </div><br> ; echo <div id= caption >.$row[ tagline ]. </div><br> ; echo <div id= season >.$row[ season ]. </div><br> ; echo nl2br($row[ ingredients ]); echo <br><br> ; echo nl2br($row[ directions ]); echo </body></html> ; Data fra databasen hentes, og den rigtige opskrift vises ved hjælp af recipeid, som hentes fra forrige side med GET-funktionen i PHP. Derefter skrives den hentede data ud sammen med noget HTML for at få det til at se rigtig ud. Nl2br funktionen bruges, for at få linjeskift rigtig med fra tekstboksen hvori opskriften blev skrevet. Yderligere findes også user_recipes.php og user_select.php. Disse filer står henholdsvis for, at lade en given bruger vælge et specifikt brugernavn og få vist dennes indsendte opskrifter. user_select.php indeholder en HTML form med en dropdown liste over de forskellige brugere i databasen. Ved submit sender siden brugernavnets tilknyttede userid videre til user_recipes.php, som henter de opskrifter denne bruger har uploadet. Valg af bruger sker på følgende måde: $sql_dropdown = ( SELECT username, userid FROM users ); if ($result = $mysqli->query($sql_dropdown)) { while ($row = $result->fetch_assoc()) { echo <option value=.$row[ userid ]. >.$row[ username ]. </option> ; Opsamling af userid og visning af opskrifter, i HTML, baseret på dette: echo <html><head></head><body> ; $sql = SELECT recipename, tagline, recipeid FROM recipes WHERE userid =.$userid; if($result = $mysqli->query($sql)) { while($row = $result->fetch_assoc()) { echo <div id= wrapper ><a href= read.php?recipe- ID=.$row[ recipeid ]. >.$row[ recipename ]. <br></div> ; echo <div id= wrapper ><a href= read.php?recipe- ID=.$row[ recipeid ]. >.$row[ tagline ]. <br></div> ; echo </body></html> ; Igennem hele projektet har PHP og MySQL delen været den største udfordning, og derfor også lavet på et meget lavt niveau, da det stadig er forholdsvis nyt for gruppen. Der er endnu ingen der føler sig rigtig hjemme med det og som bare har styr på det. Der er derfor også plads til en hel del forbedringer og eventuelle omskrivninger af koden, som kunne give flere funktioner, bedre brugervenlighed og større sikkerhed. Antallet af disse fejl og mangler må forventes at falde i takt med, at erfaringerne stiger. 5
7 Responsive Design Siden er blevet bygget op sådan, at indholdet er placeret logisk uanset om du er på en stor eller en lille skærm. Det er nemt at bruge - uanset på hvilken slags enhed det er på. Den røde tråd er, at sidens brand/logo og navigation er altid øverst på siden, efter hvilket kommer selve indholdet derefter links, social media og annoncer. Selve indholdet er på midten af siden eller kommer som det næste under navigationen, mens annoncer og andet ekstra er på den højre side af skærmen, eller under indholdet. Wireframes: Siden er bygget op med HTML5 og CSS3, med supplerende funktioner som Javascript og PHP. Responsiviteten udføres gennem brugen af CSS3 Media Queries, hvor bestemte CSS-regelsæt bliver associeret med bestemte skærmstørrelser efter de ovennævnte breakpoints. For eksempel ændrer det følgende stykke kode, hvor meget logoet øverst på hjemmesiden fylder på skærme som er 480px eller mindre i screen and (max-width: 480px) { #header_middle { margin-right: auto; margin-left: auto; width: 95%; padding: 5px 0 15px 0 Til sammenligning ser koden ud som følgende på skærme større end 768 px i bredden: Breakpoints i designet er de følgende størrelser i bredden: 1024px, 768px, 640px. Den største ændring sker ved 768px, hvor layoutet ændrer sig som vist i billedet ovenpå - den grønne sidebar, der oprindeligt står på den højre side, bliver skubbet ned under indholdet. Det næste breakpoint er ved 640px, hvor navigationsmenuen bliver ændret fra inline til en dropdown-menu. #header_middle { margin-right: auto; margin-left: auto; width: 50%; padding: 5px 0 15px 0; 6
8 Javascript-validering af forms Til oprettelse af brugere og indsending af opskrifter bruges HTML formularer til indsamling af data. Input i disse formularer bliver valideret gennem Javascript, både imens brugeren navigerer i formularens felter (inline), og efter de indsender formularen (onsubmit). Onsubmit-validering forhindrer formularen i at sende informationer til databasen, hvis ikke de er indtastet korrekt. I tilfældet af brugeren har overset inline-fejlmeddelser indeni selve formular felter, som fjerner det uønsket data. Som inline-validering kommer der korte fejlmeddelser under de specifikke felter, hvor brugeren prøver at indtaste ugyldig data. Dette vejleder brugeren, hvordan inputs skal indtastes. Eksempler på vores inline-validering: firstname.onblur = function() { if(userregistration.firstname.value.length<2) { document.getelementbyid( error-fname ).innerhtml= For kort fornavn, min. 2 tegn ; document.userregistration.firstname.value= ; document.userregistration.firstname.focus(); else { document.getelementbyid( error-fname ).innerhtml= ; ; ; firstname.onfocus = function () { firstname.value = ; firstname.style.color = black ; 7
9 Piktogrammer Piktogrammer er ikoner, der bliver anvendt mange forskellige steder. Alt fra henvisning til toilettet i lufthavnen til vaskeinstruktionerne i din yndlings skjorte og til navigationen på et website. Piktogrammer er en simpel og intuitiv form for kommunikation. Vi har fået den opgave, at lave en serie piktogrammer, som skal understøtte navigationen. Dette er især nyttigt, når man kigger på navigationen på en mindre skærm, da et piktogram er mere kompakt, og det kan indeholde samme information som tekst. Piktogrammer kan både understøtte tekster, men de kan også erstatte ord og korte forklaringer. Vi har herunder lavet en serie piktogrammer og illustreret, hvordan det eventuelt kunne se ud på en smartphone 1 skærm
10 Test Scenarier Bruger registrering: Godkendt Fejl 9
11 Test Scenarier Opskriftregistrering: Godkendt Fejl 10
12 Test Scenarier Opskrift søgning: 11
13 Konklusion Vi har i opgavens første del vist, hvordan vi vil optimere bloggens brugerinterkationen og brugervenligheden. Ved at læseren har mulighed for at søge og uploade egne opskrifter, bliver bloggens funktionalitet øget og hermed også brugerinteraktionen samt brugervenligheden. For at optimere brugervenligheden yderligere har vi kreeret en serie piktogrammer, der kan understøtte navigationen. I forlængelse af dette har vi gjort siden responsive. Dernæst har vi udviklet et system der således gør det ovennævnte. Her har vi skabt en database der indeholder to tabeller. Ved brug af PHP, MySQL, Javascript og HTML forms har vi skabt fire moduler. Et til brugerregistrering, et til opskriftsregistrering, et modul til visning af bestemte brugeres opskrifter og et hvor de er samlet. Vi kan konkludere, at ved implementering af moduler, kan der i dette opstå nogle tekniske udfordringer, i forhold til sikkerheden. Dette skal forstås på den måde, at vores kompetencer ikke rækker langt nok til at kunne opsætte de rette sikkerhedsforanstaltninger i forhold til når en bruger opretter et ID, således at brugerens oplysninger er sikre og forbliver private. 12
2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING
2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING Baggrund Udgangspunktet er projekt 2, dvs. en blog om cupcakes, hvor målgruppe, afsender og modtager allerede er defineret. Du bliver nu bedt om at udvikle et
Læs mereInteraktionsudvikling
Projektopgave 3: Interaktionsudvikling CPH business, klasse: MulA2013 Projektansvarlige undervisere Thomas Hartmann MereteGeldermann lützen: Projekt produkt url: www.amalieardahl.dk/projekt3/index.html
Læs merewww.rikkecarlsen.com/ cupcakes/index.html
2. semester - 3. projekt Interaktionsudvikling - en fortsættelse af projekt 2 - CUPCAKES Mul B - Cphbusiness - 2014 Link til website: www.rikkecarlsen.com/ cupcakes/index.html Gruppe 7 Camilla Mia Poulsen
Læs mereBesøg: http://graciesphp.creativefolder.dk. Projekt 3 på 2. Semester - MulB
Besøg: http://graciesphp.creativefolder.dk Projekt 3 på 2. Semester - MulB Line K. Brinkmann Rasmus Bundgaard René Andersen Grace Tsatsaris www.linebrinkmann.dk www.rasmusbundgaard.dk www.creativefolder.dk
Læs merePHP Snippets. De små korte. Skrevet af Daniel Pedersen
PHP Snippets De små korte Skrevet af Daniel Pedersen Indhold PHP Snippets De små korte er en samling af små og praktiske kode eksempler med kort forklaring, som med formål at kunne benyttes til opsalgsværk
Læs mereif (mysqli_num_rows($res) > 0) { while ($result = $res->fetch_array(mysqli_assoc)) { "<div class=\"article\">".
isset($_get['id'])) { $id = $mysqli->real_escape_string($_get['id']); $sql = "SELECT * FROM `opskriftreg` WHERE `id` =? LIMIT 1;"; $stmt = $mysqli->prepare($sql); $stmt->bind_param('s', $id); $stmt->execute();
Læs mereIndholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:...
Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... 9 Nogle HTML tags... 9 Databaser og PHP Når vi snakker
Læs mereProcesbeskrivelse - Webprogrammering
Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...
Læs meregrafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
Læs mereThe Design Diaries PHP projekt
The Design Diaries PHP projekt Anna Emely Jensen cph-aj215@cphbusiness.dk www.annaemely.dk Oliver Alexander Vedel Trojhan cph-ot46@cphbusiness.dk www.olivervedeltrojahn.com Link til GoLogo blog http://olivervedeltrojahn.com/project%203%20php/index.php
Læs mereDynamisk hjemmeside: NeuTravel
Dynamisk hjemmeside: NeuTravel Problemformulering I dette projekt ønsker vi at lave en uafhængig hjemmeside til brug af turister, som gerne vil læse neutral information (dvs. information der ikke er farvet
Læs mereSKOLELOGIN KNANPU1 FULDE NAVN ANAN PUSKAR EMAIL ANAN-1991@HOTMAIL.COM URL TIL LØSNING HTTP://WWW.ANANP.DK/SURVEY URL TIL PORTFOLIO
SKOLELOGIN KNANPU1 FULDE NAVN ANAN PUSKAR EMAIL ANAN-1991@HOTMAIL.COM URL TIL LØSNING HTTP://WWW.ANANP.DK/SURVEY URL TIL PORTFOLIO HTTP://WWW.ANANP.DK/PORTFOLIO Opgavebeskrivelse Jeg er ansat hos firmaet
Læs mereCarlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html
Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3
Læs mereGRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres
Læs mereDenne rapport er skrevet af:
Rapport til Kajakklubben Rapport til Kajakklubben Generelt: Frontend: Backend Admin: Backend instruktør sign up: Backend medlem sign up: Database: Oprettelse af database og SQL sætning: Konklusion: Bilag:
Læs mereRatingsystem i PHP og MySQL
Denne guide er oprindeligt udgivet på Eksperten.dk Ratingsystem i PHP og MySQL Lær at lave et system til at vise rating/bedømmelse på artikler og nyheder. Skrevet den 03. Feb 2009 af virtual1ty I kategorien
Læs mereThe Design Diaries. Link til blog
The Design Diaries Link til blog www.alexklug.dk/blog/index.php Alexander Nicholas Klug Rasmussen cph-ar162@cphbusiness.dk www.alexklug.dk Melissa Pietrykoski cph-mp328@cphbusiness.dk www.melissapietrykoski.dk
Læs mereHTML, PHP, SQL, webserver, hvad er hvad??
Dagens menu HTML og PHP: Baglæs fra output til input PHP: Variable, strenge og arrays Funktioner, oprettelse og kald (og variable på tværs af funktioner) echo vs return? if-else konstruktioner MySQL: Hvad
Læs mereThe Design Diaries Project 3 2. Semester. Blog om designprincipper
The Design Diaries Project 3 2. Semester Blog om designprincipper By Lif Neergaard www.lifmediadesign.dk cph-ln175@cphbusiness.dk Mathias Larsen www.nefjam.dk cph-ml414@cphbusiness.dk Ida Christensen www.idamedia.dk
Læs mereGRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY
GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv
Læs mereGæstebog med validering opbygget med MySQL
Denne guide er oprindeligt udgivet på Eksperten.dk Gæstebog med validering opbygget med MySQL Dette er en simpel gæstebog, som kan hjælpe folk med at lave en velfungerende gæstebog uden alt for meget arbejde.
Læs mereHer 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.
Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen
Læs mereGrafisk workflow. Se siden her: www.cormas.dk
Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html
Læs mereDokumentering af umbraco artikeleksport:
Dokumentering af umbraco artikeleksport: Lav en artikel side 2-3. Installationsguide side 3-5. Opsættelse af databasen og web.config side 5-8. Umbraco: templates side 8. Umbraco: borger.dk tab side 8.
Læs mereLoginsystem (med MySQL)
Denne guide er oprindeligt udgivet på Eksperten.dk Loginsystem (med MySQL) Dette er en guide til, hvordan man kan lave et loginsystem med php og muligvis også med sessioner og MySQL Skrevet den 02. Feb
Læs mereIndholdsfortegnelse If-sætningen... 3 Opgaver... 4 OR, AND sammen med if-sætningen... 5 Rand() funktion... 5 Opgave... 5 Include() funktionen...
Modul 2 Indholdsfortegnelse If-sætningen... 3 Opgaver... 4 OR, AND sammen med if-sætningen... 5 Rand() funktion... 5 Opgave... 5 Include() funktionen... 6 Opgave... 6 POST/GET og formular... 6 Opgaver...
Læs mereBrugervejledning til Design Manager Version 1.02
Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1
Læs merePHP 3 UGERS FORLØB PHP, MYSQL & SQL
PHP 3 UGERS FORLØB PHP, MYSQL & SQL Uge 1 & 2 Det basale: Det primære mål efter uge 1 og 2, er at få forståelse for hvordan AMP miljøet fungerer i praksis, og hvordan man bruger PHP kodesproget til at
Læs mereReeksamen, DSDS, forår 2008
Reeksamen, DSDS, forår 2008 Introduktion til Scripting, Databaser og Systemarkitektur Jonas Holbech IT Universitetet i København 22. august 2008 Alle hjælpemidler er tilladte, dog ikke computer og kommunikationsmidler.
Læs mereDesign Diaries.
Design Diaries http://blog.lykkeeilert.dk/ Patricia Gambula Larsen Patrick Lykke Eilert Ninette Andersen cph-pl130@cphbusiness.dk cph-pe58@cphbusiness.dk cph-na96@cphbusiness.dk INDHOLD Use case model
Læs mereTagwall med Php & MySQL
Denne guide er oprindeligt udgivet på Eksperten.dk Tagwall med Php & MySQL Her laver vi en tagwall i Php & MySQL... jeg forklarer dog ikke så meget, men jeg håber du kan få det til at blive til en tagwall
Læs mereBootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN
2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan
Læs mereGå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.
Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende
Læs mereBrugervejledning til. Vejleder
Brugervejledning til Vejleder UDARBEJDET AF DINO BABIC 12. AUGUST 2016 ADGANG TIL LOGBOGEN... 2 MIN PROFIL... 6 ÆNDRING AF KODEORD... 7 KALENDER... 8 KOMPETENCEOVERSIGT... 9 UDDANNELSESLÆGER... 10 KOMPETENCER
Læs mereLog ind med PHP. Denne guide er oprindeligt udgivet på Eksperten.dk. Skrevet den 09. May 2011 af dab93 I kategorien Programmering / Andre
Denne guide er oprindeligt udgivet på Eksperten.dk Log ind med PHP Med denne guide lærer du hvordan du kan logge ind på din hjemmeside med PHP. Guiden viser dig hvordan koderne skal opstilles, og hvad
Læs mereEksamen, DSDS, efterår 2007
Eksamen, DSDS, efterår 2007 Introduktion til Scripting, Databaser og Systemarkitektur Jonas Holbech og Martin Elsman IT Universitetet i København 7. januar 2008 Alle hjælpemidler er tilladte, dog ikke
Læs mereUmbraco installationsvejledning
på et ScanNet ASP Webhotel Indledning Beskrivelse Denne vejledning vil indeholde installation af CMS systemet Umbraco på et ASP Webhotel. Det dansk grundlagt Content Management System (CMS) Umbraco er
Læs mereI mit script tager jeg højde for det problem ved, at gemme et unikt tal mellem 0-9 på 6 cifre og derved vil de så blive vist som 2 online.
Denne guide er oprindeligt udgivet på Eksperten.dk Hvem er online? Online script, som tager højde for at der kan være flere personer, som har den samme IP-adresse. Scriptet viser hvor lang tid brugeren
Læs merePHP kode til hjemmeside menu.
PHP kode til hjemmeside menu. Home Hovedmenu 1 Hovedmenu 2 Hovedmenu 3 Hovedmenu 4 Undermenu 1 Breadcrumb Her vises indholdet af den valgte side Undermenu 2 Undermenu 3 Undermenu 4 Evt. en mulighed for
Læs mereVejledning. Indhold. Side 1
Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade
Læs merePROJEKT 3. The Design Diaries. LINK TIL BLOG: Af Mikkel Borg Svendsen & Sebastian Frank MUL B
PROJEKT 3 The Design Diaries LINK TIL BLOG: http://mbsgraphic.dk/blog/ Af Mikkel Borg Svendsen & Sebastian Frank MUL B 1 INDHOLDS- FORTEGNELSE HVEM ER BLOGGERNE? 3 USE CASE 4 ATTRIBUT TABEL 5 PHP CODE
Læs mereMy Event. Funktioner, en oversigt: Kom i gang: Online tilmeldings system.
My Event Online tilmeldings system. Infusion name: My_Event Ajax baseret, online event system Filename: my_event_readme.html Vejledning til installation og brug Author: Egon Jessen, webmaster@ungsejl.dk
Læs mereMit grafiske workflow inkluderer:
GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være
Læs mereGrafisk produktion & workflow
Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.
Læs mereJayne Alice Jensen cph-jj208@cphbusiness.dk [Link til portfolio]
DATABASE Projekt: Projekt 1, 3. semester Website: http://kostecki.dk/cph/projektdb/ Dato: 08/09/14-21/09/14 Skole: Copenhagen Business Academy Klasse: Multimediedesigner - Mulb Gruppe: MULB1 Undervisere:
Læs mereVejledning til Forum på Foreningens Hjemmeside. Skrevet af Carl Andersen Vemmelev Webdesign
Vejledning til Forum på Foreningens Hjemmeside Skrevet af Carl Andersen Vemmelev Webdesign 1 Anvendelse af vejledning: Vejledningen fortæller hvordan du bruger og formaterer indlæg på Korsør Roklubs Forum.
Læs mereIDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg
Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg 1 Indholdsfortegnelse side nr. 1. Forside. 2. Indholdsfortegnelse og indledning. 3. Problemformulering og afgræsning. 4. Tidsplan projektplan
Læs mereRelease notes Januar 2014
Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører
Læs mereIT projekt uge 4 9. Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013
PHP-Projekt IT projekt uge 4 9 Marie Vinter, Roskilde Tekniske Gymnasium, klasse 2.6 IT, bw, uge 4 9 2013 4-3-2013 Indholdsfortegnelse Indledende afsnit... 2 Brainstorm... 2 User stories... 2 Problemformulering...
Læs mereBegrynder til at lave log ind system
Denne guide er oprindeligt udgivet på Eksperten.dk Begrynder til at lave log ind system Hej Vil jeg gerne lave en lille programmering forklare til hvordan du laver din helt egen lille start på at log ind
Læs mereWORKFLOW & GRAFISK PRODUKTION
Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der
Læs mereGrafisk workflow. Hjemmeside til Bærkompagniet
Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne
Læs mereVejledning til registrering som bruger til EudraCT results
Vejledning til registrering som bruger til EudraCT results 1 Registrering som ny bruger For at indtaste resultater, skal man registreres som bruger i EudraCT databasen: https://eudract.ema.europa.eu/results-web/
Læs mereFormatering af tekst, JCE Editor, Joomla
Formatering af tekst, JCE Editor, Joomla skrevet af Inge Vittrup Paragraph anvender du ved almindelige sætninger. Heading 1 er hovedoverskrift med største skrift. Heading 2 er overskrift til en artikel
Læs mere3. PROJEKT, 2 SEMESTER
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
Læs mereGRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger
GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med
Læs mereELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på
Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er
Læs mereWeb 2.0. World Wide Web (www)
Web 2.0 World Wide Web (www) I marts 1989 skrev Tim Berners-Lee et information udveksling program kaldt ENQUIRE. Da han arbejde i CERN, var han ikke tilfreds med kommunikationen, derfor videreudviklede
Læs mereYouSee Foreningsweb. Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside
YouSee Foreningsweb Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside 1 Indhold Forberedelse af indhold til hjemmeside Opsætning af hjemmeside (CMS) Mobilvenligt design (Responsivt design)
Læs mereA11: Last Year s Exam
A11: Last Year s Exam Agenda Design of Site map and Web- structure (3) Design of data model (1) Design of database transactions (2) Construction of HTML and PHP scripts (3) Exercise 3: Design of Site map
Læs mereGRAFISK WORKFLOW WEBSITE - CHOCOADDICT
GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der
Læs merePassword-beskyttelse af visse filer
W EB DESIGN 101 K ODEORDSBESKYTTELSE A F VISSE FI LER Password-beskyttelse af visse filer P å et websted kan det være interessant kun at give en del af brugerskaren adgang til visse filer. Der er en mængde
Læs merePOST IT! Cph Business Academy Multimediedesign 2. Semester flow april Kirstine Marie Rasmussen cph-
POST IT! Cph Business Academy Multimediedesign 2. Semester flow 3 9. april 2017 Kirstine Marie Rasmussen cph- kr141@cphbusiness.dk Mette Bejder cph- mb458@cphbusiness.dk Link til POST IT http://mbejder.dk/post-
Læs mereGUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING
GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...
Læs mereGrafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed
Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne
Læs mereDokumentation. Karen-Louise Fejerskov
Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,
Læs mereNY IDENTITET TIL SCHWARZ
GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker
Læs mereSabine Puk Sørensen Svendeprøve portfolio
Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede
Læs mereKvik-guide: Sådan opretter du en bruger
Kvik-guide: Sådan opretter du en bruger Denne guide henvender sig til brugere, der er oprettet med en administrator- eller superbrugeradgang, og som har brug for at oprette andre brugere med tilknytning
Læs mereSIDEN PÅ WORDPRESS.COM
WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp
Læs mereADMINISTRATIONS MANUAL
ADMINISTRATIONS MANUAL onmap.dk Administrations Manual Dansk Version 0.1 Side 1 Denne manual beskrive hvordan en race administrator kan opsætte og bruge onmap.dk race protalen til at lave en specialiseret
Læs mereBrugervejledning til www.sundhedspaedagogik.net
Brugervejledning til www.sundhedspaedagogik.net Af Inger Hindhede Kjær (28.02.2013) Indholdsfortegnelse 1 Introduktion til platformen... 2 2 Login processen... 3 2.1 Login på siden... 3 2.2 Sådan logger
Læs mereIndhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16
GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og
Læs mereData lagring. 2. iteration (implement backend)
Data lagring 2. iteration (implement backend) Emner Grundlæggende database begreber. Data definitionskommandoer ER-diagrammer og cardinalitet/relationer mellem tabeller Redundant data og Normalisering
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
Læs mereFoto-Applikation Dokumentation. Et Kod-i-Ferien projekt
Foto-Applikation Dokumentation Et Kod-i-Ferien projekt 1 Indholdsfortegnelse Systemets generelle opsætning... 3 Systemets elementer... 4 iphone applikation... 4 PHP-script... 4 Wordpress-plugin... 4 Website...
Læs mereOrdbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.
Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4
Læs mereIndhold Registrering på forum... 2 Opret Indlæg... 5 Besvar Indlæg... 7 Ændringer af brugerindstillinger... 9 Tips & Tricks... 11
Indhold Registrering på forum... 2 Opret Indlæg... 5 Besvar Indlæg... 7 Ændringer af brugerindstillinger... 9 Tips & Tricks... 11 Registrering på forum Ved første besøg på Abildgaardkredsens forum møder
Læs mereGRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL
GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden
Læs mereWebzoo Joomla Beginners Guide
Webzoo Joomla Beginners Guide Indholdsfortegnelse Joomla Vejledning 2 FTP-opsætning 2 Sektioner, Kategorier og Indhold 3 Sektioner 4 Kategorier 5 Artikler 6 Artikler - Indsæt billede 7 Artikler - Indsæt
Læs mereEksamen, DSDS, forår 2009
Eksamen, DSDS, forår 2009 Introduktion til Scripting, Databaser og Systemarkitektur Jonas Holbech IT Universitetet i København 3. juni 2009 Alle hjælpemidler er tilladte, dog ikke computer og kommunikationsmidler.
Læs mereMedarbejderguide til INNOMATE HR Medarbejderplan. Indhold: Log på MUS. Forberedelse til MUS
Medarbejderguide til INNOMATE HR Medarbejderplan Indhold: 1. Log på 2. MUS 3. Øvrigt om Medarbejderplan 4. Rekruttering behandling af ansøgere Log på Log på www.medarbejderplan.dk med: Bruger ID: initialer
Læs mereIndhold Login flexsignage... 1 Rediger eksisterende layout... 1 Oprette et layout - template... 1 Oprette et layout tomt... 2 Designe layout...
Indhold Login flexsignage... 1 Rediger eksisterende layout... 1 Oprette et layout - template... 1 Oprette et layout tomt... 2 Designe layout... 3 Indstillinger... 3 Regionens menu... 4 Regioner... 4 Regionsindhold/medietype...
Læs mereDette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2.
1 SUMOshop Backend v3 Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. Backend v3 er primært en visuel opdatering i et mere rent og moderne design. Hertil er der en række helt
Læs mereGenerel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do
Generel information Dette dokument er en brugsanvisning for hjemmesidens back-end brugere, med information om hvordan man logger ind og hvordan man arbejder med hjemmesiden/hjemmesidens funktioner samt
Læs mereYouSee Foreningsweb. Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside
YouSee Foreningsweb Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside 1 Indhold Forberedelse af indhold til hjemmeside Opsætning af hjemmeside (CMS) Mobilvenligt design (Responsivt design)
Læs mereLederguide INNOMATE HR - Oplæg. Log på Log på https://www.innomate.com/innomate/oceanteam/default.aspx med: MUS
Lederguide INNOMATE HR - Oplæg Log på Log på https://www.innomate.com/innomate/oceanteam/default.aspx med: Bruger ID: personalenummer Password: (eget password) INNOMATE HR er et Internetbaseret system,
Læs mereI denne arktikle går jeg gennem Slet, Ret og Opret data i en MySQL database. der er også en lille del i den hvor den postere datanen ud i en løkke
Denne guide er oprindeligt udgivet på Eksperten.dk MySQL for nybegynder I denne arktikle går jeg gennem Slet, Ret og Opret data i en MySQL database. der er også en lille del i den hvor den postere datanen
Læs mereMANUAL. Siteloom CMS
MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...
Læs mereBrugermanual SIF (33069-04) Side 1/28. Godkendt af: Dato: Dokumentnr.: 077.024.214 Projekt: SIF (33069-04)
Side 1/28 Brugermanual SIF (33069-04) Godkendt af: Dato: Side 3/28 INDHOLDSFORTEGNELSE 1 INDLEDNING... 4 1.1 Fangster, sporbare enheder og salg... 4 2 GENEREL NAVIGERING... 4 2.1 Login... 4 2.2 Log ud...
Læs mereWebTV. Vejledning til WebTV på web. Vejledningen beskriver upload og deling af videoer på WebTV
WebTV Vejledning til WebTV på web Vejledningen beskriver upload og deling af videoer på WebTV ITS 24-11-2015 WebTV Vejledning til WebTV på web Indholdsfortegnelse WebTV... 2 Login... 2 Navigation... 3
Læs mereGRAFISK WORKFLOW - RESPONSIV WEBSIDE
GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med
Læs mere5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.
GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet
Læs mereLav en hjemme side der kan sælge fly billetter til en stor i Europa.
EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal
Læs mereVelkommen til MODx kursus
Velkommen til MODx kursus Dette er en gennemgang af den mest basale funktionalitet i vores nye hjemmeside redigerings værktøj. MODx er et meget simpelt CMS (Content Management System), der gør det muligt
Læs mereGrafisk produktionsforståelse
04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere
Læs mereVejledning til Blackboards portfolio værktøj
Vejledning til Blackboards portfolio værktøj Brug denne vejledning, når du skal udarbejde din undervisningsportfolio i Blackboards portfolio værktøj. Ved at følge alle trinene nedenfor får du udarbejdet
Læs mere