20131011 Eenvoudige apps maken
-
Upload
mediaraven-vzw -
Category
Technology
-
view
89 -
download
0
description
Transcript of 20131011 Eenvoudige apps maken
Open aanbod najaar 2013Eenvoudige apps maken
30-09-2013
Wat is een app?
Web Apps
1. Ontwikkeld voor meerdere platformen
2. Te gebruiken via browser software
3. Vb Google search engine
4. Het ‘doet’ iets
5. Wordt niet lokaal opgeslagen
Hybride Apps
1. Functioneert online als offline
2. Intrageert met het toestel
3. Integratie van webdiensten
4. Geïntegreerde browser
5. Word, internet banking
Native Apps
1. Ontwikkeld voor bepaald platform
2. Interactie met software van het toestel( gyroscope, gps, camera)
3. Reeds geïnstalleerd op het toestel of nog te downloaden/installeren
4. Internetconnectie niet altijd nodig
5. Data kan lokaal opgeslagen worden
Native vs hybride apps
App(licatie)s vs Mobiele sites
vs
Native apps Responsive sites/ web apps
In-app purchases
Duurder ( voor elk platform anders)
Specifiek doelpubliek
Klein (bestandsgrootte)
Één app voor meerdere platformen (meerdere doelpublieken)
Enkel online (toekomst?)
Databases opvragen
Waar vind ik apps?
•App Store (Apple)•Google Play (android)•Windows Phone Store •BlackBerry App World•Amazon•Openappmkt.com (html5) !•…?
Toekomst?
Game engines, appmakers, authoring tools
Apple Software Development Kit
Android Software Development Kit + Jquery
But i’m not a coder..
Adobe Digital Publishing Suite
Adobe captivate (e-learning tool)
Google webdesigner
Wix
MIT app inventor
Appmakr
App makers en game engines
•http://learni.st/users/mariekendewitte/boards/32853-app-builders-for-non-coders
•http://learni.st/users/mariekendewitte/boards/21678-computer-game-engines-for-non-coders
Graphics optimaliseren
Verzamel sprites, buttons, backgrounds, fonts, sounds..
Vector versus raster
Sprites verkleinen
•= afbeeldingen of animaties
•= best .png , 72 dpi, indexed
•= veelvouden van 2 (8x8,16x16,..)
•= max 10 MB in totaal
•= pijltje versus duim : 50x50px
•=> Gimp, Photoshop
Get your tools
Vector progs
Betalend- Indesign- Illustrator
Gratis- Scribus
Bitmap progs
Betalend- Photoshop
Gratis- paint.net
Kies een device
640 x 480 px
Bron: http://cookbook.gamesalad.com/tutorials/1/parts/50
Opdracht
1. Hoe groot is de resolutie van een Iphone 4?
2. Verklein eens een afbeelding van 50px op 50px (72dpi) naar 300dpi, maar behoud dezelfde afmetingen. Wat gebeurt er?
Zelf animaties maken
Spicing up
Animation Support
spriter , spine (2d animaties)
Particle Support
particle design 2.0 (vuur, ijs, sneeuw, glas..)
Al spelend lerenGamification & instructional design24-10-2013
In every job there must be done..
Instructional design: Kolb’s leercyclus
•
Hoe bereikt de leerling zijn doelstelling?
1. Aandacht trekken
2. Informeer hen over de doelstellingen
3. Stimuleer herhaling of pre-leren (op voorhand)
4. Presenteer de inhoud
5. Voorzie “leerbegeleiding”
6. Geef oefenmomenten
7. Geef feedback
8. Evalueer de gedane handelingen
User Interface : tips
•- maak de ‘leertaken’ niet ingewikkeld
•- stimuleer hen om de interface te leren kennen
•- geef enkel relevante informatie
•- ontwikkel ‘responsive’
•- respecteer individuele verschillen in ICT ervaring
•- ondersteun verschillende pedagogische scenario’s (differentieer)
Overload :s
Gaming mechanics
Gaming in verschillende sectoren
Gaming in verschillende sectoren