Pro El 3 Web Application and Programming Security - 1t Sy2021-2022

Notes:
1. If Blended – Online Schedule (+-20hours)/Offline

Schedule +-34 hours
2. Consider the pacing of the faculty (time for conducting
BACHELOR OF SCIENCE IN COMPUTER SCIENCE assessment – included in the 54 hours) 
1ST Semester 2021 – 2022 Management will ensure mechanisms for reporting of
COURSE SYLLABUS OUTPUT by the faculty
COURSE WEB APPLICATION AND

COURSE CODE: PRO EL 3 COURSE CREDITS: 5 Units
NAME: PROGRAMMING SECURITY
FLEXIBLE TEACHING BLENDED LEARNING:
LEARNING MODALITY Online Class Schedule – Lecture – 2 hours;
PRE-REQUISITE: TYPE OF COURSE: LAB – 3 HOURS
(Contact Hour): Self-Paced Learning –
Oral Presentation –
PRE-REQUISITE COURSE
-none- TOTAL NUMBER OF HOURS INCLUDING LAB SESSION: 40 Hours
TO:
This course is an introduction to the client and server‐based Web processing environments; coverage of the browser
document object model, dynamic formatting, and styling, browser scripting languages, user interaction, and
personalization, data validation and processing of browser‐side data structures, data exchange languages, and database
access. Web Development is designed to introduce students to the fundamentals of web site creation. Students will
COURSE DESCRIPTION:
develop, manage, and maintain professional web sites using HTML, XHTML and Cascading Style Sheets. The complete
production process including pre-production planning, layout and design considerations (including site maps and
navigation), testing, uploading and implementing the site, maintenance and applicable legal and ethical issues are
covered.
Inspired by the ideals and charism of our school patron, St. Anthony Mary Claret, Claret College of Isabela, in its commitment to build the
VISION:
reign of God through integral education, envisions a community of faithful servants of the Word who are holistically excellent.
Mission
In keeping with this vision, the CCI community qualitatively commits itself to:
MISSION: 1. a dynamic and holistic curriculum that aims to transform individuals who are academically competitive;
2. a value-laden, integral education, formation and services that are sensitive and responsive to the plight of the poor; and
3. the promotion of justice and peace and the preservation of the integrity of creation.
BACHELOR OF SCIENCE IN COMPUTER SCIENCE
1ST Semester 2021 – 2022
COURSE SYLLABUS
1.Provide students vigorous foundation both theoretical and practical aspects of information Management.
2.Equip students with knowledge and skills in programming to be able to develop software for use in business and industry.
3.Train students to learn and understand the different software applications to be able to know how to use them effectively.
GOALS: 4.Prepare students for their chosen career through exposure to real work environment and participation in the outside activities and
would enhance the students’ knowledge and skills in Information Technology.
5. Make students appreciate the importance of ethics in the practice of the profession 6. Link with professional organizations for the
purpose of designing more relevant curricular offerings.
PROGRAM GRADUATE ATTRIBUTES
PROGRAM GRADUATE OUTCOMES (Applicable to the Course):
(Applicable to the Course):
(K) Determines appropriate mathematical foundations, algorithmic principles, and computer science theory in
the modeling and design of computational systems in a way that demonstrates comprehension of the tradeoffs
Problem Solver involved in design choices.
(S) Analyzes and solves complex computing problems by extracting user requirements to be able to convert to
formal models with the use of visualization.
(A) Establishes proper coordination with client to achieve success in developing a project.
(K) Demonstrates and applies knowledge by using up-to-date techniques, skills, tools and practices necessary
for IT professions and the community.
(S) Applies innovative methods and technologies to solve problems, make decisions and envisage hopeful
Life-Learner
futures.
(A) Exhibits awareness of the significance of one's life and able to evaluate his/her own thoughts, and
behaviors to serve as a basis in seeking new challenges in learning.
COURSE SYLLABUS
COURSE LEARNING OUTCOMES (At least 3 Major Course Learning Outcomes aligned to PGA and PGO)
ATTRIBUTES OUTCOMES INDICATORS (PBL/T) DUE DATE
(K) Describe the architecture of client‐side and
Web page based from
server‐side web applications.
the identified theme and
(K) Identify the appropriate programming Upload PDF format only not exceeding 100MB each file, to a
guidelines
environment for developing dynamic client‐side maximum of five (5) files to be uploaded.
and server‐side web applications. In https://silid.co/
Problem Solver (S) Plan, develop, debug, and implement September 2-3, 2021 (Prelim)
interactive client‐side and server‐side web October 6-7, 2021 (Midterm)
Reflection Journal November 9-10, 2021 (Pre-Final)
applications.
(via e-mail or blogs) PDF format not exceeding100MB
(A) Adhere to the standards and policies in (Gmail)
securing clients data privacy and provides quality
service.
(K) Identify the tools needed to create dynamic
December 14, 2021
client‐side and server‐side web applications. Upload PDF, Video, Slide Deck and Audio files not exceeding
(S) Analyze and evaluate web applications for
Video presentation of the 100MB each file, to a maximum of five (5) files to be uploaded
conformance to section 508 and W3C In https://silid.co/
project Simulation
Life-long Learner accessibility standards.
(A) Evaluate and validate web applications for
Reflection Journal
conformance to the latest W3C markup
standards.
LEARNING PLAN
COURSE SYLLABUS
1st MEETING (Within the 1st week)

 Orientation of the Course Web Application and Programming Security
 Administration of a Pre-Test
 https://silid.co/
