USER’S MANUAL

This user’s manual was created to provide users with condensed information
about how to use the Computer Aided Instruction in Digital Design (CAI-DD)
system and its features.

Table of Contents

PART I. What is CAI-DD? B. Student Application Page

ƒ Introduction
ƒ Manual Convention ƒ Take the Pre-Test & Post-Test
ƒ Progress Report
PART II. How to Use the CAI-DD ƒ View Course Map
Software? ƒ Start the Tutorial
ƒ View Lessons
ƒ CAI-DD Visual Interface ƒ Lesson Drills
ƒ Getting Started with CAI-DD ƒ References
ƒ Logging in to your CAI-DD ƒ View Related Media
Account ƒ Submit a Question
ƒ CAI-DD Password Retrieval ƒ View Info Board
ƒ Change Password ƒ Accessing the Glossary
ƒ View the Content of the User’s
Guidelines C. System Administrator Page
ƒ Logging Out
ƒ Close the Program ƒ Update Users Account
ƒ Navigating the CAI-DD Menu ƒ Update System Administrator
& Header Bar Account
ƒ Update Users Access
A. Teacher Application Page ƒ View & Print Users’ Logs
ƒ Monitor Users Log Changes
ƒ Update Lessons in the Online
Tutorial
ƒ Create a Test
ƒ Student Progress Report
ƒ Update Subject Schedule
ƒ Updating Users
ƒ Reply to a Question
ƒ Posting in the Information
Board
ƒ Update Glossary of Terms
ƒ Update Images and Videos
 2

PART I. WHAT IS CAI-DD?

Introduction

Computer-Aided Instruction in Digital Design (CAI-DD) is web-based tool

learning for the education system that would provide assistance to the teachers and
students in their teaching and learning process and provide them an instructional
material that can be access and retrieve anytime at any location over the internet.

Manual Convention

This user’s manual was created in order to provide users a reference on how
to use the system. It contains both written instructions on the operations and
associated screenshots of how the program looks.

The following terms are shortly defined as it is used in this manual.

Button. A graphical object used to symbolize predefined procedures shown in

the dialog boxes.

Click. To press the left button of the mouse pointing the mouse pointer arrow
to a button.

Form. A graphical screen that the user should fill in by entering the data.

PART II. HOW TO USE THE CAI-DD?

CAI-DD Visual Interface

3
 3

1. CAI-DD Header Bar – displays the header and buttons that perform certain
features when clicked.
2. CAI-DD Side Bar Menu– contains the menu options of the major features
of the system
3. CAI-DD Main Window – displays the lessons, forms, and other features of the
system.

Getting Started with CAI-DD

To start using CAI-DD, you can perform either procedure #1a or #1b and then
proceed to #2.

1a. In your desktop, click the

START button in the taskbar

and select a web-browser.

1b. In your desktop, double-click

the web-browser icon.

2. Click the address bar of your browser and type the web address
http://caidd.com.

Address bar of your Internet Browser

 4

Logging-in to your CAI-DD Account

1. Click the Login button in the

header bar and the Login Box will
appear.
2. Click the ID number textbox and
type your User ID.
3. Click the Password textbox and
type your password.
4. Click the Log-in button.

Note: a. The default ID number and password for CAI-DD is the users WNU ID
number. Please refer to your Certificate of Registration (COR) or WNU
Identification Card for your ID number and password.
b. Only registered users can access the system. Please see your teacher for
confirmation of your account.

CAI-DD Password Retrieval

1. Click the “Forgot your password?”

hyperlink below the Log-in button
in the login box. A Forgotten
Password Form will appear.

Forgot your Password hypertext link

2. Click the ID number textbox and

enter your ID number.

3. Click the SUBMIT button. A New

Password Form will appear.

4. Click the textbox and enter your

password hint.

5. Click SUBMIT button to get new

password.
 5

6. The new password dialog box will

appear with the new password.

7. Click the LOG-IN button to login to

CAI-DD.

New Password

Note: If you are a registered user, the system will generate a temporary password, otherwise
the system will direct you to the login form again. You can login again to the system
using your temporary password and you will have the option to change the password.

Change Password

