PWU-CDCEC CALAMBA

ALVA CENTER ROSAL ST. BRGY. UNO, CROSSING CALAMBA CITY, LAGUNA
Contact No.: 0922-821-6938/0939-904-3185/0917-527-5465 Tel. No: (049) 508-1963/ (02)420-8209

Application Development and Emerging Technologies

Course Title: Application Development and Emerging Technologies

No. of Units: 3 Units
No. of Hours: 5 Hours every week for 18 weeks or 90 hours in a semester

Course Description:

This course development of applications using web, mobile and emerging technologies with emphasis on requirements management, interface
design, usability, testing, deployment, including ethical and legal considerations .

Learning Outcomes:

At the end of the course, the students should be able to:

Knowledge
1. Describe and understand the market for Android (Play Store) applications.
2. State the role of the Android device in the mobile market (Play Store).
3. Describe the features of the Android Market (Play Store).
4. Identify which languages are used in Android development.
5. Describe the role of the Android Market (Play Store) in the mobile marketplace.
6. Develop an Android project using Eclipse.
7. Explain the role of the Package Explorer.
8. Develop a user interface using the Text View, Image View and Button Controls.
9. Develop an Android project that includes a Button Event.
10. Select Linear or Relative layout for the user interface.
11. Develop multiple Android Activities.
12. Organize and launch a second screen using a start Activity method.
13. Develop the user interface using Text Fields.
 14. State the role of different Text Fields.
15. Develop the user interface using a Spinner control.
16. Develop an Android project with a custom icon.
17. Define layout with the Change Margin tool.
18. Define HTML.
19. Recite the Brief History of HTML.
20. Define HTML Tables.
21. Define HTML Forms.
22. Define HTML Frames.
23. Define JavaScript.
24. Define PHP.
25. Define PHP Method.

Skills

1. Accurately specify the use of layout and widget controls in the user interface.
2. Accurately execute an Android application on an emulator.
3. Accurately use and add activities to the Android Manifest file.
4. Accurately use and add a Java class file.
5. Proficiently write code using the set Content View command.
6. Accurately use an On Click Listener to detect user interaction.
7. Accurately correct errors in Java Code.
8. Run the completed app smoothly.
9. Proficiently use an Android theme.
10. Accurately declare variables to hold data.
11. Accurately code the GetText() method.
12. Understand arithmetic operations proficiently.
13. Proficiently convert numeric data.
14. Proficiently Format numeric data.
15. Accurately Code the Set Text () method.
16. Align controls using the Change Gravity tool.
17. Accurately place a Radio Group and Radio Buttons in Android applications.
18. Accurately Test thesis Checked Property.
19. Accurately make decisions using nested if statements.
20. Proficiently can create an HTML program.
21. Proficiently can create an HTML Tables program.
 22. Proficiently can create an HTML Forms program.
23. Proficiently can create an HTML Frames program.
24. Proficiently can create a JavaScript program.
25. Proficiently can create a program using PHP.
26. Proficiently can create a program using PHP and MySQL.

Values

1. Display and open a second screen using a Button event handler.

2. Display and add a theme to the Android Manifest file.
3. Display a hint using the Hint property.
4. Display and add text to the String table.
5. Display and add a prompt to a Spinner.
6. Display and run the completed app in the emulator.
7. Manage the Changer text color in controls using hexadecimal colors.
8. Formulate code for a Radio Group control.
9. Formulate decisions using an If statement.
10. Formulate decisions using an If Else statement.
11. Formulate decisions using logical operators.
12. Display an Android toast notification.
 Course Outline and Timeframe:

Period
Week Topics
Covered
 Meet the Android
1-2
Prelim
3-4  Simplify! The Android User Interface
5 Prelim Examination (July 16, 17, 18)
6  Android Themes, Simplifying User Input and Declaring Variables
7  Working with the Mathematical Operations and Displaying Android Output
8  The Launcher Icon and Customizing a Launcher Icon
9  Radio Button and Radio and Making Decisions with Conditional Statements
Midterm Examination (August 16, 17, 18)
10
11  Introduction to HTML and HTML Tables
12  HTML Forms
Pre-Fi
13  HTML Frames
14  Introduction to JavaScript
Pre-Final Examination (September 17,18,19)
15
Final 16  Introduction to PHP
17  PHP Method
18  PHP And MySQL
Final Examination (October 18, 19, 20)
18
 Learning Plan:

PERIOD
LEARNING OUTCOMES TOPIC METHODOLOGY RESOURCES ASSESSMENT
COVERED
L(K)  Meet the  Discuss  Android Boot  (Short Quiz )
 Describe and Android Introduction to Camp(For Identification and
understand the o Meet Android Android Developers Enumeration related to
market for o Features of  Describe the Using Java),pp1- the topic Meet the
Android(Play Store) Android Features of the 30 Android
applications o Writing Android Android Phone  Hands-on Activity:
L(K) Apps  Hands-on Create a simple
 State the role of the o Android discussion and Android application
Android device in the Emulator presentation on indicating the following
mobile market(Play o First Venture how to use criteria and
Store) Eclipse. instructions;
into the
L(K) Case 1-1:Quote of the
Android World
 Describe the features App
o Building User
of the Android Market Purpose: In the Quote
(Play Store) Interface
o Taking a Tour of the Day app, a
L(K) famous quotation of
 Identify which of the Package
your choice is
languages are used Explorer
displayed
in Android o Designing the
Algorithms: The
development User Layout opening screen
L(K) o Adding a Form displays the quotation
 Describe the role of Widget to the of the day
the Android User Interface Conditions: You may
Market(Play Store) in Layout change the quotation
the mobile o Testing the to your own.
marketplace Application in  Hands-on Activity:
L,P,O(K) the Emulator Create a Business
 Develop an Android Card Android
project using Eclipse application indicating
L(K) the following criteria
and instructions;
 Explain the role of the Case 1-2:Business
Package Explorer Card App
L,P(S) Purpose: In the
 Accurately specify the Business Card App,
use of layout and your address and
widget controls in the information are
user interface displayed.
L,P,O(S) Algorithms: The
 Execute an Android opening screen display
application on an personal information.
emulator The first line should
include their name job
title. The second line
should include their
future dream. The third
line should include
their address. The
fourth line should
include their city, state,
and postal code. The
last line should include
their phone number.
Conditions: Multiple
Text View controls are
required.
L,P,O(K)  Hands-on  Hands-on Activity:
 Develop a user discussion of the Create a Rental
interface using the Text
 Simplify! The Android User Property Android
View, Image View and
Button Controls
Android User Interface application indicating
L,P,O(K) Interface the following criteria
 Develop an Android o Designing an and instructions;
project that includes a Android App Case 2-1:Rental
Button Event o Using the Property App
L,(V) Android User Purpose: In an
 Select Linear or Interface apartment finder app,
Relative layout for the an apartment is
 user interface o Linear Layouts selected and an
L,P,O(K) and Relative address and other
 Develop multiple Layouts information are
Android Activities o Android Text displayed.
L,P,O(S) Algorithms: 1.The
Properties
 Accurately use and add opening screen
activities to the Android
o Adding a File to
the Resources displays the name of
Manifest file
L,P,O(S) Folder an apartment, an
 Accurately use and add o Adding an image and a Button
a Java class file Image View control. 2. When the
L,P,O(S) Control user selects this
 Proficiently write code o Adding a apartment, an address
using the set Content Button Control and cost range are
View command o Planning a displayed in a second
L,P(V) screen.
Program
 Display and open a Note: The apartment
second screen using a o Creating a XML
image is provided with
Button event handler Layout File your student files.
L,P(S) o Adding a Class
 of Hands-on Activity:
 Accurately use an On File Create an Android
Click Listener to detect o The Android application indicating
user interaction Manifest File
L,P,O(K) the following criteria
o Coding the and instructions;
 Organize and launch a Java Activity
second screen using a Case 2-1:Your School
o Displaying the App
start Activity method
L,P,O(S) User Interface Purpose: This Large
 Accurately correct o Creating a app contains every
errors in Java Code Button Event school in your country.
L,P,O(S) Handler Create two screens for
 Run the completed app o Saving and your school for the
smoothly Running the app. In a school app,
Application the name of a school is
selected and the
school address and
logo are displayed.
 Algorithms: 1.The
 opening screen
displays the name of
your school, a picture
of your school, and a
button control. Create
your own layout.
2. The second screen
displays the name of
your school, a picture
of your logo, the school
address, and the
phone number. Create
your own layout.

PRELIM

 PRELIM partial requirements: Learner will submit an android application showing the following details:
Application Title: Latest News App
Purpose: This large app called The Latest Pulse contains the latest news. Create two screens for the two news stories for the app. In the news app, you
can select a particular stories title and an image and a paragraph about the news story is displayed.
Algorithms: 1. The opening screen displays two news story titles that you can create based on the news stories during this week. Each news story has a
separate Button control below the name and displays a small image. Create your own layout.
2. The second screen displays the name of the story and a paragraph detailing the news. Create your own layout.
Conditions: Three java classes and three XML layouts are needed.
 Prelim Examination (July 16, 17, 18)
 L,P,O(S)  Android  Hands-on  Android Boot  (Short Quiz )
 Proficiently use an Themes discussion and Camp(For Identification and
Android theme o Previewing a demonstration of Developers Enumeration related to
L,P,O(V) Theme Android User, Using the topic Android User,
 Display and add a o Coding a Input, Variables, Java),pp70-107 Input, Variables, and
theme to the Android Theme in the and Operations Operations
Manifest file Android  Hands-on Activity:
L,P,O(K) Manifest File Create a simple
 Develop the user  Simplifying Android application
interface using Text User Input indicating the following
Fields o Android Text criteria and
L,P,O(K) instructions;
Fields
 State the role of  Application Title:
o Adding a Text
different Text Fields Tuition App
L,P,O(V)
Field
o Setting the Hint Purpose: A college
 Display a hint using tuition app allows a
the Hint property Property for the
Text Field student to computer
L,P,O(K) the tuition for
 Develop the user o Coding the Edit
Text Class for semester.
interface using a Algorithms:
Spinner control the Text Field
o Android 1. The college tuition
L,P(V) app has two Text
 Display and add text Spinner Control
Fields: One
to the String table o Using the
request the cost of
L,P(V) String table each credit, and
 Display and add a o Adding a the other request
prompt to a Spinner Spinner Control the number of
control with String credits a student
Array Entries intends to take
o Coding the during the
Spinner Control semester. A
o Adding the Spinner control
Button, allows the student
TextView, and to select one of the
L,P(S) ImageView three possible
 Accurately declare Controls semesters: Fall,
 variables to hold data  Declaring Spring, and
L,P(S) Variables Summer. The app
 Accurately code the o Primitive Data also displays a
GetText() method Types title, an image and
o String Data a Button control.
Type 2. After the user
L,P(K) o GetText() clicks the Button
 Understand Method control, the
arithmetic operations  Working with selected semester
L,P,O(S) the and the total cost
 Proficiently convert Mathematical of tuition with an
numeric data Operations added student
L,P,O(S) o Formatting technology fee of
 Proficiently Format P17, 000.00 are
Numbers
numeric data displayed in a Text
L,P,O(S) View Control.
 Accurately Code the Conditions: Use a
SetText() method theme, a title, an
L,P,O(V) image, A Spinner
 Display and run the prompt, a string array,
completed app in the and a Hint property.
 Displaying
emulator Android Output
 Hands-on Activity:
o GetSelectedIte
Create a simple
m() Method
Android application
o SetText()
indicating the following
Method criteria and
instructions;
Application Title: Split
the Bill App
Purpose: You are out
with friends at a nice
restaurant and the bill
comes! This app splits
the bill, including the
tip, among the
members of your party.
Algorithms:
1. A welcome screen
displays the title,
image and button
that takes the user
to a second
screen. The
input/output screen
requests the
restaurant bill and
the number of
people in your
group. The
Spinner control
asks about the
quality of services:
Excellent,
Average, or Poor.
2. Calculate an 18%
tip and divide the
restaurant bill with
the tip included
among the
members of your
party. Display the
service and the
individual share of
the bill.
Use a theme, Spinner
Prompt, string array,
and Hint property.
  Discuss Icons and  (Short Quiz )
Decision Making Identification and
Controls Enumeration related to
L,P,O(K)  Hands-on the topic Icons and
 Develop an Android discussion and Decision Making
project with a custom presentation on Controls
icon  The Launcher how to use Icons  Hands-on Activity:
L,P,O(V) Icon and making Create a simple
 Manage the Changer  Customizing a controls Android application
text color in controls Launcher Icon indicating the following
using hexadecimal  Radio Button criteria and
colors and Radio instructions;
L,P,O(S) Group Controls Application Title:
 Align controls using o Changing the Temperature
the Change Gravity Text Color of Conversation App
tool Android Purpose: The app
L,P,O(K) Controls converts temperature
 Determine layout with o Changing the from Fahrenheit to
the Change Margin Layout Gravity Celsius or Celsius to
tool o Changing the Fahrenheit.
L,P(S) Margins Algorithms:
 Accurately place a o Adding the 1. The opening
Radio Group and Radio Button screen request the
Radio Buttons in Group outside
Android applications o Coding a Radio temperature
L,P,O(K) 2. The user selects a
Button Control
 Formulate code for a radio button
