QUALITY FORM FR-INS-04.

Rev00
SYL No.:
COURSE SYLLABUS ____________________

Republic of the Philippines

NUEVA VIZCAYA STATE UNIVERSITY
Bayombong, Nueva Vizcaya

COLLEGE OF ARTS AND SCIENCES

Program: Bachelor of Science in Information Technology

OUTCOME-BASED SYLLABUS in
System Integration and Architecture
Second Semester, SY 2019-2020

Course Number: SIA101 Course credit: 3

Course Title: System Integration and Architecture Weekly Contact hours: 2
hrs. lec. & 3 hrs. lab
Prerequisite: IPT101 - IT Elective 3 (Integrative Programming & Technologies 1)

UNIVERSITY VISION
A premier university in a global community

UNIVERSITY MISSION
To develop an empowered, productive, and morally upright citizenry through high quality,
innovative, and relevant instruction, research, extension, and entrepreneurship programs
adhering to international standards.
.
GOAL: ADVANCED EDUCATION AND HIGHER EDUCATION
To adapt and address itself as a functional learning center for innovative programs as a model
institution
and enabling its graduates to be empowered and globally competitive through the provision of
undergraduate & graduate education which meet international standards of quality & excellence

CORE VALUES
A Academic - Delivery of high quality, innovative, and relevant instruction and
Excellence acquisition of globally competitive skills.
C Cultural Diversity - Equitable access to education for students/clients of diverse
ethnic identities and sustained commitment to nourish
indigenous cultures.
T Technological - Continuing innovations for enhancing resource utilization and
Advancement management towards improved and harmonious living
conditions.
S Social - Initiatives and priorities in contributing global expertise to create
Responsibility positive impact on the University’s service areas to attain the
highest standards of organizational citizenship.

I. COURSE : On this course students will build upon the ICT knowledge gained
DESCRIPTION throughout the degree program by developing skills in enterprise
architecture planning (EAP) and in enterprise application
integration (EAI). Using EAP, students will learn to create
architectures that define and describe the data, applications, and
technology needed to support organizations. In applying EAI,
students will gain experience in creating strategic business
solutions using Web services and middleware to integrate the
functionality of an organization’s existing applications,
commercial packaged applications, and new code.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

II. BS INFORMATION BSIT Graduate The BS Information Technology (BSIT) program

TECHNOLOGY Outcomes includes the study of the utilization of both
LEARNING OUTCOMES based on the hardware and software technologies involving
CHED MO 25, planning, installing, customizing, operating,
series of 2015 managing and administering, and maintaining
information technology infrastructure that
provides computing solutions to address the
needs of an organization.

Knowledge for Solving IT01 Apply knowledge of computing, science, and

Computing Problems mathematics appropriate to the discipline.

IT02 Understand best practices and standards and

their applications

Problem Analysis IT03 Analyze complex problems, and identify and

define the computing requirements appropriate
to its solution

IT04 Identify and analyze user needs and take them

into account in the selection, creation, evaluation
and administration of computer-based systems

Design/Development of IT05 Design, implement, and evaluate computer-

Solutions based systems, processes, components, or
programs to meet desired needs and
requirements under various constraints

IT06 Integrate IT-based solutions into the user

environment effectively.

Modern Tool Usage IT07 Apply knowledge through the use of current
techniques, skills, tools and practices necessary
for the IT profession

Individual and Team IT08 Function effectively as a member or leader of a

Work development team recognizing the different
roles within a team to accomplish a common
goal.
IT09 Assist in the creation of an effective IT project
plan

Communication IT10 Communicate effectively with the computing

community and with society at large about
complex computing activities through logical
writing, presentations, and clear instructions.

Computing IT11 Analyze the local and global impact of computing

Professionalism and information technology on individuals,
Social Responsibility organizations, and society.

IT12 Understand professional, ethical, legal, security

and social issues and responsibilities in the
utilization of information technology.

Life-Long Learning IT13 Recognize the need for and engage in planning
self-learning and improving performance as a
foundation for continuing professional
development
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

III. CURRICULUM MAP (based on the program’s CMO)

A. Alignment of Course Outcomes (CO) with the BSIT Learning Outcomes (BSCSLO) (Put a check mark under the General Education Learning Outcomes,
if course outcome is applicable).

BSICS Learning Outcomes (BSCSLO)

Course Outcomes (CO) 1 2 3 4 5 6 7 8 9 10 11 12 13

