Agenda. Vakoverzicht Leren programmeren Historisch overzicht Object Oriented Programming? Syntaxis of taalgerelateerde zaken Niveaus in een class

Transcriptie

1 Agenda Vakoverzicht Leren programmeren Historisch overzicht Object Oriented Programming? Syntaxis of taalgerelateerde zaken Niveaus in een class 1

2 Leerdoelen (intranet) De student kent de principes van een programmeertaal: events, variabelen, datatypes, operatoren en controle structuren. De student begrijpt het nut van functies en kan functies toepassen. De student kan zelf eenvoudige classes maken en past de basisprincipes van OOP toe. De student kan externe libraries, code, data of bestanden inladen en gebruiken. De student kan interactie met de gebruiker bewerkstelligen. De student kan de code die hij oplevert uitleggen. De student ontwikkelt een standpunt en houding ten opzichte van technische vakken. 2

3 Weekoverzicht Week 1 Week 2 Week 3 Week 4 Week 5 Kerstrec. Week 6 Toetsing Vakoverzicht, introductie OOP Installatie werkomgeving en in kaart brengen van verwachtingen Hallo Wereld, je eerste programma in AS3 Overerving, Syntaxis, enter frame event Leesstrategie voor technische teksten, herschrijven van code Voorbeelden DT1 en eenvoudige animaties maken Oplevering Deeltoets 1 Drawing API, meer events Tekenen met AS3, karakter uitwerken voor DT1 Peer review beoordeling van DT1 *verplicht* Acceleratie, snelheid, menu structuren Volgorde in AS3 en oplossen van programmeer vraagstukken Voorbeelden DT2, opzet en keuze van onderwerp voor paper Oplevering Deeltoets 2 Botsen, randen en zwaartekracht Peer review van papers en verwerken van feedback *verplicht* Vragen over paper. Voorbeelden DT3 en maken programmaplan Audio, Video, Remoting en andere stoere zaken Klassikale behandeling van vragen DT 3 Terugblik op het vak. Klassikale behandeling van vragen DT3 Oplevering Deeltoets 3 Mondeling volgens afspraak Mondeling volgens afspraak 3

4 4 ECTS == Intensief vak 1 ECTS = 28 studiebelastingsuren 4 x 28 = 112 studiebelastingsuren 1 x 100 min. = 100 min. per week 2 x 100 min. = 200 min. per week 300 min. per week x 6 weken = 1800 min. totaal 1800 / 60 = 30 uur les voor het hele vak 112 uur 30 uur = 82 uur / 6 weken 12 uur per week 4

5 Literatuur Over Objectoriëntatie *pdf op intranet* 5

6 Hulpbronnen #ppro10 6

7 Toetsing 1. Eenvoudige animatie (praktisch) 2. Onderzoek/ Paper (theoretisch) 3. Animatie met interactie en mondeling (beide) // Als één onvoldoende, dan algemeen herkansen for each(var beoordeling:number in beoordelingen){ } "if ( beoordeling <= 5.5 ) { " "doeherkansen(true); "} 7

8 Learn to program in 10 years Researchers have shown it takes about ten years to develop expertise in any of a wide variety of areas, including chess playing, music composition, telegraph operation, painting, piano playing, swimming, tennis, and research in neuropsychology and topology. e key is deliberative practice: not just doing it again and again, but challenging yourself with a task that is just beyond your current ability, trying it, analyzing your performance while and a er doing it, and correcting any mistakes. en repeat. And repeat again. ere appear to be no real shortcuts: even Mozart, who was a musical prodigy at age 4, took 13 more years before he began to produce world-class music. Peter Norvig 8

9 Leren programmeren Syntaxis Functional Programming ß meerderheid Object Oriënted Programming ß enkelen Programming Patterns ß over 5 jaar Meertaligheid ß over 10 jaar 9

