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?

Introduction Manual Convention

PART II. How to Use the CAI-DD

Software?

CAI-DD Visual Interface Getting Started with CAI-DD Logging in to your CAI-DD

Account CAI-DD Password Retrieval Change Password View the Content of the User’s

Guidelines Logging Out Close the Program Navigating the CAI-DD Menu

& Header Bar

A. Teacher Application Page

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

B. Student Application Page

Take the Pre-Test & Post-Test Progress Report View Course Map Start the Tutorial View Lessons Lesson Drills References View Related Media Submit a Question View Info Board Accessing the Glossary

C. System Administrator Page Update Users Account Update System Administrator

Account Update Users Access View & Print Users’ Logs Monitor Users Log Changes

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

1

2

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.

2. Click the ID number textbox and enter your ID number.

3. Click the SUBMIT button. A New

Password Form will appear.

Forgot your Password hypertext link

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

Next buttonPrevious 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.