PETERSTUYVESANT COLLEGE INFORMATICA 2009-2010 Programmeren: Visual Basic Document Afbaking 01. VERSCHILLENDE PROGRAMMEERTALEN 02. PROGRAMMEER PAKKETTEN 03. GUI 03.1 GUI ELEMENTEN 03.2 GUI EIGENSCHAPPEN 03.3 UNIEKE NAAM 04. TYPE / SOORT VARIABELE 05. VARIABELEN AANMAKEN 06. CODE UITLEG 07. NIEUWE OPDRACHT 08. CODE UITWERKING 01. VERSCHILLENDE PROGRAMMEERTALEN. Zoals: -Visual Basic -Java -PHP, etc 02. PROGRAMMEER PAKKETTEN Zoals: -Visual Basic Editor -Visual Basic Studio 03. GUI (GRAPHICAL USER INTERFACE) 03.1 Bestaat uit GUI-elementen: -Labels -Textboxen -Listboxen -CommandButtons *Visual Basic (VB) is uitgebracht door Microsoft. Het doel van Visual Basic is de ondersteuning van het bouwen van grafische applicaties op een visuele manier, dat wil zeggen, zo veel mogelijk via directe grafische manipulatie van elementen in plaats van het expliciet invoeren van programmacode. 03.2 GUI Eigenschappen Elke GUI element heeft bepaalde eigenschappen(properties) dat je kunt aanpassen/wijzigen. -Caption -ForeColor -BackColor
03.3 Unieke Naam Elk GUI element moet een uniek naam(name) hebben *Name is te vinden in Properties Unieke Naam Private Sub ComandButton1_Click() Sub Methode v/e Specifieke GUI Element 04. TYPE / SOORT VARIABELEN INTEGER hele getallen DOUBLE breuken(kan ook helen erin bewaard worden) STRING tekst 05. VARIABELEN AANMAKEN Syntax (= taalregels) String naam; Dim naam AS STRING Java Visual Basic
Syntax: DIM variabelnaam AS typevariabele Voorbeelden: DIM getal AS DOUBLE DIM cijfer AS INTEGER DIM naam AS STRING Je schrijft DIM om aan te wijzen dat het geheugen is. DIM Statement is een functie die geheugen formeel declareert in je interne geheugen. Dus hij maakt een stuk geheugen aan en dat geheugen(bijv. getal) krijgt meteen een plek toegewezen in het interne geheugen. (zie bovenstaande figuur) 06. CODE UITLEG Code I: Dim getal As Double Dim formule As Double getal = Val(TextBox1.Text) formule = getal^2 TextBox2.Text = Str(formule) 2 Variabelen/Geheugens aangemaakt, onder de naam getal en formule beide zijn DOUBLE (Optioneel) Code II: Korte Versie TextBox2.Text = Str(Val(TextBox1.Text) ^2) Waarneembaar is dat men hier geen variabelen hoef te gebruiken. * Onderstreept & Dik gedrukt betekend moet als Hoofdletter behoudt worden. WE GAAN CODE I BEHANDELEN!! Z.O.Z.
Visual Basic Editor Code Print Screen Private Sub CommandButton1_Click() Dubbel klik op de CommandButton en er komt dan een scherm tevoorschijn. Zoals jullie weten, de code moet binnen deze Sub Methode van CommandButton1 komen te staan. De code is verdeeld in 7 stappen Stap 1: Geheugen aanmaken Stap 2: Ingevoerde gegevens ophalen Stap 3: Convertor (tekst tot nummer maken) Stap 4: Nummerwaarde in soortgelijk Geheugen Type bewaren Stap 5: Formule maken Stap 6: Convertor (nummer tot tekst maken) Stap 7: Resultaat tonen m.b.v. GUI element Stap 1: Geheugen aanmaken Stap: 1 Dim getal As Double Dim formule As Double Stap: 2-4 getal = Val(TextBox1.Text) Stap: 5 formule = getal^2 Stap: 6-7 TextBox2.Text = Str(formule) Syntax: DIM variabelnaam AS typevariabele Dus je moet het volgende doen: DIM getal AS DOUBLE DIM formule AS DOUBLE
Stap 2: Ingevoerde gegevens ophalen TextBox1 kiezen want hierin staat de waarde die ingevoerd werd door de gebruiker. Pak zijn functie.text TextBox1.Text Wat bedoelt men hiermee? Betekent: Pak de functie.text van TextBox1 om zo de waarde van deze TextBox op te halen. Stap 3: Convertor (tekst tot nummer maken) Nu om tekst nummer te maken; moet je Value introduceren. Dus functie Val( ) Nu moet je de TextBox1.Text tussen die haakjes zetten. Val(TextBox1.Text) Wat bedoelt men hiermee? Pak de tekst van TextBox1 en verander het naar een nummerwaarde. Want anders kan je het niet gebruiken in wiskundige formules. Stap 4: Nummerwaarde in soortgelijk Geheugen Type bewaren Je hebt een variabele aangemaakt getal Bewaar nu de nummerwaarde van TextBox1 in het geheugen getal. Dus resultaat is nu: getal = Val(TextBox1.Text) Let Op! Geen wordt-teken ( := ) gebruiken. Alleen gelijkteken gebruiken(=), zonder dubbele punt.
Stap 5: Formule maken Kwadraat formule bouwen. Gebruik het aangemaakte geheugen formule Bewaar het antwoord van de berekening (getal^2) in het geheugen formule. formule = getal^2 Stap 6: Convertor (nummer tot tekst maken) Nu om nummer tekst te maken; moet je String introduceren. Dus Str( ) Nu moet je het antwoord die in formule bewaard is, tussen die haakjes zetten. Str(formule) Stap 7: Resultaat tonen m.b.v. GUI element TextBox2 wordt gebruikt als het middel om resultaat aan de gebruiker te tonen. Wat moet er nu gedaan worden? Pak de functie.text van TextBox2 TextBox2.Text Pak de geconverteerde nummerwaarde Str(formule) en toon het nu in deze TextBox. Hoe doen we dat? TextBox2.Text = Str(formule) Dus dit betekent: TextBox2.Text toont nu een nummer, in de vorm van tekst. Want TextBoxen begrijpen alleen maar tekst. Dus het nummer-resultaat werd veranderd naar tekst wegens het gebruik van Str() Hierdoor kan het resultaat op de juiste manier getoond worden aan de gebruiker, en de gebruiker merkt er niks van. Hij/zij is niet eens bewust dat al deze kleine processen aan de orde moesten komen zodat hij/zij van een juist resultaat kan profiteren.
07. NIEUWE OPDRACHT Opdracht: Maak de volgende Som Applicatie. Men moet 3 getallen invoeren en vervolgens deze 3 getallen optellen en de uitkomst hiervan in de onderste TextBox tonen. Als je klaar bent controleer je code. Deze is op de volgende pagina te vinden. Docent Advies: Niet afkijken als je nog niet klaar bent! Probeer het zelf, dan pas weet je dat je het echt kan.
08. CODE UITWERKING PROPERTIES > NAME Zorg dat elk GUI element een unieke naam heeft. En deze namen moet je gebruiken in je code, anders werkt het niet! Bij mij hadden ze de volgende namen: Label1, TextBox1, TextBox2, TextBox3, CommandButton1 en TextBox4. Label1 TextBox1 TextBox3 TextBox2 CommandButton1 TextBox4 CODE: Private Sub CommandButton1_Click() DIM getal1 AS DOUBLE DIM getal2 AS DOUBLE DIM getal3 AS DOUBLE DIM formule AS DOUBLE getal1 = VAL(TextBox1.Text) getal2 = VAL(TextBox2.Text) getal3 = VAL(TextBox3.Text) formule = getal1 + getal2 + getal3 TextBox4.Text=Str(formule) End Sub CODE KORTE VERSIE: Wie Kan het Maken?? (Op Pagina 3 staat een voorbeeld: CODE II)