© 2004 | clockwork is een onderdeel van building a large scale elearning application with flash...
TRANSCRIPT
![Page 1: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/1.jpg)
© 2004 | clockwork is een onderdeel van
Building a large scale eLearning applicationwith Flash
Arjen Veneman & Owen van DijkFlashtival Rotterdam – 27 september 2004
![Page 2: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/2.jpg)
© 2004 | clockwork is een onderdeel van
Introductie
• Zwijsen - educatieve uitgeverij- ontwikkelen lesprogramma’s- bijbehorende software (schatkist en veilig leren lezen)
• Veilig leren lezen2 cdroms, 12 thema’s, 28 spelmodules.80 % van de lagere scholen maakt gebruik hiervan.
• Schatkist
• Clockwork
![Page 3: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/3.jpg)
© 2004 | clockwork is een onderdeel van
Over Clockwork• Opgericht in 1996
• Marktleider in multichannel e-business solutions
• Speerpunten– Self-service
– Interactive Marketing
– E-commerce
• Creatief & technologisch hoogwaardig
• 150 collega’s
• Kantoren in Zwolle en Amsterdam
• Sinds maart 2003 onderdeel van Ordina NV
When Apple first started out,people couldn’t type.We realized: death would eventually take care of this.
Steve Jobs
![Page 4: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/4.jpg)
© 2004 | clockwork is een onderdeel van
Agenda
• Visueel (30 minuten)Tonen van de applicatie. Project beschrijving.Principes van hergebruik van de voorkant bekeken.
• Technisch (25 minuten)Zelfde principes van hergebruik technisch bekeken.Technische design keuzes.
• Vragen?
![Page 5: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/5.jpg)
© 2004 | clockwork is een onderdeel van
Deel 1: van concept naar creatie ( 30 min )
![Page 6: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/6.jpg)
© 2004 | clockwork is een onderdeel van
Veilig Leren Lezen
• VOORBEELD 1Een voorbeeld sessie van een kind wanneer deze de applicatie start
![Page 7: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/7.jpg)
© 2004 | clockwork is een onderdeel van
Project Aanpak
• Keuze illustratoren
• Keuze stemmen
• Keuze technologie
• Beschrijven spellen
• Thema’s beschrijven (concept/interaction)
• Architectuur document
![Page 8: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/8.jpg)
© 2004 | clockwork is een onderdeel van
Project Organisatie
Illustraties
Animaties
Grafische producties
Project management
Concept grafisch
Concept logisch
Software Ontwikkeling
Architectuur
Inhoudproductie
Audioproductie
![Page 9: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/9.jpg)
© 2004 | clockwork is een onderdeel van
Kernen ( Thema’s ) en Spellen
Kern 1
Kern 12
Game 1
Game 2
Game 3
Game 28
Oefenblok
Toetsblok
Oefenblok
Toetsblok
• 12 thema’s.
• Oefenblok vs toetsblok.
• Spellen in thema’s.
• VOORBEELD 2, thema ‘schatgravers’ en ‘op het podium’.
![Page 10: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/10.jpg)
© 2004 | clockwork is een onderdeel van
Onderdelen van een spel
Zoem Grafisch
Speaker Grafisch
Zoem Audio
Speaker Audio
Content Grafisch Content Audio
Content Skin
Voortgangsmeter
Achtergrond
• VOORBEELD 3
OK knop
![Page 11: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/11.jpg)
© 2004 | clockwork is een onderdeel van
3 Type spellen
• Leeswoorden – Woordbeeld, herkennen van woorden. Voorbeeld
• Spelwoorden – Het kunnen spellen van woorden.VOORBEELD 4
• Begrijpend lezen – Begrijpen van zinnen.VOORBEELD 5
![Page 12: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/12.jpg)
© 2004 | clockwork is een onderdeel van
Niveaus
• Niet alle studenten hebben hetzelfde niveau.VOORBEELD 6
Kern
Niveau
2
1
3
1 2 3 4
![Page 13: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/13.jpg)
© 2004 | clockwork is een onderdeel van
Opslag gegevens
• Opslag gegevens nodig om voortgang bij te houden. Sessietijd, speltijd en scoring.
• Resultaten alleen voor de leerkracht. Kind heeft geen notie van van score en niveau.
• Zwijsen software manager.
• Leerling menu.
• Opslag met behulp van Screenweaver.
![Page 14: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/14.jpg)
© 2004 | clockwork is een onderdeel van
Architectuur
Client (kind)
Veilig leren lezen
Schatkist
Leerling-menu
Server
XML Data storage
Client (leerkracht)
ZSM
Plugin
![Page 15: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/15.jpg)
© 2004 | clockwork is een onderdeel van
Gehele applicatie
• VOORBEELD:– Aanmaken leerling.
– Selecteren in leerling menu.
– Starten van de applicatie.
– Tonen van de gegevens.
![Page 16: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/16.jpg)
© 2004 | clockwork is een onderdeel van
Deel 2: Techniek ( 25 min )
![Page 17: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/17.jpg)
© 2004 | clockwork is een onderdeel van
Introductie
• Opstarten.
• Architectuur opzetten.
• Invariantie modelleren- Spellen bestaan uit items en containers.- Spellen maken gebruik van dezelfde functionaliteiten.- Spellen volgen dezelfde flow.
![Page 18: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/18.jpg)
© 2004 | clockwork is een onderdeel van
4 principes van hergebruik
• Scheiden van lagen. Items en containers
• Services.Veelgebruikte functionaliteiten
• Event listener model.Gameflow
• Inheritance.Class method overerving
![Page 19: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/19.jpg)
© 2004 | clockwork is een onderdeel van
Scheiden van lagen (items en containers)
De lagen:
• muisgedrag (mouse over, click of sleep).
• grafische content
• educatieve content
VOORBEELD 7
![Page 20: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/20.jpg)
© 2004 | clockwork is een onderdeel van
Item1 Item2 Item3 Dupliceer de movieclip.
Item template Movieclip met een Skinholder
Met skin + gedragItem1 Item2 Item3
ContentLicht Lucht Dicht
Item initialisatie
![Page 21: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/21.jpg)
© 2004 | clockwork is een onderdeel van
Services
MoveManager
Audioplayer
Highlight
Timer
ActivityManager
Loader module
VOORBEELD 8 (SCHATKIST)
![Page 22: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/22.jpg)
© 2004 | clockwork is een onderdeel van
Event listener model (gameflow)
Initialization
Start game
Start round
Finish round
Finish game
Close game
Contentloader
Game Statistics
GameManager
Progressmeter
![Page 23: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/23.jpg)
© 2004 | clockwork is een onderdeel van
Inheritance (Class method overerving)
Game 1
ContentLoader
SuperContentloader
Game 2
ContentLoader
Method: startRound
![Page 24: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/24.jpg)
© 2004 | clockwork is een onderdeel van
Refactoring ( Code smell )
• Gedurende de bouw constant refactoring
• Halverwege 1 grote refactoring slag
• Winst 30% tijd/regels code (30k -> 20K)
• Voorbeeld: click/drag game. Logica was wel generiek maar de koppeling moest steeds weer opnieuw gedaan worden.
![Page 25: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/25.jpg)
© 2004 | clockwork is een onderdeel van
Extra’s
• Installatie procedure
• Distributie procedure
• CVS
• Content conversie
![Page 26: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/26.jpg)
© 2004 | clockwork is een onderdeel van
Deel 3: vragen en contact informatie
![Page 27: © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27](https://reader035.vdocuments.us/reader035/viewer/2022062418/5551a0ee4979591f3c8b731c/html5/thumbnails/27.jpg)
© 2004 | clockwork is een onderdeel van
Contactgegevens
• http://www.owenvandijk.nl/
• Clockwork BV
‘oranjekerk’
Van Ostadestraat 149
1073 TK Amsterdam
Tel: +31 (0)20 607 70 00
Fax: +31 (0)20 607 70 77