UNIVERSITY OF LA SALETTE, INC.

Santiago City, Isabela, Philippines

COLLEGE OF INFORMATION TECHNOLOGY

COURSE LEARNING PLAN

First Semester, Academic Year 2023-2024

Course Number : PEBSIT 002

Descriptive Title : IT ELECTIVE 002 (Web Systems and Technologies 2)
Units : 3 Units
Contact Hours per Week : 3 hours Laboratory and 2 hours Lecture per week
Type of Course : Lecture and Laboratory

Prepared and submitted by: Date Submitted: Reviewed by: Date Reviewed:

KING CHRISTIAN D. ANTONIO, MIT, LPT _________________ JAYSON S. NACORDA, MIT _________________
Instructor Program Coordinator

Endorsed by: Date Endorsed:

RAMONSITO B. ADDUCUL, DIT _________________

Dean, College of Information Technology

Approved by:

MADEILYN B. ESTACIO, Ph.D.

Vice President for Academic Affairs

1
 VISION
In keeping with its Philosophy, Vision and Mission, La Salette professes the following
The University of La Salette, Inc., a Catholic institution founded by the Missionaries of institutional objectives:
Our Lady of La Salette, forms RECONCILERS “so that they may have life, and have 1. To foster a reconciled and reconciling community through spiritual upliftment
it to the full.” (John 10:10) programs and liturgical activities.
2. To sustain the quality assured education of the university through institutional
MISSION and program accreditations, professional certification, and compliance with
international standards for curricular programs and university management.
The University of La Salette, Inc. is a premier institution of choice, providing 3. To provide accessible education through various modalities of learning.
accessible, quality, and transformative education for integral human development 4. To lead the academic community with strategic and transformative competencies
particularly the poor. in realizing the Vision, Mission and La Salette Philosophy of Education.
5. To develop and implement transformative teaching and learning experience
CORE VALUES through critical approach and values-based integration.
6. To undertake research on various disciplines and generate new knowledge
1. FAITH-The total submission to God’s call to Holiness to His will needed for the advancement of the university as well as for the national
2. RECONCILIATION-Constantly renewing our relationship with God, others and all development.
creation through a life of prayer, penance and zeal 7. To realize ICT oriented learning by establishing the monitoring system to collect
3. INTEGRITY-The courage and determination to live and to die for Salettinian and review information needed to manage an organization or on-going activities
ideals of the university.
4. EXCELLENCE – Upholding the highest standard of quality education and 8. To provide industry experience through on-the-job-trainings, exposures,
professionalism in the areas of instruction, research and extension internship, immersion programs and linkages.
5. SOLIDARITY – Commitment to building a community anchored on mutual trust, 9. To provide a holistic curriculum that integrates instruction, extension, research,
confidence, teamwork, unity and respect for the dignity of the human person and ICT, industry experience for both students and faculty.
creation 10. To adopt an interdisciplinary approach by enhancing the institution’s interest in
the understanding of the cultural reproduction and social integration and in
CORE COMPETENCIES spiritual and moral formation

 Researched-Based Oriented Learning

 ICT-Integrated Learning
 Industry-Based Oriented Learning
 Oriented Toward Transformative Learning
 Oriented Toward Integrative Learning

INSTITUTIONAL OUTCOMES
INSTITUTIONAL OBJECTIVES

2
Having finished their academic degree at the University of La Salette, the graduates
are expected to become:

Transformative Leaders. Active involvement in their respective community and

organization by championing the Salettinian ideals.

Reconcilers. Continue to communicate their Salettinian identity and culture through

active involvements in the evangelizing ministry of reconciliation in their local
communities, work-places and in social organizations.

Industry Competent. Demonstrate their readiness in the arena of and qualification for
employment through the established link between theoretical aspect of the curriculum
and its practical dimension as a result of their on-the-job trainings, exposures,
internship, immersion programs and linkages with relevant industries or workplaces.

Research-Oriented. Keep abreast with current developments and trends in all

relevant technical/professional knowledge areas for successful adaptation to a
changing and complex world through continuing engagement in research projects to
contribute to the humanization of the world in general, and to the reconciling effects
on their relationships with God, with fellow human beings, with society and with
nature.

Information and Communication Technology Proficient. Demonstrate contemporary

skills applications as they offer innovative solutions in work situations through the
employment of new technology and new ways of communication.

Critical Thinkers. Engage themselves in critical reflection and communicative

discourses on uncritically assimilated assumptions, beliefs, value-system and diverse
perspectives that need to be collaboratively addressed for an emancipatory and
integral process of human growth and community building.

Holistic Persons. Demonstrate through their attitude, behavior and engagement a

synthesis of faith and lived experience, of faith and science; synthesis of cognitive,
affective and behavioral aspects of learning; synthesis of cultural and global
concerns, and a synthesis of curricular and co-curricular programs.

