Visual BasicC++ Diane Zak

Microsoft © Small (But Powerful) Basic Presented by Diane Zak

1GB Silicone Wrist Band Flash Drive You are welcome to take them home!

Overview Walk-throughs Code snippets Activities Wrap-up

OVERVIEW

What is it? 1. Language 2. IDE 3. Libraries Created by: Vijaye Raji at Microsoft

Language Variables Assignment statements Concatenation, arithmetic, relational, logical operators Mathematical functions Graphics (shapes and controls) If statements, For and While loops Arrays Sequential access file processing Text (string) manipulation methods Sub procedures and events

IDEIDE Intellisense Help

Libraries ArrayMouse ClockNetwork ControlsProgram DesktopShapes DictionarySound FileStack FlickrText GraphicsWindowTextWindow ImageListTimer MathTurtle

1.Language 2. IDE 3. Libraries

Requirements? Small Basic Windows XP, Vista, 7.NET Framework 3.5

Why would I want to learn it?

Fun and easy way to introduce programming Intro to Computers Intro to Programming College Freshmen Day High School Recruitment

How can I teach it?

Turtle Object TextWindow sequence only or combined with selection

TextWindow sequence, selection, repetition, sound, and random numbers

GraphicsWindow and Turtle sequence only or combined with selection and repetition

GraphicsWindow and Turtle sequence only

GraphicsWindow sequence and repetition

GraphicsWindow sequence, selection, repetition, random numbers, and counters

GraphicsWindow sequence, selection, arrays, controls, and procedures

GraphicsWindow sequence, selection, arrays, controls, and procedures

Walk-throughs

TextWindow

On your own: 1.Enter a TextWindow.Write statement that displays the message “Gallons: ” 2.Enter a TextWindow.ReadNumber statement that assigns the user’s input to the gallons variable

Arithmetic operations +addition (also can be used for concatenation) –subtraction *multiplication /division Math.Powerexponentiation Math.Floorinteger division

mpg = miles / gallons

TextWindow.WriteLine(mpg)

Math object’s Round method mpg = Math.Round(mpg)

String concatenation operator + "Miles per gallon: " + mpg

Publish

Import

If Statement If condition Then statements [ElseIf condition Then statements] [Else statements] EndIf

If mpg > 30 Then TextWindow.WriteLine("Great") Else TextWindow.WriteLine("Not great") EndIf

Save using Mpg and then run. Then publish again.

Graduate to Visual Basic

Turtle

1.Close the mpg program. 2.Open a new document. 3.Save the new document as MyFirstTurtle.

1.Create a 10 line program using the following commands. Keep in mind that the default height and width of the GraphicsWindow is 442 and 624 pixels, respectively. 2.Save and then run. Turtle.Speed = number from 1 through 10 Turtle.Move(number of pixels) Turtle.MoveTo(x, y) Turtle.TurnLeft() Turtle.TurnRight()

1.Close the MyFirstTurtle program. 2.Open the Hi.sb file contained in the Class folder. 3.Run the program.

1. ' Lines 2 through 8 will center the GraphicsWindow 2. GraphicsWindow.Hide() 3. gwH = gwW = GraphicsWindow.Left = (Desktop.Width - gwW) / 2 6. GraphicsWindow.Top = (Desktop.Height - gwH) / 2 7. GraphicsWindow.Height = gwH 8. GraphicsWindow.Width = gwW 10. ' Line 11 displays text on the title bar 11. GraphicsWindow.Title = "Hi" 13. ' Line 14 shows the GraphicsWindow 14. GraphicsWindow.Show() 16. ' Line 17 sets the Turtle's speed 17. Turtle.Speed= ' position turtle and draw left vertical line in H 20. Turtle.X = Turtle.Y = Turtle.Move(250)

24. ' reposition turtle and draw right vertical line in H 25. Turtle.PenUp() 26. Turtle.X = Turtle.Angle = Turtle.PenDown() 29. Turtle.Move(250)

31. ' reposition turtle and draw horizontal line in H 32. Turtle.PenUp() 33. Turtle.Y = Turtle.TurnRight() 35. Turtle.PenDown() 36. Turtle.Move(50)

38. ' reposition turtle and draw vertical line in i