o Processing of Result
WEEK/ NOMINAL DURATION/ PERIOD/OUTCOME
COURSE CONTENT/ SUBJECT MATTER/ TOPIC/OBJECTIVES
TEACHING & LEARNING MODALITIES
(ACTIVITIES/ASSESSMENT)
ONLINE
(Hybrid Model)
BLENDED LEARNING
(WORK BASED LEARNING)
OFFLINE
(STUDENT – LED LEARNING)
Prelims (15 hours)
Weeks 1 to 2 –
7.5 hours per week
At the end of this module, the students must be able to:
1. Explore and describe the internet history and usage.
2. Identify the HTML Tags and CSS styles
COURSE SYLLABUS
3. Create a web page.

4. Determine the serving web pages.
I. CREATING WEB PAGE
1.1 Internet History and Usage

1.2 Serving Web Pages
1.3 HTML Tags and CSS Styles
1.4 Working with Documents
Activities: (Via Messenger or ZOOM, Google Duo)
1. Getting Started: getting to know each other

2. Orientation of the course including requirements, learning activities and netiquette of the course.
 CLASS ACTIVITY: Watch the video tutorial by typing in the URL in the browser or you may type the title of the video in YouTube. Then answer the questions below after watching
it.
 What have you learned from the video tutorial?
 Was the video tutorial helpful or informative? Why?
 Do you think you can create a webpage using your mobile phone with the app in the video tutorial? Why?
 If you are going to create a simple HTML program using mobile app, what would it be? Why?
URL: https://www.youtube.com/watch?v=IuG6wX-eDRc
Video Title: How to Create HTML in Mobile Phones
COURSE SYLLABUS
PRELIMINARY EXAMINATION (120 Mins)

1. Getting Started: getting to know each other

2. Orientation of the course including requirements, learning activities and netiquette of the course.
 Class Activity: Think-Groups and Share

 Identify the purpose of each website shown in column A then write your description and answer on column B.
 Share the learnings or realization with the group.
PRELIMINARY EXAMINATION (120 Mins)
Activities: (Via Learning Packets or Print out Modules) – Self-paced Learning

Read the following:
1. Read the contents of the policy and requirements;

2. Read the course policies and guidelines.
 Writing Exercise
 Answer the quizzes and assessment activities.
 Research and familiarize at least 10 acronyms commonly used in Web programming.
COURSE SYLLABUS
 Task Activity. Do the Step-by-step procedure in creating your first web page. Then answer the following questions:
 Were you able to display the expected output based from the instructions in creating first web page? Yes or No? Why?
 What is/are your realizations while doing the activity?

ONLINE
BLENDED LEARNING
OFFLINE
Midterms (15 hours)

Week 3-4
COURSE SYLLABUS
7.5 hours per week
1. Identify BOM Objects and the components.
2. Explore and describe the history of JavaScript.
3. Determine JavaScript Functions.

