Problem Title

ohiofulvousSoftware and s/w Development

Aug 15, 2012 (5 years and 2 months ago)

332 views

Facilitator's Guide

© Republic Polytechnic, 201
1

Page
1

of
5

Problem Title

A
Road Trip

Date Last Revision

2
9
/9
/20
1
1


Module Code

C203

Module Title

Web Application
Development


Diploma
Programme

DIT/DBC/DBA/DSM
/D
IDM

School/Centre

SIT


Creator/s of
Problem

Lynn Teo

Module Chair/
Coordinator

Florian Muljono


Copyright Notice

Copyright © Republi
c Polytechnic, 2010
. This material may not be
reproduced in any form by any means, electronic or mechanical,
without the prior consent of Republic Polytechnic. Unauthorised
reproduction may result in legal action being
taken against the
infringer.


Revision History

29/9/2011


Terminal Learning
Objectives


This is a statement of
learning outcomes in
measurable terms. It
articulates the
expected mastery
level (skills &
knowledge) within the
domain

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




Identify

the basic componen
ts (Web server and database
server
) of typical
Web application
s
,

and explain their functions



Install XAMPP



Compare and contrast betwe
en static and dynamic Web pages



C
ollect values from a form
sent with method="post"



Write a simple PHP script

to

o

u
se $_POST

o

u
se variables



Enabling Learning
Objectives


Students need to
refresh prior
knowledge and/ or to
acquire certain
information/ skills
before they can
achieve the mastery
level indicated by
the
terminal learning
objective/s. The
outcomes at this level
articulate the content
-
specific requirements
of a problem.


1.

Explain what are
Web application
s

2.

How web applications

are different from desktop applications

3.

Identify different components that con
stitute the architecture
of Web applications

4.

Understand the term
localhost

5.

Understand concept of web root folder

6.

Refresh/Acquire HTML knowledge such as
<form>

and
<input>

and their attributes

7.

Refresh/Acquire knowledge to retrieve user input from HTML
form

8.

Edit codes using
NetBeans

9.

Refresh/Acquire knowledge on
data types of variable

10.

Write a simple PHP script to



Use
echo

statement

to send HTML output



use $_POST

for
retrieving data from FORM



use variables

to store value




Link to Framework


Describes
linkages
within the module.
Link with previous
problem

Describes how this
Students will be required to recall and practice creating HTML pages
and HTML form that was covered in the last two problems.


For this problem
,
students
will have to
employ

basic

program
ming

concepts

such as variables and
data types (Object
-
Oriented
Programming
/Multimedia Programming I
/ Introduction to
Programming
).


Facilitator's Guide

© Republic Polytechnic, 201
1

Page
2

of
5

problem is a
continuation of the
previous; explaining
what ideas are being
built upon.

Link with next
problem

Gives a heads up
about how this
problem will develop
into the next.

Link

with other
problems

Look for long range
links with other
problems.


This problem
introduces

the basic foundation
s

that will serve as
building blocks
required
for this module
.

The Trigger


This may consist of a
context and
question/s which are
drawn from the
learning outcomes of
the curriculum. The
trigger integrates
these elements
seamlessly through an
argument.

Refer to C203

倰m
-

-
E
oo慤⁔rip
)
⹤.c



Learning Issues


The exploratory space
of a problem which
allows for
interpretation from
students is contained
within a given scope


dictated by the
learning outcomes
and domain specific
characteristics. The
learning issues
indicate the level of
open
-
endedness and
the overall structure
within
which the
students will learn.


Overview of
Web Applications



Identify
ing

Web applic
ations and desktop applications.



Distinguish
ing

functions of the Internet Browser, Web server
and database server.


Developing Web Applications



Understand
ing

w
hat happens w
hen requests are submitted
from clients

(Web browsers)

to servers.



Understand concept of data transfer between pages.



Formulating the logic to incorporate data submitted from
clients into mathematical equations


Specific PHP issues



Understanding h
ow does
the server distin
guish between HTML
and PHP tags.



Understand
ing

how
form data
are capt
ured by PHP scripts
.


Resources


These should be
varied in terms of
containing information
and points of views as



PHP.net website at
www.php.net



http://ww
w.w3schools.com



http://devzone.zend.com



