20131011 Eenvoudige apps maken

39
Open aanbod najaar 2013 Eenvoudige apps maken 30-09-2013

description

Apps zijn een leuke manier om met jouw jeugdwerkorganisatie in interactie te gaan met jongeren. Je leidingsploeg spelenderwijs voorstellen? Of een game maken om je grabbelpasaanbod te evalueren door je deelnemers? In deze tweedaagse opleiding ga je in een team aan de slag om samen een app te maken. We overlopen daarbij alle fases die aan een app (of game) vooraf gaan. Met onze doelgroep voor ogen, bedenken we een app-concept. Daarna zoeken we rechtenvrij beeld- en audiomateriaal op of we maken het zelf. We staan stil bij belangrijke functionaliteiten die een app moet hebben zoals gebruiksvriendelijkheid of leercurve. Op dag 2 publiceren we ons resultaat online. Inhoud je krijgt een introductie in game mechanics en instructional design je leert werken in de game engine GameMaker je krijgt een overzicht van alternatieve (online) app builders je maakt in groep een eenvoudige (educatieve) app je configureert enkele logische functies (zonder te programmeren) je publiceert je app online en leert hoe je op de Play store (Android) of iTunes (iOS) kan publiceren je leert wat het uiteindelijke kostenplaatje is voor wat je zoekt Let op! Deze opleiding is bedoeld voor mensen zonder enige programmeerkennis. Hoewel we zullen stilstaan bij enkele logische functies, gaan we daar niet dieper op in. http://www.mediaraven.be/vorming/aanbod/eenvoudige-apps-maken

Transcript of 20131011 Eenvoudige apps maken

Page 1: 20131011 Eenvoudige apps maken

Open aanbod najaar 2013Eenvoudige apps maken

30-09-2013

Page 2: 20131011 Eenvoudige apps maken
Page 3: 20131011 Eenvoudige apps maken
Page 4: 20131011 Eenvoudige apps maken

Wat is een app?

Page 5: 20131011 Eenvoudige apps maken

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

Page 6: 20131011 Eenvoudige apps maken

Native vs hybride apps

Page 7: 20131011 Eenvoudige apps maken

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

Page 9: 20131011 Eenvoudige apps maken

Toekomst?

Page 10: 20131011 Eenvoudige apps maken

Game engines, appmakers, authoring tools

Page 11: 20131011 Eenvoudige apps maken

Apple Software Development Kit

Page 12: 20131011 Eenvoudige apps maken

Android Software Development Kit + Jquery

Page 13: 20131011 Eenvoudige apps maken

But i’m not a coder..

Page 14: 20131011 Eenvoudige apps maken

Adobe Digital Publishing Suite

Page 15: 20131011 Eenvoudige apps maken

Adobe captivate (e-learning tool)

Page 16: 20131011 Eenvoudige apps maken

Google webdesigner

Page 17: 20131011 Eenvoudige apps maken

Wix

Page 18: 20131011 Eenvoudige apps maken

MIT app inventor

Page 19: 20131011 Eenvoudige apps maken

Appmakr

Page 21: 20131011 Eenvoudige apps maken

Graphics optimaliseren

Page 22: 20131011 Eenvoudige apps maken

Verzamel sprites, buttons, backgrounds, fonts, sounds..

Page 23: 20131011 Eenvoudige apps maken

Vector versus raster

Page 24: 20131011 Eenvoudige apps maken

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

Page 25: 20131011 Eenvoudige apps maken

Get your tools

Vector progs

Betalend- Indesign- Illustrator

Gratis- Scribus

Bitmap progs

Betalend- Photoshop

Gratis- paint.net

Page 26: 20131011 Eenvoudige apps maken

Kies een device

640 x 480 px

Page 27: 20131011 Eenvoudige apps maken

Bron: http://cookbook.gamesalad.com/tutorials/1/parts/50

Page 28: 20131011 Eenvoudige apps maken

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?

Page 29: 20131011 Eenvoudige apps maken

Zelf animaties maken

Page 30: 20131011 Eenvoudige apps maken

Spicing up

Animation Support

spriter , spine (2d animaties)

Particle Support

particle design 2.0 (vuur, ijs, sneeuw, glas..)

Page 31: 20131011 Eenvoudige apps maken

Al spelend lerenGamification & instructional design24-10-2013

Page 32: 20131011 Eenvoudige apps maken

In every job there must be done..

Page 33: 20131011 Eenvoudige apps maken

Instructional design: Kolb’s leercyclus

Page 34: 20131011 Eenvoudige apps maken

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

Page 35: 20131011 Eenvoudige apps maken

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)

Page 36: 20131011 Eenvoudige apps maken

Overload :s

Page 37: 20131011 Eenvoudige apps maken

Gaming mechanics

Page 38: 20131011 Eenvoudige apps maken

Gaming in verschillende sectoren

Page 39: 20131011 Eenvoudige apps maken

Gaming in verschillende sectoren