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, Marc Schreiber, Tara Kinneging, Timothy Teoh, Robert-Jan den Haan Applicatiebouw, Industrieel Ontwerpen

3 INHOUD COLLEGE 1 Introductie Applicatiebouw Java theorie: Introductie Java (Hst. 1) Klassen en objecten (Hst. 2) Introductie Eclipse & opdracht Applicatiebouw, Industrieel Ontwerpen

4 APPLICATIEBOUW: VOOR WIE? 1 e jaars volgen het vak samen met project SmartProducts Herkansers die het vak los volgen Applicatiebouw, Industrieel Ontwerpen

5 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

6 WAT KAN JE ERMEE? EEN BLIK OP DE TOEKOMST Programmeer kennis bij IO: WebDesign Ontwerpen van Interactieve producten Voor jezelf: Inzicht hoe een computerprogramma werkt Website maken (portfolio?) Later: kennis van zaken in designteams Applicatiebouw, Industrieel Ontwerpen

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

8 VOORBEELDEN VAN APPLICATIES Applicatiebouw, Industrieel Ontwerpen

9 We gaan stemmen Internet 1 Ga naar shakeq.com 2 Log in met APPL SMS 1 Deze presentatie SMS naar is 06 geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar 2 Typ College <spatie> uw keuze (bv. College b) Twitter 1 2 Begin uw tweet met #APPL <spatie> het vraagnummer Typ daarna <spatie> uw keuze (bv. #APPL 1 b) Geen extra kosten per bericht Applicatiebouw, Industrieel Ontwerpen

10 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: 0 Gesloten Internet Ga naar shakeq.com en log in met APPL SMS Stuur naar : College <spatie> uw keuze (bv. College b) Twitter Tweet #APPL <spatie> 1 <spatie> uw keuze (bv. #APPL 1 b) Deze presentatie is geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

11 Heb je ervaring met het maken van applicaties (of programmeren)? A. B. Ja Een beetje Deze voorbeeld resultaten zullen op 0 gezet worden zodra een sessie en diavoorstelling gestart zijn. 33,3% Voel u vrij om ondertussen de layout van de resultaten te veranderen (bv. de kleur) 66,7% C. Nee 100,0% Gesloten Internet Ga naar shakeq.com en log in met APPL SMS Stuur naar : College <spatie> uw keuze (bv. College b) Twitter Tweet #APPL <spatie> 1 <spatie> uw keuze (bv. #APPL 1 b) Deze presentatie is geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

12 STRUCTUUR VAN HET VAK Alle donderdagen dit kwartiel Ochtend: 1u hoorcollege, 3u werkcollege Werkcollege: opdrachten maken Middag: werken aan project Beoordeling Schriftelijke toets DPU s project 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 Applicatiebouw, Industrieel Ontwerpen

13 MATERIAAL BlackBoard Zelfstudie: leerstof in rooster (onder Planning) Opdrachten tijdens werkcolleges Software Eclipse, LeJOS Applicatiebouw, Industrieel Ontwerpen

14 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

15 BLACKBOARD ONDERWERPEN EN LEERSTOF IN ROOSTER Hoofdstuk boek Applicatiebouw, Industrieel Ontwerpen

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

17 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 projectgroepleden Begeleiding: studentassistenten & docent Lees de opdracht goed voor je begint! Opdrachten lezen: lees paragraaf eerst helemaal door, ga dan aan t werk. Wordt verwezen naar het boek? Lees dat dan ook! Applicatiebouw, Industrieel Ontwerpen

18 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

19 BEOORDELING DPU s tellen voor 20% mee, mits alle drie DPU s voldoende zijn Eindcijfer = 0,8 * toetscijfer + 0,2 * cijfer DPU s Eindcijfer is onderdeel module-cijfer (1/5 deel) Voor herhalers: Eindcijfer = 0,8 * toetscijfer + (aantal voldoende opdrachten)/3 Alleen de opdrachten 3 tm. 8 tellen mee voor het cijfer, maar opdrachten 1 en 2 moeten ook zijn gecontroleerd en ingeleverd Applicatiebouw, Industrieel Ontwerpen

20 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

21 TOETS Schriftelijke toets woensdag 2 juli 8:45u sportcentrum Herkansers moeten inschrijven via Osiris; inschrijfperiode: 28/5 tot 18/6 Reguliere studenten zijn automatisch ingeschreven via TOM module Voorbeeld toetsen hier beschikbaar Herkansing: vrijdag :45u Meer details in laatste college Applicatiebouw, Industrieel Ontwerpen

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

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