1. Click the change password hyperlink in

the Login form. The change password
form will appear.
2. Fill-in the form with your id number,
current password, your new password,
and password hint.
3. Click the Submit button or CANCEL
button to disregard changes.

Note: The system will log-out you out after you have
submitted the form. You can now try your new
password.

View the Content of the User’s Guidelines

1. Click the HELP button in the header bar to view the user
guide of the CAI-DD system. A Help Page will appear in a new browser.
 6

2. Click on the topic on the Help list, instructions in text and demonstration on
how to access the different features of the system will be displayed on a new
browser.

Logging Out
Once you have done all the necessary actions, you can log out.

1. Click on the LOGOUT button of the header button and the QUIT
and CANCEL button will appear.

2. Click the QUIT button to log out of the system

3. Click CANCEL button to return to the user application page.

Close the Program

Click the X button on the upper right portion of the screen to close the
program.

Navigating the CAI-DD Menu & Header Bar

When you have successfully login to the CAI-DD system, a user application
page will appear which means you are ready to use the program.
 7

Teacher Application Page

Home – This will bring the teacher to the welcome page.

Course Map - This will display the course outline in picture format.
Q & A – This is the page where the teacher can answer questions of students
that are related to the course.
Media – This will allow teachers to update the contents of images and videos
in the system. Video – This will display the videos related to the course.
Help – This will guide the teacher on how to navigate the system.
Logout – This will close the program.
Tutorials – This will display the course materials like lessons, examples, and
drill exercises.
Progress – This is the page where teachers can view the student’s pre-test
and post-test results in table and graph format.
Lessons – This is the page where teachers can update lesson content in the
online tutorial.
Tests – This is the page where the teacher can update questionnaires.
Glossary – This is the page where the teacher can add, edit, and delete terms
used in the CAI-DD.
Info Board - This is the page where teachers can post announcements and
reminders for the course.
Schedules – This will display the form where the teacher could add, delete
and edit students account in the system.
 8

Log Changes – This page will display the changes made by the teacher in the
system.
References - This page lists all the books being used in the course.
Related Media – This will enable the teacher view images and video files
related to the lesson.

Update Lessons in the Online Tutorial

Click the Lessons button on the CAI-DD side bar menu. The Lessons form
will appear. In the Lessons list (shown in red box), click on the lesson title you
want to update. The Topic No., page number, and filenames of the pages will
appear (shown in orange box).

To add a page:
1. Click on the file found in the Available Topics list (shown in green box)
2. Click ADD button to put the page at the last portion of the lesson.

To insert a page:
1. Click on the page number where you want the page to be inserted.
2. Click Insert Before to insert the page before the selected page number.
3. Click Insert After to insert the page after the selected page umber.

To remove a page:
1. Click on the page number of the lesson you want to remove.
2. Click the Remove Page to remove the selected page in the tutorial.
 9

To change a page:
1. Click on the page found in the available topic.
2. Click on the page number of the page you intend to change in the tutorial.
3. Click Change Page button to replace the page in the tutorial with a new page.

To upload a page:
1. Click upload button on the Available Topic area (shown in green box).
2. Select the file you want to upload.
3. The uploaded filename will appear in the list of Available topics.

To delete a file:
1. Click on the file you want to delete from the available topic list.
2. Click the Delete File button to delete the file.

Note: Please see your course coordinator for permissions and access rights to update lessons
and related media in the CAI-DD system.

Create a Test

This form will create the pre-test and post-test questionnaire of each lesson
in the course. Only the teacher can access this section of the system. There is no
limit on the number of test questions.

1. Click the Tests Button on the CAI-DD side bar menu and the
Tests Creator Form will appear.

2. Select a lesson where the test must be taken.

3. Complete the Quiz Details and Click the option button to set the quiz as
default.
4. Click CREATE button to make a new test.
 10

5. A confirmation message will be displayed.

6. Click EDIT button to enter the test items.

7. Click ADD button and to key in the test

questions, choices, answer key, and the lesson
reference.

8. Click drop down arrow to select the question

difficulty level.

