© 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27.

Presentatie over: "© 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27."— Transcript van de presentatie:

1 © 2004 | clockwork is een onderdeel van Building a large scale eLearning application with Flash Arjen Veneman & Owen van Dijk Flashtival Rotterdam – 27 september 2004

2 © 2004 | clockwork is een onderdeel van Introductie •Zwijsen - educatieve uitgeverij - ontwikkelen lesprogramma’s - bijbehorende software (schatkist en veilig leren lezen) •Veilig leren lezen 2 cdroms, 12 thema’s, 28 spelmodules. 80 % van de lagere scholen maakt gebruik hiervan. •Schatkist •Clockwork

3 © 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

4 © 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?

5 © 2004 | clockwork is een onderdeel van Deel 1: van concept naar creatie ( 30 min )

6 © 2004 | clockwork is een onderdeel van Veilig Leren Lezen •VOORBEELD 1 Een voorbeeld sessie van een kind wanneer deze de applicatie start

7 © 2004 | clockwork is een onderdeel van Project Aanpak •Keuze illustratoren •Keuze stemmen •Keuze technologie •Beschrijven spellen •Thema’s beschrijven (concept/interaction) •Architectuur document

8 © 2004 | clockwork is een onderdeel van Project Organisatie Illustraties Animaties Grafische producties Project management Concept grafisch Concept logisch Software Ontwikkeling Architectuur Inhoud productie Audioproductie

9 © 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’.

10 © 2004 | clockwork is een onderdeel van Onderdelen van een spel Zoem Grafisch Speaker Grafisch Zoem Audio Speaker Audio Content GrafischContent Audio Content Skin Voortgangsmeter Achtergrond •VOORBEELD 3 OK knop

11 © 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

12 © 2004 | clockwork is een onderdeel van Niveaus •Niet alle studenten hebben hetzelfde niveau. VOORBEELD 6 Kern Niveau 2 1 3 1234

13 © 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.

14 © 2004 | clockwork is een onderdeel van Architectuur Client (kind) Veilig leren lezen Schatkist Leerling- menu Server XML Data storage Client (leerkracht) ZSM Plugin

15 © 2004 | clockwork is een onderdeel van Gehele applicatie •VOORBEELD: –Aanmaken leerling. –Selecteren in leerling menu. –Starten van de applicatie. –Tonen van de gegevens.

16 © 2004 | clockwork is een onderdeel van Deel 2: Techniek ( 25 min )

17 © 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.

18 © 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

19 © 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

20 © 2004 | clockwork is een onderdeel van Item1Item2Item3 Dupliceer de movieclip. Item template Movieclip met een Skinholder Met skin + gedrag Item1Item2Item3 Content LichtLuchtDicht Item initialisatie

21 © 2004 | clockwork is een onderdeel van Services MoveManager Audioplayer Highlight Timer ActivityManager Loader module VOORBEELD 8 (SCHATKIST)

22 © 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

23 © 2004 | clockwork is een onderdeel van Inheritance (Class method overerving) Game 1 ContentLoader SuperContentloader Game 2 ContentLoader Method: startRound

24 © 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.

25 © 2004 | clockwork is een onderdeel van Extra’s •Installatie procedure •Distributie procedure •CVS •Content conversie

26 © 2004 | clockwork is een onderdeel van Deel 3: vragen en contact informatie

27 © 2004 | clockwork is een onderdeel van Contactgegevens •http://www.owenvandijk.nl/ •Clockwork BV ‘oranjekerk’ Van Ostadestraat 149 1073 TK Amsterdam owen.van.dijk@clockwork.nl Tel:+31 (0)20 607 70 00 Fax: +31 (0)20 607 70 77