CENTRAL PHILIPPINES STATE UNIVERSITY

Kabankalan, Negros Occidental

COLLEGE OF COMPUTER STUDIES

OBE COURSE SYLLABUS IN PCIT 15 – SYSTEM INTEGRATION AND ARCHITECTURE 2
2nd Semester, S.Y. 2022-2023

VISION

CPSU as the leading technology-driven multi-disciplinary University by 2030

MISSION

CPSU is committed to produce competent graduates who can generate and extend leading technologies in multi-disciplinary areas beneficial to the community.

GOAL

To provide efficient, quality, technology-driven and gender-sensitive products and services

CPSU QUALITY POLICY

CPSU commits to deliver quality higher and advanced education through instruction, research, extension, production and administrative support services.
We shall endeavor to:

1. Continually improve its Quality Management System (QMS) at par with International standards;
2. Provide timely, efficient and effective delivery of products and services;
3. Satisfy the needs and expectations of the customers and relevant Interested parties; and
4. Uphold applicable statutory, regulatory, organizational and International standard requirements.

COMMON OUTCOME TO A HORIZONTAL TYPE OF SCHOOL (CMO No. 46, s. 2012)

For universities: an ability to participate in the generation of new knowledge or in research and development projects Graduates of State Universities and Colleges must, in
addition, have the competencies to support “national, regional and local development plans.

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:1 of 12

 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

PROGRAM OUTCOMES

A. Common to All Types of School

a.1. Articulate and discuss the latest developments in the field of practice (PQF level 6 descriptor);
a.2. Effectively communicate orally and in writing using both English and Filipino;
a.3. Work effectively and independently in multi-disciplinary and multi-cultural teams (PQF level 6 descriptor);
a.4. Act in recognition of professional, social, and ethical responsibilities;
a.5. Preserve and promote ‘’ Filipino historical and cultural heritage’’ (based on RA 722);

B. Specific for Bachelor of Science in Information Technology

b.1. Analyze complex problems, and identify and define the computing requirements needed to design an appropriate solution.
b.2. Apply computing and other knowledge domains to address real-world problems.
b.3. Design and develop computing solutions using a system-level perspective.
b.4. Utilize modern computing tools.

C. Specific to a sub-discipline and major – Bachelor of Science in Information Technology (BSIT)

c.1. Apply knowledge of computing, science, and mathematics appropriate to the discipline.
c.2. Understand the best practices and standards and their applications.
c.3. Analyze complex problems, and identify and define the computing requirements appropriate to its solution.
c.4. Identify and analyze use needs and take them into account in the selection, creation, evaluation and administration of computer-based system.
c.5. Design, implement and evaluate computer-based systems, processes, components, or programs to meet desired needs and requirements under various
constraints.
c.6. Integrate IT-based solutions into the user environment effectively.
c.7. Apply knowledge through the use of current techniques, skills, tools and practices necessary for the IT profession.
c.8. Function effectively as a member or leader of a development team recognizing the different roles within a team to accomplish a common goal.
c.9. Assist in the creation of an effective IT project plan.
c.10. Communicate effectively with the computing community and with society large about complex computing activities through logical writing, presentations, and
clear instructions.
c.11. Analyze the local and global impact of computing information technology on individuals, organizations, and society.
c.12. Understand professional, ethical, legal security and social issues and responsibilities in the utilization of information technology.
c.13. Recognize the need for and engage in planning self-learning and improving performance as a foundation for continuing professional development.

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:2 of 12

 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

PROGRAM OUTCOMES

IDEAL BSIT GRADUATE GRADUATE OUTCOMES CODE PERFORMANCE INDICATORS

ATTRIBUTES
Generate knowledge through IT1 Complete Capstone Project in line with Information Technology trends
research IT2 Interpret data and information using appropriate tools and procedures
IT3 Apply knowledge of computing, science and mathematics appropriate to the discipline.
Knowledge for Solving Computing IT4 Understand best practices and standards and their applications
Problems
IT5 Analyze complex problems and identify and define the computing requirements appropriate to its solution.
Problem Analysis
IT6 Identify and analyze user needs and take them into account in the selection, creation, evaluation, and
administration of computer-based systems
IT7 Design, implement and evaluation computer-based systems, processes, component or programs to meet
Design/Developments of Solution desired needs and requirements under various constraints.
IT8 Integrate IT-based solutions into the user environment effectively.
IT9 Develop software applications that will help the community related to agriculture, security, office management
and environment.
IT10 Develop technology that will support the needs of the farmers in terms of agricultural machineries.