C203

倰m


-
E
oo慤 呲ip
)
⹤.c


Facilitator's Guide

© Republic Polytechnic, 201
1

Page
3

of
5

well as open to
interpretation/
argument. They
should not provide
direct answers, excess
information or
misleading or trivial
references.

Quiz


The questions address
the terminal outcomes
explicitly or implicitly.
They need to be
grounded in domain
specific content so
that students are able
to demonstrate
mastery through
application of
knowledge.

Refer to C203

倰m


-
E
oo慤⁔rip
)
⹤.c



Tips for Facilitators


The scope of a
problem implies an
optimal or “expert”
view associated with
it. This view is
conveyed to the
facilitators in the form
of notes or points to
remember


which
can then be used in
the classroom through
questioning,
discussions and
sharing of points of
view.



1st Meeting

Discussion
:



D
iscuss on what they think

Web applications are



Give an example of

a w
eb appl
ication

that they commonly use



D
ifferentiat
e
desktop applications

and web applications



D
escribe

characteristics and key components of Web applications


Students should explore and analyze the given application. Students
may attempt
Section B of worksheet

at this point or this can be
done early in the second meeting. A
c
lass discussion

would be
good.


Please make sure that the students have successfully installed XAMPP
before they are allowed to leave the classroom at the end of first
meeting.



1
st

Study
Period

Students can use the first breakout to carry
-
on with the XAMPP
installation, and to complete Sections A and B of the worksheet.


2
nd

Meeting

At this stage, it is expected that all students have successfully
installed XAMPP.

Get students to go throu
gh the procedure
for testing whether XAMPP

Facilitator's Guide

© Republic Polytechnic, 201
1

Page
4

of
5

has been correctly installed and is running

again just to be sure
.

Students should see the XAMPP index page in their browsers after
typing
http://localhost/

in the address bar.

Section A
:
Basic Web Application Infrastructure

Facilitators may ask if
anybody knows the term “localhost”
.

c慣楬it慴or猠浡礠help⁳tudent猠under獴慮d
the⁴erm

“localhost”
.

XAMPP requires all Web documents to be placed in the “htdocs”
景lder
 nder⁴ e
塁䵐倠root⁤ re捴cr礬⁦or⁥xa浰leⰠ

y
硡浰p
y
htdo捳).⁆慣 lit慴or猠浵獴⁥n獵se⁴ 慴⁡汬⁳tudent猠慲e
慷are映the慰ping.

The file “
ro慤呲ip
.zip” (from LEO) that must be extracted to the
“htdocs”

folder.

䉹Bt祰yng
httpWLLlo捡lho獴sro慤呲ip

or⁢礠re晲eshing

their⁢ o睳er猬
the⁳tudent猠s
hould be able to see “index.php
” correctly displayed.

Section B
: Static vs Dynamic

Student should realize what is wrong with the given application


static page cannot process user’s input. Get students to share how
the⁰ ogr
慭 獨潵ld⁷ r欮⁙ou⁣慮 步⁵ e映the⁤ 慧r慭⁩n⁴ e
proble洠獴慴e浥湴 景r di獣u獳ion.

䅴⁴ i猠pointⰠget⁳tudent猠to e硰x慩n⁴ e⁦lo眠w映event猬⁷ th⁡
possible question like “
What happens after the user clicks Calculate
button?
”.

Note
: Students are pro
vided with
enterYourName.
php

and
welcome
.php
for worksheet practice (Section C and D).

Section C
:
Web Application Programming Basics

Questions:



Identify HTML tags in index.php



Differentiate HTML tags and their attributes.



Important HTML tags such as (<form>

and <input>)


Section D
:
Basic PHP programming

Students start to write some PHP codes to make the welcome
message dynamic.

Get students to refer to
the resources

to help them in their
programming.
They will have to present their findings during the
third
meeting.


2
nd

Study Period

During the 2
nd

breakout, students are expected to

apply what they
have managed to do in their worksheet practice and work on the
Converter
.



Facilitator's Guide

© Republic Polytechnic, 201
1

Page
5

of
5

3
rd

Meeting

Students are to present their learning issues of the day
.


Module
Integration
Idea


Brief description of
how this problem
integrates across the
other modules.