New Media Design & Development I

Info
Olod	New Media Design & Development I
Auteur(s)	Philippe De Pauw - Waterschoot, Jonas Pottie
Opleiding	Bachelor in de Grafische en digitale media
Academiejaar	2015-16
ECTS-fiche	https://bamaflexweb.arteveldehs.be/BMFUIDetailxOLOD.aspx?a=47532&b=5&c=1

---

Documenten

• Week 1

  • Inleiding
  • Werkstuk
  • Werkstuk groepsindeling
  • Proxy instellingen Arteveldehogeschool
  • Git
  • Markdown

• Week 2

  • JavaScript - Introductie
  • JavaScript - App: Arcade Character
  • CSS - Transformaties, transities en animaties
  • Design - Slides
  • Design - Template

• Week 3

  • Responsive Apps
  • Werken met data
  • App - Responsive Mobile First Gridsysteem
  • App - Behance met gridsysteem
  • Design - Maak promo

• Week 4

  • App - Bevolking Stad Gent (Geboortes, ...)
  • App - Sportlocaties Stad Gent
  • App - Perkeergarages bezetting Stad Gent
  • Design - Maak wireframes (mobile, smartwatches, ...)

• Week 5

  • App - RandomUserMe
  • App - RandomUserMe - Level 2 (Handlebars)
  • Design: Feedback - Concept Werkstuk: Open The Gates For Data (Individuele feedback per groep, eigen notities noodzakelijk

• Week 6

  • Milestone 1: presentatie tussentijds productiedossier (van Briefing tot en met Style Tiles)
  • App - Tweety

• Week 7

  • Design: Feedback - Concepts
  • App - Dogs places
  • App - Ecoplan
  • App - Trees
    • API
    • DbContext
    • localstorage (max 4MB per app)
    • Geolocation
    • Distance calculator between two coordinates
    • Templating with Handlebars
    • Filters via loDash

• Week 8

  • Design: Feedback - Visual designs
  • App - Responsive components
  • App - OPA Routing
    • Crossroads
    • Hasher + Signals
    • JayWalker
    • Project structure
  • Development: Herhaling

• Week 9

  • Design: Feedback, Tips and tricks
  • Development: Herhaling
  • ...

• Week 10

  • Design: Feedback, Tips and tricks
  • Development: Herhaling
  • ...

• Week 11

  • Design: Feedback, Tips and tricks
  • Development: Herhaling
  • ...

• Week 12

  • Design: Feedback, Tips and tricks
  • Development: Herhaling
  • ...

• Week 13

  • Design: Feedback, Tips and tricks
  • Development: Herhaling
  • ...

Taken

• Blended Learning

  • Blended Learning - Codecademy

• Week 1

  • Development - Week 1
  • Design - proDEV
  • Design - proDUCEa
  • Design - proDUCEb

• Week 2

  • Enkel opdracht voor het Design onderdeel. Blended learning cursus loopt door tot 04-11-2015. Kijk naar de uitdagingingen om zich niet te vervelen, maar vooral om jullie kennis betreffende webtechnologieën uit te breiden.

• Week 3

  • Design - promo

• Week 4

  • Design - Wireframes - proDEV

Uitdagingen

• Week 2

  • Development - Maak een digitale clock m.b.v. HTML, CSS en JavaScript
  • Development - Maak een analoge clock m.b.v. HTML, CSS en JavaScript

• Week 3

  • Development - Maak een behance template m.b.v. de leerstof uit lesweek 3 en eigen portfolio werk (schetsen, designs, foto's, video's, animaties). Design based on behance en dribbble.

• Week 4

  • Development - Maak een app m.b.v. bevolkingsinformatie stad Gent.
  • Development - Maak een app met alle mobiliteitsdata stad Gent.

• Week 5

  • Maak de app met alle mobiliteitsdata m.b.v. Handlebars

• Week 6

  • Maak de Tweety App m.b.v. utilities, helpers, services, models, Handlebars, loDash, ... denk aan de Moodswings (pos, neg, ...)

Auteurs

Philippe De Pauw - Waterschoot

• http://twitter.com/drdynscript
• http://github.com/drdynscript
• http://bitbucket.org/drdynscript
• https://www.linkedin.com/pub/philippe-de-pauw/6/a33/5a5
• [email protected]

Jonas Pottie

• http://twitter.com/jonaspottie
• https://www.linkedin.com/in/jonaspottie
• [email protected]

Arteveldehogeschool

• http://www.arteveldehogeschool.be
• http://www.arteveldehogeschool.be/ects
• http://www.arteveldehogeschool.be/bachelor-de-grafische-en-digitale-media
• http://twitter.com/bachelorGDM
• https://www.facebook.com/BachelorGrafischeEnDigitaleMedia?fref=ts

Copyright and license

Deze cursus mag niet gebruikt worden in andere opleidingen, hogescholen en universiteiten wereldwijd. Indien dit het geval zou zijn zullen jullie juridische stappen ondergaan.

Code en documentatie copyright 2003-2016 Arteveldehogeschool | Opleiding Bachelor in de grafische en digitale media | drdynscript. Cursusmateriaal, zoals code, documenten, ... uitgebracht onder de MIT licentie.