CO1 Understand the basic concepts inherent in modeling and digital animation
✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔
and use tools and 2D animation techniques;
CO2 Understand basic concepts related to the modeling and 3D animation
(notions of space and scale) and use tools and modeling techniques and ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔
3D animation;
CO3 Produce digital objects using 2D / 3D modeling techniques. ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔

B. Alignment of Course Content with Course Outcomes (CO) (Indicate L, P or O under Course Outcomes in each subtopic indicated).
Course Content Course Outcomes (CO)
(Chapter Titles and subtopics from the course outline)
CO1 CO2 CO3
THE CONCEPT OF ENTERPRISE ARCHITECTURE
• Enterprise Architecture overview
• Enterprise structure
• Enterprise Architecture – value & risks

LO LO LO
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

ENTERPRISE ARCHITECTURE COMPONENTS

• Implementation methodology
• Frameworks
• Architecture components & artifacts
LPO LPO LP

DEVELOPING AN ENTERPRISE ARCHITECTURE

• Current architectural views
• Future architectural views LP LPO LPO
• Management plan

USING AN ENTERPRISE ARCHITECTURE

• Planning & project management
• Security
• Repository & support tools LP LPO LP

SERVICE ORIENTED ARCHITECTURE

• SOA Overview
• SOA Evolution

LP LPO LPO
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

INTEGRATING TECHNOLOGY
• XML Technologies
• Web Service Technologies
• “WS” - Web Service Technologies
• XML Integration
• Web Services Integration LO LO LO
• XML and databases

INTEGRATING APPLICATIONS
• Application Integration
• Legacy Integration
• Enterprise Integration
• Integration Strategies
LPO LPO LP

INTEGRATING THE ENTERPRISE

• XML integration best practices
• Web Services best practices
• Building the Service Oriented Enterprise
LP LPO LPO
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

MODEL DRIVEN ARCHITECTURE

• Terms & concepts
• Building models
• Metamodels
• Mappings
• Marking models LP LPO LP
• Languages

MODEL DRIVEN ARCHITECTURE PROCESS

• Building an MDA process
• Executing an MDA process

LP LPO LPO

FUTURE TRENDS AND COURSE REVIEW

• Enterprise Architecture as a profession
• SOA and the Future
• MDA and the Future
• Course review
LP LPO LPO

Legend:
L – Learned outcomes (knowledge, skills, values) / outcomes achieved in the subject
P – Practiced the learned outcomes (knowledge, skills, values)
O – Opportunity to learn and practice (opportunity to learn and practice knowledge, skills, values but not taught formally)
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

IV. COURSE OUTLINE AND TIMEFRAME

Timeframe Course Content/Subject Matter
Week 1 PROGRAM COURSE ORIENTATION
1. Orientation of the Course
2. Definition of the course
3. Job opportunities
4. Class Orientation
Week 1 – 2 THE CONCEPT OF ENTERPRISE ARCHITECTURE
1. Enterprise Architecture overview
2. Enterprise structure
3. Enterprise Architecture – value & risks

Week 3 ENTERPRISE ARCHITECTURE COMPONENTS

1. Implementation methodology
2. Frameworks
3. Architecture components & artifacts

Week 4 DEVELOPING AN ENTERPRISE ARCHITECTURE

1. Current architectural views
2. Future architectural views
3. Management plan

Week 5 USING AN ENTERPRISE ARCHITECTURE

1. Planning & project management
2. Security
3. Repository & support tools

Week 6 SERVICE ORIENTED ARCHITECTURE

1. SOA Overview
2. SOA Evolution
 QUALITY FORM

COURSE SYLLABUS

Week 7 - 8 INTEGRATING TECHNOLOGY

1. XML Technologies
2. Web Service Technologies
3. “WS” - Web Service Technologies
4. XML Integration
5. Web Services Integration
6. XML and databases

Week 9 MIDTERM EXAMINATION

Week 10 INTEGRATING APPLICATIONS
1. Application Integration
2. Legacy Integration
3. Enterprise Integration
4. Integration Strategies
Week 11 – 12 INTEGRATING THE ENTERPRISE
1. XML integration best practices
2. Web Services best practices
3. Building the Service Oriented Enterprise
Week 13 – 14 MODEL DRIVEN ARCHITECTURE
1. Terms & concepts
2. Building models
3. Metamodels
4. Mappings
5. Marking models
6. Languages
Week 15 MODEL DRIVEN ARCHITECTURE PROCESS
1. Building an MDA process
2. Executing an MDA process
Week 16 – 17 FUTURE TRENDS AND COURSE REVIEW
1. Enterprise Architecture as a profession
2. SOA and the Future
3. MDA and the Future
4. Course review
Week 18 FINAL EXAMINATION

