PROOF of CONCEPT. Technical justification + Design. Martijn Muit - Digital Publisching Semester 4
|
|
- Brecht Coppens
- 5 jaren geleden
- Aantal bezoeken:
Transcriptie
1 PROOF of CONCEPT & Technical justification + Design Martijn Muit - Digital Publisching Semester 4
2 BIOGRAFIE Inspiratie Ik ben als eerst rond gaan zoeken naar verschillende technieken. Hierbij kwam ik tot vele technieken uit waarvan ik snel een idee krijg wat voor soort iets ik wilde gaan maken. Ik wil een webbased product gaan maken. De bedoeling hierbij is dat je door een tijdlijn scrollt. Dit is verdeeld in hoofdstukken. De stijl waarin ik dit ga doen kun je hieronder zien: Stijl Ik wil deze stijl gebruiken voor meerdere redenen. Ten eerste kun je hierop makkelijk animeren. Ten tweede vind ik deze stijl gaaf eruit zien. Het lijkt me ook wel een uitdaging om zoiets te maken in het onderwerp dat ik heb gekozen voor mijn biografie. Zoiets heb ik nog niet eerder gemaakt. Onderwerp en hoe Als biografie wil ik iets anders pakken dan normaal. Ik zat te denken om een serie te pakken bijvoorbeeld Game of Thrones en die als flat design uit te werken. Hieraan allemaal animaties toevoegen door middel van bijvoorbeeld bodymovin of anime.js. Hierbij maak ik een tijdlijn van de serie, per seizoen. Voorbeeld hoe je flat design kan animeren:
3 TECHNIEKEN V1 Three.Js Three.js is een javascript library die gebruikt wordt om 3D computer graphics te animeren in de webbrowser. Het wordt ondersteund door WebGL. Ik heb dit type javascript library al een keer gebruikt tijdens semester 3 voor de vrije projecten weken. Hierbij heb ik een zonnestelsel gemaakt (bewegend). Hieronder kun je de link zien van dit product: Ik ben niet van plan om mijn biografie te maken door middel van Three.js. Dit omdat ik er al ooit mee heb gewerkt en liever een nieuwe soort library wil gaan proberen/oefenen. Anime.js Anime.js is een animatie library. Er wordt geprogrammeerd via javascript/html. Ik had dit type library nog niet eerder gezien dus ik vind het wel interresant om het te gaan gebruiken. De nadruk zit hier vooral op soepele bewegingen met vormpjes en morph effecten. Het sterke van Anime zit zich vooral in het scherpe/snelle/smooth effecten. Ik heb daarnaast naar voorbeelden gezocht, hierbij kwam ik op een smooth transition die geloopt is die ik nodig heb. Magic Animations Dit is ook een animatie library. Het heeft veel verschillende animaties, waarvan er vele vrij uniek zijn. Daarnaast kun je dit gemakkelijk implementeren door het CSS bestand te importeren. Deze korte animaties zou ik kunnen gebruiken voor bijvoorbeeld een button, hover en/of click. Bodymovin Tijdens de vorige Digital Publishing proftaak, waren we aan de slag gegaan met een script genaamd Bodymovin. Hiermee konden wij in after effects animaties maken en daarna exporteren als javascript files. In die files kon je dan ook nog alles aanpassen. Stel jij hovert ergens overheen dan komt die animatie die jjij hebt gemaakt in aftereffects. Daarnaast kun je de kleur of iets anders gemakkelijk aanpassen in de files. Ook al heb ik bodymovin ooit eerder gebruikt wil ik er nog meer ervaring in op doen. Ik kan er meer mee doen dan dat ik de vorige keer had gedaan en het past goed bij mijn type biografie. Sigil Epub Sigil is een gratis editing software voor e-books. Hierin gebruik je voornamelijk html en ligt de focus om een digital magazine/e-books te maken. Ik wil van mijn biografie onderwerp geen magazine van maken dus dan ga ik dit niet gebruiken. Daarnaast heb ik hier al eens eerder mee gewerkt en vond ik het niet veel aan. Het is daarnaast vrij makkelijk te gebruiken en qua moeilijkheid zit er niet veel in. Hiermee kan ik geen tools aan tonen. Codeertalen en waarop ik het publiceer Ik wil een webbased biografie maken. Dit ga ik niet maken in magazine/epub vorm maar in een webbased vorm. Mijn biografie is dan mogelijk te zien op een webbrowser voor pc/laptop/tablet/mobiel (als het lukt om het responsive te maken). Hierbij ga ik gebruiken maken van verschillende codeertalen en programma s: -Html/css -Javascript -Javascript frameworks -AfterEffects, Illustrator & Photoshop De technieken die ik hiervoor zal gaan gebruiken zijn: - Anime.js, voor de smooth transitions tussen bijvoorbeeld twee afbeeldingen. - Bodymovin, voor de wat meer ingewikkelde animaties. Die kan ik dan maken in After effects en dan renderen naar een javascript file. - Magic animations, dit ga ik gebruiken voor hover/click animations op bijvoorbeeld een button.
4 MoSCoW Must Haves Html/Css + Javascript want het wordt een webapplicatie. Animaties Tijdlijn (Dus bij mijn idee per seizoen) Informatie Flat Design Should Haves Hover Animations, dit kan door middel van Bodymovin One Page Social Media links Menu balk voor navigatie Photoshop gif animations Magic Animations voor bijvoorbeeld buttons Could Haves Responsive for mobile 3D Animations SVG Animations Won t Haves
5 COMPARISON MATRIX Responsive Jquery HTML 5 Werkt goed voor Flat Design Browsers Moeilijkheidsgraad Anime.js Bodymovin Magic Animations Velocity.js SVG Animation Snap.js Conclusie Nadat ik de MoSCow en de Comparision Matrix had gemaakt kwam ik erachter dat ik naar veel meer aspecten moest kijken dan alleen wat ik leuk vond of als eens gebruikt had. Zo kwam ik erachter dat bijvoorbeeld Magic animations een could have kan zijn en dus niet een hoge prioriteit voor mij is. Het past niet bij flat design en het werkt daarnaast niet in alle browsers. Daarnaast kwam ik ook uit op Snap.js. Dit past veel beter bij flat design omdat je daar leven geeft aan je svg afbeeldingen. Velocity.js lijkt heel veel op jquery en dan kan ik net zo goed Jquery gebruiken. Het is een best nutteloze javascript en wordt ook door meerdere mensen afgeraden. Ik heb dus de keuze gemaakt om voor de technieken Snap.js, bodymovin & Anime.js te gaan.
6 DESIGN INSPIRATIE
7 DESIGNED
8
9 PROCES IN FOTO S
10 REFLECTIE Proof of concept: Algemene reflectie: Ik vond dit een leuk project om aan te werken. Vooral omdat we zelf konden kiezen waarover we iets gingen maken en wat voor soort libraries jij hierbij wilde gaan gebruiken. Dit gaf me veel vrijheid en daardoor kon ik ook wat creatiever zijn. Met het resultaat ben ik best wel tevreden. Er zit sowieso verbetering in maar daar had ik niet genoeg tijd voor. Dit kwam vooral door de proftaak die zich mengden met dit project. Technical justification: Via een aantal matrixen was ik erachter gekomen welke libraries/frameworks ik ging gebruiken. Hierbij kwam bij mij Snap.js, Anime.js en bodymovin uit. Ik was tijdens het maken van mijn proof of concept gelijk aan de slag gegaan met bodymovin. Ik had hier al eens eerder mee gewerkt en wilde daar verder mee gaan werken. Dit ging erg goed en ik heb daarmee leuke animaties kunnen maken. Wat ik had gedaan was gaan designen in Illustrator. Hierin maakten ik verschillende flat designs en die importeerden ik later in AfterEffects. In AfterEffects gaf ik animaties toe aan verschillende layers. Hieruit kwamen verschillende animaties. Via bodymovin kan je die exportern in een div en json file. Zo heb ik die toen toegepast in mijn website. Omdat er ook stotytelling bij moest, wilde ik dit gaan toepassen door middel van Anime.js. Dit is een library die vooral gericht is op text animaties bijvoorbeeld. Dus voor de text wilde ik animaties gaan toepassen. Uiteindelijk heb ik hier niet veel mee gedaan alleen op de eerste text van de website. Dit kwam doordat de meeste tijd in het designen/bodymovin zat. Ik had naast bodymovin en Anime.js ook Snap.js opgeschreven. Later bleek dat dit totaal niet nodig was geweest. Dit had een soortgelijke uitvoering als bodymovin. Bij Snap.js geef je animaties aan je svg bestand. Ik had toen een keuze gemaakt tussen de twee en gekozen voor bodymovin. Design: Ik vond flat design altijd wel leuk/vet uit zien dus ik wilde daar iets mee gaan doen dit semester. Daarom had ik dit toegepast in mijn biografie. Ik heb een aantal tutorials bekeken op YouTube. Ik had de tutorials gevolgt en nagemaakt. Hiervan had ik de basiskennis geleerd hoe je met flatdesign moet werken. Toen ben ik dingen na gaan maken die ik kon vinden. Vanuit daaruit ben ik zelf gaan designen en kwamen de beste resultaten uit op de website. Wat is goed gegaan? - Design - Einddocument bijhouden. - Technical justification (tools). - Het eindproduct. Wat kan beter de volgende keer: - Storytelling in het product zelf. (Storytelling workshops was daarintegen wel goed, 8.5). - Beter bekijken welke libraries/frameworks je gaat gebruiken, dat ze niet hetzelfde doen. - Feedback vragen, dat had ik wat minder gedaan dit keer... - Proces bijhouden.
Interactive media Developer (IMD) In samenwerking met House of Media
Interactive media Developer (IMD) In samenwerking met House of Media Interactive Media Developer (IMD) DPS-producties maken (interactieve magazine app) epub s vervaardigen (e-book of e-magazine?) 3 dagen
Nadere informatieWeb-Project: Animal Crossing Villager Lister Maxime Orione
Web-Project: Animal Crossing Villager Lister Maxime Orione - 2017 Omschrijving 1 Kort 1 Wat is Animal Crossing? 1 Doelstelling 1 Kern 2 Overzicht 2 Villagers 3 Lijsten 5 Delen (screenshot, text, URL) 6
Nadere informatieOntwerp Portfoliowebsite MMIO 2016
Ontwerp Portfoliowebsite MMIO 2016 Marit Beerepoot 10983430 7 februari 2016 Informatiekunde Universiteit van Amsterdam Inleiding Voor deze opdracht was het de bedoeling dat er 3 verschillende voorstellen
Nadere informatieANIMATIE S MAKEN Les 1 Les 2 Les 3 Les 4
ANIMATIE S MAKEN Les 1: uitleg animatie maken, verhaal maken en storyboard Les 2: foto s maken voor de animatie Les 3: foto s aanpassen en een gif bestand maken Les 4: filmpje bewerken met MovieMaker en
Nadere informatiePas op voor de besmettelijke PORTFOLIOSIS!
Pas op voor de besmettelijke PORTFOLIOSIS! Nadenken Voorbereiding Maken Presenteren NADENKEN Nadenken Voorbereiding Maken Presenteren Soul-searching Persoonlijkheid Ervaring Doelen Waarden Sterktes en
Nadere informatieAnimation. Info-animation Explanimation MARKETING & COMMUNICATIE - DIGITALE VORMGEVING JANUARI 2013
Animation Info-animation Explanimation 1 Promo Opdracht Animatie Promo In de vorige periode heb je voor Promo.nl 2 x een banner gemaakt. Verwerk de twee banners in een animatie in Photoshop. De animatie
Nadere informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Nadere informatieGrafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase
Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet
Nadere informatieStedelijk Gymnasium s-hertogenbosch INHOUD
WEBDESIGN MET HTML5 EN CSS INFORMATIC A KLAS 4 2 017-2018 INHOUD Inleiding... 2 Online cursussen... 2 Verplichte cursussen (geschatte leertijd 3 + 11 = 14 uur):... 3 Optioneel: Extra cursussen voor verdieping/uitbreiding...
Nadere informatieAnalyse document. Motion Graphic. Naam: Fabio D Apice student nummer: Docent:Bart Dijkman Datum: Klas: CAVI B
Analyse document Motion Graphic Naam: Fabio D Apice student nummer: 512466 Docent:Bart Dijkman Datum: 26-02-14 Klas: CAVI B INHOUDSOPGAVE Inleiding Onderwerp Doel opdracht Kwaliteitseisen Gebruikers/ kijkers
Nadere informatieDe interface van de Audio Narration lijkt nu meer op de vormgeving zoals we die kennen van Storyline. Meerdere blokken zijn vanaf Studio 360 naar
De interface van de Audio Narration lijkt nu meer op de vormgeving zoals we die kennen van Storyline. Meerdere blokken zijn vanaf Studio 360 naar wens los te trekken en te positioneren op het scherm. Daarnaast
Nadere informatieONTWERPEN VAN INTERACTIEVE PRODUCTEN
ONTWERPEN VAN INTERACTIEVE PRODUCTEN WORKSHOP INTERACTIEF PROTOTYPE BOUWEN F. van Slooten WORKSHOP INTERACTIEF PROTOTYPE BOUWEN Ontwerp Keuze tool/techniek Maken layout 2 dagen: dinsdag 23 september Ochtend:
Nadere informatieStedelijk Gymnasium s-hertogenbosch INHOUD
WEBDESIGN MET HTML5 EN CSS + USABILITY INFORMATIC A KLAS 4 2 018-2019 INHOUD Inleiding... 2 Online cursussen... 2 Verplichte cursussen (geschatte leertijd 3 + 11 = 14 uur):... 3 Optioneel: Extra cursussen
Nadere informatieVergeleken met Storyline 2 is de indeling van het menu Insert flink aangepast. Screenrecording en nieuwe slides vallen tegenwoordig onder het menu
Vergeleken met Storyline 2 is de indeling van het menu Insert flink aangepast. Screenrecording en nieuwe slides vallen tegenwoordig onder het menu Slides en zijn niet meer te benaderen via het menu Insert.
Nadere informatieEssay Interactieve Multimedia. Richard de Bock im Juni
Essay Interactieve Multimedia Richard de Bock im0915 23 Juni 2009 http://www.few.vu.nl/~im0915 Inhoudsopgave Inleiding...4 Titel...4 Concept...4 Scenario...5 Maken van de film...6 XIMPEL...7 Documentatie...7
Nadere informatieVoordelen: Nadelen: Benodigdheden: Programma s: Google Web Designer. Photoshop. Sublime (HTML-editor) Websites: Tinypng.com
Google Web Designer Voordelen: Sneller en makkelijker. Banners kunnen worden afgespeeld op telefoons (flash kan dit niet). Het vervangen van plaatjes kan zonder het programma op te starten. Meer FPS dan
Nadere informatieSuccesvol dankzij het juiste design Ilse Kroes UX-designer van Vevida.
Succesvol dankzij het juiste design Ilse Kroes UX-designer van Vevida. 1 Reden dat je website er is. Informatie delen Online vertellen wat voor soort bedrijf je hebt. Zoveel mogelijk producten verkopen.
Nadere informatieEen account aanmaken voor weebly.
Een account aanmaken voor weebly. STAP 1 Vul de volgende gegvens in voordat je op de oranje knop klikt. - NAAM - E-mailadres - PASWOORD Klik op de home page op de onderstaande knop. STAP 2 Wanneer je de
Nadere informatieStappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.
Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker
Nadere informatieRubrics / Leerdoelen
Rubrics / Leerdoelen Frank van Deursen - M41t - Juni 2016 Scrum Theoretische kennis van Scrum: Ik ben van mening dat ik dit leerdoel heb afgesloten met een voldoende. De eerste sprints waren bij mij en
Nadere informatieEen website maken met Weebly Alva ICT Karsten Campsteyn Jan Penders
Een website maken met Weebly Alva ICT Karsten Campsteyn Jan Penders 1. Inhoudsopgave 2. Een account aanmaken voor weebly.... 3 STAP 1... 3 STAP 2... 3 STAP 3... 3 3. Een Menustructuur aanbrengen... 4 STAP
Nadere informatieWe zijn alweer beland in sprint 3 de een en laatste sprint van deze cel periode weer.
Mijn Uitgebreide feedback voor Rasheed: Tijdens het proces heb jij laten zien hoe de app er uit zag, dus je hebt zeker wel iets laten zien. Voor de rest heb je niet echt iets laten zien code wijs over
Nadere informatieModular Development. Een App in Facebook. Dennis van der Oost CMD2D 0822118. Module: CMDDEV01-7 Docent: Eric Mahieu. Eindverslag v.1.
Modular Development Een App in Facebook Dennis van der Oost CMD2D 0822118 Module: CMDDEV01-7 Docent: Eric Mahieu Eindverslag v.1.0 Inhoudsopgave - Inleiding - Concept omschrijving - Technisch onderzoek
Nadere informatieAan het begin verliet Tony Campmans ons team, we hebben dus het hele project met één persoon minder gewerkt.
INFOB1PICA 2013-2014 EINDVERSLAG Team 5: Solvify 1. Individuele teamleden en algemene informatie Studentnr Naam Uren 4153553 Joost Besseling 143 4145607 Coen Boot 161 4146603 Joost Houben 171 4088646 Michiel
Nadere informatieEen website maken met Weebly
Een website maken met Weebly Bron: http://flippenindeklas.weebly.com/uploads/1/1/8/6/11865400/weebly_ handleiding.pdf (26-08-2016) Inhoudsopgave 2. Een account aanmaken voor weebly.... 3 STAP 1... 3 STAP
Nadere informatiePublishing & Printing Company B.V.
STAPPENPLAN WEBSITE Versie 1.3 Publishing & Printing Company B.V. Weth. Sangersstraat 38 (0)46-437 73 11 KVK 140.41959 6191 NA Beek web@pp-company.nl BTW NL 0085.52.861.B01 Algemene voorwaarden www.pp-company.nl
Nadere informatieOpdrachten: http://tweakers.net/vormgevingsstagiair
Opdrachten: 1. Verzamel vijf vacatures van banen die jij zou willen uitoefenen in je stage. Hierbij is het niet van belang of het bedrijf bij jouw in de buurt gevestigd is. 2. Beantwoord de volgende vragen
Nadere informatieadobe Premiére Pro CC?
Hoe maak je een stopmotion in adobe Premiére Pro CC? MULTIMEDIATECHNOLOGIE OPDRACHT TECHNIEK Academiejaar 2013-2014 Studente: Stefanie Rondelez, 1 GMB Lector: Mevr. Ann Audenaert INHOUDSTAFEL --> Stap
Nadere informatieEen introductie in het vormgeven van je eigen website... 2 Over CSS... 2 Id s en classes... 3 Eigenschappen... 4 Color:... 4
BASIS CSS Inhoudsopgave Een introductie in het vormgeven van je eigen website... 2 Over CSS... 2 Id s en classes... 3 Eigenschappen... 4 Color:... 4 Background-color:... 4 Height:... 5 Width:... 5 Position:...
Nadere informatieStage Atom-Retail. Arwen de Vries MC4O 10/09/18-16/11/18
Stage Atom-Retail. Arwen de Vries 217856 2MC4O 10/09/18-16/11/18 Voorwoord. In dit verslag vertel ik over hoe mijn stageperiode is verlopen, wat ik geleerd heb en welke keuzes ik gemaakt heb. Deze stages
Nadere informatieAnimated button met Fireworks en Dreamweaver
Animated button met Fireworks en Dreamweaver In deze tutorial maak je een animated button in Fireworks en Dreamweaver. Het is de bedoeling dat een animatie afspeelt als de muisaanwijzer op de button staat
Nadere informatieStartersservice Thomas More
Gebruikte skills: Tedde Consult: Startersservice Thomas More Samenwerken ICT-geletterdheid Communiceren De vraag naar een website Tedde Consult is een onderneming geleid door studenten Bedrijfskunde van
Nadere informatieCanva. Tool waarmee je een poster of infographic kunt ontwerpen. Voorbereiding, conceptualiseren verwerking
Canva Doel Informatie overbrengen Korte beschrijving Tool waarmee je een poster of infographic kunt ontwerpen. Leerfase Didactiek Soort werkvorm Website Voorbereiding, conceptualiseren verwerking Als voorbereiding
Nadere informatieDe Geschiedenis van het Internet
De Geschiedenis van het Internet Hoe is het internet ontstaan? https://www.youtube.com/watch?time_continue=32&v=r3dnhjhxmm g Het internet zag er eerst nog zo uit: Wie van jullie zou dit kunnen gebruiken?
Nadere informatieDigitaal zelfportret. Interactieve code
Digitaal zelfportret Interactieve code Max Altena 15-06-2018 Titelpagina Titel: Digitaal zelfportret Ondertitel: Interactieve code Gemaakt door: Max Altena School: Fontys Hogeschool ICT Opleiding: ICT
Nadere informatieKris Merckx - 16/10/ Agnes.js - creative commons license
Agnes.js - alpha 2.5 => www.ardeco.be/agnes (testsite) Fase 1: Opzetten van de frameworkbasis (afgerond) TOETSTYPES: - meerkeuze (één of meerdere correcte antwoorden) - invuloefening - ja-neen-vragen -
Nadere informatieJavaScript. 0 - Wat is JavaScript? JavaScript toevoegen
0 - Wat is JavaScript? JavaScript is hele andere koek dan Scratch. Het wordt ook door professionele programmeurs gebruikt. Doordat er veel mensen gebruik maken van JavaScript is er veel informatie over
Nadere informatieBottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl
Bottleball Onderzoeksverslag MovingMonsters Uitgevoerd door Arno Classens a.classens@student.fontys.nl 1 1. Inhoudsopgave Wat? Bladzijde 1. Introductie 3 2. Methodologie 4 3. Resultaten 3.1 Oriëntatie
Nadere informatieCaptivate. Van den Bunder Carlo OOF Studiedag Webcolleges
Captivate Van den Bunder Carlo OOF Studiedag Webcolleges Introductie Overzicht Inleiding Werkomgeving Captivate film voorbereiden, opnemen, bewerken en publiceren Slides en objecten Geluid Film met afbeeldingen
Nadere informatieMonteren van een STOP MOTION filmpje ADOBE PREMIER Stap 1: Hoe start je een nieuw project.
Monteren van een STOP MOTION filmpje ADOBE PREMIER Stap 1: Hoe start je een nieuw project. Vooraleer we beginnen met de software te gebruiken is het beter om alle programma s die we niet nodig hebben af
Nadere informatieE-zine. Nieuwe E-zine. Welkom!
stappenplan 1 1 E-zine Welkom! We gaan beginnen met de eerste stap van het maken van een eigen E-zine. Kijk in je menubalk en ga naar e-zine(s). Hier kan je verder gaan met bewerken of aan de slag gaan
Nadere informatieSIZE MATTERS. Alles wat je altijd al wilde weten over afbeeldingen op Twitter... DEEL ONZE TIPS MET JE NETWERK:
SIZE MATTERS Alles wat je altijd al wilde weten over afbeeldingen op Twitter... 1 INLEIDING Een afbeelding zegt meer dan duizend woorden is een bekend gezegde, dat gaat ook op voor social media in het
Nadere informatieWeek 1 Cursus Photoshop
Week 1 Cursus Photoshop Introductie Maak kennis met het programma Photoshop. 1 Week 1 Cursus Photoshop Inleiding De essentie van Photoshop Kennis maken met Photoshop Basis tools Een collage maken over
Nadere informatieHeroglyph 4.0 Het maken van een route met een object op de eigen kaart
Heroglyph 4.0 Het maken van een route met een object op de eigen kaart In deze workshop leggen we uit hoe je een route-animatie maakt met twee routes, inclusief een object op een door ons gekozen kaart.
Nadere informatieVacature Sissy boy Carensa Snijders. - Hoe heet de functie? De Functie heet Grafisch vormgever marketing
Vacature Sissy boy Carensa Snijders - Hoe heet de functie? De Functie heet Grafisch vormgever marketing - Is er een verschil in de naam van de functie en de vereiste kennis? Er is geen verschil tussen
Nadere informatieSEO plan. Bart Janssen Semester 4 Fontys ICT & Media Design
SEO plan Bart Janssen Semester 4 Fontys ICT & Media Design Inleiding Mijn adviesplan heb ik geschreven voor mijn persoonlijke leerportfolio. Het leerportfolio staat online op http://www.bartjanssen.eu.
Nadere informatieTHINKING OF ART. Saskia Freeke. Sonja van Fuure 29 OKTOBER 2015 CAST MEMBERS. HKU Games & Interactie
THINKING OF ART Saskia Freeke Sonja van Fuure 29 OKTOBER 2015 CAST MEMBERS HKU Games & Interactie INLEIDING STIJLKEUZE VERANTWOORDING We hebben specifiek voor deze stijl gekozen omdat we de oranje kleur
Nadere informatieDit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde
Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]
Nadere informatieMeehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 www.edubas.nl
Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 Versie 1.0 februari 2015 Start-versie Over dit document In dit document probeer is duidelijk te maken hoe de spellen
Nadere informatieDESIGNBIBLE. 4 Visuele families (inspiratie) Afbeeldingroepen die inspiratie zullen bieden voor mijn vorm geving. 1 De websites van de sportbonden
DESIGNBIBLE 1 De websites van de sportbonden Kleuren Beeld 2 Design Tekenstijlen Trends 3 Storytelling websites Websites die inspiratie vormen voor de vorm waarin ik de infographic moet gaan maken en het
Nadere informatieOnderzoeksvaardigheden 2
Performance van Phonegap Naam: Datum: april 2012 Studentnummer: 0235938 Opleiding: CMD Docenten: Pauline Krebbers Modulecode: MEDMO101DT Modulenaam: Onderzoeksvaardigheden 2 / Media & Onderzoek Inhoudsopgave
Nadere informatieHandleiding Importeren/ Exporteren Brouwvisie (& pro)
Handleiding Importeren/ Exporteren Brouwvisie (& pro) Document : Handleiding Importeren/Exporteren Brouwvisie (& Pro) Versie : 1.0 Datum : Dinsdag 16 April 2019 Auteur : Oscar Moerman 1 Inhoud 1. Inleiding...
Nadere informatieM I K E R U B I O K E R N T A A K
M I K E R U B I O E X A M E N 2 0 1 4 K E R N T A A K 2 1 Inhoudsopgave Inventarislijst...03 Begeleidt Uitbestedingen...05 Logboek Back-ups...07 Protocol & Bestaden...09 Testplan...11 Website...15 Applicatie...18
Nadere informatieMuse Stappenplan Interactieve vormgeving en productie
1. Pagina aanmaken Je maakt een nieuw bestand, de standaardinstellingen kun je zo laten staan. Dit formaat is namelijk op de meeste beeldschermen te bekijken. Je ziet onderaan een witte pagina staan en
Nadere informatieR-Type 2009 Developing in XNA
R-Type 2009 Developing in XNA Door : Martin Broos Student nr : 0794155 Vak : IMP08 Herkansing Docent: Bob Pikaar Versie : 2 1 Inhoud Inleiding... 3 Concept... 4 Uitdaging... 4 Features... 4 Vijanden...
Nadere informatieStappenplan Movie Maker
Start Movie Maker op Stappenplan Movie Maker Foto s, filmpjes of muziek importeren Voor je aan de slag kan moet je eerst je filmpje of je foto s importeren naar Movie Maker. Daarvoor klik je op een van
Nadere informatieGreet Verhelst Indien je reeds een wiki-member bent klik je op Sign in en log je in met je gebruikersnaam en paswoord.
Handleiding WIki Greet Verhelst 2010-2011 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign in en log je in met je gebruikersnaam en paswoord. Indien
Nadere informatieStappenplan App maken
WAT IS APPMACHINE? Als je een app wilt maken, dan kan dit onder andere met het programma AppMachine. AppMachine is een online toolkit waarmee je zonder kennis van programmeren eenvoudig en snel een app
Nadere informatieTot zover Format Doelgroep Locaties Grounding the narrat Interactie Motivatie
Tot zover 1. Format: (serieus)game, play, tour, commercieel enz. 2. Doelgroep / personages / persona s / sociale relatie met een ander 3. Locaties: (non)lineair, history, branching. Herhaalbare patronen
Nadere informatieThe DOOMED. life of the computer scientist. Door: Kees van Gelder en Bas Lonnée
The DOOMED life of the computer scientist Door: Kees van Gelder en Bas Lonnée Inhoudsopgave Voorwoord Pagina 3 Scenario s Pagina 4 Schetsen Pagina 5&6 Evaluatie (en implementatie) Pagina 7&8 Conclusie
Nadere informatieDe training bestaat uit verschillende onderdelen. Deze onderdelen kunnen zowel afzonderlijk als gecombineerd gevolgd worden:
Algemeen In deze Interactieve training leer je de belangrijkste functies van Articulate Storyline en de andere producten van Articulate 360 (optioneel) op een actieve manier kennen en gebruiken. Stel uw
Nadere informatieDesignThis! 2. Create fase. Michelle Plaisier CMD3C Kwartaal 4
DesignThis! 2 Create fase Michelle Plaisier 0848133 - CMD3C Kwartaal 4 REC VER INHOUD Inleiding 4 Concept 5 Mijn proces - visualisatie 6 Mijn proces - toelichting 7 Feedback test DareThis 9 Tutorials 10
Nadere informatieHet Test Document. Jeffrey Saydam
Het Test Document Jeffrey Saydam Inhoudsopgave Testplan... 3 Testformulier... 4 Legenda ter definities... 5 Testkandidaten... 6 Conclusie en Veranderingen... 9 2 Testplan Inleiding Dit testplan bestaat
Nadere informatieSTUDIEWIJZER MOBILE WEB APPS AND SECURITY BACHELOR IN DE TOEGEPASTE INFORM ATICA SEMESTER 4 ACADEMIEJAAR LECTOR: FRÉDÉRIC VLUMMENS
Mobile Web Apps & Security BACHELOR IN DE TOEGEPASTE INFORM ATICA SEMESTER 4 ACADEMIEJAAR 2016-2017 LECTOR: FRÉDÉRIC VLUMMENS STUDIEWIJZER MOBILE WEB APPS AND SECURITY Onderdeel van de module @home Mobile
Nadere informatieBASISCURSUS Macromedia Flash MX. voor de ontwerper
BASISCURSUS Macromedia Flash MX voor de ontwerper Macromedia, Flash, Dreamweaver, Fireworks en Freehand zijn handelsmerken of gedeponeerde handelsmerken van Macromedia Inc. in de Verenigde Staten en andere
Nadere informatieInhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B
Inhoudsopgave Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B PORTFOLIO 1 - STAPPEN Stappen INTRODUCTIE Voordat ik over mijn stappen vertel, wil ik kort toelichten dat ik eerder een
Nadere informatie26/3/2012 ICLON UNIVERSITEIT LEIDEN WORKSHOP WEBCAST. Van PowerPoint naar Movie Maker Tara van Helden
26/3/2012 ICLON UNIVERSITEIT LEIDEN WORKSHOP WEBCAST Van PowerPoint naar Movie Maker Tara van Helden In deze handleiding wordt stap voor stap uitgelegd hoe je van een PowerPoint een webcast, oftewel filmpje
Nadere informatieHandleiding Pivot docent Wendy Bruins www.wisemice.nl versie 1.2 december 2008
1 Handleiding Pivot Stickfigure Animator Maak je eigen animated gifjes en laat je poppetje bewegen zoals jij wilt. Je kunt je Pivot invoegen in een mailtje, je website of laten verschijnen op je desktop.
Nadere informatieLIVE PREFORMANCE VERSLAG. Digitaal zelfportret
LIVE PREFORMANCE VERSLAG Digitaal zelfportret LIVE PREFORMANCE VERSLAG VOOR FONTYS HOGESCHOOL ICT Gegevens Naam : Jasper Achternaam : Voorn Studentnummer : 2351072 PCN nummer : 302021 Opleiding Profiel
Nadere informatieSTAGE VERSLAG LVB NETWORKS
STAGE VERSLAG LVB NETWORKS Stagiair : Praktijkopleider : Stagebegeleider : Periode : Inlever Datum : Michael Scherpenisse Jeffrey van Draanen Bert de Boer 1 2 April, 2015 Opmerking Beoordeling stageverslag:
Nadere informatieNiels van den Hoek. Persoonlijke gegevens. Wie ik ben, in een notendop. Opleidingen en cursussen. Kennisniveau en vaardigheden
CV Niels van den Hoek Persoonlijke gegevens Naam Niels van den Hoek Woonplaats Hoogland Geboortedatum 15 oktober 1980 Nationaliteit Nederlandse Burgerlijke staat Getrouwd Talen (woord) Nederlands, Engels
Nadere informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatiePLAN VAN AANPAK. Project conceptipedia animatie. Kimberly ten Bras Eline de Lange EKT1d
PLAN VAN AANPAK Project conceptipedia animatie Kimberly ten Bras Eline de Lange EKT1d inhoudsopgave Hoofdstuk Pagina 1. Het project...3 1.1 Achtergronden...3 1.2 Conceptbeschrijving...3 1.3 Opdrachtomschrijving...3
Nadere informatieBasishandleiding WordPress
Basishandleiding WordPress Website: http://www.uwsite.nl Back-end: http://www.uwsite.nl/wp-admin Gebruikersnaam: uwgebruikersnaam Wachtwoord: uwwachtwoord 0. Inloggen in het gebruikersgedeelte / het back-end
Nadere informatieHandleiding Macromedia Contribute
Handleiding Macromedia Contribute Marcel Lemmen en Frank Coenders maart 2008 Handleiding Macromedia Contribute 1 Contribute in vogelvlucht Contribute werkt simpel en intuïtief. Het bewerken van een website
Nadere informatieHuman Environmental Analysis Eindverslag
Human Environmental Analysis Eindverslag UrbanScouts: René den Hertog 4015878 Joren Paridaens 3991601 Pim van de Ven 4018613 Zeger-Jan van de Weg 3717259 25 januari 2013 Inhoudsopgave 1 Individuele teamleden
Nadere informatieBlackboard en MyMedia
My Media De module My Media geeft via de My Media link toegang tot de bestanden waarover je via het media platform de beschikking hebt om in Blackboard te gebruiken. Bijvoorbeeld: Module toevoegen Als
Nadere informatieAnimatie. Korte opdrachten. Tekst Geluid Beeld
Animatie Korte opdrachten Tekst Geluid Beeld 1 Tekstanimatie Tekstlagen - Maak een Nieuw bestand: 800 px breed 200 px hoog 72 dpi kleur RGB. - Geef de achtergrond een kleur of verloop die je leuk vindt.
Nadere informatieHAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares.
HAND- OUT website: inloggen: login name: password: http://www.uwdomein.com https://www.uwdomein.com/qzadmin statistieken https://qwikstats.suares.com/www.uwdomein.com support http://help.suares.nl/ Kuki+Ko
Nadere informatieFocus op andere mediatechnieken
Focus op andere mediatechnieken De wereld om ons heen verandert snel, zowel commercieel als maatschappelijk. Om aansluiting bij onze klanten te houden, vraagt dat binnen Achmea (Versnellen & Vernieuwen),
Nadere informatieWebsitecursus deel 3 JavaScript
Websitecursus deel 3 JavaScript A Eskwadraat WebCie www@a-eskwadraat.nl 12 oktober 2015 Introductie Twee weken geleden HTML Vorige week CSS Deze week JavaScript Javascript JavaScript (ook wel JS) is een
Nadere informatiei ll take off to the cloud
i ll take off to the cloud Webbased applicaties gebouwd door ILE programmeurs Gepresenteerd door: Drs. Martijn van Breden Lead software architect Pantheon Automatisering 26-4-2017 1 Historie Pantheon Ontstaan
Nadere informatieProcesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [
Procesbeschrijving [team 1] [Sodfa Shafik] [Daniël Jansen] [4293053] [5491185] [http://www.students.science.uu.nl/~5491185/opdracht1/site/index.html] Procesbeschrijving Beschrijf bij alle genummerde items
Nadere informatieDaphne Otterloo. Creative Front-end Developer. Curriculum Vitae. Daphne Otterloo Creative Front-end Developer
Daphne Otterloo Curriculum Vitae Persoonlijk Naam: Geboortedatum: Geboorteplaats: Adres: E-mail: Daphne Otterloo 30-03-1990 Voorburg Van Aalstlaan 520 2722 SB, Zoetermeer daphneotterloo@gmail.com Profiel
Nadere informatieFacebook lead-gating
Facebook lead-gating Verzamel leads via je Facebook pagina! KG Online Marketing BV Diepenveenseweg 147 7413 AP Deventer Nederland T. 085 208 2100 W. karelgeenen.nl KvK: 51986302 BTW: NL850252301B01 Inhoudsopgave
Nadere informatietheater & event crossmedia publishing engine Crowdhug is de nieuwe backbone van je theater
CROWDHUG theater & event crossmedia publishing engine Crowdhug werkt bijzonder efficiënt Crowdhug biedt een tool waarmee je al je content op één plak beheert. Crowdhug is de nieuwe backbone van je theater
Nadere informatieANIMATIE EIGEN NAAM. F Fo Fon Fons FonsG FonsGo FonsGoo FonsGoos FonsGoose FonsGoosen. Achtergrond Ontwerp een passende achtergrond bij je eigen naam.
ANIMATIE EIGEN NAAM Opdracht 1 Ontwerp een animatie met je eigen naam op een achtergrond en plaats er passende muziek bij. Probeer de muziek en de animatie op elkaar af te stemmen. Tekstlagen - Formaat
Nadere informatieTETRA HTML5. Gebruikersgroepvergadering 25 februari 2014, Hasselt
TETRA HTML5 Gebruikersgroepvergadering 25 februari 2014, Hasselt Agenda Pilootcase Yappa - Showroomr 3D CMS Phonegap / JQM ervaringen Verspreiding technologie Varia Planning Pilootcase Yappa - probleemstelling
Nadere informatieDe voordelen van Drupal
Drupal is een open source Content Management System (CMS). Daarnaast kun je Drupal zien als een framework, dit betekent dat je modules (oftewel mini-applicaties) kunt implementeren in je installatie van
Nadere informatiePHP-OPDRACHT SITE BOUWEN
PHP-OPDRACHT SITE BOUWEN PERIODE 4 LEERJAAR 1 Opleiding: Duur: Applicatieontwikkelaar 1 onderwijsperiode (4-8 weken) Voorkennis: Basiscursus PHP 5.4 Victor Peters (978 90 125 8499 9) Basiscursus XHTML,
Nadere informatie1. Werken bij mijn domein
1. Werken bij mijn domein Kwaliteit is voor jou erg belangrijk. Je voert geregeld code- reviews uit van je collega s, net zoals zij dat bij jou doen. Je houdt rekening met webrichtlijnen en je schrijft
Nadere informatieEEN WEBSITE MAKEN MET WEEBLY
EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5 hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina
Nadere informatie