PROGRAM OUTCOMES

An IT graduate must acquire skill set that enables him or her to successfully perform
integrative task including:

3
CODE BSIT PROGRAM OUTCOMES

4
 Apply knowledge of computing, science and mathematics appropriate to
IT01
the discipline
IT02 Understand best practices and standards and their applications
Analyze complex problems, and identify and define the computing
IT03
requirements appropriate to its solution
Identify and analyze user needs and take them into account in the
IT04 selection, creation, evaluation and administration of computer-based
systems
Design, implement and evaluate computer-based systems, processes,
IT05 components or programs to meet desired needs and requirements under
various constraints
IT06 Integrate IT-based solutions into the user environment effectively
IT07 Apply knowledge through the use of current techniques, skills, tools and
practices
Function necessary
effectively for
as the IT profession
a member or leader of a development team
IT08 recognizing the different roles within a team to accomplish a common
IT09 goal
Assist in the creation of an effective IT project plan
Communicate effectively with the computing community and with society
IT10 at large about complex computing activities through logical writing,
presentations andand
Analyze the local clearglobal
instructions
impact of computing information technology
IT11
on individuals, organizations and society
Understand professional, ethical, legal, security and social issues and
IT12
responsibilities in the utilization of information technology.
Recognize the need for and engage in planning self-learning and
IT13 improving performance as a foundation for continuing professional
development

5
 PROGRAM OUTCOMES AND THEIR RELATIONSHIP TO THE INSTITUTIONAL OUTCOMES

INSTITUTIONAL OUTCOMES
CODE BSIT PROGRAM OUTCOMES
T R I R I C H
IT01 Apply knowledge of computing, science and mathematics appropriate to the discipline    
IT02 Understand best practices and standards and their applications    
IT03 Analyze complex problems, and identify and define the computing requirements appropriate to its solution    
Identify and analyze user needs and take them into account in the selection, creation, evaluation and administration of
IT04
computer-based systems
   

Design, implement and evaluate computer-based systems, processes, components or programs to meet desired needs
IT05
and requirements under various constraints
   

IT06 Integrate IT-based solutions into the user environment effectively    

IT07 Apply knowledge through the use of current techniques, skills, tools and practices necessary for the IT profession     
Function effectively as a member or leader of a development team recognizing the different roles within a team to
IT08
accomplish a common goal
   

IT09 Assist in the creation of an effective IT project plan    

Communicate effectively with the computing community and with society at large about complex computing activities
IT10
through logical writing, presentations and clear instructions
   

IT11 Analyze the local and global impact of computing information technology on individuals, organizations and society    
Understand professional, ethical, legal, security and social issues and responsibilities in the utilization of information
IT12
technology.
   
Recognize the need for and engage in planning self-learning and improving performance as a foundation for continuing
IT13
professional development
   

6
 COURSE INFORMATION

Course Code PEBSIT 002

