Procesbeskrivelse - Webprogrammering
|
|
- Cecilie Steensen
- 8 år siden
- Visninger:
Transkript
1 Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side... 4 Responsive webdesign... 4 Validering... 5 Situationsbestemt styling... 5 Forudsætninger Hjemmesiden udnytter følgende teknologier: - PHP - Javascript - jquery - Ajax - HTML - CSS PHP håndteres på serveren, og det er derfor ikke nødvendigt for brugeren at tage stilling til dette. Resten af sprogene bliver kørt i browseren, og det er derfor nødvendigt for brugeren bruge en browser, der understøtter sprogene. Alle browsersprogene understøttes i nyere webbrowsere. Ældre versioner af browsere understøtter formentlig ikke fx Ajax. Hjemmesiden er udviklet ved brug af Google Chrome og WampServer 2.4 og testet i Google Chrome version 39. Hjemmesiden er lagt ud på mattwebservice.dk, men det er desværre ikke muligt at bruge Internet Explorer, da der sker et eller andet, som gør at PHP-scripts til forbindelse med databasen, ikke fungerer korrekt. Det virker i Google Chrome. Side 1 af 5
2 Konceptet Hele idéen med hjemmesiden er, at brugere kan håndtere deres ønskesedler nemt og overskueligt og dele dem med andre. Et scenarie kan være, at en bruger har fødselsdag, og vil gerne dele sin ønskeseddel med familie og venner. Der oprettes en fødselsdagsønskeseddel der kunne hedder Fødselsdag 2015, hvor der kan tilføjes ønsker. Ønskesedlen deles med de familiemedlemmer og venner, der skal have den, og modtagerne kan derefter gå ind på ønskesedlen og afmærke det ønske, som vedkommende opfylder med en gave. De andre modtagere af ønskesedlen kan se, at der allerede er en anden, der giver denne gave og kan i stedet vælge noget andet. Der kunne fx logges ind med Facebook login for på forhånd at have en liste over familie og venner, og modtagerne har derfor også selv et login til at se ønskesedlen med det samme. En vision er at bruge noget lignende Open Product Data, der er en database over alle kommercialiserede produkter i verden. Databasen er stadig under udvikling, men der er gode udsigter, da det er et projekt, der er bakket op af store virksomheder og regeringer i Europa og resten af verden. Når der skal tilføjes et ønske til ønskesedlen skal det kunne vælges fra databasen over alle produkter i verden, og når en modtager kigger på ønskesedlen, vil det være muligt at se hvor produktet kan købes, hvad prisen er, om det er på lager hos udbyderen osv. Ønskeseddelapplikationen vil indsamle data om brugernes ønsker, og statistik kan sælges til virksomheder om deres produkter. Dette vil være det bærende element for virksomhederne og deres årsag til at skulle være med, og gøre noget ud af at have deres produkter opdaterede osv. Hjemmesiden På nuværende tidspunkt, ved udførelsen af dette dokument, er hjemmesiden ikke lavet som beskrevet ovenfor. Det var blot visionen. Det er en kompleks opgave, der kræver at virksomhederne også er med til udviklingen, så deres produkter vises korrekt og altid er opdaterede. Open Product Data er tænkt som det element, der kan bringe dette til applikationen, så ønskeseddelapplikationen kan udvikles uafhængigt at virksomhederne til en vis grad. Først og fremmeste har hjemmesiden en login funktion. Det er ikke muligt at lave nyere brugere eller redigere eksisterende brugere. Det kan kun logges ind. Der er lavet to brugernavne på forhånd, og der kan nemt laves flere, når der er direkte adgang til databasen. Det er meget muligt, at det til eksamen vil være muligt at oprette nye brugere. Brugernavn: Matthias Kodeord: Andersen Ovenstående kan bruges til at logge ind på hjemmesiden indtil eksamen. Når der er logget ind kan brugerens ønskesedler ses. Der vises en liste over brugerens ønskesedler, som er genereret i wishlists-list.php, der er en widget. Side 2 af 5
3 Der vælges en ønskeseddel og en liste af alle ønske i den pågældende ønskeseddel vises. Denne er genereret i products-list.php, der også er en widget. Alt efter hvilken type ønskeseddel der er valgt, bliver temaet lavet om, så det passer til ønskesedlen. Til højre vises ønskesedlen Christmas 2015, hvor baggrunden bliver lavet om. Det er muligt at redigere eller slette hvert ønske, eller tilføje et nyt ønske. Brugeren har mulighed for Create, Read, Update og Delete (CRUD), som er de fire typer rettigheder der er mulige. En modtager af ønskesedlen har naturligvis kun Read rettigheder, og brugere, som ikke er modtagere af ønskesedlen, har ingen af delene. Server-side Filstrukturen Filstrukturen på serveren er bygget op med visse regler for at gøre det mere overskueligt, og for at sikre at filer håndteres på en bestemt måde alt efter deres ansvar. Herunder nævnes filstrukturen fra roden, og der beskrives hvilket ansvar de har og hvordan de kan håndteres. Root Roden er det yderste af filstrukturen. Her ligger alle sider, som brugeren kan komme hen på. Disse filer trækker på alle andre filer for at blive opbygget, og indeholder kun i nogle tilfælde sin egen funktionalitet. Dette er gjort for at kunne trække på de ressourcer, der bliver opbygget på hjemmesiden, som widgets, PHP-scripts osv. /Include Include indeholder stumper af hjemmesiden, som dokumenterne i roden kan genbruge. Dette gælder bl.a. header, head og footer, som bruges af alle sider. Include-filerne har sin egen PHP og JavaScript, og kan også være defineret på baggrund af PHP-scripts ved siden af. Det vigtige ved disse filers indhold er, at den ikke kan stå alene. Den bliver nødt til at være inkluderet. Stier i disse filer er også skrevet på baggrund af, at de er i roden, da de skal inkluderes. /php I denne mappe gemmes alle de filer, der ikke har til formål at vise noget på skærmen, men udelukkende laver en handling, der forbinder til databasen, eller indeholder nogle oplysninger, som bruger ikke skal have adgang til. Brugerne har ikke i forvejen adgang til serveren og dens indhold, men specifikke rettigheder kan tildeles denne mappe for at opnå størst sikkerhed. Dette gælder fx når der er flere brugere, der får adgang til serveren. /php/widgets Her ligger dokumenter, der fungerer som sit eget element på hjemmesiden. Det er lidt misvisende, at denne ligger i php-mappen. Side 3 af 5
4 Widgets er stumper af html, PHP og JavaScript, der viser en selvstændig blok på hjemmesiden, som kunne være en liste over brugerens ønsker for en bestemt ønskeseddel, eller en liste over ønskesedler for en bruger. Dette kan til eksamen også være en liste over alle ønskesedler i databasen, så alle brugere kan se alle andre brugeres ønsker. Denne rettighed skal gælde indtil der kommer styring på, at kun bestemte brugere kan se bestemte ønskesedler fra andre brugere. /media Denne mappe indeholder billeder. Mappen er nødt til at ligge i roden, da stylesheets linker relativt til billederne. /stylesheet Denne mappe indeholder stylesheets. Der er kun ét stylesheet på den simple hjemmeside, der er lavet. /stylesheet/wishlist-themes Her ligger specifikke stylesheets, der knytter sig til temaer på ønskesedlerne. De ændrer ikke meget, men de gør, at der er forskel på hver eneste type af ønskeseddel. Der er tre typer ønskesedler: Fødselsdag, Jul og Bryllup. Baggrundsbilledet på content-vinduet bliver lavet om alt efter hvilken det er. Dette beskrives senere. Databasehåndtering og serverforbindelse Hver handling i databasen har sit eget php-script, de håndtere den forbindelse, der er til databasen og udfører den enkelte handling. Et PHP-script ved navn dbconfig.php indeholder oplysningerne til databasen. Nogle globale variable om brugernavn, password, databasenavn og host defineres i dette script på baggrund af om PHP-handlinger er usynlige for brugeren, da koden eksekveres af serveren. Dette sikrer, at der ikke er nogen brugere eller hackere, der har tilgang til sikkerhedsmæssige kritiske oplysninger. Derudover findes global.php, der indeholder nogle globale variable for alle sider. Alle sider kan inkludere dette script og gøre brug af de variable, der er defineret. På nuværende tidspunkt bliver scriptet kun brugt til at indeholde stien til ROOT, da den ikke er ens på mattwebservice.dk og på den lokale Wamp server. På den måde skal der ikke laves noget om, når filer uploades til mattwebservice.dk, da stierne bliver ændret ift. hvem hosten er. Client-side Responsive webdesign For at lave den bedst optimerede hjemmeside, der også er læsevenlig på mobiltelefoner og tablets, gøres den responsive. Dette betyder blot, at hjemmesiden passer til flere skærmstørrelser. Der er mange måder at opnå dette på. Min favorit er at bruge min-width og max-width i CSS til at styre hvad minimum og maksimum på bredden af forskellige elementer må være. Det vigtigste er, at width ikke defineres, da dette vil være en statisk værdi. Hvis minimum og maksimum defineres vil browseren håndtere hvordan hjemmesiden skal læses på baggrund af skærmstørrelsen. Der findes flere metoder til at styre hjemmesiden, når denne metode bruges. I CSS er det muligt at indsætte if-statements med skærmbredden som variabel. Dette er ikke en udvidet form for CSS, men er Side 4 af 5
5 standard, og det tolkes af alle nye browsere. Det bruges desværre ikke på denne hjemmeside, men det er en rigtig god metode, hvis fx, der ønskes forskellige logostørrelse o. lign., som man ikke ønsker, at browseren skal styre. Så kan der ved forskellige skærmbredde defineres en størrelse på logoet. Validering Validering af brugerinput sker ikke kun på klientsiden, men også på serversiden. Dette er vigtigt, da der ellers ville opstå alvorlige fejl under brugen af hjemmesiden. Validering i browseren vha. JavaScript eller jquery kan manipuleres af brugeren via browseren, og det er derfor nødvendigt at have validering begge steder. Brugernavn og password må kun være henholdsvis 20 og 30 karakterer lange ifl. databasen. Dog bliver dette aldrig kontrolleret, da det på nuværende tidspunkt ikke er muligt at oprette brugere. Til gengæld bliver der kontrolleret om tilføjede ønsker ikke indeholder flere end 40 karakterer. Situationsbestemt styling Når en ønskeseddel åbnes bliver baggrunden lavet om, så den matcher det tema, som ønskesedlen har. Hver ønskeseddel har i databasen en type, og på baggrund af denne bliver baggrundsbilledet lavet om. Der bliver tilføjet et nyt stylesheet til hjemmesiden, hvor baggrundsbilledet i content-vinduet defineres. Side 5 af 5
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.
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 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 mereKODNING AF RESPONSIV DESIGN
Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte
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 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 merePHP Quick Teknisk Ordbog
PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,
Læs mereVejledning til brug af Y s Men s klubintranet administrator guide
Vejledning til brug af Y s Men s klubintranet administrator guide Systemet tilbyder klubberne i Y s Men Danmark at have et sted hvor de kan dele filer f.eks. Word, pdf, billeder mv. mellem de medlemmer
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 mereGuide til Danskmadogfestservice.dk (the back end)
Guide til Danskmadogfestservice.dk (the back end) Indhold Login... 2 Opdateringer... 4 Medier... 5 Sider... 6 Kontakt... 7 Newsletter... 9 Wocommerce... 10 Udseende... 11 Bruger... 13 Super Snow... 13
Læs mere2. 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 mereGrundlæggende: Dokumentboks virker i alle Browsere (internetprogrammer). Dokumentboks virker ikke på tablets herunder Ipads eller mobiltelefon.
5.0 Dokumentboks Dokumentboksen giver landsbestyrelse, lokalafdelinger og distrikter mulighed for at uploade dokumenter til Ældre Sagens server. Alle frivilliggrupper der har adgang til dokumentboksen
Læs mereInstallation af WeroShop 2.8
2013 Installation af WeroShop 2.8 Tommy Westerdahl Christensen Wero Electronics 01-01-2013 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...
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 mereWORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly
WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop
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 mereGRAFISK WORKFLOW. 1 Grafisk workflow
GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet
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 mereBRUGERVEJLEDNING TYPO3 CMS Nyhedsbrev modul
BRUGERVEJLEDNING TYPO3 CMS Nyhedsbrev modul TYPO3 CMS Ext:direct_mail Side 1 Indhold Tilmeldings / Afmeldings processen... 2 Manuel tilføjelse af e-mail adresser... 3 Oprettelse af nyhedsbreve... 4 Udsendelse
Læs mereQuickguide til Admincontrol
Quickguide til Admincontrol Kære kongresdelegerede I denne lille folder, kan du få et par tips til, hvordan du kan bruge Admincontrol til din kongresforberedelse. Systemet kan bruge både via PC eller en
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 mereSe hjemmesiden på:
Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed
Læs mereGRAFISK WORKFLOW. Kasper Staal - Portfolio - H2
GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer
Læs mereportfolio GRAFISK WORKFLOW
Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og
Læs mereInstallation af WeroShop 2.4 S
2012 Installation af WeroShop 2.4 S Tommy Westerdahl Christensen Wero Electronics 23-02-2012 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...
Læs mereOpgavebeskrivelse. Opgaveløsningen
Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet
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 mereServersideprogrammering, CMS og eshop. Dag 1: Introduktion og serverside programmering Niels Østergaard
Serversideprogrammering, CMS og eshop Dag 1: Introduktion og serverside programmering Niels Østergaard Dagens program Introduktion til forløbet Begrebet serverside Introduktion til PHP-programmering Tilmelding
Læs mereOpenTele datamonitoreringsplatform
OpenTele datamonitoreringsplatform Brugergrænsefladedokumentation 1. maj 2013 Indholdsfortegnelse Indholdsfortegnelse...2 Indledning...3 Brugergrænseflade for OpenTele-server...3 Administrationsfunktionalitet...3
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 mereTillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m.
Tillæg til Libris-hæftet: WordPress Temaredigering og sikkerhed m.m. 1. Temaopbygning og -redigering I det trykte hæfte gennemgår jeg, hvordan du installerer temaer i WordPress. Der findes tusindvis af
Læs mereHVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7
JonLitle.dk HVAD ER WORDPRESS 2 HVORDAN LOGGES IND 3 HVORDAN NAVIGERES DER 4 HVORDAN SKRIVES EN SIMPEL NYHED 5 AVANCEREDE NYHEDER 6 HVORDAN RETTES EN NYHED 7 PROFIL 7 KOMMENTARER 7 Hvad er Wordpress Wordpress
Læs mereGuide til brug af Servisto Studio
Guide til brug af Servisto Studio 1. Gå til www.servisto.dk/log-in hvor det er muligt at downloade grafik-styringsprogrammet Servisto Studio. Programmet vil ligeledes installere Adobe Air. Alternativt
Læs mereSelvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305.
Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305. 1 Kommunikationsplan: Kommunikationsmål, afsender og genre Hvad ønsker afsender at opnå med webstedet?: Afsender ønsker at have en mad
Læs mereDigital skriftlig aflevering med Lectio Censormodul Stedprøver installationsvejledning
Digital skriftlig aflevering med Lectio Censormodul Stedprøver installationsvejledning 1. Lokalt installeret afleveringsprogram til stedprøver... 2 2. Systemkrav... 3 3. Netværksopsætning... 4 4. Installation
Læs mereMiniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk
Miniguide for redaktører Miniguide for redaktører Leveret af DFF-EDB.dk 1 INDHOLD Hjemmesider i Umbraco... 2 1. Kom i gang med Umbraco... 2 1.1 Login... 2 1.2. Når du arbejder på siden, inden den er udgivet...
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 mereBruger v1.0 QUICK GUIDE. Green Glass Software V/ Dan Feld-Jakobsen Lojovej Aabenraa /
Bruger v1.0 QUICK GUIDE Green Glass Software V/ Dan Feld-Jakobsen Lojovej 1 6200 Aabenraa 51 92 83 58 / dan@greenglass.dk INTRODUKTION TIL REKVI-KONTOR Ideen med Rekvi-Kontor systemet udsprang fra et behov
Læs mereI denne vejledning kan du se hvordan du opretter et møde med tilmelding. Som eksempel bliver der oprettet et arrangement Gruppetur 2014
Hvordan opretter du et møde med tilmelding I denne vejledning kan du se hvordan du opretter et møde med tilmelding. Som eksempel bliver der oprettet et arrangement Gruppetur 2014 Vi ved at arrangementet
Læs mereSådan installeres og teste WordPress på en lokal server
Sådan installeres og teste WordPress på en lokal server Det gratis WordPress blog værktøj er vokset gennem årene til et fuldgyldigt CMS-system content management system). WordPress har forenklet processen
Læs mereInstallation af Wordpress
Kræver et webhotel der kører PHP og database (MySQL) Installation af Wordpress Wordpress-grund-programmet downloades fra WordPress.org det er gratis Fra webhotellet skal man have 4 informationer som skal
Læs mereArkitektur for begyndere
Denne guide er oprindeligt udgivet på Eksperten.dk Arkitektur for begyndere Denne artikel beskriver forskellige basale n-tier arkitekturer. Som man bør kende og have valgt inden man går igang med at udvikle
Læs mereOpenTele datamonitoreringsplatform
OpenTele datamonitoreringsplatform Brugergrænsefladedokumentation 09. marts 2015 Indholdsfortegnelse Indholdsfortegnelse Brugergrænseflade for OpenTele-server Administrationsfunktionalitet Skemaer Skemagrupper
Læs mereGuide til IT-afdelingen: Test af DANBIO6 Kiosksystem
Guide til IT-afdelingen: Test af DANBIO6 Kiosksystem Indholdsfortegnelse 1. Teknisk opsætning af DANBIO Kiosk 3 2. Test af DANBIO Kiosk 4 3. Baggrund - Hvad er DANBIO? 7 3.1. Kort beskrivelse af flowet
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 mereGuide for oprettelse af login og anvendelse af Parrot Asteroid Market (Asteroid Smart og Asteroid Tablet).
Før du kan downloade og installere applikationer på din Parrot Asteroid enhed, så skal du oprette et login til Parrot Asteroid Market, som gøres nemmest fra en computer. Bemærk at denne guide er lavet
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 mereGrafisk Workflow. Website til European Blues Challenge
Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde
Læs mereBRUGER KURSUS RAMBØLL HJEMMESIDE
Til Forsyningsvirksomheder i Danmark Dokumenttype Brugervejledning Rambøll Hjemmeside Full Responsive Dato Oktober 2017 BRUGER KURSUS RAMBØLL HJEMMESIDE BRUGER KURSUS RAMBØLL HJEMMESIDE Revision 01 Dato
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 mereLog ind i administrationspanelet
Kongsgaarden Vester Broby CMS baseret på WordPress Log ind i administrationspanelet... 1 Begreber og visualisering (skabelonen Standard)... 2 Begreber og visualisering (skabelonen Full width)... 2 Sidebars...
Læs mereTrimbleConnect. Vejledning til personal version. Geoteam A/S Energivej Ballerup
TrimbleConnect Vejledning til personal version Geoteam A/S Energivej 34 2750 Ballerup 7733 2233 support@geoteam.dk www.geoteam.dk 11. januar 2018 Trimble Connect er en ny udgave af TCC, tilgængelig fra
Læs mereRedaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel
Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger
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 denne artikel vil jeg gennemgå hvordan en side for RSS "Live Bogmærke" kan se ud.
Denne guide er oprindeligt udgivet på Eksperten.dk RSS "Live Bogmærke" I denne artikel vil jeg gennemgå hvordan en side for RSS "Live Bogmærke" kan se ud. Skrevet den 10. Feb 2009 af madsass I kategorien
Læs mereGRAFISK WORKFLOW H1 MARIA SCHELDE
GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal 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 mereGuide til brug af Servisto Studio
Guide til brug af Servisto Studio 1. Gå til https://servisto.dk/login/ hvor det er muligt at downloade grafik-styringsprogrammet Servisto Studio. Programmet vil ligeledes installere Adobe Air. Alternativt
Læs mereManual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave
Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Til Tutorlægen Velkommen til den elektroniske portefølje. Den er blevet til i dialog mellem Dansk selskab for almen medicin og
Læs mereRedaktørmanual TYPO3 Version 6.2
Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt
Læs mereSådan bruger du Google Drev
Sådan bruger du Google Drev Start med at gå ind på www.google.dk. Øverst til højre kan du logge ind hvis du ikke allerede er det. De fleste har en Google konto af en eller anden art, Gmail, Youtube, Google
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 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 mereGRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05
Læs mereAU Webshop brugeradministration
AU Webshop brugeradministration 15.07.2010 / pch Indhold Formål... 1 Adgang... 1 Roller og rettigheder... 2 Brugeroversigt... 3 Oprettelse af en ny AU Webshop bruger... 5 Ændring af stamoplysninger for
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 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 mereFronter for elever - Første undervisning
Fronter for elever - Første undervisning Fronter for elever - Første undervisning 1 Kom godt i gang 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 0) Nulstille unilogin i UMS - (Elev) 4 1) Logge på Fronter
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 mereTweet dine råd - Og gør dem levende med Vine og Instagram
Tweet dine råd - Og gør dem levende med Vine og Instagram 1... 2... Indhold Twitter Opret Twitter Indstillinger og Twitter Skriv en Tweet Brug af Twitter Brug af flere Twitter konti Vine Opret Vine Optag
Læs mereBrugermanual for opdatering af Touch and Play i CMS-systemet
Brugermanual for opdatering af Touch and Play i CMS-systemet Applikator Bugattivej 8 7100 Vejle Danmark Telefon: +45 22 85 18 60 E-mail: info@applikator.dk 1 Indhold CMS... 2 LOG ON til CMS... 2 Opret
Læs mereRuko SmartAir. Updater installation
Ruko SmartAir Updater installation Introduktion. Updateren er en speciel enhed som giver os mulighed for at tilføje, læse og skrive funktioner i en offline installation. Med læse og skrive funktionen kan
Læs mereGrafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...
Grafik Workflow....2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...7 Kommende sitemap...7 Mockup...8 Opsætning... 10 Programmer
Læs mereDen digitale Underviser. Clouds. Dropbox
Den digitale Underviser Clouds Dropbox Indhold Indhold... 1 Dropbox... 1 Installer Dropbox... 2 Åbn Dropbox fra egen computer... 2 Åbn Dropbox fra en anden computer... 3 Lagre filer i Dropbox (offline
Læs mereBrugermanual til Assignment hand in
Brugermanual til Assignment hand in Indhold: Undervisere:...2 Hvor finder jeg Assignment hand in?...2 Opret en opgave...4 Slet en opgave...5 Rediger en opgave...5 Hvor finder jeg de afleverede filer?...5
Læs mereGRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016
GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016 grafisk WORKFLOW // DOKUMENTATION opgaven // Jeg har i min opgave lavet et responsive onepage website for et årlig event kaldet Dirt
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 mereGem dine dokumenter i BON s Content Management System (CMS)
24. august 2007 Gem dine dokumenter i BON s Content Management System (CMS) INDHOLDSFORTEGNELSE 1. Indledning... 2 2. Se indholdet i dit Content Management System... 3 3. Tilgå dokumenterne i My Content
Læs mereGuds Fred Grafisk produktionsforståelse
Guds Fred Grafisk produktionsforståelse Jeg skulle lave hjemmeside og logo for Guds Fred, som er et musikalsk projekt af Thomas Kallehave. 35 Idegenerering Udtryk og symbolik Efter at jeg havde aftalt
Læs mereGrafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling.
Grafisk w o rk f l ow jemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Deres vision er at skabe enkle og inspirerende
Læs mereNaja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse
Interessentanalyse Jeg fik til opgave at skulle lave en ny studieweb som er min egen personlige side. Min studieweb skal bruges til lidt information og så vil jeg løbende igennem de to år jeg har igen
Læs mereIndledning. MIO er optimeret til Internet Explorer. Læs endvidere under Ofte stillede spørgsmål.
Indhold Indledning... 3 Søgefunktioner... 4 Søgning fra forsiden... 5 Søgning under menupunktet Instrument... 6 Sådan får man vist instrumenterne i en bestemt afdeling... 7 Sådan ændrer man status på et
Læs mereWebsite sikkerhed SQL Injections og mere...
... Skrevet af Daniel Pedersen 1 Introduktion Sikkerheden i dag skal være i top, der er rigtig mange små hurtige og nemme metoder til at få adgang til ens hjemmeside. Mange er ikke ældre end 14 år, og
Læs mereFå din hjemmeside på internettet
DEL DIN FÆRDIGE HJEMMESIDE MED HELE VERDEN: Afsnit 03 Dette nummer: Få din hjemmeside gjort færdig og læg den på nettet. Få din hjemmeside på internettet Når du er tilfreds med din hjemmeside, skal den
Læs mereKom godt i gang. Sitecore Foundry maj Version 1.1
Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...
Læs mereManual til administration af online booking
2016 Manual til administration af online booking ShopBook Online Med forklaring og eksempler på hvordan man konfigurerer og overvåger online booking. www.obels.dk 1 Introduktion... 4 1.1 Formål... 4 1.2
Læs mereManual til Groupcare: Indhold, formål og brug
Manual til Groupcare: Indhold, formål og brug Indledning Groupcare er en elektronisk, internetbaseret kommunikationsform som vi bruger i forbindelse med din DOL-uddannelse. Grundlæggende set er Groupcare
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 mereBirgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE
Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164
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 mereKenn Römer-Bruhn. WordPress. - gør dig synlig på nettet
Kenn Römer-Bruhn WordPress - gør dig synlig på nettet version 1.3 2. september 2013 Lidt om hvem Kenn er Arbejdsområder i dag: Forfatter, skribent, redaktør, forlægger, fotojournalist, blogger, grafisk
Læs merevorbasse.dk Redaktørmanual Kentaur
Redaktørmanual Kentaur Indholdsfortegnelse Kapitel 1 - TYPO3 Brugerfladen 3 Log ind 3 Backend 4 Frontend 5 Hvor skal jeg klikke? 5 Gem, gem og vis, gem og luk 6 Kapitel 2 - Sider & menuer 7 Sammenhæng
Læs mereDansk Ride Forbund Stævnesystem 2 Installationsvejledning
Dansk Ride Forbund Stævnesystem 2 Installationsvejledning Redigeret Marts 2009 DANSK RIDE FORBUND Stævnesystem 2 Installationsvejledning Side 1 af 19 Indholdsfortegnelse: 1. Minimumskrav 3 2. Download
Læs mereTeknisk opbygning af Min Bolig app
Teknisk opbygning af Min Bolig app 1 Setup Løsningen består af en HTML5 baseret hybrid applikation, en REST API og et administrationspanel. Løsningen benytter sig af Apache Cordova frameworket, som ud
Læs mereVelkommen til OPEN Storage
Velkommen til OPEN Storage Version: 1.3 Seneste opdatering: 03-10-2018 Udarbejdet af: Harald Hammershøi INDHOLDSFORTEGNELSE Brugervejledning side 2 Introduktion til OPENs Storage tilbud... 3 Forskellen
Læs mereDansk manual for app en Safety Observer
Dansk manual for app en Safety Observer Version 1.21 (26-11-2017) x. Header 1 Indhold 1. Om app en Safety Observer (A+B) 2. Opret din egen virksomhedskonto (A) 3. Aktiveringskoder (A) 4. Download app en
Læs mereIndhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17
1. udgave 2012 Udgivet af Softworld Kurser A/S Kopiering samt gengivelse af indholdet er ikke tilladt, medmindre der er givet skriftlig tilladelse herom. Copyright Softworld Kurser A/S Forfatter: Martin
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 mere