Modern Tool Usage IT11 Apply knowledge through the use of current techniques, skills, tools and practices necessary for the IT
profession
IT12 Function effectively as a member or leader of development team recognizing the different roles within a team
accomplish a common goal
Individual and Team Work IT13 Assist in the creation of an effective IT project plan
Communication IT14 Communicate effectively with the computing community and with society at large about complex computing
activities through logical writing, presentations and clear instructions.
IT15 Analyze the local and global impact of computing information technology on individuals, organizations and
society.
IT16 Understand professional, ethical, legal, security and social issues and responsibilities in the utilization of
Computing Professionalism and information technology
Social Responsibility IT17 Accomplish assigned work as specified and within time frame
IT18 Perform beyond the call of duty with high level of independence

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:3 of 12

 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

Life-long Learning IT19 Recognize the need for and engage in planning self-learning and improving performance as a foundation for
continuing professional development

COURSE OUTCOMES

At the end of this course, the student should be able to:

1. Understand the concepts of system integration and architecture, and the benefits of integrating systems and designing well-architected systems.
2. Understand the different types of system architecture, including monolithic, microservices, and event-driven.
3. Understand the basics of React.js, including components, props, state, JSX, and lifecycle methods.
4. Apply the concepts and skills learned in the course to real-world scenarios and develop practical solutions to problems.
5. Build web applications that are efficient, scalable, and secure.

I. PROGRAM : Bachelor of Science in Information Technology

II. COURSE NUMBER : PCIT 15
III. COURSE TITLE : System Integration and Architecture 2
IV. COURSE DESCRIPTION : Summarize and analyze the data from a usability test and recommend appropriate actions. Construct an architectural framework.
Develop a component and demonstrate its integration into an existing environment.
V. CREDIT : 3 units (2 hours lecture and 3 hours laboratory)
VI. CREDIT HOURS : 90 hours (5 hours per week)

VII. COURSE PREREQUISITE : System Administration and Maintenance

VIII. LEARNING PLAN

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:4 of 12
 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

Time Teaching and

Desired Learning Outcomes (DLO) Course Content References Frame Learning Activities Assessment Resources
(hrs.) Task Materials

MIDTERM

At the end of the Midterm References from Projects and Computer/

Examination, the students will be Chapter 0 to Chapter 3 2 hours Web-Application
Chapter 0-3 Activities laptop
able to demonstrate a minimum
proficiency level of 75% and a
minimum completion rate of 75%
on the authentic assessment

At the end of the chapter, the students Chapter 0 5 hours Synchronous Reflection Paper
can: Lecture (online and Power Point
Introductory Topics Student Handbook face-to-face) - Presentation
Describe and reflect the Philosophy of Course Orientation Revised 2017 discussion
Education, Vision-Mission, institutional
Objectives of the School and rules and Goals of Education and the
regulations of the University. Integrated of the Philosophy of
Education, Vision-Mission and Student
Achieve the level of understanding of institutional Objectives of the School Handbook
the Philosophy of Education, Vision-
Mission.

Demonstrate institutional Objectives of Course design/and program Course Design

the School and rules and regulations outcomes
of the university.

Initiate guidance on the classroom

rules and procedure Course Requirements

Grading System

Rules and Regulations (Classroom

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:5 of 12
 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

and School)

At the end of the unit, the students Chapter 1: INTRODUCTION

must be able to:
 Definition of system
 Define system integration and integration and architecture
architecture and explain the  Importance of system
difference between the two integration and architecture
 Explain the importance of in modern technology Synchronous