4. Access console in Chrome and in Safari.
II. FOUNDATIONS
2.1 Browser Object Model (BOM)
2.2 The JavaScript Language
2.3 JavaScript Comments
2.4 Error Messages

COURSE SYLLABUS
Class Activity:
- Watch the video tutorial by typing in the URL in the browser or you may type in the title of the video in YouTube. Then answer the questions below:
o What have you learned from the video tutorial?
o What is the purpose of JavaScript?
o What software to use for JavaScript?
URL: https://www.youtube.com/watch?v=2nZiB1JItbY
TITLE: Getting Started with JavaScript | JavaScript tutorial for beginners
MIDTERM EXAMINATION (120 Mins)
Class Activity:
o What is JavaScript?
o Where does Javascript code runs?
COURSE SYLLABUS
o Why do you need to study JavaScript?
MIDTERM EXAMINATION (120 Mins)
Class Activity:
o What is the purpose of visual studio code and google chrome based from the video?
o Write down the javascript that will display “hello world”
URL: https://www.youtube.com/watch?v=I5xesmmiREU&list=PLsyeobzWxl7qtP8Lo9TReqUMkiOp446cV&index=4
TITLE: #3 JavaScript Tutorial | First Hello World Program

COURSE SYLLABUS

ONLINE
BLENDED LEARNING
OFFLINE
COURSE SYLLABUS
Pre-Finals (22.5 hours)

Week 5-7
7.5 hours per week