9. Click SAVE button and click the ADD button again to enter another
question.
10. Click the SELECT FIGURE button to upload an image or figure in gif, jpeg or
png format to insert a figure in the test item.
11. After completing the test questions, click BACK TO MAIN button to return to
the test creator form.

Student Progress Report

The teachers can only view students test results of their respective classes.

1. Click the Progress button in the CAI-DD side bar menu, a

Progress Form will appear.
 11

2. Click the Code ID of the course title (as shown in yellow box) to view the
names of students (as shown in green box) in your class.

3. From the list of students in the Student Information table, select a student
and the Student’s Evaluation Graph will appear. (as shown in orange box)

4. Click the REPORT button to print the progress report of all

students enrolled in the class.

5. Click the STUDENT PROGRESS REPORT button to

print a student progress report which includes the pre-test and post-test
score.

6. Click the Print button to print the students grades enrolled in the
class

Update Subject Schedule

1. Click the SCHEDULE button on the side menu bar. A Subject Schedule
form will appear.
 12

2. Click ADD button to update subject schedule.

3. Fill in the form with your class schedule information.
4. Click SAVE button to save the information in the system.
5. Proceed with encoding the student’s information by clicking the UPDATE
STUDENTS button.

Updating Users

Student Account:

1. In the CAI-DD side bar menu, click the Schedule button. A class schedule
form will appear.
2. Click the schedule ID or course name. Select from the list.
3. Click the UPDATE STUDENT USERS button. The Add Students form
will appear.
 13

4. Click the ADD button and fill-in all fields.

5. Click the SAVE button to save the entry. The new student information
will appear in the list.
6. Click the Cancel button if you decide to discard this.

To Edit a Student Account:

1. In the Student Information Form, click on the name of student to edit the
student information.
2. Click EDIT button and change the data.
3. Click SAVE button to save the changes made to the student information.
4. Click CANCEL button to discard the changes.

To Delete a Student Account:

a. In the Student Information Form, click on the name of student to be
deleted.
b. Click DELETE button to delete the student account in the class.

To View Student Logs:

1. Click the VIEW LOGS button and the Student Users Logs will appear.

2. Click LOG REPORT button to print the report.

3. Click UPDATE STUDENTS button to return to Student
Information Form.
4. Click SCHEDULES to return to Schedules Form.

Reply to a Question

1. Click the Q & A button in the CAI-DD Header Bar. The Q &
A form will appear.
 14

2. Click on the question list where replied status is NO.

3. Click the Reply button to type in the answer.

4. Type your reply in the Reply Box form.

5. Click Send button to submit the answer or click Back button to return to the
list of questions.

Posting in the Information Board

This is the form where teachers can post messages, announcements and
reminders to guide students in their learning of the course.

1. Click on the Info Board button on the side bar menu buttons
and the Info Board form will appear.
2. Click on the New Activity button and the message textbox will appear.

3. Type in the message or announcements.

4. Click the SAVE button to post the information or reminders.
5. Click CANCEL button to disregard information.
To Delete an Activity:
1. Click on the Activity Title.
2. Click the Delete Activity button or Delete All button to delete all activity.
 15

Update Glossary of Terms

1. Click the Glossary button on the CAI-DD side menu

bar. The glossary form will appear.
A B

2. Enter the term in the textbox A and its corresponding definition or

description of the term on textbox B.

3. For terms with symbols or figure, click SELECT FIGURE button to

attached a figure to the term. Click CLEAR FIGURE to discard the figure
or image.

4. Click the ADD button to add the term in the list of terms.

5. Click the EDIT button to edit the term or the definition of the
term.

6. Click the DELETE button to delete the term from the list of
terms.

Update Images and Videos

1. Click the MEDIA button on the CAI-DD side bar menu. The related media
form will appear.
 16

2. Select from the list of images and the image will appear. Enter image title,
description and source of image. Click on the check box where the image can be
viewed by the students. Click UPDATE LINKS button to update
the link of the image.

3. Select from the list of videos and the video will appear. Enter video title,
description and source of video. Click on the check box where the video can be
viewed by the students. Click UPDATE LINKS button to update
the link of the video.

4. Click UPLOAD IMAGE button or the UPLOAD VIDEO button

