APPLICATIEBOUW 1E COLLEGE: INTRODUCTIE. Onderdeel van SmartProducts

Transcriptie

1 APPLICATIEBOUW 1E COLLEGE: INTRODUCTIE Onderdeel van SmartProducts

2 EVEN VOORSTELLEN DOCENT Fjodor van Slooten N208 (Horstring Noord) Assistentie door: Hans Tragter, Nadia Klomp, Reinout Holtrup, Christel Wolters We gebruiken laptop of smartphone bij deze presentatie, hou deze gereed Applicatiebouw, Industrieel Ontwerpen

3 INHOUD COLLEGE 1 Introductie Applicatiebouw Java theorie: Introductie Java (Hst. 1) Klassen en objecten (Hst. 2) Introductie Eclipse & opdracht Deze slides kan je vinden op : module4.io.utwente.nl/applicatiebouw Applicatiebouw, Industrieel Ontwerpen

4 WAT HOUDT HET VAK IN? Begrip werking computers & software ontwikkeling Eenvoudige programma s schrijven in Java Gebruikersinterfaces ontwerpen Specificatie- en ontwerpmethoden toepassen Applicatiebouw, Industrieel Ontwerpen

5 WAT KAN JE ERMEE? EEN BLIK OP DE TOEKOMST Programmeer kennis pas je toe in vervolg opleiding Voor jezelf: Inzicht hoe een app werkt Website maken (portfolio?) Later: kennis van zaken in design-teams Applicatiebouw, Industrieel Ontwerpen

6 TOEPASSINGEN APPLICATIES (APPS) WAAR KOM JE APPLICATIES TEGEN? Ingebed in apparatuur Web, widgets, grafische interfaces Ontwerpen, produceren, meten Applicatiebouw, Industrieel Ontwerpen

7 VOORBEELDEN VAN APPLICATIES Applicatiebouw, Industrieel Ontwerpen

8 We gaan stemmen Internet 1 2 SMS 1 Deze presentatie is geladen zonder de Shakespeak Add-In. Add-In gratis downloaden? Ga naar 2 Twitter 1 2 Stemmen is anoniem Applicatiebouw, Industrieel Ontwerpen

9 Heb je ervaring met het maken van applicaties (of programmeren)? A. Ja B. Een beetje C. Nee De vraag gaat open zodra u een sessie en diavoorstelling start. Stemmen: 79 Gesloten Internet SMS Twitter Dit tekstvak wordt gebruikt om de verschillende stemmethodes uit te leggen. Deze presentatie is geladen zonder de Shakespeak Add-In. De juiste uitleg wordt hier ingevuld nadat u een sessie heeft gestart. Het is mogelijk om dit tekstvak aan te passen en te verplaatsen. Add-In gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

10 Heb je ervaring met het maken van applicaties (of programmeren)? A. Ja 16,5% B. Een beetje 26,6% C. Nee 57,0% Gesloten Internet SMS Twitter Dit tekstvak wordt gebruikt om de verschillende stemmethodes uit te leggen. Deze presentatie is geladen zonder de Shakespeak Add-In. De juiste uitleg wordt hier ingevuld nadat u een sessie heeft gestart. Het is mogelijk om dit tekstvak aan te passen en te verplaatsen. Add-In gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

11 STRUCTUUR VAN HET VAK Alle* vrijdagen dit kwartiel Ochtend: 1u hoorcollege, 3u werkcollege Werkcollege: opdrachten maken Middag: werken aan project Beoordeling Schriftelijke toets Opdrachten die meetellen in eindcijfer Tijdsbesteding per dag: 4 uur college, 4 uur project, 1 uur zelfstudie Ochtend: Hoor+werkcollege Applicatiebouw Middag: Werken aan software project * 2 uitzonderingen, zie rooster Applicatiebouw, Industrieel Ontwerpen

12 MATERIAAL BlackBoard en site module4.io.utwente.nl/applicatiebouw Boek Hst 1-9: leerstof in rooster { hoofdstuk boek } Opdrachten tijdens werkcolleges Software: Eclipse, LeJOS Applicatiebouw, Industrieel Ontwerpen

