Lesson 6 Introduction to Human Computer Interaction.pptx

Lesson 6 Introduction to HCI.pptx

1. Introduction to HCI Instructor: Ellen Grace Porras

2. Visual Basic.Net 2 If Statements Radio Buttons CheckBox ListBox

3. If Statements/Conditions Use the  if  statement to specify a block of code to be executed if a condition is  true . Use the  else  statement to specify a block of code to be executed if the condition is  false . Use the  elseif  statement to specify a new condition if the first condition is  false . 3

4. Let’s try: Math Functions 4 10 First Number: Compute Second Number: 5 Add Sub Multiply Divide Message Box //Answer here 10 Instead of using buttons, let us use Combo Box

5. Let’s try: Math Functions Dim num1, num2, answer as Decimal num1 = TextBox1.Text num2 = TextBox2.Text If ComboBox1.Text = "Add" Then answer = num1 + num2 MessageBox.Show( "The Sum is: " & answer) ElseIf ComboBox1.Text = "Sub" Then answer = num1 - num2 MessageBox.Show( "The difference is: " & answer) End If 5 Message Box //Answer here 10 10 First Number: Compute Second Number: 5 Add Sub Multiply Divide

6. Let’s try: Math Functions ElseIf ComboBox1.Text = “multiply" Then answer = num1 * num2 MessageBox.Show( "The product is: " & answer) ElseIf ComboBox1.Text = “divide" Then answer = num1 / num2 MessageBox.Show( "The quotient is: " & answer) End If 6 Message Box //Answer here 10 10 First Number: Compute Second Number: 5 Add Sub Multiply Divide

7. Radio Button Syntax: If RadioButton1.Checked = True Then MessageBox.Show ( "Welcome First Year!" ) ElseIf RadioButton2.Checked = True Then MessageBox.Show ( "Hello Second Year!" ) End If 7 First Year Submit Second Year Message Box //Answer here Welcome First Year!

8. Radio Button Syntax: If RadioButton1.Checked = True Then MessageBox.Show ( "Welcome First Year!" ) ElseIf RadioButton2.Checked = True Then MessageBox.Show ( "Hello Second Year!" ) ElseIf RadioButton3.Checked = True Then MessageBox.Show ( "Almost There Third Year!" ) ElseIf RadioButton4.Checked = True Then MessageBox.Show ( "Congratulations!" ) End If 8 First Year Submit Second Year Third Year Fourth Year Message Box //Answer here Hello Second Year!

9. 9 Check your Knowledge Declare a variable firstname , Lastname and Fullname as String. Show the output using MessageBox with a text your “ fullname is: “ and add your gender. firstname = txt1.Text lastname = txt2.Text fullname = txt1.Text + " " + txt2.Text If RadioButton1.Checked = True Then MessageBox.Show( "Your fullname is: " + fullname + " Your Gender is: " + "Male" ) ElseIf RadioButton2.Checked = True Then MessageBox.Show( "Your fullname is: " + fullname + " Your Gender is: " + "Female" ) End If

10. 10 Check your Knowledge Declare a variable firstname , Lastname and Fullname as String. Show the output using Textbox with a text your fullname is: and add your gender firstname = txt1.Text lastname = txt2.Text fullname = txt1.Text + " " + txt2.Text If RadioButton1.Checked = True Then Textbox3.text= "Your fullname is: " + fullname + " Your Gender is: " + "Male" ElseIf RadioButton2.Checked = True Then Textbox3.text= "Your fullname is: " + fullname + " Your Gender is: " + RadioButton2.Text End If

11. Checkbox Syntax: If CheckBox1.Checked = True Then MessageBox.Show ( “Hello BSIT!" ) End If If CheckBox2.Checked = True Then MessageBox.Show ( “Hello BSHM!” ) End If 11 BSIT Submit BSHM

12. Thank you Presenter name: Ellen Grace D. Porras Email address: [email protected]