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