Course Title IT ELECTIVE 002 (Web Systems and Technologies 2
Course Description This course is focused on enhancing student’s skills in developing a creative and effective web applications with multimedia content integration. It
covers topics on hypertext/hypermedia and web design process, media formats, capture, authoring and production tools, compression and
streaming media.
Pre / Co -requisite PEBSIT 001
Credit 3 Units
Contact Hours Per Week 2 hours Lecture / 3 hours Laboratory
Class Schedule 10:30nn – 11:30pm MWF Laboratory / 10:30 – 11:30 AM TTH Lecture
Room Assignment Online / Face to Face (CL4 for Laboratory) (HD 303 for Lecture)

COURSE OUTCOMES AND THEIR RELATIONSHIP TO THE PROGRAM OUTCOMES

PROGRAM OUTCOMES
COURSE OUTCOMES
IT01 IT02 IT03 IT04 IT05 IT06 IT07 IT08 IT09 IT10 IT11 IT12 IT13
Design, code, test and debug simple event-driven programs that
respond to user events E E E I E E E

7
 COURSE OUTLINE

TIME
Learning Outcomes Topic Outline Methodology Assessment Learning Resources
FRAME
At the end of the week, Course Orientation  Face to face  Recitation on the university’s Student Handbook
students should have the  University’s vision,  Lecture/ Discussion vision, mission, core values,
ability to: mission, core values,  Demonstration core competencies, CHED CMO 25, series 2015 “PSG for IT
 Illustration Education”
 Explain the University of La core competencies, institutional objectives and
Salette vision, mission, institutional  Problem Solving institutional outcomes
 Hands-on Activities Curriculum Guidelines for Baccalaureate
core values, core objectives and  Short quiz about the Degree Programs in Information Technology
competencies, institutional institutional university’s policies (IT2017)
objectives and outcomes; ` outcomes  Asynchronous:
o Learning resources and
 Writing a reflective essay on of ACM and IEEE-CS
 Relate BSIT program  BSIT program the purpose of institutional
activities will be uploaded
educational outcomes to description outcomes in helping ULS Official Website
in the ULS CLMS site
the institutional outcomes;  Course information students become what they https://uls.edu.ph
(https://myulsclms.online/
Week 1  Figure out the relationship ) want to become
of course outcomes to the  Conceptualize a career plan
program educational aligned with BSIT program
outcomes; and core values of ULS
 Present the different rules
and policies in the
administration of the
course through online
learning management
system of the university as
well as the policies of the
university.
Week 2 At the end of the week, students  Chapter 1: Basic Web  Face to face Written quiz about basic words Books/e-Books
should have the ability to: Concepts  Lecture/ Discussion associated with the internet, such  Sharma, Pankaj (2019). Introduction to
 Lesson 1: Basic Web  Demonstration HTML, CSS, and browser web technology
Define and articulate the  Illustration  1Harrison, J. (2018). Web designing New
meaning of fundamental web-
Concepts Group recitation about the use of
 Problem Solving York: Larsen & Keller.
related terms such as HTML,  Hands-on Activities Cascading Style Sheets (CSS) in Internet
CSS, browser. web design and show how to  S, A. (2023, August 25). What is HTML?
apply fundamental styles to HTML Hypertext Markup Language Basics
 Asynchronous:
Identify the role of Cascading components. explained. Hostinger Tutorials.
o Learning resources and
Style Sheets (CSS) in web https://www.hostinger.ph/tutorials/what-is-
activities will be uploaded
design and demonstrate the html
in the ULS CLMS site
application of basic styles to Journal Articles
(https://myulsclms.online/)
HTML elements.  Adrián, D. R. H. (2022, August 22). HTML

8
 Forms - Examples and styles with CSS for
controls. Website Design akus.net.
https://disenowebakus.net/en/forms-html
At the end of the week, students  Chapter 2:  Face to face Written Quiz about the different Books/e-Books
should have the ability to: Introduction to HTML  Lecture/ Discussion function HTML (Hypertext Markup  The 20 Best HTML Web Fonts to Use In
 Lesson 1: Introduction  Demonstration Language) 2020-https://www.hostinger.ph/tutorials/be
Explain the function of HTML  Illustration st-html-webfonts
to HTML
(Hypertext Markup Language)  Problem Solving Create ordered and unordered Internet
and how it helps organize  Lesson 2: Tags and lists using <ol> and <ul> tags,  S, A. (2023, August 25). What is HTML?
Attributes  Hands-on Activities
material on the web. and construct simple tables with Hypertext Markup Language Basics
 Lesson 3: Head and the <table> element. explained. Hostinger Tutorials.
 Asynchronous:
Distinguish between block-level Body Tags o Learning resources and https://www.hostinger.ph/tutorials/what-is-
Week 3 and inline HTML elements and activities will be uploaded Create simple HTML forms using html
understand their impact on in the ULS CLMS site <form>, <input>, <select>, and Journal Articles
document structure. (https://myulsclms.online/) <button> elements,  Cox, L. K. (2021, July 21). Coding for Web
understanding their attributes and Design 101: How HTML, CSS, and
Describe the functions of the purposes. JavaScript Work. blog.hubspot.com.
HTML document's <head> and https://blog.hubspot.com/marketing/web-
<body> components. design-html-css-javascript

At the end of the week, students  Lesson 4: Creating an  Face to face Create hyperlinks using the <a> Books/e-Books
should have the ability to: HTML Document  Lecture/ Discussion tag to navigate between different  Donahoe, L., & Hartl, M. (2022). Learn
 Lesson 5: Paragraphs  Demonstration sections of the document and link Enough HTML, CSS and Layout to Be
Demonstrate the ability to create  Illustration to external web pages. Dangerous: An Introduction to Modern
complete HTML documents  Lesson 6: Website Creation and Templating
Background, Text,  Problem Solving
independently, including the  Hands-on Activities Create well-formatted paragraphs Systems. Addison-Wesley Professional.
necessary structure, head, and Video and Audio using appropriate HTML tags and Internet
body elements. attributes.  S, A. (2023, August 25). What is HTML?
 Asynchronous:
o Learning resources and Hypertext Markup Language Basics
Demonstrate the ability to create Create a simple html form that explained. Hostinger Tutorials.
Week 4 activities will be uploaded
well-formatted paragraphs using include <video> and <audio> https://www.hostinger.ph/tutorials/what-is-
in the ULS CLMS site
appropriate HTML tags and tags, construct embedded video html
(https://myulsclms.online/)
attributes. and audio material while keeping Journal Articles
in mind the properties needed for  Cox, L. K. (2021, July 21). Coding for Web
Demonstrate an understanding of source and playback control. Design 101: How HTML, CSS, and
the importance of accessibility in JavaScript Work. blog.hubspot.com.
multimedia content, including the https://blog.hubspot.com/marketing/web-
use of alternative text for images design-html-css-javascript
and captions for videos.

9
 At the end of the week, students  Lesson 7: Image  Face to face Create image hyperlinks using the Books/e-Books
should have the ability to:  Lesson 8: Tables  Lecture/ Discussion <a> tag to navigate users to other  McGrath, M. (2020). HTML, CSS &
 Demonstration web pages or resources. JavaScript in easy steps. In Easy Steps
 Lesson 9: Hyperlinks
Demonstrate the ability to  Illustration Limited.
optimize images for web usage  Lesson 10: Forms Demonstrate how to alter the look Internet
 Problem Solving
by considering file formats,  Hands-on Activities of tables with properties like  S, A. (2023, August 25). What is HTML?
compression, and resolution. border, cellpadding, and Hypertext Markup Language Basics
cellspacing. explained. Hostinger Tutorials.
 Asynchronous:
Apply attributes such as border, https://www.hostinger.ph/tutorials/what-is-
o Learning resources and
Week 5 - cellpadding, and cellspacing to Demonstrate how to use the <a> html
activities will be uploaded
6 control the appearance of tables. element to create text-based Journal Articles
in the ULS CLMS site
hyperlinks and comprehend  Adrián, D. R. H. (2022, August 22). HTML
(https://myulsclms.online/)
Create text-based hyperlinks properties like href and target Forms - Examples and styles with CSS for
using the <a> tag, understanding controls. Website Design akus.net.
attributes such as HREF and https://disenowebakus.net/en/forms-html
target

identify the role of HTML forms in

collecting user input and
facilitating interactions.
PRELIMINARY EXAMINATION
At the end of the week, students  Chapter 3: Cascading  Face to face Written quiz about attributes, Books/e-Books
should have the ability to: Style Sheets  Lecture/ Discussion values, and selectors used in  McGrath, M. (2020). HTML, CSS &
 Lesson 1: Introduction  Demonstration CSS declarations. JavaScript in easy steps. In Easy Steps
Define Cascading Style Sheets  Illustration Limited.
(CSS) and its purpose in web
to CSS
 Problem Solving Internet
development.  Hands-on Activities  CSS tutorial. (n.d.).
https://www.tutorialspoint.com/css/index.ht
Week 7  Asynchronous: m#:~:text=CSS%20is%20generally
o Learning resources and %20used%20with,elements%20in%20a
activities will be uploaded %20web%20document.
in the ULS CLMS site Journal Articles
(https://myulsclms.online/)  Adrián, D. R. H. (2022, August 22). HTML
Forms - Examples and styles with CSS for
controls. Website Design akus.net.
https://disenowebakus.net/en/forms-html
Week 8 At the end of the week, students  Lesson 2: Selection,  Face to face Written quiz about concepts of Books/e-Books
should have the ability to: Div, Span, Link  Lecture/ Discussion Selection, Div, Span, Link.  Casabona, J. (2020). HTML and CSS:
 Lesson 3: Formatting  Demonstration Visual QuickStart Guide. Peachpit Press.
Identify and use HTML tags for  Illustration Demonstrate how to improve text Internet
Text with CSS
selecting and grouping content,  Problem Solving display using font-weight, font-  CSS tutorial. (n.d.).
including block and inline  Hands-on Activities style, and text-decoration. https://www.tutorialspoint.com/css/index.ht

10
 elements. m#:~:text=CSS%20is%20generally
 Asynchronous: %20used%20with,elements%20in%20a
Explore the use of font-weight, o Learning resources and %20web%20document.
font-style, and text-decoration to activities will be uploaded Journal Articles
enhance text presentation. in the ULS CLMS site  Cox, L. K. (2021, July 21). Coding for Web
(https://myulsclms.online/) Design 101: How HTML, CSS, and
JavaScript Work. blog.hubspot.com.
https://blog.hubspot.com/marketing/web-
design-html-css-javascript

At the end of the week, students  Lesson 4: Formatting  Face to face Written quiz about the CSS Books/e-Books
should have the ability to: Layout with CSS  Lecture/ Discussion attributes for page layout design,  Donahoe, L., & Hartl, M. (2022). Learn
 Lesson 5: Formatting  Demonstration such as display, position, and Enough HTML, CSS and Layout to Be
Explore and apply CSS  Illustration float. Dangerous: An Introduction to Modern
properties like display, position,
Border and Tables
 Problem Solving Website
and float for designing page  Hands-on Activities Internet
layouts. Written quiz about the HTML  CSS Introduction. (n.d.).
Week 9 tables' basic structure and https://www.w3schools.com/css/css_intro.
 Asynchronous:
Identify the fundamental layout components (rows, cells, and asp
o Learning resources and
and elements of HTML tables headers). Journal Articles
activities will be uploaded
(rows, cells, and headers).  Suherman, D. Introduction Web
in the ULS CLMS site
(https://myulsclms.online/) Application Animals Names for Basic
 School Students Using Macromedia
Dreamweaver 8.0. Jurnal Sistem Informasi
STMIK Jakarta STI&K, 131378.
At the end of the week, students  Chapter 3:  Face to face Written quiz about the panels, Books/e-Books
should have the ability to: Dreamweaver  Lecture/ Discussion toolbars, and document window in  Team, A. C. (2012). Introduction to Adobe
 Introduction to  Demonstration the Dreamweaver workspace. Dreamweaver CS6 with ACA Certification.
Familiarize yourself with the  Illustration https://www.amazon.com/Introduction-
Dreamweaver workspace,
Dreamweaver
 Problem Solving Adobe-Dreamweaver-CS6-Certification/
including panels, toolbars, and  Setting Up a website dp/1118394062
 Hands-on Activities
the document window. Internet
 Asynchronous:  Adobe Dreamweaver Tutorial - javatpoint.
Week 10 o Learning resources and (n.d.). www.javatpoint.com.
activities will be uploaded https://www.javatpoint.com/adobe-
in the ULS CLMS site dreamweaver
(https://myulsclms.online/) Journal Articles
 Suherman, D. Introduction Web
Application Animals Names for Basic
School Students Using Macromedia
Dreamweaver 8.0. Jurnal Sistem Informasi
STMIK Jakarta STI&K, 131378.

11
 At the end of the week, students  Working with Text  Face to face Demonstrate how to use the Books/e-Books
should have the ability to:  Working with Images  Lecture/ Discussion different text styles, including  Team, A. C. (2012). Introduction to
 Demonstration bold, italics, and underline, using Adobe Dreamweaver CS6 with ACA
 Working with
Apply various text styles,  Illustration HTML elements. Certification.
including bold, italics, and Hyperlinks https://www.amazon.com/Introduction-
 Problem Solving
underline, using HTML elements.  Working with Tables Demonstrate how to use the CSS Adobe-Dreamweaver-CS6-Certification/
 Hands-on Activities
 Working with Frames styles to control the size, position, dp/1118394062
Apply CSS styles to control the and appearance of images. Internet
 Asynchronous:
size, position, and appearance of  Adobe Dreamweaver Tutorial - javatpoint.
o Learning resources and
images. Demonstrate how to use the CSS (n.d.). www.javatpoint.com.
activities will be uploaded
Week 11 styles to enhance the visual https://www.javatpoint.com/adobe-
in the ULS CLMS site
- 12 Apply CSS styles to enhance the presentation of hyperlinks. dreamweaver
(https://myulsclms.online/)
visual presentation of hyperlinks. Journal Articles
Demonstrate how to use the CSS  Nurlette, D. I. A. Introduction Web
Apply CSS styles to format and styles to format and enhance the Application Names Animals in Japanese
enhance the appearance of appearance of HTML tables. Language for Basic School Students
HTML tables. Using Macromedia Dreamweaver 8.0.
Demonstrate how to use the CSS Jurnal Sistem Informasi STMIK Jakarta
Explore CSS styles for controlling styles for controlling the size, STI&K, 131304.
the size, position, and borders of position, and borders of frames.
frames.

MIDTERM EXAMINATION
At the end of the week, students Chapter 5: JavaScript  Face to face Demonstrate the ability to write Books/e-Books
should have the ability to: Introduction to  Lecture/ Discussion and execute simple JavaScript  Frisbie, M. (2019). Professional
JavaScript’s  Demonstration code snippets, emphasizing the JavaScript for Web Developers. John
Comprehend the fundamental  Illustration practical application of the
Wiley & Sons.
concepts of JavaScript, including  Problem Solving language.
Internet
its syntax, data types, and basic  Hands-on Activities
Week 13 programming constructs.  JavaScript. (n.d.).
- 14 https://www.tutorialspoint.com/interne
 Asynchronous:
t_technologies/javascript.htm
o Learning resources and
Journal Articles
activities will be uploaded
in the ULS CLMS site  Prettyman, S., & Prettyman, S. (2020).
(https://myulsclms.online/ An Introduction to PHP 8. Learn PHP 8:
) Using MySQL, JavaScript, CSS3, and
HTML5, 1-46.
Week 15 At the end of the week, students  Events and popup  Face to face Written quiz about the different Books/e-Books
- 16 should have the ability to: Boxes  Lecture/ Discussion JavaScript events, including  Frisbie, M. (2019). Professional JavaScript
 Variables and  Demonstration browser events and user for Web Developers. John Wiley & Sons.
Identify and comprehend various  Illustration interactions. Internet
events in JavaScript, such as
Comparison
 Problem Solving  Javascript tutorial. (n.d.).
Statement

12
 user interactions and browser  Function and Loops  Hands-on Activities Individual Recitation about https://www.tutorialspoint.com/javascript/in
events. scope and lifespan of variables dex.htm
 Asynchronous: in JavaScript before defining Journal Articles
Define and declare variables in o Learning resources and and declaring them.  Abdurakhimovich, U. A. (2023). THE
JavaScript, understanding their activities will be uploaded FUTURE OF JAVASCRIPT: EMERGING
scope and lifetime. in the ULS CLMS site TRENDS AND TECHNOLOGIES.
Written quiz about loop
(https://myulsclms.online/ FORMATION OF PSYCHOLOGY AND
Explore different types of loops structures (such as while and PEDAGOGY AS INTERDISCIPLINARY
)
(e.g., for, while) and understand for) and learn how to use them SCIENCES, 2(21), 12-14.
their application in iterating to carry out repetitive
through data structures and operations and iterate over
executing repetitive tasks. data structures.
At the end of the week,  String and Array  Face to face Demonstrate how to develop Books/e-Books
students should have the Objects  Lecture/ Discussion responsive and interactive web  Frisbie, M. (2019). Professional JavaScript
ability to:  Date, Time and Math  Demonstration pages by utilizing event for Web Developers. John Wiley & Sons.
 Illustration handling techniques. Internet
Object
Apply event handling  Problem Solving  JavaScript. (n.d.).
 Browser Detection, https://www.tutorialspoint.com/internet_tec
techniques to create Cookies and Errors  Hands-on Activities Written quiz about variables,
hnologies/javascript.htm
responsive and interactive keeping in mind their scope, Journal Articles
web pages.  Asynchronous: and comprehending their
o Learning resources and  Abelson, H., & Sussman, G. J. (2022).
Week 17 function in data management Structure and Interpretation of Computer
activities will be uploaded
-18 Define and declare variables, and storage. Programs: JavaScript Edition. MIT Press.
in the ULS CLMS site
considering scope, and (https://myulsclms.online/
understand their role in storing ) Written quiz about different
and managing data. kinds of loops (like while and
for) to effectively perform
Utilize various types of loops repeated operations by
(e.g., for, while) to iterate iterating through data
through data structures and structures.
execute repetitive tasks
efficiently.
FINAL EXAMINATION

COURSE REQUIREMENTS

1. Examinations (Prelim, Midterm, Finals)

2. Completed Module Activities
3. Quizzes

13
 4. Completed Assessment Tasks
5. Submission of Assignments

GRADING SYSTEM

The student’s grade is composed of:

a. Prelim Period
 Class Standing (CS) = 2/3 (Quizzes/ Assignments/ Recitations/ Seat Works/Lab Exercises/ Requirements)
 Prelim Examination (PE) = 1/3
 Prelim Grade = CS + PE
b. Midterm Period
 Class Standing (CS) = 2/3 (Quizzes/ Assignments/ Recitations/ Seat Works/Lab Exercises/ Requirements)
 Midterm Examination (ME) = 1/3
 Midterm Grade = CS + ME
 Cumulative Midterm Grade = 2/3 of Midterm Grade + 1/3 of Prelim Grade
c. Final Period
 Class Standing (CS) = 2/3 (Quizzes/ Assignments/ Recitations/ Seat Works/Lab Exercises/ Requirements)
 Final Examination (FE) = 1/3
 Final Grade = CS + FE
 Cumulative Final Grade = 2/3 of Final Grade + 1/3 Cumulative Midterm Grade

Final Grade Remarks:

a. Passing Mark is 75% and above.
b. Failing Mark is below 75%.
c. Incomplete Mark will be given to students on the following instances:
 The student failed to take the final examination.
 The student failed to submit course requirements.
d. FDA (Failure Due to Absences) Mark will be given to students who have incurred a significant number of absences. (ULS-Student Handbook Section 3.3.4-6)

PERFORMANCE ASSESSMENT RUBRICS

Exemplary Acceptable Developing Beginning

Criteria
4 3 2 1
Knowledge Descriptions of scientific terms, facts, Descriptions of scientific terms, facts, Descriptions of scientific terms, facts, Descriptions of scientific terms, facts,

14
 concepts, principles, theories and concepts, principles, theories and concepts, principles, theories and concepts, principles, theories and
methods are complete and correct methods are mostly complete and methods are somewhat complete and methods are minimally present or correct
correct correct
Applications are thorough, appropriate Applications are mostly thorough, Applications are somewhat thorough, Applications are minimally appropriate
Application
and accurate appropriate and accurate appropriate and accurate and accurate
All of the written, oral and/or visual Most of the written, oral and/or visual Some of the written, oral and/or visual Little of the written, oral and/or visual
Communication communication is organized and effective communication is organized and communication is organized and communication is organized and effective
effective effective

PERFORMANCE ASSESSMENT RUBRICS: LABORATORY ACTIVITIES

Exemplary Acceptable Developing Beginning No Output

Criteria
4 3 2 1 0
Program Correctness The application meets all the The code works for typical input, The code sometimes fails or The code often fails, even for Program that does not run and/
requirements specified in the but fails for minor special cases; typical input. Many parts of typical input. Most indicated or implemented incorrectly
project specification. the major requirements are met, the program implementation restrictions were violated (based on specifications and
The code is syntactically and though some minor ones are violate indicated restrictions restrictions) automatically gets
logically correct for all cases. not. Some implementation of the and some parts of the solution 0 for this course output
Implementation of the program program violates restrictions are not implemented using
follows the indicated guidelines appropriate programming
and does not violate indicated constructs
restrictions. The implementation
also exhibits appropriate use of
programming constructs.
Effective Answers to questions are correct, Answers to questions are Answers to questions are Correct understanding of the Failure to explain and justify
communication/ reasonable, and reflective of the correct, but some justifications correct, but cannot justify problem, but was unable to workings of the code submitted
Concept Under- code. The justifications provided provided are weak. solution (e.g., solution via trial explain workings of code will automatically merit for this
standing are sound. and error, rather than proper provided. course output
understanding and application
of concepts.)
Readability The program conforms to a Minor code formatting does not Not all functions/ program Minimal internal No internal documentation and
coding standard that promotes exhibit consistency in coding features have proper internal documentation and code code is not readable.
code readability. Internal standard documentation readability
documentation is comprehensive

SPECIFIC COURSE POLICIES

According to the University of La Salette, Inc. Student Handbook Section 5.7

1. A class hour begins and ends with a prayer. Classroom prayer must be recited with decorum.
2. Respect, orderly and decent behavior and conduct shall be observed inside the classroom at all times.

15
3. A student may be allowed to leave the room with the permission of the instructor and/or authorized personnel of the university while the class is in session.
4. Students who wish to sit-in class must secure permit from the instructor.
5. Students are not allowed to stay inside the classroom if there are no classes.
6. Students are not allowed to attend classes if not in proper uniform. It must be observed that PE uniform shall be utilized for PE classes only.

Other course policies are stated in The Student Handbook under Policy on Class Attendance……

1. Per College policy, excused/unexcused absences should not exceed 20% of the assigned number of hours. More than 20% absences incurred during the semester would
mean being dropped from the class roll.
2. Class attendance is important. Class participation is expected and will form a part of the final grade. Students are expected to come to all classes and be on time. Roll will be
checked each class meeting. Classes missed for legitimate reasons, such as illness, temporary duty, are excusable; however, the student must make up for the missed work by
completing class exercise sheets and attending alternate activities.
3. Students are required to read all assigned materials prior to class and be prepared to discuss them and apply them to problem solving situations presented in class.
4. In this course, students are encouraged to discuss problems with their peers and to seek help from others in understanding the topic. Material submitted for grading should be
the synthesis of the students’ ideas and the input (lectures) they have received. Instances discovered of UNFAIR ADVANTAGE being taken of any other individual or group will
result in a loss of grade substance.
5. Plagiarism: All academic work submitted by students, written or otherwise, is expected to be the result of their own independent thought and research. In cases where students
submit work professing to be their own, but uses the ideas, organization, wording or anything else from another source without the appropriate acknowledgment, then the
student(s) is/are guilty of plagiarism.
a. Students may discuss assignments among themselves or with a professor or tutor, but the actual work/report/result to be submitted should be done completely and solely by
the student. In cases where a student's report or assignment involves research in outside sources or information, the student must carefully acknowledge exactly what, where
and how he/she has utilized the sources or information.
6. Cheating during examinations is never condoned and allowed! Students caught cheating in any form will have their papers confiscated and will be sent out of the examination
room and will not be allowed to retake the exam anymore.
7. Make up policy: Students who are unavoidably absent from an examination (long exams or major exams) or recitation must submit an excuse letter duly signed by any of
his/her parents before he/she can take the missed examination. If the cause of the absence is illness, then the student must present a medical certificate. Quizzes and
exercises missed because of valid absences will be prorated.
8. Quizzes are unannounced while long exams are announced. Strictly no make-up exams on quizzes, long exams and term exams unless an excuse slip or
certification is shown.
9. Students are required to submit course requirements on time to avoid deductions of points.

CONSULTATION HOURS

DAYS TIME / AVAILABILITY ROOM

Monday/Wednesday 7:30 am – 9:30 am CIT Office
Tuesday/Thursday 11:30 pm – 12:30 pm CIT Office

16
 Friday 1:30 – 4:30 CIT Office

REFERENCES

BOOKS
 Sharma, Pankaj (2019). Introduction to web technology
 1Harrison, J. (2018). Web designing New York: Larsen & Keller.
 3G eLearning. (2018). Principles of internet technologies. New York: 3G eLearning LLC
 The 20 Best HTML Web Fonts to Use In 2020-https://www.hostinger.ph/tutorials/best-html-webfonts
 McGrath, M. (2020). HTML, CSS & JavaScript in easy steps. In Easy Steps Limited.
 Casabona, J. (2020). HTML and CSS: Visual QuickStart Guide. Peachpit Press.
 Donahoe, L., & Hartl, M. (2022). Learn Enough HTML, CSS and Layout to Be Dangerous: An Introduction to Modern Website Creation and Templating Systems. Addison-
Wesley Professional.
 Dorman, M. (2020). Introduction to web mapping. CRC Press.
 Tatroe, K., & MacIntyre, P. (2020). Programming PHP: Creating dynamic web pages. O'Reilly Media.
 bin Uzayr, S. (2022). PHP: The Ultimate Guide. CRC Press.
 Frisbie, M. (2019). Professional JavaScript for Web Developers. John Wiley & Sons.


ONLINE
 S, A. (2023, August 25). What is HTML? Hypertext Markup Language Basics explained. Hostinger Tutorials. https://www.hostinger.ph/tutorials/what-is-html
 PHP tutorial. (n.d.). https://www.tutorialspoint.com/php/index.htm#:~:text=PHP%20is%20a%20server%20side,Informix%2C%20and%20Microsoft%20SQL
%20Server.
 PHP tutorial. (n.d.-b). https://www.w3schools.com/php/
 Adobe Dreamweaver Tutorial - javatpoint. (n.d.). www.javatpoint.com. https://www.javatpoint.com/adobe-dreamweaver
 CSS tutorial. (n.d.). https://www.tutorialspoint.com/css/index.htm#:~:text=CSS%20is%20generally%20used%20with,elements%20in%20a%20web
%20document.
 CSS Introduction. (n.d.). https://www.w3schools.com/css/css_intro.asp
 Javascript tutorial. (n.d.). https://www.tutorialspoint.com/javascript/index.htm
 JavaScript. (n.d.). https://www.tutorialspoint.com/internet_technologies/javascript.htm

JOURNALS
 Adrián, D. R. H. (2022, August 22). HTML Forms - Examples and styles with CSS for controls. Website Design akus.net. https://disenowebakus.net/en/forms-html
 Gaikwad, S. S. (2019, May 13). A review paper on Bootstrap Framework - IRE Journals. IRE Journals. https://www.irejournals.com/paper-details/1701173
 Cox, L. K. (2021, July 21). Coding for Web Design 101: How HTML, CSS, and JavaScript Work. blog.hubspot.com. https://blog.hubspot.com/marketing/web-design-html-
css-javascript

17
  Saroni, M. I. N., & Mulyanti, B. (2020, April). Hypertext preprocessor framework in the development of web applications. In IOP Conference Series: Materials Science and
Engineering (Vol. 830, No. 2, p. 022096). IOP Publishing.
 Suherman, D. Introduction Web Application Animals Names for Basic School Students Using Macromedia Dreamweaver 8.0. Jurnal Sistem Informasi STMIK Jakarta
STI&K, 131378.
 Nurlette, D. I. A. Introduction Web Application Names Animals in Japanese Language for Basic School Students Using Macromedia Dreamweaver 8.0. Jurnal Sistem
Informasi STMIK Jakarta STI&K, 131304.
 Prettyman, S., & Prettyman, S. (2020). An Introduction to PHP 8. Learn PHP 8: Using MySQL, JavaScript, CSS3, and HTML5, 1-46.
 Abdurakhimovich, U. A. (2023). THE FUTURE OF JAVASCRIPT: EMERGING TRENDS AND TECHNOLOGIES. FORMATION OF PSYCHOLOGY AND PEDAGOGY AS
INTERDISCIPLINARY SCIENCES, 2(21), 12-14.
 Wirfs-Brock, A., & Eich, B. (2020). JavaScript: the first 20 years. Proceedings of the ACM on Programming Languages, 4(HOPL), 1-189.
 Abelson, H., & Sussman, G. J. (2022). Structure and Interpretation of Computer Programs: JavaScript Edition. MIT Press.

REVISION AND APPROVAL NOTATION:

NAME POSITION/DESIGNATION SIGNATURE DATE

Last Revised by KING CHRISTIAN D. ANTONIO, MIT, LPT Instructor
Last Updated by JAYSON S. NACORDA, MIT Instructor
Reviewed by JAYSON S. NACORDA, MIT Program Coordinator
Endorsed by RAMONSITO B. ADDUCUL, DIT College Dean
Approved by MADEILYN B. ESTACIO, Ph.D. Vice President for Academic Affairs

18
 19
Revised as of August 2020