o Completing the
Radio Group control labeled Fahrenheit
User Interface
to Celsius or
Celsius to
Fahrenheit and
L,P,O(K) then selects the
 Formulate decisions Convert
using an If statement Temperature
L,P,O(K) button.
 Making 3. The converted
  Formulate decisions Decisions with temperature is
using an If Else Conditional displayed
statement Statements Conditions:
L,P,O(K) o Using If Else 1. The result is
 Formulate decisions Statements rounded off the
using logical o Relational nearest tenth.
operators Operators 2. Formulas: C=(F-
o Logical 32) * 5/9 and
L,P,O(V) Operators F=(C*9/5) +32
 Display an Android o Data Validation 3. Do not enter more
toast notification o Toast than 130 degrees
L,P(K) Notification Fahrenheit or 55
 Test the isChecked o Using the degrees Celsius.
Property 4. Use Theme with
isChecked()
L,P,O(S) no title bar.
Method of
 Accurately make Radio Button
decisions using Controls
nested if statements o Nested If
Statements
o Coding the
Button Event
o Coding the
Nested If
MIDTERM Statements

 MIDTERM partial requirements: Learner will submit an android application showing the following details:
Application Title: Math Flash Cards App
Purpose: The Math Flash Cards App is designed for children to practice their basic math skills
Algorithms:
1. The opening screen request two integer values.
2. The user can select addition subtraction or multiplication.
3. The entire math problem is displayed with the result.
Conditions:
 1. The integer values must be between 1 and 20.
2. Use a customized launcher icon.
 Midterm Examination (August 16, 17, 18)

L(K)  Introduction to  Hands-on  Web  Hands-on Activity:

 Define HTML HTML discussion to Application(Prog Introduction to HTML:
L(K) o Brief History Introduction to ramming Create an HTML
 Recite the Brief o Markup HTML Language)pp1- Program that would
History of HTML element types 119 display the product and
L,P,O(S) o HTML Basic description of a certain
 Proficiently can Structure organization
create an HTML o Basic Tags (Instructor will show an
program o HTML example)
Character
Entities  Hands-on Activity:
L(K) HTML Tables:
 Define HTML Tables  HTML Tables Create an HTML
L,P,O(S) o Spanning  Hands-on Program that would
 Proficiently can discussion to display the product and
Multiple Rows
create an HTML Introduction to description in HTML
and Cells
Tables program HTML Tables Form of a certain
o Cell Padding
organization.
and Spacing (Instructor will show
L(K) an example)
 Define HTML Forms  Hands-on
 HTML Forms
L,P,O(S) discussion to
o No Two Names  Hands-on Activity:
 Proficiently can HTML Forms
Alike HTML Forms:
create an HTML o The Form Tag
Forms program Create an HTML
o Input Objects Program that would
o Text area display the HTML
Object registration form of a
o Required certain organization.
Attributes (Instructor will show an
o Optional example)
 Attributes
L(K)  Hands-on
 Define HTML Frames  HTML Frames discussion to
L,P,O(S) o Frames- HTML Frames
 Proficiently can Syntax
create an HTML o Frame
Frames program Document
o Frame Syntax
o Syntax of
L(K) Value list  Hands-on Activity:
 Define JavaScript Introduction to
L,P,O(S)  Introduction to  Hands-on JavaScript:
 Proficiently can JavaScript discussion to Write a JavaScript
create a JavaScript o Embedding Introduction to Function that will
program JavaScript Calendar on Web
Script
. browser. (Instructor will
o JavaScript
show an example)
Variables
o Variable
Evaluation
o Arrays
o Objects
o JavaScript
Operators
o Bitwise
Operators
o JavaScript
Control
Statement
o The Switch
statement
o For in
Statement
o With Statement
o JavaScript
 Functions
o Event Handlers
o JavaScript
PRE-FI Date Object

 Pre-Final partial requirements: Learner will submit a program that will show following details:
An HTML Program that would display the index page of a certain organization. The Index page should have frame and links to other HTML files.
 Pre-Final Examination (September 17,18,19)

 Introduction to  Hands-on   Hands-on Activity:

 Define PHP PHP discussion to JavaScript: PHP
 Proficiently can o The Semicolon Introduction to Method
create a program o Commenting in PHP Write a PHP Program
Your Code that will declare and
o Case sort a one dimensional
Sensitivity array. (Instructor will
o Echoing show an example)
Variables and
Text Strings
o Constants
o Operators
o Comparison
Operators
o String
Operators
o Combination
Arithmetic &
Assignment
Operators
o Control
Structure
o Execute Else
 Code with