9
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without
written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

V. LEARNING PLAN

Desired Course Content/ Teaching and Learning Activities Assessment Values Time
Learning Outcomes Subject Matter Teaching Learning Assessment Assessme Developed Frame
Activities Activities Tasks nt
Tools
The students will be PROGRAM Discussion Reflective Writing: Reflective Rubric Loyalty to the Week 1
able to: COURSE method writing output University
1. commit to the ORIENTATION - socialized How can I contribute to Obedience to
vision, mission, classroom the achievement of the
the school
goals and objectives 1. Vision, mission, discussion vision, mission, goals and Reading Graded
and core values of goals and technique objectives of the comprehensio Recitation rules and
the university; objectives and university as a teacher n regulations
2. manifest proper core values of the and as a student of
behavior/attitude university. Reflective NVSU? Exuding the
reflective of the 2. Grading System teaching values of a
vision, mission, 3. School Policies Individual Homework: true NVSUan
goals & objectives 4. Course Outline ― Download and install
and core values of 5. Course the MyNVSU mobile
the university; Requirements app.
3. abide to the
university policies. ― Download and read
4. take pride in being a the Student Handbook
true NVSUan
from the NVSU web
portal.

At the end of the THE CONCEPT OF Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 1 –
chapter, the students ENTERPRISE ― Component ― Students should be test Questions to the 2
are expected to: ARCHITECTURE technique able to download and benefits
1. Recognize the • Enterprise ― Relevance XAMPP (localhost Class
Answer and major
Enterprise Architecture Technique Participation
server) and install it to Key features of
Architecture overview
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

2. Understand the • Enterprise Integrated their assigned Individual Bootstrap

Enterprise structure method terminal Laboratory Rubric: as front-
Architecture • Enterprise ― Demonstration- (https://www.apachefri Activity Output (Timelines end
value Architecture – Lecture (On-the spot)
ends.org/download.ht s, framework.
3. Understand the value & risks
risk underlying Discussion ml) Individual Correctnes ― Know how
Enterprise method Homework s, and to install a
Architecture ― socialized ― Students should be Accuracy) software in
classroom able to download the
discussion Bootstrap version computer
technique 3.3.7 from their official machine as
web portal: an IT
Investigatory
method https://getbootstrap.co student.
Laboratory m/ ― Honesty
technique: and
― individual ― Students should be integrity
activities able to create a during quiz,
working Bootstrap no cheating
project folder in the allowed.
localhost server. ― Confidence
during
Individual Homework: classroom
― Students should be discussion
able to identify at and
least 10 websites brainstormi
made from Bootstrap. ng.
Students should be
using the Wappalyzer
extension of Chrome
browser. Also,

11
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

students should list a

short description of
the enumerated
websites. Homework
will be sent thru the
NVSU cloud using their
uConnect account.

Video Tutorial Lessons:

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

At the end of the ENTERPRISE Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 3
chapter, the students ARCHITECTURE ― Discussion ― Students should be test Questions to the tools
are expected to: COMPONENTS technique able to install the and needed in
1. Differentiate the • Implementation ― Sequential Sublime Text editor to Class
Answer building UI
Implementation methodology Technique Participation
be used in creating Key with
Technology of • Frameworks
Enterprise • Architecture Integrated code snippets. Individual Bootstrap
Architecture components & Method ― Students should be Laboratory Rubric: ― Familiarizat
2. Understand and artifacts ― Lecture able to create their Activity (Timelines ion to the

12
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

use the personal folder inside Output: Work s, different

frameworks Discussion the htdocs directory sheet Neatness, classes
underlying method of their localhost Originality, involving
Enterprise ― Socialized Individual
server. The student Accuracy) the
Architecture classroom Homework
3. Know the discussion should also be able to Bootstrap
Architecture technique extract the Online Coding grid
components and downloaded Bootstrap system.
artifacts Investigatory and paste it to the ― Competent
method project folder. in running
Laboratory ― Students should be and
technique:
able to build a simple building
― individual
activities web page involving code
the Bootstrap grid snippets
system where they will from the
be able to create given
various layout of laboratory
columns (2-equal activity on
columns, 3 equal time.
columns, 4-8 columns, ― Honesty
etc) using the .rows and
and .cols classes integrity
inside a fluid or during quiz,
container layout. no cheating
allowed.
Individual Homework: ― Confidence
― A take home online during
activity will be given classroom
to the students for discussion
them to apply what and