1. Identify the various types of controls to solicit user input by using HTLM tags.
2. Create a webpage with the form objects such as text controls, drop-down lists, radio buttons, checkboxes, and buttons.
3. Create a simple JavaScript calculator.
III. THE FORM OBJECT
3.1 Text Controls
3.2 Drop-Down Lists
3.3 Radio Buttons
3.4 Checkboxes
3.5 Buttons
COURSE SYLLABUS
3.6 Validating Forms
Class Activity:
o What specific topic did you consider as the most interesting one in which can be helpful for you as a student based from the video? Why?
URL: https://www.youtube.com/watch?v=cGwSm8xDSwI
TITLE: PHP & MySQL Tutorial | Learn PHP From Scratch | Full Tutorial
PRE_FINAL EXAMINATION (120 Mins)
Class Activity:
COURSE SYLLABUS
o Search for another video tutorial regarding PHP and/or MySQL tutorial from YouTube which you think can help you in developing your programming skills then write the title
of the tutorial below and the description about the video. Explain why did you choose that tutorial.
URL: https://www.youtube.com/watch?v=d6dnCQS8DCk
TITLE: Exercise Using PHP | Let's Build a Calculator | PHP Tutorial | Learn PHP Programming
PRE-FINAL EXAMINATION (120 Mins

Class Activity:
o Search five (5) sample scripting languages and write it in the box provided.
o Choose one scripting language then provide a description for it and give a sample code for the selected scripting language.
COURSE SYLLABUS

ONLINE
BLENDED LEARNING
OFFLINE
Finals (7.5 hours)

Week 8
7.5 hours per week
1. Identify the essence of three-tier and client/server Architecture.

COURSE SYLLABUS
2. Determine the features of the current version of PHP.

3. Design and create a log-in form in PHP.
IV. FOUNDATIONS OF WEB DESIGN AND ‘PHP’ BASIC FORM PROCESSING
4.1 Web Development Environments

4.2 Web Systems Models
4.3 Web Applications Development
4.4 About PHP
4.5 Form Design
4.6 Form Handling
4.7 Form Validation
4.8 Redisplaying Form Values
Class Activity:
o What specific topic did you consider as the most interesting one in which can be helpful for you as a student based from the video? Why?
URL: https://www.youtube.com/watch?v=nIKbN5pBSXo
TITLE: Wix Tutorial 2021 (Full Tutorial For Beginners) – Create A Professional Website
COURSE SYLLABUS
FINAL EXAMINATION (120 Mins)
Class Activity:
o Search five (5) sample website building platforms and write in the box provided.
o Choose one website building platform then provide a description for it and give a sample existing websites made from that platform.
COURSE SYLLABUS
FINAL EXAMINATION (120 Mins)
Writing Exercise:
Answer the following questions:
o Why use WordPress and not website builders?

o When should you use WordPress, Drupal, and Joomla when developing website?
GRADING SYSTEM:
COMPONENTS PER PERIOD (Prelim, Midterm, Pre-finals, and Finals)
 Written Works (Activity and Analysis) ---------------------------------- 25%
 Performance Tasks (Application and Analysis) ------------------------- 50%
 Major Exams ------------------------------------------------------------------------ 25%
TOTAL 100%
COURSE SYLLABUS
COURSE REQUIREMENTS:
In order to pass this course, a student must be able to obtain a rating of at least 75% derived from the following fulfilled requirements:
1. Written Requirements (Quizzes, Periodical Exams)
2. Involvement (Project/Written output, Assignment/Homework, Individual Performance)
3. Attendance
Rubrics for the following requirements will be made available/will be sent thru individual E-Mails.
COURSE EXPECTATIONS:
Students of this course are expected to:
1. Observe the rules and regulations of the institutions regarding the proper decorum, attendance and the general requirements for a CCI
student as per stipulated in the Students Handbook;
2. Equip oneself with relevant, updated and current news and information;
3. Conduct self-paced learning for the basic accounting and financial terminologies and concepts prior to attending this class;
4. Possess extensive knowledge on Word Processing and Spreadsheets as a means to process tasks and activities;
5. Participate actively in all of the discussions and exchange of ideas to earn points for this course using English language as a means of
communication;
6. Assert one’s own point of view during the discussion or may initiate discussion/topics relevant to the course without prejudice, bigotry,
biases and discrimination and consider individual differences;
7. Monitor their E-Mail/SMS inboxes for announcements, assignments and comments. Hence, all students are required to register in
group;
8. Observe proper citations when utilizing published or unpublished works to avoid violations of Intellectual Property Rights;
9. Share insights to improve Rubrics for each Requirement;
10. Submit required tasks in a neat and presentable manner; and,
COURSE SYLLABUS
11. Prepare, accomplish, submit, present and perform all assigned tasks and course works required in order to pass this course.
** The Professor in-charged of this course is also expected to exhibit the same above-mentioned expectations.
ONLINE/REMOTE CLASSROOM POLICIES (Adopted)
1. Late submissions are not accepted. Unless there is a very valid excuse for such late submission. The following are considered valid:
hospitalized (with medical certificate), death of an immediate family member (God forbid), and flu (but not hospitalized; with an excuse
letter from parents, guardian, or dorm manager).
2. Plagiarism is to be avoided at all costs. First offense, the student will receive a grade of 0 for the work/activity/seatwork/essay. Second
offense, the student will receive a final grade of 0.0 for the subject.
3. No one is allowed to use his or her phone for texting or calling, unless it is for emergency purposes.
4. For attendance, the policies of the school are applied.
FORMAT OF PAPERS (This is followed in any requirement that will be submitted in class)
1. PAPER: A4 bond paper

2. ORIENTATION: Portrait (It would only be in landscape if specified in the instructions)
3. MARGIN: 1” margin – top, bottom, left, right
4. FONT: Arial #11
5. SPACING: Double space, but no extra space between paragraphs
6. TOP OF THE FIRST PAGE: On the top of the first page should always be:
COURSE SYLLABUS
FAMILY NAME, FIRST NAME, DATE

SUBJECT AND SECTION
(if there are two or more names, always arrange them alphabetically)
7. PAGE NUMBERS: Always have page numbers, unless the assigned paper has only one page.
8. CITATION: Use APA format for citations.
9. REFERENCE: The “Reference” will always be on a separate paper or papers.
10. SUBMISSION: Papers having 2-15 pages to be submitted should be fastened together; papers having more than 16 pages should be
soft bounded.
REFERENCES
A. Reference / e-books:
 Jeanine Meyer (2018). HTML5 and JavaScript Projects: Build on your Basic Knowledge of HTEML 5 and Java Script to Create Substantial HTML5 Application:
APRESS
 Steve Seuhring and Janet Valade (2013). PHP, MySQL, JavaScript and HTML5 All-In-One for Dummies: John Wiley & Sons Inc.
 Robert Dwight. Learn PHP in 24 hours or less: A Beginner’s Guide to Learning PHP Programming Now.
B. URL:
 http://itwebtutorials.mga.edu/js/chp1/browser-object-model.aspx
 Beginning HTML, XHTML, CSS, and Java Script (2010). Jon Ducket.
 https://www.w3resource.com/javascript-exercises/javascript-basic-exercise-50.php
 https://websitesetup.org/
 https://www.wix.com/
 https://websitesetup.org/cms-comparison-wordpress-vs-joomla-drupal/
COURSE SYLLABUS
Prepared by: Reviewed by: Approved by:
Mary Gaile A. Bercede Kristine Lily O. Francisco, MAED-CE _______________________

Lecturer Chairperson, IT Department Dean
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
STUDENT’S ACKNOWLEDGMENT
I, __________________________________, a graduate student of the _________ Program hereby acknowledge receipt of the herewith attached
Course Syllabus of ______________________________________, First Semester of SY 2021-2022.
_________________________________
Student’s Signature over Printed Name Date: _________________________ Time: ______________

Pro El 3 Web Application and Programming Security - 1t Sy2021-2022

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Pro El 3 Web Application and Programming Security - 1t Sy2021-2022

Uploaded by

Copyright:

Available Formats

Notes:

1. If Blended – Online Schedule (+-20hours)/Offline

COURSE WEB APPLICATION AND

1st MEETING (Within the 1st week)

3. Create a web page.

I. CREATING WEB PAGE

1.1 Internet History and Usage

Activities: (Via Messenger or ZOOM, Google Duo)

1. Getting Started: getting to know each other

PRELIMINARY EXAMINATION (120 Mins)

1. Getting Started: getting to know each other

 Class Activity: Think-Groups and Share

PRELIMINARY EXAMINATION (120 Mins)

Activities: (Via Learning Packets or Print out Modules) – Self-paced Learning

1. Read the contents of the policy and requirements;

WEEK/ NOMINAL DURATION/ PERIOD/OUTCOME

Midterms (15 hours)

7.5 hours per week

At the end of this module, the students must be able to:

1. Identify BOM Objects and the components.

2. Explore and describe the history of JavaScript.

3. Determine JavaScript Functions.

2.1 Browser Object Model (BOM)

2.2 The JavaScript Language

2.3 JavaScript Comments

2.4 Error Messages

Activities: (Via Messenger or ZOOM, Google Duo)

MIDTERM EXAMINATION (120 Mins)

Activities: (Via Messenger or ZOOM, Google Duo)

o Why do you need to study JavaScript?

MIDTERM EXAMINATION (120 Mins)

Activities: (Via Learning Packets or Print out Modules) – Self-paced Learning

TITLE: #3 JavaScript Tutorial | First Hello World Program

WEEK/ NOMINAL DURATION/ PERIOD/OUTCOME

Pre-Finals (22.5 hours)

At the end of this module, the students must be able to:

3. Create a simple JavaScript calculator.

III. THE FORM OBJECT

3.1 Text Controls

3.2 Drop-Down Lists

3.3 Radio Buttons

3.6 Validating Forms

Activities: (Via Messenger or ZOOM, Google Duo)

PRE_FINAL EXAMINATION (120 Mins)

Activities: (Via Messenger or ZOOM, Google Duo)

PRE-FINAL EXAMINATION (120 Mins

WEEK/ NOMINAL DURATION/ PERIOD/OUTCOME

Finals (7.5 hours)

1. Identify the essence of three-tier and client/server Architecture.

2. Determine the features of the current version of PHP.

IV. FOUNDATIONS OF WEB DESIGN AND ‘PHP’ BASIC FORM PROCESSING

4.1 Web Development Environments

Activities: (Via Messenger or ZOOM, Google Duo)

FINAL EXAMINATION (120 Mins)

Activities: (Via Messenger or ZOOM, Google Duo)

FINAL EXAMINATION (120 Mins)

Activities: (Via Learning Packets or Print out Modules) – Self-paced Learning

Answer the following questions:

o Why use WordPress and not website builders?

1. PAPER: A4 bond paper

FAMILY NAME, FIRST NAME, DATE

Prepared by: Reviewed by: Approved by:

Mary Gaile A. Bercede Kristine Lily O. Francisco, MAED-CE _______________________