False
o Switch
o Simple While
Loop Example
o PHP Arrays

 Define PHP Method  PHP Method  Hands-on  Hands-on Activity:

 Proficiently can o POST/GET discussion to JavaScript: PHP and
create a program o POST-Review PHP Method MySQL
using PHP and o PHP- GET Write a PHP Program
MySQL that will accept two
 PHP And
 Hands-on numbers and perform
MySQL
discussion to math operation using
o Connecting to
PHP and MySQL Radio. (Instructor will
a Database show an example)
o Selecting a
Database
o Important PHP-
MySQL
FINAL Functions

 Final requirements: Learner will submit a program that will show following details:
JavaScript: Array Create a PHP Program that would display the records of all user.
 Final Examination (October 18, 19, 20)
 Application Development and Emerging Technologies Course Map:

General Education (G.E.) Outcomes Application Development and

Emerging Technologies
KNOWLEDGE
1. Describe and understand the market for Android (Play Store) applications. L
2. State the role of the Android device in the mobile market (Play Store). L
3. Describe the features of the Android Market (Play Store). L
4. Identify which languages are used in Android development. L
5. Describe the role of the Android Market (Play Store) in the mobile marketplace. L
6. Develop an Android project using Eclipse. O
7. Explain the role of the Package Explorer. L
8. Develop a user interface using the Text View, Image View and Button Controls. P
9. Develop an Android project that includes a Button Event. O
10. Select Linear or Relative layout for the user interface. L
11. Develop multiple Android Activities. O
12. Organize and launch a second screen using a start Activity method. P
13. Develop the user interface using Text Fields. O
14. State the role of different Text Fields. L
15. Develop the user interface using a Spinner control. P
16. Develop an Android project with a custom icon. O
17. Define layout with the Change Margin tool. L
18. Define HTML. L
19. Recite the Brief History of HTML. L
20. Define HTML Tables. L
21. Define HTML Forms. L
22. Define HTML Frames. L
23. Define JavaScript. L
24. Define PHP. L
25. Define PHP Method. L

VALUES
1. Display and open a second screen using a Button event handler. P
2. Display and add a theme to the Android Manifest file. P
3. Display a hint using the Hint property. P
4. Display and add text to the String table. P
5. Display and add a prompt to a Spinner. P
6. Display and run the completed app in the emulator. P
7. Manage the Changer text color in controls using hexadecimal colors. P
8. Formulate code for a Radio Group control. O
9. Formulate decisions using an If statement. O
10. Formulate decisions using an If Else statement. O
11. Formulate decisions using logical operators. O
12. Display an Android toast notification. O

SKILLS
1. Accurately specify the use of layout and widget controls in the user interface. P
2. Accurately execute an Android application on an emulator. P
3. Accurately use and add activities to the Android Manifest file. P
4. Accurately use and add a Java class file. P
5. Proficiently write code using the set Content View command. P
6. Accurately use an On Click Listener to detect user interaction. P
7. Accurately correct errors in Java Code. O
8. Run the completed app smoothly. O
9. Proficiently use an Android theme. O
10. Accurately declare variables to hold data. P
11. Accurately code the GetText() method. P
12. Understand arithmetic operations proficiently. L
13. Proficiently convert numeric data. L
14. Proficiently Format numeric data. L
15. Accurately Code the SetText() method. P
16. Align controls using the Change Gravity tool. P
17. Accurately place a Radio Group and Radio Buttons in Android applications. P
18. Accurately Test the isChecked Property. P
19. Accurately make decisions using nested if statements. P
20. Proficiently can create an HTML program. P
21. Proficiently can create an HTML Tables program. P
22. Proficiently can create an HTML Forms program. P
23. Proficiently can create an HTML Frames program. P
24. Proficiently can create a JavaScript program. O
25. Proficiently can create a program using PHP. O
26. Proficiently can create a program using PHP and MySQL. O

Legend:

L ……….Learned
P ……….Practiced
O ……….Opportunity to learn

Application Development and Emerging Technologies Required Readings and Other Materials:

Books
 Corrine Hoisington.,Android Boot Camp(For Developers Using Java), 20 Channel Center Street Boston, MA 2210, 2013
 Marmelo Abante, Web Application(Programming Language),Anvil Publishing,Inc.8007-B Pioneer Street Barangay Kapitolyo 1603 Pasig
City,Philippines,2009
Videos and Other Materials

 Android Tutorial, https://www.tutorialspoint.com/android/index.htm

 PHP Tutorial, https://www.w3schools.com/pHP/default.asp