13
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

they have learned in brainstormi

this chapter. Students ng.
could use any of the
Bootstrap Online
Editor to build their
code snippet (e.g.
https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent
thru the NVSU cloud
using their uConnect
account with sample
screenshots of output.

Video Tutorial Lessons:

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

14
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

At the end of the DEVELOPING AN Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 4
chapter, the students ENTERPRISE ― Discussion ― Students should be test Questions to the
are expected to: ARCHITECTURE technique able to design a web and predefined
1. Familiarized with • Current ― Sequential page that contains two Class
Answer classes
the current and architectural views Technique Participation
separate responsive Key available
future • Future
architectural architectural views Integrated tables that displays Individual in the
views • Management Method class sections and Laboratory Rubric: Bootstrap
2. Use a plan ― Lecture schedules of classes. Activity (Timelines libraries to
management The first table displays Output: Work s, build its
plan in Discussion the column labels sheet Neatness, basic
enterprise method (fields) Course ID, Originality, componen
architecture ― Socialized Individual
Course Name, Year, Accuracy) ts
3. Understand and classroom Homework
create a discussion Section, and Action specially
management technique Taken. Inside the last Online Coding on
plan in field, it should contain jumbotron,
enterprise Investigatory 2 buttons with responsive
architecture method glyphicons inserted: images &
Laboratory Edit class and Remove tables,
technique:
class buttons.On the and
― individual
activities other hand, the notificatio
second table has six n
fields: ID, Time, Day, messages
Room, Type, and using
Action Taken. The alerts.
action taken has three ― Competen
buttons: Set Class, t in
Delete, Edit, and Add running
Lab buttons. and
― Students should be building

15
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

able to create code

notifications using snippets
badges and alert from the
messages. They given
should be able to add laboratory
different styles of activity on
buttons and sizes with time.
glyphicons. ― Honesty
and
Individual Homework: integrity
― A take home online during
activity will be given quiz, no
to the students for cheating
them to apply what allowed.
they have learned in ― Confidenc
this chapter. In this e during
online activity, classroom
students will be discussion
building a responsive and
table that displays 10 brainstorm
records of students ing.
with their photo. The
photos should be
responsive and circle
in shape. Students
could use any of the
Bootstrap Online
Editor to build their
code snippet (e.g.

16
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent
thru the NVSU cloud
using their uConnect
account with sample
screenshots of output.

Video Tutorial Lessons:

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

At the end of the USING AN Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 5
chapter, the students ENTERPRISE ― Discussion ― Students should be test Questions to the
are expected to: ARCHITECTURE technique able to design a web and predefined
1. Define and • Planning & ― Sequential page that contains two Class
Answer classes
explain planning project Technique Participation
separate responsive Key available
and project management
management • Security Integrated tables that displays Individual in the

17
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

2. Explain the need • Repository & Method class sections and Laboratory Rubric: Bootstrap
for planning and support tools ― Lecture schedules of classes. Activity (Timelines libraries to
project The first table displays Output: Work s, build its
management Discussion sheet
the column labels Neatness, basic
3. Identify the method
security process ― Socialized (fields) Course ID, Individual Originality, componen
in enterprise classroom Course Name, Year, Homework Accuracy) ts
architecture discussion Section, and Action specially
4. Apply repository technique Taken. Inside the last Online Coding on
and support field, it should contain jumbotron,
tools.application Investigatory 2 buttons with responsive
method
glyphicons inserted: images &
Laboratory
technique: Edit class and Remove tables,
― individual class buttons.On the and
activities other hand, the notificatio
second table has six n
fields: ID, Time, Day, messages
Room, Type, and using
Action Taken. The alerts.
action taken has three ― Competen
buttons: Set Class, t in
Delete, Edit, and Add running
Lab buttons. and
― Students should be building
able to create code
notifications using snippets
badges and alert from the
messages. They given
should be able to add laboratory
different styles of activity on

18
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

buttons and sizes with time.

glyphicons. ― Honesty
and
Individual Homework: integrity
― A take home online during
activity will be given quiz, no
to the students for cheating
them to apply what allowed.
they have learned in ― Confidenc
this chapter. In this e during
online activity, classroom
students will be discussion
building a responsive and
table that displays 10 brainstorm
records of students ing.
with their photo. The
photos should be
responsive and circle
in shape. Students
could use any of the
Bootstrap Online
Editor to build their
code snippet (e.g.
https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent

19
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

thru the NVSU cloud

using their uConnect
account with sample
screenshots of output.

Video Tutorial Lessons:

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

At the end of the SERVICE Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 6
chapter, the students ORIENTED ― Discussion ― Students should be test Questions to the
are expected to: ARCHITECTURE technique able to design a web and predefined
1. Define SOA. • SOA Overview ― Sequential page that contains two Class
Answer classes
2. Analyze Service • SOA Evolution Technique Participation
separate responsive Key available
Oriented
Architecture. Integrated tables that displays Individual in the
3. Understand SOA Method class sections and Laboratory Rubric: Bootstrap
Evolution ― Lecture schedules of classes. Activity (Timelines libraries to
The first table displays Output: Work s, build its
Discussion the column labels sheet Neatness, basic
method (fields) Course ID, Originality, componen
― Socialized Individual
Course Name, Year, Accuracy) ts

20
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

classroom Section, and Action Homework specially

discussion Taken. Inside the last on
technique field, it should contain Online Coding jumbotron,
2 buttons with responsive
Investigatory
method glyphicons inserted: images &
Laboratory Edit class and Remove tables,
technique: class buttons.On the and
― individual other hand, the notificatio
activities second table has six n
fields: ID, Time, Day, messages
Room, Type, and using
Action Taken. The alerts.
action taken has three ― Competen
buttons: Set Class, t in
Delete, Edit, and Add running
Lab buttons. and
― Students should be building
able to create code
notifications using snippets
badges and alert from the
messages. They given
should be able to add laboratory
different styles of activity on
buttons and sizes with time.
glyphicons. ― Honesty
and
Individual Homework: integrity
― A take home online during
activity will be given quiz, no

21
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

to the students for cheating

them to apply what allowed.
they have learned in ― Confidenc
this chapter. In this e during
online activity, classroom
students will be discussion
building a responsive and
table that displays 10 brainstorm
records of students ing.
with their photo. The
photos should be
responsive and circle
in shape. Students
could use any of the
Bootstrap Online
Editor to build their
code snippet (e.g.
https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent
thru the NVSU cloud
using their uConnect
account with sample
screenshots of output.

Video Tutorial Lessons:

22
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

At the end of the INTEGRATING Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 7 -
chapter, the students TECHNOLOGY ― Discussion ― Students should be test Questions to the 8
are expected to: • XML Technologies technique able to design a web and predefined
4. Understand the • Web Service ― Sequential page that contains two Class
Answer classes
integration of Technologies Technique Participation
separate responsive Key available
different • “WS” - Web
technologies. Service Technologies Integrated tables that displays Individual in the
5. Evaluate the • XML Integration Method class sections and Laboratory Rubric: Bootstrap
differences in • Web Services ― Lecture schedules of classes. Activity (Timelines libraries to
integrating Integration The first table displays Output: Work s, build its
different • XML and Discussion the column labels sheet Neatness, basic
technologies. databases method (fields) Course ID, Originality, componen
6. Use different ― Socialized Individual
Course Name, Year, Accuracy) ts
technologies in classroom Homework
integration. discussion Section, and Action specially
technique Taken. Inside the last Online Coding on
field, it should contain jumbotron,
Investigatory 2 buttons with responsive
method glyphicons inserted: images &
Laboratory Edit class and Remove tables,

23
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

technique: class buttons.On the and

― individual other hand, the notificatio
activities second table has six n
fields: ID, Time, Day, messages
Room, Type, and using
Action Taken. The alerts.
action taken has three ― Competen
buttons: Set Class, t in
Delete, Edit, and Add running
Lab buttons. and
― Students should be building
able to create code
notifications using snippets
badges and alert from the
messages. They given
should be able to add laboratory
different styles of activity on
buttons and sizes with time.
glyphicons. ― Honesty
and
Individual Homework: integrity
― A take home online during
activity will be given quiz, no
to the students for cheating
them to apply what allowed.
they have learned in ― Confidenc
this chapter. In this e during
online activity, classroom
students will be discussion

24
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

building a responsive and

table that displays 10 brainstorm
records of students ing.
with their photo. The
photos should be
responsive and circle
in shape. Students
could use any of the
Bootstrap Online
Editor to build their
code snippet (e.g.
https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent
thru the NVSU cloud
using their uConnect
account with sample
screenshots of output.

Video Tutorial Lessons:

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources

25
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

(e.g YouTube, uDemy,

CodeCademy,
SoloLearn, Coursera,
etc)

M I D T E R M E X A M I N A T I O N Week 9

At the end of the INTEGRATING Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 10
chapter, the students APPLICATIONS ― Discussion ― Students should be test Questions to the
are expected to: • Application technique able to design a web and predefined
1. Understand Integration ― Sequential page that displays Class
Answer classes
application • Legacy Technique Participation
horizontal and vertical Key available
integration. Integration
2. Understand • Enterprise Integrated button groups with Individual in the
Legacy Integration Method dropdown menus. Laboratory Rubric: Bootstrap
Integration. • Integration ― Lecture ― Students should be Activity (Timelines libraries to
3. Create and Strategies able to insert labels Output: Work s, build
Analyze Discussion with color styling and sheet Neatness, layout
Enterprise method glyphicons. Originality, componen
Integration, and ― Socialized Individual
― Students should be Accuracy) ts.
4. Evaluate classroom Homework
advantages and discussion able to create ― Competen
disadvantages of technique breadcrumbs and Online Coding t in
Integration simple pagination. running
Strategies. Investigatory Also, they should be and
method able to add two panel building
Laboratory components where the code
technique:
first panel contain a snippets
― individual
activities responsive and from the
formatted table while

26
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

the other panel given

displays different laboratory
styles of progress bar. activity on
time.
Individual Homework: ― Honesty
― A take home online and
activity will be given integrity
to the students for during
them to apply what quiz, no
they have learned in cheating
this chapter. In this allowed.
online activity, ― Confidenc
students would be e during
able to select any classroom
website and design its discussion
navigation bar. and
Students should also brainstorm
research on the ing.
different HTML
character codes that
could be use as
alternative to
Glyphicons. Students
could use any of the
Bootstrap Online
Editor to build their
code snippet (e.g.
https://www.w3schools
.com/tryit/,

27
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent
thru the NVSU cloud
using their uConnect
account with sample
screenshots of output.

At the end of the INTEGRATING THE Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 11-
chapter, the students ENTERPRISE ― Discussion ― Students should be test Questions to the 12
are expected to: • XML integration technique able to build a simple and predefined
1. Understand XML best practices ― Sequential login and registration Class
Answer classes
integration best • Web Services Technique Participation
page using forms. Key available
practices. best practices
2. Analyze XML • Building the Integrated a. The login form Individual in the
integration best Service Oriented Method should be in Laboratory Rubric: Bootstrap
practices Enterprise ― Lecture vertical and Activity (Timelines libraries to
3. Understand and horizontal Output: Work s, design
Evaluate the Discussion layout. Inside sheet Neatness, form
advantages of method the form should Originality, layouts
Web Services ― Socialized Individual
display two Accuracy) and add
best practices. classroom Homework
4. Understand and discussion labels for the the
Apply Service technique email and Online Coding different
Oriented password input form input
Enterprise Investigatory fields plus a controls.
method checkbox and a ― Competen
Laboratory large primary t in
technique:
button. running
― individual
activities b. The registration and

28
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

form should building

compose of a code
heading text snippets
inside a well from the
component, a given
row divided into laboratory
2-equal parts activity on
where the left time.
side displays a ― Honesty
responsive and
image, and the integrity
right side during
compose of four quiz, no
labels for the cheating
barcode, full allowed.
name, course, ― Confidenc
and class e during
schedule as text classroom
input controls. discussion
and
Individual Homework: brainstorm
― A take home online ing.
activity will be given
to the students for
them to apply what
they have learned in
this chapter. In this
online activity,
students will be able

29
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

to build a form based

from a BioData sheet.
Students should
analyze the fields in
the sheet to design
and add the correct
input controls needed
in the form. Also, they
could use input groups
to make the form
more user-friendly.
Students could use
any of the Bootstrap
Online Editor to build
their code snippet
(e.g.
https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent
thru the NVSU cloud
using their uConnect
account with sample
screenshots of output.

Video Tutorial Lessons:

30
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

At the end of the MODEL DRIVEN Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 13-
chapter, the students ARCHITECTURE ― Discussion ― Students should be test Questions to the 14
are expected to: • Terms & concepts technique able to build a simple and predefined
1. Understand the • Building models ― Sequential login and registration Class
Answer classes
terms and • Metamodels Technique Participation
page using forms. Key available
concepts of • Mappings
model driven • Marking models Integrated a. The login form Individual in the
architecture. • Languages Method should be in Laboratory Rubric: Bootstrap
2. Understand and ― Lecture vertical and Activity (Timelines libraries to
define mappings, horizontal Output: Work s, design
marking models Discussion layout. Inside sheet Neatness, form
and the method the form should Originality, layouts
languages used ― Socialized Individual
display two Accuracy) and add
classroom Homework
discussion labels for the the
technique email and Online Coding different
password input form input
Investigatory fields plus a controls.
method checkbox and a ― Competen
Laboratory large primary t in

31
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

technique: button. running

― individual b. The registration and
activities form should building
compose of a code
heading text snippets
inside a well from the
component, a given
row divided into laboratory
2-equal parts activity on
where the left time.
side displays a ― Honesty
responsive and
image, and the integrity
right side during
compose of four quiz, no
labels for the cheating
barcode, full allowed.
name, course, ― Confidenc
and class e during
schedule as text classroom
input controls. discussion
and
Individual Homework: brainstorm
― A take home online ing.
activity will be given
to the students for
them to apply what
they have learned in
this chapter. In this

32
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

online activity,
students will be able
to build a form based
from a BioData sheet.
Students should
analyze the fields in
the sheet to design
and add the correct
input controls needed
in the form. Also, they
could use input groups
to make the form
more user-friendly.
Students could use
any of the Bootstrap
Online Editor to build
their code snippet
(e.g.
https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent
thru the NVSU cloud
using their uConnect
account with sample
screenshots of output.

33
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

Video Tutorial Lessons:

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

At the end of the MODEL DRIVEN Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 15
chapter, the students ARCHITECTURE ― Discussion ― Students should be test Questions to the
are expected to: PROCESS technique able to build a simple and predefined
1. Understand the • Building an MDA ― Sequential login and registration Class
Answer classes
concepts behind process Technique Participation
page using forms. Key available
a model driven • Executing an
architecture MDA process Integrated a. The login form Individual in the
2. Differentiate the Method should be in Laboratory Rubric: Bootstrap
different types of ― Lecture vertical and Activity (Timelines libraries to
MDA. horizontal Output: Work s, design
3. Analyze MDA Discussion layout. Inside sheet Neatness, form
processes, and method the form should Originality, layouts
4. Evaluate MDA ― Socialized Individual
display two Accuracy) and add
processes. classroom Homework
discussion labels for the the
technique email and Online Coding different
password input form input

34
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

Investigatory fields plus a controls.

method checkbox and a ― Competen
Laboratory large primary t in
technique:
button. running
― individual
activities b. The registration and
form should building
compose of a code
heading text snippets
inside a well from the
component, a given
row divided into laboratory
2-equal parts activity on
where the left time.
side displays a ― Honesty
responsive and
image, and the integrity
right side during
compose of four quiz, no
labels for the cheating
barcode, full allowed.
name, course, ― Confidenc
and class e during
schedule as text classroom
input controls. discussion
and
Individual Homework: brainstorm
― A take home online ing.
activity will be given
to the students for

35
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

them to apply what

they have learned in
this chapter. In this
online activity,
students will be able
to build a form based
from a BioData sheet.
Students should
analyze the fields in
the sheet to design
and add the correct
input controls needed
in the form. Also, they
could use input groups
to make the form
more user-friendly.
Students could use
any of the Bootstrap
Online Editor to build
their code snippet
(e.g.
https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent
thru the NVSU cloud
using their uConnect

36
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

account with sample

screenshots of output.

Video Tutorial Lessons:

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

At the end of the FUTURE TRENDS Lecture method Laboratory Activities: Paper and Pen Test ― Awareness Week 16-
chapter, the students AND COURSE ― Discussion ― Students should be test Questions to the 17
are expected to: REVIEW technique able to build a simple and predefined
1. Understand • Enterprise ― Sequential login and registration Class
Answer classes
reasons for Architecture as a Technique Participation
page using forms. Key available
emerging future profession
trends in • SOA and the Integrated a. The login form Individual in the
enterprise Future Method should be in Laboratory Rubric: Bootstrap
architecture • MDA and the ― Lecture vertical and Activity (Timelines libraries to
2. Visualize the Future horizontal Output: Work s, design
future in SOA, • Course review Discussion layout. Inside sheet Neatness, form
and MDA method the form should Originality, layouts
― Socialized Individual
display two Accuracy) and add
classroom Homework
discussion labels for the the

37
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

technique email and Online Coding different

password input form input
Investigatory fields plus a controls.
method
checkbox and a ― Competen
Laboratory
technique: large primary t in
― individual button. running
activities b. The registration and
form should building
compose of a code
heading text snippets
inside a well from the
component, a given
row divided into laboratory
2-equal parts activity on
where the left time.
side displays a ― Honesty
responsive and
image, and the integrity
right side during
compose of four quiz, no
labels for the cheating
barcode, full allowed.
name, course, ― Confidenc
and class e during
schedule as text classroom
input controls. discussion
and
Individual Homework: brainstorm
― A take home online ing.

38
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

activity will be given

to the students for
them to apply what
they have learned in
this chapter. In this
online activity,
students will be able
to build a form based
from a BioData sheet.
Students should
analyze the fields in
the sheet to design
and add the correct
input controls needed
in the form. Also, they
could use input groups
to make the form
more user-friendly.
Students could use
any of the Bootstrap
Online Editor to build
their code snippet
(e.g.
https://www.w3schools
.com/tryit/,
https://www.tutorialsp
oint.com/online_bootst
rap_editor.php).
Homework will be sent

39
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

thru the NVSU cloud

using their uConnect
account with sample
screenshots of output.

Video Tutorial Lessons:

― Students are
encourage to watch
related video tutorial
lessons or enroll from
FREE short courses
from online resources
(e.g YouTube, uDemy,
CodeCademy,
SoloLearn, Coursera,
etc)

F I N A L E X A M I N A T I O N Week 18

40
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

VI. Course Requirements and Grading System:

Requirements Points Weight

(%)
Mid Term
40
Mid-Term Examination 100 points 25
Quizzes 25 – 30 points 20
Assignments/ Recitation/Seat works/Online 10 – 20 points 5
Activities
Individual or Group Projects 100 points 10
Laboratory Activities 30 – 50 points 40

Final Term
60
Mid-Term Examination 100 points 25
Quizzes 25 – 30 points 20
Assignments/ Recitation/Seat works/Online 10 – 20 points 5
Activities
Individual or Group Projects 100 points 10
Laboratory Activities 30 – 50 points 40
TOTAL: 100

Grading System: Cumulative

Grade
Raw Score Descriptive Equivalent
Equivalent
60%
100 1.00 Outstanding
95 – 99 1.25 Outstanding
90 – 94 1.50 Very Satisfactory
85 – 89 1.75 Very Satisfactory
80 – 84 2.00 Very Satisfactory
75 – 79 2.25 Satisfactory
70 – 74 2.50 Satisfactory
65 – 69 2.75 Satisfactory
60 – 64 3.00 Fair
55 – 59 4.00 Conditional
Below 55 5.00 Failed
INC Incomplete
DRP Officially Dropped without Credit
UD Unofficially Dropped with a grade of 5.00

VII. References

Book/eBooks/Printed Resources
1. Bill Phillips, Chris Stewart, Brian Hardy, and Kristin Marsicano, Android
Programming: The Big Nerd Ranch Guide, Big Nerd Ranch LLC, 3rd edition, 2017;
2. Rajiv Ramnath, Roger Crawfis, and Paolo Sivilotti, Android SDK 3 for Dummies,
Wiley.
3. B. Phillips et al., Android Programming: Big Nerd Ranch Guide (as mentioned
above);

41
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without
written permission from the Dean.
 QUALITY FORM FR-INS-04.Rev00
SYL No.:
COURSE SYLLABUS ____________________

4. Christian Keur and Aaron Hillegass, iOS Programming: The Big Nerd Ranch Guide,
6th edition, 2016;
5. Valentino Lee, Heather Schneider, and Robbie Schell, Mobile Applications:
Architecture, Design and Development, Prentice Hall, 2004;
6. Tomasz Nurkiewicz and Ben Christensen, Reactive Programming with RxJava,
O’Reilly Media,
7. 2016;
8. Raoul-Gabriel Urma, Mario Fusco, and Alan Mycroft, Java 8 in Action: Lambdas,
Streams, and Functional-Style Programming, Manning Publications, 2015;
9. Benjamin J. Evans and Martijn Verburg, The Well-Grounded Java Developer: Vital
Techniques of Java 7 and Polyglot Programming, Manning Publications, 2013;
10.Cristian Crumlish and Erin Malone, Designing Social Interfaces, 2nd ed., O’Reilly
Media, Inc.,2014;
11.Benjamin Muschko, Gradle in Action, Manning Publications, 2014;

42
Property of the NVSU College of ARTS & SCIENCES. Not to be reproduced or shared without
written permission from the Dean.