, the image and video download form will appear.

5. Click BROWSE button to select the image you want to upload.

6. After selecting the image, click the UPLOAD button.
7. In the Image Preview screen, enter the Image title, description, and click the
checkbox where you want the image or video to be viewed by the your
students.
8. Click UPDATE button to save the images and videos. (Do the same procedure
in uploading a video file.)
 17

Student Application Page

Home – This is the page where the system will welcome the students.
Course Map – This will display the topics covered by the course.
Q & A – This is the page where the students can submit questions to their
teacher related to the course.

Help – This will guide the user on how to navigate the system.
Logout – This will close the program.
Tutorials – This is the page where students can view the course materials
like lessons, examples, and drill exercises.
Progress – This is the page where students can view their pre-test and post-
test results.

Test – This will display the pre-test and post-test the student will have to
take before starting a new lesson.

Info Board - This is the page where students can view all the announcements
and reminders posted by the teacher for the course.

Glossary – This will display the definition of terms in digital design.

References - This page lists all the books being used in the course.
Related Media – This will allow students to view images and videos related to
the lessons.
 18

Take the Pre-Test & Post-Test

Before a student can start with the new lesson, he must answer the pre-test
of the lesson. The system will not allow students to view lessons where pre-test had
not been taken. After studying the lesson, the student had to answer the post-test in
order to measure the learning gained in that particular lesson before proceeding
with the next lesson.

1. Click the Test button in the CAI-DD side bar menu and the title of the test
will appear. Title

2. Move the mouse pointer over the text “CLICK HERE TO TAKE TEST” and
press left button of the mouse.

3. After reading the objectives of giving the test, click the CONTINUE button
.

4. Read the questions carefully and click on the radio button that corresponds to
your answer.

5. Click the NEXT button to answer the next question.

 19

6. Click the FINISH button to exit the test after answering the
last question.
7. Your score, equivalent grade, your answers, the correct answers, and the
lesson reference number for incorrect answers will be displayed.

8. Click the View Progress button to view your progress report in graph
format or Click the Take Quiz Again button of your score is below 80.

Progress Report

Students can only view their test results in their respective classes on either
procedure in #1a or #1b and proceed to #2.

1a. Click the Progress Report button in the side bar menu to view
your pre-test and post-test scores in graph format as shown below.
 20

1b. After you have taken the pre-test or post-test, click View Progress Report
button.

2. Click the Progress Report button found at the top right portion of the graph
to view the progress report or summary of scores.

3. Click File at the Menu bar of your browser and select Print or press at the
same time Ctrl key and P to the print the report.

View Course Map

This page will display the topics and sub-topics covered by CAI-DD.

1. Click the Course Map

button in the header bar.
2. Moving the mouse pointer
over the images will
display the topics of the
lessons.
3. Click the Contents button
to see the topic outline of
the lesson.
 21

Start the Tutorial

This page will display the content of the lessons of Digital

Design.

1. Move the mouse pointer to the Online Tutorial button in

the CAI-DD Menu to start with the lessons. A dropped
down list of the lessons will appear.
2. Select the lesson name and the lesson content will appear
at the main window. If the pre-test of the said lesson had
been taken by the student, the student can navigate
through the lessons. However, if the pre-test had not been
taken yet, the system will direct the student to take the
pre-test.

Note: The pre-test will be administered in the presence of the teacher.

The teacher will provide the students with the quiz password.

View Lessons

Previous button Next button

1. Click the Next button to go to the next page for the continuation
of the lesson.
2. Click on the Previous button to go to the previous page of the lesson.

Lesson Drills

Click the Hyperlink Text “Click Here to

…” to see demo or take the lesson drills
found at the end of each lesson or topic.
 22

References

This will display the book references that are used in the course. The books
are found in the library.

3. Click References button , the image of the book used as

textbook and reference of the course will be displayed in the main window.

4. Move the mouse pointer over the book. The title of the book, author, and the
copyright year of the book will appear.

View Related Media

The Related Media buttons will display the images and videos that are
related to the lesson being reviewed.

To Play a Video File:

1. Click the RELATED VIDEO button located at the side bar menu and a list of
uploaded videos will appear.
 23

2. Click on the list and a video preview will appear.

3. Click the video to see the movie on full screen.
4. Click X button to exit.

5. Click the Related Images button to switch to related images to see images in
list and thumbnails format. (Click on the image to view a bigger image.)
6. Click the image to see a larger image.
7. Click the Related Images to switch to Related Videos.

Submit a Question

1. Click the Q & A button in the header bar. A Q & A form will appear in the
main window as shown below.
 24

2. Type in the topic title in the title and your question in the textbox field.
3. Click send button to submit the question to the teacher.
4. Click the New Question button to send a new question.

5. Click the Delete Question button to delete a question by clicking on the

Question displayed on the table on the left and click the Delete Question
button or Delete All button to erase all questions.

View Info Board

1. In the side bar menu, click the Info Board

button.

2. The Information Board page will appear which includes the name of the
teacher, date the information was posted, activity title and the information
details.
 25

Accessing the Glossary

1. Click the Glossary button on the side bar menu and the
Glossary page will appear.

2. Type in the term in the textbox.

3. Click GO button to display the definition of the term and the symbol
or illustration.
4. Click CLEAR button to type a new term and click GO button.
5. Click a term in the list and the definition of the term and symbol will be
displayed.
 26

System Administrator Application Page

Home – This is the page where the system will welcome the teachers.
Course Map – This will display the course outline of Digital Design.
Media - This will allow the system administrator to view the images and
videos
being uploaded by teachers into the system.
Help – This will guide the user on how to navigate the system.
Logout – This will close the program.
User’s Info – This will allow the system administrator to update users
account in the system as well as the system administrator’s information.

Permissions - This will allow the system administrator to provide permission

levels to teachers in updating the online tutorial.

Logs – This will display the list of teachers who accessed the system as well
as the updates made to the system.

Monitoring – This will display the list of teachers and the logs of their
updates in the online tutorial.

Database – This will display the database structure of the system on a new
page.
 27

Update Users Account

1. Click the Users Info on the CAI-DD side bar menu. The Users’ Records form
will appear.

2. Click the ADD button on the Teachers form (shown in red box) and fill in
the teacher’s information. Click the SAVE button to save the entry. The
data of the new teacher will appear in the list.
3. Click the DELETE button to remove teacher’s account in the system. A
message box will appear to confirm the action. Click the Yes button to
delete the record or the No button to cancel this operation.
Note: A confirmed deletion cannot be undone.
4. Click the EDIT button to change teacher’s information.
5. Click the REPORT button to view the list of authorized teachers who can
use the system.
6. Click the Cancel button if you decide to discard this.

Update System Administrators Account

1. Click the UPDATE button on the Admin Form (shown in yellow box above)
and fill in the information of the new system administrator of the CAI
system.
2. Click SAVE button to save the entry.

Update Users Access

1. Click the Permissions button and the Permissions form will appear.
 28

2. Click the arrow up or arrow down button on the LEVEL column to select
the access level of the teacher on the CAI system. This will allow teachers
to update lessons and related media on the online tutorial.
(Level 1: ADD, Level 2: ADD and EDIT, Level 3: ADD, UPDATE, and
DELETE)

View and Print Users’ Logs

1. Click the Logs button on the CAI-DD side bar menu and the users’ logs will
appear.

2. Click DELETE ALL button if you want to remove the information in the
database.
 29

3. Click the LOG REPORT button to view the logs in printable format.
4. Click the Printer icon on the menu bar to print the report or;
5. Click File on the browser’s Menu bar.

6. On the drop down menu click Print to

print the report.

Monitor Users Log Changes

a. Click the Monitoring button on the CAI-DD side bar menu and the users log
will appear on a new page.
b. Click File on the browser’s Menu bar.

c. On the drop down menu click Print button to print the Users Log Changes
Report.

Update the Database

1. Click the Database button on the CAI-DD side bar menu and the
PhpMyAdmin tool will appear.
2. Click OK button to login.

Note: Only authorized user with a system admin access right can retrieved this
application to manage databases, tables, fields, relations, indexes, users, and
permissions.