system integration and  What is system integration Discussion (online
Essay Laptop
architecture in modern  Steps in system integration and face-to-face)
Book 1 Quizzes Internet
technology, including in areas process with Visual
Book 2 12 hours Projector /
such as software development,  Benefits of system presentation
Monitor
network infrastructure, and data integration
management Oral Questioning
 Define system integration and
explain its purpose
 Describe the three types of
system integration: horizontal,
vertical, and full, and explain the
difference between them.
At the end of the unit, the students Chapter 2: SYSTEM Book 1 12 hours Synchronous Group Activity Laptop
must be able to: ARCHITECTURE Book 2 Discussion (online Internet
and face-to-face) Projector /
 Define system architecture and  with Visual Monitor
explain its purpose  Types of system integration presentation
 Describe the three types of (horizontal, vertical, and full)
system architecture: monolithic, Asymptotic Analysis
micro-services, and event-  What is system architecture
driven, and explain the  Types of system architecture
difference between them. (monolithic, micro-services,
 Outline the steps involved in the and event-driven)
system architecture design,  Steps in system architecture
including requirements design
gathering, analysis, design,  Benefits of a well-designed
implementation, testing, and system architecture
Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:6 of 12
 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

maintenance

At the end of the unit, the students Chapter 3: REACT.JS

must be able to:
 What is React.js
 Understand the purpose of  Setting up a development
React.js and its role in web environment Synchronous
development Laptop
 Creating a React project Discussion (online
Book 3 Quiz Internet
 Understand the basic concepts  Understanding the basic 12 hours and face-to-face)
Projector /
of React, including components, concepts of React: with Visual
Monitor
props, and state components, props, and presentation
 Understand how to organize state
and structure the components in  Creating and using
a project. components

FINAL TERM

At the end of the Final term

Examination, the students must References from Web-Application Computer/
Chapter 4 to Chapter 6 2 hours Project
have answered correctly at least 75 Chapter 4-6 laptop
percent of the written exam and
completed 75 percent of the
authentic assessment
At the end of the unit, the students Chapter 4: LIFECYCLE METHODS
must be able to:
Synchronous
 Understanding the lifecycle
Discussion (online
 Understand how lifecycle of a React component
and face-to-face) Hands-on Activity Laptop
methods are used to control the  Using lifecycle methods to Book 3
with Visual Internet
behavior of a component control the behavior of a Book 4 15 hours
presentation Group Activity Projector /
 Understand how to use lifecycle component
Monitor
methods to improve the  Commonly used lifecycle Demonstration of
performance of a component methods React components
 Understand how to use lifecycle
methods with hooks
At the end of the unit, the students Chapter 5: ROUTING 15 hours Synchronous Hands-on Activity Laptop
Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:7 of 12
 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

must be able to:

 Understanding the concept
 Understand the concept of of routing in a React
routing and how it is used to application
navigate between different  Setting up routing with React Discussion (online
pages or views in a React Router and face-to-face)
application  Using dynamic routing with Visual
 Understand how to implement Book 3 presentation Internet
routing in server-side rendering Book 4 Projector /
Quiz
 Apply routing concepts to real- Monitor
world scenarios by analyzing Demonstration of
and identifying areas where Routes
routing can be used to improve
the navigation in a React
application.

At the end of the unit, the students Chapter 6: BEST PRACTICES Synchronous
must be able to: Discussion (online
 Commonly used design and face-to-face)
 Understand best practices for patterns in React with Visual
writing reusable code, including  Best practices for writing presentation
using functional components, reusable code
using hooks, and managing  Tips for debugging and Demonstration of
state troubleshooting React code Techniques Hands-on Activity Laptop
Book 3
 Understand tips for debugging  Integrating React with other Internet
Book 4 15 hours Demonstration of
and troubleshooting React technologies (such as Axios) Group Activity Projector /
code, including using the React  Server-side rendering with sorting and Monitor
DevTools and understanding React searching
component lifecycle methods  Building and deploying techniques using
 Understand how to integrate React applications. C/C++ Programming
React with other technologies, Language
such as Axios, to handle data
fetching and posting

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:8 of 12

 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

IX. COURSE REQUIREMENTS :

a. Midterm & Final projects

b. Module activities
c. Essay / Reflections
d. Hands-on activities
e. Web-application Output

X. GRADING SYSTEM:

Knowledge : 40%
100% - Web Application Using React
Skills :50%
40 % - Output (Projects, Portfolio and others)
30 % - Class Participation
15 % - Activities
15% - Assignments
Attitude : 10%
50% - Class Behavior
50% - Participation, Awareness, Interest
Total 100%
*The faculty may have the freedom to identify the needed criteria under the skills and attitudes to be evaluated in their respective courses handled.

XI. REFERENCES :

TEXTBOOKS:

Book 1: Jeffrey O. Grady (2019). System Integration.

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:9 of 12

 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

Book 2: Gerard Blokdyk (2018). Open Architecture System Integration Strategy.

Book 3: Artemij Fedosejev (2015). React.js Essentials
Book 4: Vipul A M, Prathamesh Sonpatki. (2016). ReactJS by Example - Building Modern Web Applications with React.

WEB:
1. W3schools.com. React Tutorials. W3schools. https://www.w3schools.com/react/react_intro
2. Reactjs.org. React. https://reactjs.org/
3. Tutorials Point India Privated Limited. 2016. Systems Integration Architecture.
Tutorialspoint. https://dts.utah.gov/standard/systems-integration-architecture.

XII. RESOURCE MATERIALS:

This syllabus, video clips, multi-media, reference books, teaching guide, audio and video materials

A. Rubrics (Computer Program quality assessment)

Instruction: Rate each of the following by placing a check mark in the appropriate box in each row.
Criteria of success: Total score is equal to 24 but not less than 12.
1 – Unsatisfactory 2 - Competent 3 – Proficient 4 - Distinguished

COMPUTER PROGRAM 1 2 3 4 COMMENTS

Used of Components

Application of State and Props

Able to use routing effectively

Best Practices in development

Source code is well documented

TOTAL

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:10 of 12

 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

Distinguished = Work shows a mastery of skills and reflects a deep understanding of concepts. The submitted work almost manifests quality which meets beyond the submitted
expected output.
Proficient = Works reflects understanding of concepts as well as use of skills discussed in the class. The submitted work almost manifests quality which meets beyond the
submitted expected output.
Competent = Work shows some understanding of concepts and skills. The submitted work does not necessarily meet the submitted expected output.
Unsatisfactory = Performance does not meet the expectations stated in the outcomes.

XIII. Course Mapping

COURSE OUTCOMES PROGRAM OUTCOMES

RELATIONSHIP TO PROGRAM IT 1 IT 2 IT 3 IT 4 IT 5 IT 6 IT 7 IT 8 IT 9 IT 10 IT 11 IT 12 IT 13 IT 14 IT 15 IT 16 IT 17 IT 18 IT 19
OUTCOME
1. Understand the concepts of system
integration and architecture, and the
I I I I
benefits of integrating systems and
designing well-architected systems.
2. Understand the different types of
system architecture, including
I I I P P
monolithic, micro-services, and
event-driven.
3. Understand the basics of React.js,
including components, props, state, I I P P D D
JSX, and lifecycle methods.
4. Apply the concepts and skills learned
in the course to real-world scenarios
I I P P D D
and develop practical solutions to
problems.
5. Build web applications that are
efficient, scalable, and secure. P P D D

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:11 of 12

 CENTRAL PHILIPPINES STATE UNIVERSITY
Kabankalan, Negros Occidental

Legend: I - Introduced P - Practiced D - Demonstrated

Prepared by : JUNE REY L. PALABRICA Date: ______________________________

Name of Faculty

Reviewed by : ___________________________________ Date: ______________________________

Course Syllabi Review Committee

___________________________________ Date: ______________________________

Program Head/Division Chairperson

Noted by : CHESTER L. COFINO, Ph.D Date: _____________________________

College Dean

Approved by : FERNANDO D. ABELLO, Ph.D Date: _____________________________

Vice President for Academic Affairs

Doc Control Code: CPSU-F-VPAA-10 Effective Date: 09/12/2018 Page No.:12 of 12