13 MATERIAAL: BOEK Aan de slag met Java Via academicx.nl: 2 hoofdstukken online: Hst Oefeningen, antwoorden etc. Online toets! Studenten zonder boek kan begeleiding geweigerd worden Applicatiebouw, Industrieel Ontwerpen

14 JAVA VOOR LEGO MINDSTORMS NXT COLLEGE 4, 5 EN 6 Lego Mindstorms NXT in Java programmeren: LeJOS Alleen als je meedoet aan module 4 SmartProducts (project) Herkansers Applicatiebouw: gewone Javaopdracht (b-variant) Hoorcolleges 4-6: helft LeJOS/stof uit boek 14

15 WERKCOLLEGES OCHTENDEN Ochtend: Hoor+werkcollege Applicatiebouw Middag: Werken aan software project Opdrachten zijn oefenstof voor DPU s project Advies: maak opdrachten in duo s met projectgroep leden Begeleiding: studentassistenten & docent Lees de opdracht goed voor je begint! Applicatiebouw, Industrieel Ontwerpen

16 PROJECTWERK MIDDAGEN Ochtend: Hoor+werkcollege Applicatiebouw Middag: Werken aan software project Werken aan DPU s project Begeleiding: docenten DPU s -uiterlijk op deadline*- afsluiten dmv feedback gesprek docent Gesprek inplannen via inschrijf formulier Verplichte aanwezigheid hele groep Materiaal behorend tot DPU inleveren op BlackBoard (Assignments) Applicatiebouw, Industrieel Ontwerpen

17 BEOORDELING Cijfer moduleonderdeel Applicatiebouw: 0,8 * toetscijfer + (aantal_voldoende_opdrachten/3) Opdrachten: Je laat opdrachten controleren op uiterlijk eerstvolgende werkcollege: Voldoende (1) of onvoldoende (0) Opdrachten 3 tm. 8 tellen mee voor het cijfer, maar opdrachten 1 en 2 moeten ook zijn gecontroleerd Cijfer Applicatiebouw is onderdeel module-cijfer (1/5 deel) DPU s tellen mee in projectcijfer Applicatiebouw, Industrieel Ontwerpen

18 WAAROM OPDRACHTEN DOEN PROGRAMMEREN LEER JE ALLEEN DOOR ZELF TE OEFENEN Begeleiding Opdrachten zijn nodig voor DPU s Door opdrachten leer je Java en haal je het vak Zelf oefenen Relatie halen vak en opdrachten Niet gehaald Gehaald Geen opdrachten gedaan Deel opdrachten gedaan Alle opdrachten gedaan Applicatiebouw, Industrieel Ontwerpen

19 TOETS Schriftelijke toets maandag 29 juni 8:45u Herkansers moeten inschrijven via Osiris (let op inschrijfperiode) Reguliere studenten zijn automatisch ingeschreven via TOM module Voorbeeld toetsen hier beschikbaar Herkansing: donderdag 16 juli 13:45u Meer details in laatste college Applicatiebouw, Industrieel Ontwerpen

20 THEORIE: INTRODUCTIE JAVA HOOFDSTUK 1 BOEK Wat is een computer? Toetsenbord Muis Beeldscherm Netwerk In- & uitvoer CPU Processor Disk RAM Geheugen Applicatiebouw, Industrieel Ontwerpen

21 COMPUTERPROGRAMMA Processor verwerkt instructies Lijst (set) instructies = programma Welke taal begrijpt de processor? Machinecode Instructie1 Instructie2 Instructie3 Applicatiebouw, Industrieel Ontwerpen

22 JAVA: HOGERE PROGRAMMEERTAAL Java programma (=hogere programmeertaal) int x = 0; int y = 2; int z = x + y Vertaler (compiler) Machinecode Verschillende platformen. Mac OS, Windows, Linux, Android, ios Applicatiebouw, Industrieel Ontwerpen

