Werkgroep 2. First things first, but not necessarily in that order. Dr. Who

Transcriptie

1 Werkgroep 2 First things first, but not necessarily in that order. Dr. Who

2 Vragen? Ik snap die ENTER_FRAME methode niet helemaal? 2

3 Behandeling van huiswerk Klassikaal uitwerken van vraagstuk 1 t/m 5 De uitwerkingen komen op intranet (ook van 6) 3

4 Leesstrategie: afdalen! 1 Oriënterend lezen (macro) 2 Globaal lezen (meso) 3 Grondig lezen (micro) Beeldvorming grote lijnen. Hoofdvraag van een tekst Voorbereiding verder lezen. Hoe zit de tekst in elkaar? Koppen snellen. Begin/ eind van paragraven Uitgelichte tekst Hoe past het in het geheel? Code: Klasse namen Regel voor regel Woorden opzoeken Wat staat er eigenlijk Code uitproberen 4

5 Voorbeelden deeltoets 1 Er is een viertal voorbeelden gemaakt. Deze voorbeelden mag je gebruiken als uitgangspunt maar onder geen beding als einddoel voor jouw animatie. Als we letterlijk code uit de voorbeelden terugzien heb je een onvoldoende! 5

6 Programmaplan Het loont om bij het programmeren van een applicatie systematisch te werk te gaan. Ook in het teamproject moet je eerst nadenken voordat je gaat bouwen. Leer aan eerst te schetsen voordat je naar je keyboard grijpt. 6

7 Programmaplan overzicht 1. Concept bedenken 2. Opdelen in stukken 3. Onderzoek apart de onderdelen van je animatie 4. Samenvoegen in definitief programma 7

8 Programmaplan detail 1. Concept bedenken a. Bedenk en schets een hoofdfiguur voor jouw animatie b. Bedenk en schets een achtergrond voor jouw animatie c. Kies een beweging die past bij het door jou gekozen hoofdfiguur 2. Opdelen in stukken a. Geef met pijlen de onderdelen van je animatie aan b. Zet in beknopte bewoording een korte uitleg naast de pijlen c. Beschrijf eventuele beperkingen (if-statements) 8

9 Programmaplan detail 3. Onderzoek apart de onderdelen van je animatie a. Open een nieuw project b. Probeer één enkel onderdeel van je animatie uit c. Als het lukt sla je het project op en begin je opnieuw bij (a) 4. Samenvoegen in definitief programma a. Open een nieuw project b. Implementeer één enkel onderdeel van je animatie c. Als het lukt sla je het project op d. Exporteer het project en ga opnieuw naar (b) 9

10 Clean-code Er zijn regels voor nette code! Nette code hee vele voordelen Beter onderhoudbaar Beter overdraagbaar Minder bugs Code blij begrijpelijk Bevordering samenwerken 10

11 The only valid measurement of code quality: WTFs/minute 11

12 Houd je aan de volgorde Er is een standaard volgorde in een klasse 1. Locatie van het bestand 2. Ophalen benodigdheden 3. Begin van de klasse 4. Opsomming van de eigenschappen 5. Constructor 6. Andere functies 12

13 Houd je aan de volgorde We kunnen als hulpmiddel de raamwerkcode die door Flash Builder aangemaakt wordt aanpassen naar onze behoe e! Klik in de preferences op het pijltje voor Flash Builder en vervolgens op File Templates en selecteer uit het lijstje bij ActionScript de ActionScript Class en klik op Edit. Kopieer hierin de raamwerkcode van het intranet. 13

14 Voeg commentaar toe Code zonder commentaar kan heel duidelijk zijn Als beginner is het prettig om uitgebreid te becommentariëren Helpt bij het teruglezen van je code (helpt bij je mondeling voor deeltoets 3!) 14

15 Gebruik betekenisvolle namen Namen van variabelen en functies moeten helder zijn: Een naam van een variabele is altijd enkelvoud Meerdere woorden zijn niet erg, dit is juist gewenst! Een naam van een functie bevat altijd een werkwoord Meerdere woorden zijn niet erg, dit is juist gewenst! Voorkom desinformatie: Laat geen foute hints achter! 15

16 ! Gebruik betekenisvolle namen public var s:int;! // of! public var horizontalesnelheid:int;! public var b:sprite;! // of! public var rodebal:sprite;! 16

17 Gebruik betekenisvolle namen public function whoa(e:event):void! {! "// code! }! // of! public function beweeghorizontaal(e:event):void {! "// code! }! 17

18 Houd je aan code-conventies Dit is wellicht nog iets te veel gevraagd maar ik wil je er toch op wijzen. Op de Adobe website: Coding+Conventions Vooralsnog: Kies een stijl en houd je daar aan! 18

19 Functionele decompositie Als je bepaalde series opdrachten meer dan een keer toepast, zet ze dan apart in een functie. Leren inzien wanneer je code apart neerzet in een functie is een belangrijke stap in leren programmeren. 19

20 Clean-code regels 1. Houd je aan de standaard volgorde 2. Verduidelijk je code met commentaar 3. Gebruik betekenisvolle namen 4. Houd je aan code-conventies 5. Gebruik functies voor herhaald toegepaste code Alle code die je oplevert moet voldoen aan deze regels! 20

21 Vraagstukken Er staan 5 (+1) vraagstukken op intranet waarin de regels niet zo nauw nagekomen zijn. Herschrijf de code zodanig dat de regels nageleefd worden. Dit principe heet refactoring en is erg belangrijk voor de onderhoudbaarheid van code. Refactoring Friday komt voor in projectmethoden. Maak een opzet voor jouw animatie Gebruik eventueel de boeken van Ed Emberly! Begin met het programmeren van jouw animatie Gebruik hierbij vooralsnog de Placeholder class (probeer de Lieveheersbeestje oefeningen) 21

22 Huiswerk Maak deeltoets 1 De vraagstukken die je niet af hebt gekregen zijn huiswerk voor de volgende werkgroep. Besteed niet te veel tijd aan vraagstuk 6 tenzij je het heeeeel graag wilt. 22