38. ' reposition turtle and draw vertical line in i 39. Turtle.PenUp() 40. Turtle.X = Turtle.Y = Turtle.TurnRight() 43. Turtle.PenDown() 44. Turtle.Move(200) Answer

Drawing Shapes 46. ' draw circle above vertical line in i 47. <use the GraphicsWindow’s DrawEllipse method (Hint: use 145 and 100 for X and Y, and use 10 for the width and height>

Drawing Shapes 46. ' draw circle above vertical line in i 47. GraphicsWindow.DrawEllipse(145, 100, 10, 10) Answer

1.Complete Lines 49 through Save and then run.

Images and Sound

1.Close the Hi program. 2.Open the PicViewer.sb file contained in the Class folder. 3.Run the program to see the effect of the existing code.

13. ' Lines 14 through 16 load the images and assign names to each 14. imgBirds = ImageList.LoadImage(Program.Directory + "\birds.jpg") 15. imgCat = ImageList.LoadImage(Program.Directory + "\cat.jpg") 16. imgTheEnd = ImageList.LoadImage(Program.Directory + "\TheEnd.jpg") 18. ' Lines 20 through 22 make each loaded image a Shape object that can 19. ' be moved, animated, shown, hidden, or rotated 20. birds = Shapes.AddImage(imgBirds) 21. cat = Shapes.AddImage(imgCat) 22. theEnd = Shapes.AddImage(imgTheEnd)

24. ' Lines 25 through 27 position each Shape object at the right edge of the GraphicsWindow 25. Shapes.Move(birds, 650, 0) 26. Shapes.Move(cat, 650, 0) 27. Shapes.Move(theEnd,650, 0) 29. ' Lines 31 through 33 hide each Shape object (this is necessary because the 30. ' AddImage method automatically displays them on the GraphicsWindow 31. Shapes.HideShape(birds) 32. Shapes.HideShape(cat) 33. Shapes.HideShape(theEnd) 35. ' Line 36 shows the GraphicsWindow 36. GraphicsWindow.Show()

38. ' enter the code to play a wav file named PicViewer.wav 39. <Use the Sound object’s Play method, the Program object’s Directory method, and the concatenation operator to play the "\PicViewer.wav" file.>

38. ' enter the code to play a wav file named PicViewer.wav 39. Sound.Play(Program.Directory + "\PicViewer.wav") Answer

41. ' Lines 42 through 44 show the birds Shape object, animate it, and then delay the program 42. Shapes.ShowShape(birds) 43. Shapes.Animate(birds, -500, 0, 6000) 44. Program.Delay(4000)

1.Complete Lines 46 through Save and then run. 3.For an additional challenge, complete the DIFFERENT VERSION section.

Events and Sub Procedures

1.Close the PicViewer program. 2.Open a new document. 3.Save the new document as Hello.

1. Enter the following two lines of code: txtName = Controls.AddTextBox(100, 50) btnHello = Controls.AddButton("Hello", 100, 100) 2. Save and then run.

1. Enter Controls followed by a period. 2. Press the down arrow until the ButtonClicked event is selected.

Finish the statement as follows: Controls.ButtonClicked = OnButtonClick

Now we need to create the OnButtonClick event procedure. Enter the following lines of code: 5. Sub OnButtonClick 6. myName = Controls.GetTextBoxText(txtName) 7. GraphicsWindow.ShowMessage(myName, "Name Entry") 8. EndSub

1.Save and then run. 2.Click the text box and then type your name. 3.Click the Hello button.

Activities Now it’s time for you to have some fun!

Take your pick: 1.Create the Space Invaders game using the handout provided to you. 2.Look in the EXE folder on your flash drive for a program you might like to create. Then, locate the partially completed.sb file on your flash drive. The FolderContents.doc file on your flash drive provides some additional information about the program. 3.Create your own Small Basic program. 4.Check out the Coin Toss.sb program in the Coin Toss folder. 5.Import one or more of the following programs/games: XHX455 (Click Shapes)KXM316-0 (Calculator) CBX615 (Flower)LWL206-3 (Music Notes) MDJ923 (Paddle Game)PMT149 (Bouncing Balls)

Thank you for coming!

I hope you enjoyed the presentation

Have a great day!