10 Stappenplan 1. Heb interesse voor het vak 2. Praat met anderen en kijk de kunst af 3. Ga programmeren 4. Bijbaan als junior programmeur 5. Werk met mensen die beter zijn 6. Werk met mensen die minder goed zijn 7. Draag je steentje bij aan de open-source community 8. Leer op zijn minst 6 programmeertalen 10

11 Historie van programmeertalen 1822: Charles Babbage bouwt de difference engine Dit apparaat kan logaritmische berekeningen op mechanische wijze uitvoeren. 11

12 Historie van programmeertalen 1842: Lady Ada Byron, Countess of Lovelace Documenteerd het werk van Charles Babbage en schrij programmas voor zijn apparaat om Bernoulli getallen uit te rekenen. 12

13 Historie van programmeertalen 1936: Alan Turing, On computable numbers In dit werk beschrij hij een soort machine welke taken kan inlezen en herhalen. De Turing-machine of Finite State Automaton. 13

14 Historie van programmeertalen 1954: IBM lanceert FORTRAN De naam van de taal staat voor Formula Translator en wordt gebruikt om drum-computers (?) te programmeren. 14

15 Historie van programmeertalen 1958: IBM lanceert FORTRAN II Input: REASON Output: PLEASURE 15

16 Historie van programmeertalen 1959: John McCarthy van MIT lanceert LISP List Programming, zou enorm populair worden en wordt nog steeds gebruikt 16

17 Historie van programmeertalen 1960: Computerproducenten lanceren COBOL COmmon Business Oriented Language. Word ook nog steeds toegepast. 17

18 Historie van programmeertalen 1964 Basic Gebaseerd op Fortran, leesbare code 1969 Pascal Vernoemd naar de wiskundige Blaise Pascal 1969 Forth 4 e generatie programmeertaal, verdwijnen GOTO 1972 C Object-oriented programmeertaal 1983 C++ Uitbreiding op C 1987 Perl Interpreted taal die sterk lijkt op natuurlijke taal 1987 Turbo Pascal Uitbreiding op Pascal 1991 Python Interpreted, object-oriented programmeertaal (Guido van Rossum) 1994 PHP Scripttaal die zich richt op de server-side van webpagina s 1995 Java Object-oriented taal ontwikkeld door Sun 1995 Javascript Scripttaal die zich richt op de client-side van webpagina s 2000 Actionscript Scripttaal achter het Flash platform 18

19 Historie van Actionscript 1995 FutureSplash Animator Basis tools en tijdlijn 1996 Macromedia Flash 1 Re-brand na overname door Macromedia 1997 Macromedia Flash 2 De object bibliotheek wordt bijgesloten 1998 Macromedia Flash 3 JavaScript integratie, tranparantie en MovieClips 1999 Macromedia Flash 4 Interne variabelen, Actionscript en MP Macromedia Flash 5 Actionscript 1.0, XML en HTML support 2002 Macromedia Flash MX Videocodecs en vector drawing API in Actionscript 2003 Macromedia Flash MX 2004 Actionscript 2.0, object-oriëntatie, data-binding 2005 Macromedia Flash 8 Verbetering van grafische tools 2007 Adobe Flash CS3 Pro. Overname door Adobe, Actionscript 3.0, echt OOP 2008 Adobe Flash CS4 Pro. Uitbreiding Actionscript 3.0, Flex platform (Eclipse) 2010 Adobe Flash Pro. CS5 Integratie Flex in de Suite onder naam Flash Builder 19

20 Waarom Actionscript 3? Syntaxis is universeel (Java, Python, C) Grafische taal (door Flash) Snel resultaat: Bewegende varkens Veel gebruikt in de praktijk (Bijbaan) HTML5 = html + css + javascript (en geen standaard) Object-Oriented taal 20

21 Object-oriented Programming Wat betekend dat objectgeoriënteerd programmeren? Hermeneutisch onderzoek Hermeneutiek = Uitlegkunde 21

22 Object-oriented Programming Object ob ject/ɔpjɛkt, zelfstandig naamwoord; het; meervoud: objecten 1. elk ding dat zich aan de zintuigen, vooral aan de ogen, voordoet 2. zaak of persoon die beschouwd of behandeld wordt, waarover men aan het spreken, denken is; hetgeen door de ervaring gegeven is, hetgeen ona ankelijk van het menselijke verstand bestaat 3. voorwerp direct object lijdend voorwerp indirect object meewerkend voorwerp 4. driedimensionaal kunstvoorwerp, m.n.: door de kunstenaar tot kunstwerk verheven objet trouvé 5. component van gegevens en programmatuur 22

23 Object-oriented Programming Georiënteerd ge ori en teerd/ɣəorijɛntert, bijvoeglijk naamwoord 1. gericht naar, op 2. gezind communistisch georiënteerd 3. geïnformeerd hij had zich goed georiënteerd 23

24 Object-oriented Programming Georiënteerd ge ori en teerd/ɣəorijɛntert, bijvoeglijk naamwoord 1. gericht naar, op 2. gezind communistisch georiënteerd 3. geïnformeerd hij had zich goed georiënteerd Objectgeoriënteerd ob ject ge ori en teerd/ɔpjɛk(t)χəorijɛntert bijv.nw. 1. gericht op of gebruik makend van objecten 24

25 Object-oriented Programming Programmeren pro gram me ren overgankelijk werkwoord; programmeerde; hee geprogrammeerd ontleend aan Frans programmer 1. een programma opstellen (van ) 1. geprogrammeerd onderwijs onderwijsmethode waarbij de leerstof in een groot aantal kleine eenheden wordt gedeeld (zgn. schakels), waarover steeds vragen worden gesteld waarvan onmiddellijk gecontroleerd kan worden of het antwoord goed is 2. instellen 3. het schrijven van een computerprogramma 25

26 Object-oriented Programming Objectgeoriënteerd Programmeren 1. het schrijven van een computerprogramma gericht op of gebruik makend van objecten 26

27 Object-oriented Programming Objectgeoriënteerd Programmeren 1. het schrijven van een computerprogramma gericht op of gebruik makend van objecten Erg leuk.. Maar nu blij er toch nog een vraag staan: Wat is dat object waar we ons op richten? 27

28 5 vrijwilligers 28

29 Aardbei Aardbei 29

30 Soortnamen Bij Biologie en Scheikunde vind je een systeem voor hiërarchische indeling van onze wereld. 30

31 Hiërarchisch indelen 31

32 Hiërarchie 32

33 Hiërarchie 33

34 Hiërarchie 34

35 Hiërarchie nl hva.nl iam.hva.nl stap.iam.hva.nl 35

36 Hiërarchie 36

37 Blauwdruk 37

38 Flash als Blauwdruk.swf 38

39 Zaken in het achterhoofd Hiërarchische indeling Particulier Individu Object Universeel Soort Blauwdruk Klasse 39

40 Syntaxis (taalgerelateerde zaken) Nederlands is een natuurlijke taal, spelling is syntaxis Actionscript is een formele taal, net als de rekenkunde A 2 + B 2 = C 2 2πr 3 x r 5 40

41 Syntaxis Nederlands is een natuurlijke taal Actionscript is een formele taal, net als de rekenkunde A 2 = B 2 * C 2 2-π/r 3 x r 5 41

42 Dubbele punt : van het type object:class justus:mens pepernoot:strooigoed hoorcollege:lesvorm vierkantje:shape leeftijd:number 42

43 Puntkomma ; Volgende opdracht mijnstuiterbal = new Stuiterbal(); mijnstuiterbal.kleur = 0xff0000; mijnstuiterbal.straal = 50; mijnstuiterbal.x = 100; addchild(mijnstuiterbal); 43

44 Ronde haakjes ( ) Om een stukje in een berekening af te zonderen Om een functie aan te duiden Om waarden mee te geven aan een functie 2*4+3=11" " "2*(4+3)=14 44

45 Ronde haakjes ( ) Om een stukje in een berekening af te zonderen Om een functie aan te duiden Om waarden mee te geven aan een functie allright() hammertime() stop() 45

46 Ronde haakjes ( ) Om een stukje in een berekening af te zonderen Om een functie aan te duiden Om waarden mee te geven aan een functie tweet( Leuk vak #ppro10 ) 46

47 Ronde haakjes ( ) Om een stukje in een berekening af te zonderen Om een functie aan te duiden Om waarden mee te geven aan een functie mijnstuiterbal.doestuiter(9.81, 150) 47

48 Syntaxis accolades { } Bakenen een niveau af (aangegeven met tab) een { "aantal "{ " "niveaus " "{ " " "// etcetera " "} "} } niveau 1 niveau 2 niveau 3 48

49 Niveaus in de taal Ac?onscript 3.0 Library package package Class Class Class Class eigenschappen methoden eigenschappen methoden eigenschappen methoden eigenschappen methoden 49

50 Niveaus in een class package nl.hva.iam { "import flash.display.sprite; public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} } 50

51 Niveaus in een class package nl.hva.iam { "import flash.display.sprite; public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} } 51

52 Niveaus in een class package nl.hva.iam { "import flash.display.sprite; public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} } 52

53 Niveaus in een class package nl.hva.iam { "import flash.display.sprite; public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} } 53

54 Package Locatie van het bestand, de map op de harde schijf. Hiërarchie van library Puntnotatie: package nl.hva.iam /nl/hva/iam/stuiterbal.as package nl.hva.iam { "import flash.display.sprite; public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} } 54

55 Import Benodigdheden voor het uitvoeren van het beschreven programma. Boodschappenlijstje Timmeren: Hamer/ Spijker/ Hout package nl.hva.iam { "import flash.display.sprite; public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} } 55

56 Class Een class is een blauwdruk. Dit is een soortnaam, op basis van een class worden objecten van dat type aangemaakt Eén per.as bestand package nl.hva.iam { "import flash.display.sprite; } public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} 56

57 Eigenschap/ Variabele Eigenschappen van het object in de class beschreven wordt. Een eigenschap hee een bepaald datatype, is van een bepaalde soort package nl.hva.iam { "import flash.display.sprite; public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} } 57

58 Methode/ Functie Methodes zorgen dat bewerkingen op het object kunnen worden uitgevoerd. Je kunt een methode op een object aanroepen. package nl.hva.iam { "import flash.display.sprite; public class Stuiterbal extends Sprite "{ " "public var kleur:uint; " "public var stuiterkracht:int; " "public var opdruk:string; " "public var straal:uint; " "public function Stuiterbal() " "{ " " "// maak hier het object aan " "} " "public function doestuiter():void " "{ " " "// voer hier stuiteren uit " " " " " " "} "} } 58

59 Basisrecept package { "import flash.display.sprite; public class Basisrecept extends Sprite "{ " " " "public function Basisrecept() " "{ " " " " "} "} } 59

60 Belangrijke punten Actionscript hee een bibliotheek vol classes Classes zijn gegroepeerd in packages Een class is een soort blauwdruk Een class hee eigenschappen en methoden Eigenschappen zijn variabelen, methoden zijn functies Een object wordt gemaakt op basis van een class Een object hee een datatype (is een soort ding) 60

61 Huiswerk Lezen: J.P. Sturkenboom Over Objectoriëntatie. Bijna te vinden op het intranet. Lezen met potlood Stel vragen in de werkgroep als je iets niet begrijpt In werkgroep 2 ga je voor het eerst programmeren. Yay Maak een twitter adres aan en gebruik #ppro10 61

62 Bronnen Peter Norvig, Teach Yourself Programming in Ten Years van bezocht op 12/11/2010 Computer Timeline van ctime html, bezocht op 14/11/2010 Jonathan Gay, e history of Flash van bezocht op 14/11/