24 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

25 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

26 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

27 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

28 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

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

30 STRUCTUUR VAN EEN PROGRAMMA BOEK: PARAGRAAF 2.4 /* * Commentaar */ Start van programma import java-bibliotheek; class NaamVanDeClass { } 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

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

32 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 Implementatie: doen, code schrijven, tekenen (met computer), detail down Applicatiebouw, Industrieel Ontwerpen

33 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

34 AAN DE SLAG OPDRACHT 1 Eclipse installeren Download ZIP-file van BlackBoard (onder Cursusmaterialen ) Installatie handleiding in INSTALLATIE.TXT Opdracht 1 maken Begeleiding Probeer voorbeelden boek Uitleg: Bijlage bij Opdracht 1 Applicatiebouw, Industrieel Ontwerpen

35 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: 0 Gesloten Internet Ga naar shakeq.com en log in met APPL SMS Stuur naar : College <spatie> uw keuze (bv. College b) Twitter Tweet #APPL <spatie> 2 <spatie> uw keuze (bv. #APPL 2 b) Deze presentatie is geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

36 Voortgang werkcollege. Heb je de installatie van Eclipse succesvol afgerond? Deze voorbeeld resultaten zullen op 0 gezet worden zodra een sessie en diavoorstelling gestart zijn. A. Ja 50,0% Voel u vrij om ondertussen de layout van de resultaten te veranderen (bv. de kleur) B. Nee 100,0% Gesloten Internet Ga naar shakeq.com en log in met APPL SMS Stuur naar : College <spatie> uw keuze (bv. College b) Twitter Tweet #APPL <spatie> 2 <spatie> uw keuze (bv. #APPL 2 b) Deze presentatie is geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

37 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: 0 Gesloten Internet Ga naar shakeq.com en log in met APPL SMS Stuur naar : College <spatie> uw keuze (bv. College b) Twitter Tweet #APPL <spatie> 3 <spatie> uw keuze (bv. #APPL 3 b) Deze presentatie is geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

38 Heb je opdracht 1 af gekregen? A. B. C. Ja, helemaal Bijna, wel Userinterface maar er verschijnt nog... Bijna, ben aan t... Deze voorbeeld resultaten zullen op 0 gezet worden 20,0% zodra een sessie en diavoorstelling gestart zijn. Voel u vrij om ondertussen de layout van de resultaten 40,0% te veranderen (bv. de kleur) 60,0% D. Nee, kwam er niet uit 80,0% E. Nee, ik heb de opdracht niet gedaan 100,0% Gesloten Internet Ga naar shakeq.com en log in met APPL SMS Stuur naar : College <spatie> uw keuze (bv. College b) Twitter Tweet #APPL <spatie> 3 <spatie> uw keuze (bv. #APPL 3 b) Deze presentatie is geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen

39 U kunt nu uw berichten insturen Internet 1 Ga naar shakeq.com 2 Log in met APPL SMS 1 Deze presentatie SMS naar is 06 geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar 2 Typ College <spatie> uw bericht Twitter 1 2 Tweet uw bericht Verwerk #APPL en #Q in uw tweet Geen extra kosten per bericht Applicatiebouw, Industrieel Ontwerpen

40 Heb je vragen of opmerkingen over deze les? 1. Dit is een voorbeeld bericht met het max. aantal tekens. Pas dit aan naar de gewenste grootte, lettertype etc. Dit wordt onthouden. Start dan uw sessie. 2. Dit is een voorbeeld bericht met het max. aantal tekens. Pas dit aan naar de gewenste grootte, lettertype etc. Dit wordt onthouden. Start dan uw sessie. 3. Dit is een voorbeeld bericht met het max. aantal tekens. Pas dit aan naar de gewenste grootte, lettertype etc. Dit wordt onthouden. Start dan uw sessie. Internet SMS Twitter Ga naar shakeq.com en log in met APPL Stuur naar : College <spatie> uw bericht Verwerk #APPL en #Q in uw tweet Berichten: 0 Deze presentatie is geladen zonder de Shakespeak plug-in. Plug-in gratis downloaden? Ga naar Applicatiebouw, Industrieel Ontwerpen