23 JAVA: WERKT OVERAL WAAR KOM JE JAVA TEGEN? Verschillende platformen (Mac, Linux, Windows) Kleine apparaten (Lego NXT) Telefoons, Tablets, TV s Web-browsers (Applets, Javascript) Hoe? Java Virtual Machine (Java Runtime Environment) Applicatiebouw, Industrieel Ontwerpen

24 APP MAKEN: PROGRAMMEREN Programma: lijst van instructies Programmeren: Schrijven programma mbv. een editor Programmeertaal: Schrijfwijze voor programma s Java broncode Java bytecode JVM Vertalen (compileren) Uitvoeren (run) Applicatiebouw, Industrieel Ontwerpen

25 VOORBEELD JAVA-CODE Bekijk onderstaande stukjes Java Waar zou deze code uit komen? Wat zou hier gebeuren? if ( persoon.raaktaan(goudenring) ) { persoon.krijgtpunten(10); } while ( fiets.beweegt() && sensor.donker() ) { lamp.aan(); } Applicatiebouw, Industrieel Ontwerpen

26 THEORIE: KLASSEN EN OBJECTEN HOOFDSTUK 2 BOEK Wat is een object? Wat is een klasse (class)? > Een recept van een object: > Alles! class Hond { // eigenschappen: int haarlengte; int leeftijd; } // methoden: loop(); blaf(); zit(); Wat het object kan Applicatiebouw, Industrieel Ontwerpen

27 METHODEN kop type naam() { // body } Omschrijving van wat een object kan Methoden kunnen invoer- en uitvoerparameters hebben kop body tussen { } // methode die het lopen verzorgd: void loop(int snelheid) { // hier Java code die lopen regelt } // methode die het blaffen regelt: void blaf(int volume) { luidspreker.uitvoer("blaf.mp3", volume); } Applicatiebouw, Industrieel Ontwerpen

28 STRUCTUUR VAN EEN PROGRAMMA BOEK: PARAGRAAF 2.4 /* * Commentaar */ Main-methode is start van programma import java-bibliotheek; class Naam { } public static void main(string[] args) { // body van de methode // instructies van de methode System.out.println("Hallo wereld!"); } Een class met een main-methode wordt ook wel opstartklasse genoemd Applicatiebouw, Industrieel Ontwerpen

29 TEKST UITVOER Print een regel naar de standaard uitvoer System.out.println("Hallo wereld!"); Tekst tussen aanhalingstekens noemen we een String Applicatiebouw, Industrieel Ontwerpen

30 top SOFTWARE ONTWERPEN STAPPENPLAN VOOR HET MAKEN VAN EEN APPLICATIE (VAN NIETS NAAR IETS) analyse > ontwerp >> implementatie Analyse: vaag, denken, (onder)vragen, (onder)zoeken, specificaties Ontwerp: aanpak, schetsen, omschrijven, pseudo-code Implementatie: doen, code schrijven, tekenen (met computer), detail down Applicatiebouw, Industrieel Ontwerpen

31 INTRODUCTIE ECLIPSE Programma om programma s te maken IDE: Integrated Development Environment Ondersteuning van idee tot afleveren werkend programma Open-source project 32 bits versies! Ondersteund veel programmeertalen en pakketten Applicatiebouw, Industrieel Ontwerpen

32 AAN DE SLAG OPDRACHT 1 Eclipse installeren Download ZIP-file en pak deze uit: module4.io.utwente.nl/applicatiebouw Installatie handleiding in INSTALLATIE.TXT Opdracht 1 maken Samenwerken in duo s Begeleiding Vergeet niet opdracht te laten controleren! (uiterlijk volgend college) Probeer voorbeelden boek Uitleg: Bijlage bij Opdracht 1 Opdrachten lezen: lees paragraaf eerst helemaal door, ga dan aan t werk. Wordt verwezen naar het boek? Lees dat dan ook! > Rond 12:00u korte afsluiting werkcollege Applicatiebouw, Industrieel Ontwerpen

33 Voortgang werkcollege. Heb je de installatie van Eclipse succesvol afgerond? A. Ja B. Nee De vraag gaat open zodra u een sessie en diavoorstelling start. Stemmen: 40 Gesloten Internet SMS Twitter Dit tekstvak wordt gebruikt om de verschillende stemmethodes uit te leggen. Deze presentatie is geladen zonder de Shakespeak Add-In. De juiste uitleg wordt hier ingevuld nadat u een sessie heeft gestart. Het is mogelijk om dit tekstvak aan te passen en te verplaatsen. Add-In gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

34 Voortgang werkcollege. Heb je de installatie van Eclipse succesvol afgerond? A. Ja 100,0% B. Nee 0,0% Gesloten Internet SMS Twitter Dit tekstvak wordt gebruikt om de verschillende stemmethodes uit te leggen. Deze presentatie is geladen zonder de Shakespeak Add-In. De juiste uitleg wordt hier ingevuld nadat u een sessie heeft gestart. Het is mogelijk om dit tekstvak aan te passen en te verplaatsen. Add-In gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

35 Heb je opdracht 1 af gekregen? A. Ja, helemaal B. Bijna, wel Userinterface maar er verschijnt nog geen tekst C. Bijna, ben aan t afronden D. Nee, kwam er niet uit E. Nee, ik heb de opdracht niet gedaan De vraag gaat open zodra u een sessie en diavoorstelling start. Stemmen: 50 Gesloten Internet SMS Twitter Dit tekstvak wordt gebruikt om de verschillende stemmethodes uit te leggen. Deze presentatie is geladen zonder de Shakespeak Add-In. De juiste uitleg wordt hier ingevuld nadat u een sessie heeft gestart. Het is mogelijk om dit tekstvak aan te passen en te verplaatsen. Add-In gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

36 Heb je opdracht 1 af gekregen? A. Ja, helemaal 100,0% B. C. Bijna, wel Userinterface maar er verschijnt nog... Bijna, ben aan t... 0,0% 0,0% D. Nee, kwam er niet uit 0,0% E. Nee, ik heb de opdracht niet gedaan 0,0% Gesloten Internet SMS Twitter Dit tekstvak wordt gebruikt om de verschillende stemmethodes uit te leggen. Deze presentatie is geladen zonder de Shakespeak Add-In. De juiste uitleg wordt hier ingevuld nadat u een sessie heeft gestart. Het is mogelijk om dit tekstvak aan te passen en te verplaatsen. Add-In gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

37 Wat is een methode? A. Een manier om Java code te schrijven. B. Een set parameters gescheiden door komma s bedoeld om een code module op te delen. C. Gedeelte van een klasse bestaande uit een kop en een body. In de kop staat in elk geval de naam van de methode. In de body staan een of meer opdrachten. D. Weet niet De vraag gaat open zodra u een sessie en diavoorstelling start. Stemmen: 48 Tijd: 60s Internet SMS Twitter Dit tekstvak wordt gebruikt om de verschillende stemmethodes uit te leggen. Deze presentatie is geladen zonder de Shakespeak Add-In. De juiste uitleg wordt hier ingevuld nadat u een sessie heeft gestart. Het is mogelijk om dit tekstvak aan te passen en te verplaatsen. Add-In gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

38 Wat is een methode? A. B. Een manier om Java code te schrijven. Een set parameters gescheiden door komma s bedoeld om een code... 14,6% 16,7% C. Gedeelte van een klasse bestaande uit een kop en een body. In de kop staat... 56,3% D. Weet niet 12,5% Gesloten Applicatiebouw, Industrieel Ontwerpen

39 U kunt nu uw berichten insturen Internet 1 2 SMS 1 Deze presentatie is geladen zonder de Shakespeak Add-In. Add-In gratis downloaden? Ga naar 2 Twitter 1 2 Berichten insturen is anoniem Applicatiebouw, Industrieel Ontwerpen

40 Heb je vragen of opmerkingen over deze les? Hoi Nee Yo Berichten: 0 Internet SMS Twitter Dit tekstvak wordt gebruikt om de verschillende stemmethodes uit te leggen. Deze presentatie is geladen zonder de Shakespeak Add-In. De juiste uitleg wordt hier ingevuld nadat u een sessie heeft gestart. Het is mogelijk om dit tekstvak aan te passen en te verplaatsen. Add-In gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen