Computer Arts and Technological College, Inc.

Legazpi ● Ligao ● Polangui

COMPUTER 10
Second Quarter Module

 REMEMBER:
To do well in this module, you need to remember and do the following:

1. Read the all instructions carefully before starting anything.

2. Complete all the activities and worksheets. Follow instructions on how to

submit them.

3. Look up the meaning of words that you do not know.

4. You will frequently come across process questions as you go through

different lessons. Keep a notebook (or use the Notepad) where you can
write (and revise) your answers to these questions. Also use the notebook to
jot down short notes, draw diagrams, and summarize what you have just
read.

5. For activities and reports that need to be submitted, use the provided
checklist and rubric to evaluate your work before submission.

6. Allow time for relaxation and recreation when you are mentally tired.

Unit 2: Programming Fundamentals (Part 2 of 2)

 INTRODUCTION:
Computer programmers need to have a wide range of skills to perform the
many responsibilities of the position at the highest level of professionalism. The
most effective programmers combine knowledge, aptitude and technical capability
with soft skills such as the ability to work as part of a team and to communicate
well with others. Aspiring computer programmers need to be able to demonstrate
both types of skills.

 LESSON AND COVERAGE:

In this section, you will examine these questions when you take the following
lessons:

 Lesson 6 – Operators and Expressions

 Lesson 7 – Algorithm, Pseudocode, and Flowchart
 Lesson 8 – Introduction to Visual Basic.Net

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 1|Page

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

In these lessons, you will learn the following:

Lesson 6  Define programming operators and expressions.

 Categorize the programming operators.
 Interpret the different operators.

Lesson 7  Understand the use of algorithm, pseudocode, and flowchart

by defining the terms.
 Name the different symbols used in creating a flowchart in
computer programming.
 Practice creating a program design using a flowchart.

Lesson 8  Describe VB .NET and .NET frameworks.

 Trace the history of VB .NET.
 Identify the IDE software use in creating VB .NET program.
 Understand the basic concepts of VB .NET through writing.

LESSON 6: OPERATORS AND EXPRESSIONS

Firm-Up
Instruction: Do one or all of the following:

1. Read and comprehend the iDiscuss: Operators and Expressions on

Page 46-53 of the Textbook.

2. Read and comprehend the PROG-IPRESENT-U2L6 file shared by your

subject teacher.

3. Watch the Video Lesson namely PROG-VLESSON-U2L6 shared by your

subject teacher.

2|Page COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

iWorksheet 6: Quiz

Instruction: Write the answers on your notebook.

I. Match Column A to Column B.

COLUMN A COLUMN B

1. A.

2. B.

3. C.

4. D.

COLUMN A COLUMN B

5. E.

6. F.

7. G.

8. H.

9. I.

10. J.

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 3|Page

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

II. Identify each word pertained to in each given question.

1. What is the combination of one or more constants, variables, operators, and

functions that the programming language interprets according to its particular
rules of precedence?

2. What do you call a symbol that tells the compiler or interpreter to perform
specific mathematical, relational or logical operation and produce final result?

3. What is the most familiar set of operators and is used to work with true/false
values?

4. What operator is used to add two operands?

5. What operator gives remainder of an integer division?

6. What operator is used to check if the value of the left operand is greater than
the value of right operand?

7. What operator is used to check if the value of left operand is less than the
value of right operand?

8. What operator is used to reverse the logical state of its operand?

9. What operator is used to check if the value of left operand is less than or equal
to the value of right operand?

10. What operator is used to check if the value of left operand is greater than or
equal to the value of right operand?

END OF FIRM-UP

Transfer
Your goal in this section is apply your learning. You will be given a practical
task which will demonstrate your understanding.

iLab 6-A: Operators Dictionary

Instruction: Read carefully and follow the given instructions. Once you are done
saving your work, upload your accomplished output. For this activity, you need to
use Microsoft PowerPoint, WPS Presentation, or Google Slides.

1. Based on Lesson 6, create a dictionary-like for the operators.

4|Page COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

2. The title for your activity should be on the first slide.

3. Create a new slide. This will be for the content of your activity.

4. Going back to the first slide, click the subtitle and type Menu.

5. Highlight the word Menu and right-click into it.

6. Click the Place In This Document and select the second slide.

7. On the second slide, insert a table with three columns and five rows.

8. Insert all the operators you want. Keep in mind that the operators are
based on Lesson 6.

9. After putting the operators, create a new slide.

10. Insert the meaning of the first operator you wrote on the second slide.

11. Add a Back button to take you back to second slide.

12. To do that, go to Insert > Shapes > Action Buttons.

13. The Action Settings dialog box will appear. Click the Hyperlink to > Slide >
Slide 2.

14. Going back to the second slide, highlight the first operator > right-click >
Hyperlink > Slide 3.

15. For the other operators, repeat the steps 9-14.

16. Use the provided Rubric to evaluate your work on Page 7 of this Module.

17. Once you are done, save your work as “ilab6a-yoursurname.pptx”.

18. Upload your accomplished output on the Google Classroom.

Sample Output

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 5|Page

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

END OF TRANSFER

6|Page COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

RUBRIC: Presentation

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 7|Page

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

LESSON 7: ALGORITHM, PSEUDOCODE, AND FLOWCHART

Firm-Up
Instruction: Do one or all of the following:

1. Read and comprehend the iDiscuss: Pseudocode & Flowchart on Page

55-62 of the Textbook.

2. Read and comprehend the PROG-IPRESENT-U2L7 file shared by your

subject teacher.

3. Watch the Video Lesson namely PROG-VLESSON-U2L7 shared by your

subject teacher.

iWorksheet 7: Quiz
Instruction: Write the answers on your notebook.

I. Complete the sentences by filling out the missing words.

1. An is a sequence of methods that is performed by a
computer to solve a specific problem.

2. A specifies the steps of an algorithm using a language

of a control structure.

3. A is a visual representation of the sequence of steps

and decisions needed to perform a process.

4. A flowchart shows controls on how the entire system works

by demonstrating how data flows and what decisions are made to control.

5. A flowchart shows controls over a document-flow through a

system, such as a payroll information, internal memos, and office mail.

6. Flowchart was introduced by Frank and Lilian Gilbreth in year .

7. A flowchart shows controls over a data-flow in a system. It

illustrates how data pass through a system.

8. A flowchart shows controls over how a program works within

a system.

9. Flowchart was also called a flow chart.

10. Different are used for different states in a flowchart.

8|Page COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

II. Identify each word pertained to in each given question.

1. What flowchart symbol is used for arithmetic operations and data-

manipulations?

2. What flowchart symbol is used to indicate the direction of flow of materials

and/or information?

3. What flowchart symbol is used to indicate data inputs and outputs to and
from a process?

4. What flowchart symbol is used to represent a process step that is not

automated?

5. What flowchart symbol is used to organize data into a standard?

6. What flowchart symbol is used to add comments to a flowchart?

7. What flowchart symbol is used to show raw material storage?

8. What flowchart symbol is used to symbolize a database?

9. What flowchart symbol is used to represent start and end of a flowchart?

10. What flowchart symbol is used for document reports?

END OF FIRM-UP

Transfer
Your goal in this section is apply your learning. You will be given a practical
task which will demonstrate your understanding.

iLab 7-A: Symbol Guides

Instruction: Read carefully and follow the given instructions. Once you are done
saving your work, upload your accomplished output. For this activity, you need to
use Microsoft PowerPoint, WPS Presentation, or Google Slides.

1. Create a symbol guide based on the topics discussed in Lesson 7.

2. On your chosen application, choose the template that you will use for this
activity.

3. On the first slide, insert the title of your activity. On the subtitle bar, type
Menu.

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 9|Page

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

4. Create a new slide. This slide is for the Menu of your symbols.

5. Back to the first slide, highlight the Menu > right click > Hyperlink > Place In
This Document > choose slide 2.

6. On the second slide, create a 3 by 6 table.

7. On that column, insert all the symbols you want to use for this activity.

8. On the third slide, insert the description of the first symbol you input on the
second slide.

10 | P a g e COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

9. Add a button that will take you back to the menu of the symbols on second
slide.

10. To do that, go to Insert tab > Shapes > Action Buttons.

11. When the Action Settings dialog box appear, click Hyperlink To > Slide >
choose slide 2.

12. Back to the second slide, highlight the first symbol > right click > Hyperlink
> Place In This Document > and choose slide 3.

13. For the other symbols, repeat the steps 8-12.

14. Use the provided Rubric to evaluate your work on Page 7 of this Module.

15. Once you are done, save your work as “ilab7a-yoursurname.docx”.

16. Upload or pass your accomplished output.

iLab 7-B: My Day Flowchart

Instruction: Read carefully and follow the given instructions. Once you are done
saving your work, upload your accomplished output. For this activity, you need to
use Microsoft Word, WPS Document, or Google Docs.

1. Based on the flowchart on Lesson 7, create a diary using a flowchart about

your routine or activities you did yesterday or today.

2. Remember the proper usage of symbols in flowchart.

3. Express yourself in doing this activity by being creative.

4. Use the provided Rubric to evaluate your work on Page 13 of this Module.

5. Once you are done, save your work as “ilab7b-yoursurname.png”.

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 11 | P a g e

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

6. Upload or pass your accomplished output.

Sample Output

END OF TRANSFER

12 | P a g e COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

RUBRIC: Flowchart Activity

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 13 | P a g e

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

LESSON 8: INTRODUCTION TO VISUAL BASIC.NET

Explore
Activity 8-A: Video Analysis and Understanding

Instruction: Watch the video by following the link below and give your
observations about Visual Basic and .NET. Write your answers on your
notebook.

VB Beginner 1 – What is VB and What

is .NET?

Video Clip by TechEdGUru

(https://www.youtube.com/channel/UCtUF
BJMVCkLm7Cc1pD6OqkA)

https://www.youtube.com/watch?
v=WrboIkvC0bs

END OF EXPLORE

Firm-Up
Instruction: Do one or all of the following:

1. Read and comprehend the iDiscuss: Introduction to Visual Basic .NET on

Page 64-71 of the Textbook.

2. Read and comprehend the PROG-IPRESENT-U2L8 file shared by your

subject teacher.

3. Watch the Video Lesson namely PROG-VLESSON-U2L8 shared by your

subject teacher.

14 | P a g e COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

iWorksheet 8: Quiz

Instruction: Write the answers on your notebook.

I. Complete the sentences by filling out the missing words.

1. is a programming language created by Microsoft, based

on the BASIC language.

2. is a multi-paradigm, object-oriented programming language,

implemented on the .NET framework and developed by Microsoft.

3. The is a Microsoft initiative directed to the

modification of computer world.

4. selection feature allows a programmer to replace the modifier

in an easy way rather than by replacing the access them one by one.

5. Visual Studio has now the feature called by which programmer

can trace each step of the debug points.

6. The give access to create projects, learn about upcoming

product releases and conferences, or read the latest development articles.

7. The section shows a list of projects that have been

created recently.

8. The provides some helpful tips to quickly

develop the applications.

9. The tab allows a programmer to organize

their project, create product backlog, plan an iteration of development, and
track their work.

10. The section provides latest online news about Visual

Basic 2010 Express. It announces new releases and updates.

II. Choose whether the following sentences are TRUE of FALSE.

1. Visual Basic has a RAD system (Rapid Application Development) that enables a
programmer to quickly build applications.

2. Visual Basic is easy to read, program and maintain. It is at its best in

implementing the business rules and logic required of company applications.

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 15 | P a g e

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

3. Visual Basic Framework is a multi-paradigm, object-oriented programming

language, and has a lot of similarities to Visual Basic.

4. The first version of Visual Basic .NET relies on .NET Framework 10.0.

5. In April 2010, Microsoft released Visual Basic 10.0.

6. Box selection feature allows a programmer to replace the modifier in an easy

way rather than by replacing the access them one by one.

7. VB .NET uses ASP.NET to build web applications.

8. VB .NET use .MET framework class library along with specialized VB library as
a standard library.

9. Programs written in VB .NET can run on any platforms where .NET frameworks
are present.

10. With VB .NET, a developer can create single application only.

END OF FIRM-UP

Transfer
Your goal in this section is apply your learning. You will be given a practical
task which will demonstrate your understanding.

iLab 8-A: Research and Summarize

Instruction: Read carefully and follow the given instructions. Once you are done
saving your work, upload your accomplished output. For this activity, you need to
use Microsoft Word, WPS Document, or Google Docs and any web browser.

1. Do a research about the brief history of Visual Basic.

2. Do a research about the brief history of Visual Basic.

3. You may include the following information in your activity:

Introduction
Different versions of Visual Basic
How to use Visual Basic

4. Summarize your research on your your chosen application.

16 | P a g e COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)
 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

5. Do not forget to apply the following on your activity:

Font – Candara, 12 (content)

Alignment – Justify
Line spacing – Single

6. Be reminded of the proper guidelines in using the web.

7. Cite all the sources at the bottom part of your activity.

8. Use the provided Rubric to evaluate your work on Page 18 of this Module.

9. Once you are done, save your work as “ilab8a-yoursurname.docx”.

10. Upload or pass your accomplished output.

Sample Output

END OF TRANSFER

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 17 | P a g e

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

RUBRIC: Research Paper

18 | P a g e COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

Unit 3: Data and Control Management (Part 1 of 2)

 INTRODUCTION:
Why is it that computers only work with zeros and ones? Why can't they
work directly with text or images, for example? The answer is that it is rather easy
to build circuits that can represent two states.

If you have an electrical wire, you can either run electricity through it or not.
The flow or no flow of electricity could represent several things, such as ON or OFF,
TRUE or FALSE, or 0 (zero) or 1 (one).

Let us think of these two states as 0 and 1 for now, with 0 representing no
electricity flowing and 1 symbolizing that we do have flow. If we use these two
states, we could add more wires and, by doing that, have more 0s and 1s.

But what could we possibly do with all of these zeros and ones? Well, the
answer is that we can do almost anything. In this module, you will learn how
computer interpret and present data by using different number systems.

 LESSON AND COVERAGE:

In this section, you will examine these questions when you take the following
lessons:

 Lesson 9 – Getting to Know the IDE

In these lessons, you will learn the following:

Lesson 9  Define what IDE is.

 Label the parts of the Visual Basic window.
 Familiarize the different components of Visual Basic through
listing.
 Practice creating a program using windows form.

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 19 | P a g e

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

LESSON 9: GETTING TO KNOW THE IDE

Programming is the art and science of writing instructions that a computer

can follow to accomplish a task. This task can be playing a game, performing a
calculation, or browsing the web, for example. However, before we can learn how
to write programs, we should understand what a program is and how a computer
can understand and execute the instructions we give it.

Firm-Up
Instruction: Do one or all of the following:

1. Read and comprehend the iDiscuss: Getting to Know the IDE on Page
79-86 of the Textbook.

2. Read and comprehend the PROG-IPRESENT-U3L1 file shared by your

subject teacher.

3. Watch the Video Lesson namely PROG-VLESSON-U3L1 shared by your

subject teacher.

iWorksheet 9: Quiz

Instruction: Write the answers on your notebook.

I. Complete the sentences by filling out the missing words.

1. is a programming environment which supports a set of

programming languages in creating applications.

2. is located at the topmost of the visual basic window

containing the name of the project.

3. provides the user a quick access to the most commonly

used functions of the program.

4. The contains reusable controls and components that added to

the application.

5. The window contains the hierarchical view of the solution.

6. The shows the properties of the selected object.

20 | P a g e COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)
 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

7. The is where the databases and database functions are located.

8. The contains the commands that are used when creating the
application.

9. window is the primary work area where the visual development

of the application is created or modified.

10. serves as an editor for entering application code to be

executed.

II. Choose whether the following sentences are TRUE of FALSE.

1. Build contains commands for opening projects, closing, printing project data,
etc.

2. Test enables the programmer to manage test in Visual Studio.

3. Format allows the programmer to perform report and calculate metrics.

4. Analyze enables the programmer to manage tests in Visual Studio.

5. Architecture contains commands used to create new diagram, generate

dependency graph, and access to a different windows explorer.

6. Tools contains commands for accessing additional IDE tools and options that
enable customization of the IDE.

7. Data contains commands for arranging and changing the appearance of a

form’s controls.

8. Team contains commands to connect to the Team Foundation Server.

9. Help contains command such as hide, dock as tabbed documents, and close.

10. Debug contains commands for debugging and running a program.

END OF FIRM-UP

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 21 | P a g e

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

Transfer
Your goal in this section is apply your learning. You will be given a practical
task which will demonstrate your understanding.

iLab 9-A: Visual Studio Window

Instruction: Read carefully and follow the given instructions. Once you are done
saving your work, upload your accomplished output. For this activity, you need to
use Microsoft Word, WPS Document, or Google Docs and Visual Basic.Net / Visual
Studio.

1. Create an illustration about the parts of Visual Studio 2010/2013.

2. Open Visual Basic.Net or Visual Studio 2010/2013.

3. Create a new project. After creating a new project, press the Print Screen
button on the keyboard or use the Snipping Tool to capture the image.

4. Save the screenshot.

5. After saving the image, open your chosen application.

6. On your chosen application, insert the screenshot of Visual Studio window

and put an arrow symbol or any line to emphasize each part.

a) Title Bar f) Properties Window

b) Menu Bar g) Designer or Form Window
c) Toolbar h) Code View/Code Editor
d) Toolbox i) Data Source
e) Solution Explorer Window j) Form Layout Window

7. Explain each part of the window.

8. Once you are done, save your work as “ilab9a-yoursurname.docx”.

9. Upload or pass your accomplished output.

22 | P a g e COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

iLab 9-B: Welcome to Visual Studio

Instruction: Read carefully and follow the given instructions. Once you are done
saving your work, upload your accomplished output. For this activity, you need to
use Visual Basic.Net.

1. Open Visual Studio 2010/2013.

2. Create a New Project.

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 23 | P a g e

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

3. When the New Project dialog box appears, click Visual Basic and select
Windows Form Application then click OK.

4. The IDE window will now appear.

5. Next, insert a Control button into the project.

6. Change the Text Property of the button into Click.

24 | P a g e COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology)

 Computer Arts and Technological College, Inc.
Legazpi ● Ligao ● Polangui

7. Now, double-click the button. When the Code window appears, enter the
code below.

MsgBox(“WELCOME TO VISUAL BASIC 2010”)

8. Run the program. Click the Debug tab > Start Debugging or press F5
from the keyboard.

9. Click the button to display the message box.

10. Save the project in File tab > Save All.

11. Create a new folder in the location you want to save your file.

12. Once you are done, save your work as “ilab9b-yoursurname.proj”.

13. Upload or pass your accomplished output.

END OF TRANSFER

COMPUTER 10: TLE – ICT (Programming Using VB.Net Technology) 25 | P a g e