<Pemrograman Web>

64A515
Pemrograman Web
© 2005 Created by Stephanus Eko Wahyudi

1
© 2008 Revision 1 by Wira Bakti Soenaryo
 <Pemrograman Web>

Lecturer
Stephanus Eko Wahyudi
Room
TC 2.1

Email
mm.if.ubaya@gmail.com
 <Pemrograman Web>

Subject Outline

• Introduction to a server-side web

programming / scripting language to
create dynamic websites.
• Scripting language used in this unit:
PHP  currently one of the most
widely supported technology by web
hosts.
 <Pemrograman Web>

Prerequisite Knowledge&Skills

• Basic programming skill.

• Basic computer and internet skill.
• Additionally, Adobe Photoshop &
Image Ready or any other image
editing software.
• Advise the lecturer if you have any
deficiency of these skills.
 <Pemrograman Web>

Resources

• You should be prepared with web host,

software, and hardware required.
• The software and hardware are provided
in campus  Remember that these
facilities and resources are very limited.
You might want to install the software in
your own computer so that you can
practice and work on the assignments in
any time you would like to.
 <Pemrograman Web>

Web Host

• Web host service required (free /

paid subscription)
• Technology required: PHP & MySQL.

Equipment / Consumable

• You works will be submitted in CD-

ROM and uploaded to a server.
 <Pemrograman Web>

Software

• Operating System: Windows or Linux

• Script Editor: Macromedia
Dreamweaver or Notepad
• Server: Apache, PHP, MySQL
• Image Editor: Adobe Photoshop &
Adobe Image Ready. Other image
editor can be used
 <Pemrograman Web>

Hardware

• No Special requirements. Internet

connection might be needed.

Textbook / Recommended Ref.

• No official textbook. Recommended

reference:
• Castagnetto, J. et. Al., Professional PHP
Programming, Wrox Press, USA, 2000
 <Pemrograman Web>

Online Resources

• Numerous websites -> useful

information.
• Search engines such as: Google and
Yahoo.
• Links provided during lectures
 <Pemrograman Web>

Lectures & Tutorials

• 2.5 hours of lectures and tutorial every week
• First 1 - 1.5 hours for lectures
• Remaining times for tutorial

Important Note:
• Bring the progress of your assignments every
time you attend lectures and tutorials
• Submitting you assignments without consult ->
your work might not be suitable for submission.
 <Pemrograman Web>

Week 1: Unit Introduction

• Unit outline
– Unit structure
– Marking (assignments & exams)
• Web Programming Technology
– Client-Side Technologies (Java Script, VB Script,
dll)
– Server-Side Technologies (ASP, PHP, Perl, JSP,
dll)
• Why PHP?
• Required resources
– Install own server: Apache Web Server, PHP,
MySQL
– Web hosting (e.g.: siteburg.com)
 <Pemrograman Web>

Week 2: HTML (Notepad)

• Web page basic structure (Head,

Body)
• Headings
• Paragraph or Line Breaks
• Formatting Text and Pages
 <Pemrograman Web>

Week 3: HTML (Notepad)

• Image
• Hyperlinks
• Frames
 <Pemrograman Web>

Week 4: HTML (Notepad)

• Table
• Lists
• Forms
– GET & POST
– Form Elements (Text Field, Checkbox,
Dropdown, etc)
 <Pemrograman Web>

Week 5: Dreamweaver &

PHP Basic
• Dreamweaver Basic Functions
• FTP Upload with Dreamweaver
• Variables, Constants, Data Types,
Operators
• Statements
– If, If … else
– Switch
 <Pemrograman Web>

Week 6: Loop, Include and Form

Handling
• Loop (While, For)
• Include, Require

Week 7: Assignment 2 Due & Exam

Revision
• Loop (While, For)
• Include, Require
 <Pemrograman Web>

Week 8: Function, Arrays, String,

& File
• Functions
• Arrays
• String Manipulation and Regular
Expressions
• File Handling and Data Storage
• File Upload
 <Pemrograman Web>

Week 9: Email, Session & Cookies

• Sending and Receiving Emails

• Cookies

Week 10: Image Manipulation

• PHP GD
 <Pemrograman Web>

Week 11: MySQL

• Connecting PHP to MySQL
• Select

Week 12: MySQL Continued

• Select (advanced)
• Insert
• Update
• Delete
 <Pemrograman Web>

Week 13: Work on Assignment 3

Week 14: Assignment 3 Due & Exam

Revision
 <Pemrograman Web>

Assessment
• Assignment 1
Description : Register / Subscribe to web
host. PHP and MySQL support
Due : Week 4
• Assignment 2
Description : Create a Static Website
Due : Week 7
• Mid Term Exam
Description : written / closed-book

• Mid Term Marks: Assignment 1 (10%),

Assignment 2 (50%), Exam (40%)
 <Pemrograman Web>

Assessment
• Assignment 3
Description : Major Project – Create a
database based website.
Examples: Blog site, News Portal
Due : Week 14
Marks : 40 %
 
• Final Exam
Description : 20 % (lab / open-book)
 
• Final Term Marks: Assignment 3 (60%),
Exam (40%)
 <Pemrograman Web>

Assignment Rules
• While lecturers will try at best to return your
work, you should retain a copy of your works.
• All assignments submitted should be
accompanied by Cover Sheet (sampul
tugas). Note that this will act as legal paper,
 plagiarism or collusion ?.
• All assignments should be submitted on the
due date given. No extension given unless
you ask the lecturers at least 2 weeks in
advance. Extension won’t be given unless
you have a very urgent or health issues.
 <Pemrograman Web>

Assignment Rules (cont’d)

• Any assignments submitted after the due date
without extension given, will cost you 10% of the
marks each day.
• All submission that could not be copied or run
(due to virus, CD-ROM error, etc) will not be
marked. You will get penalty of late submission
as mentioned above for any number days of the
work re-submit. Please make sure that your CD-
ROM or any other for of submission are virus free
and work perfectly on several computers.
 <Pemrograman Web>

The Web – The Next Generation

• Static Website
• Dynamic Website
– Client-Side Technologies
– Server-Side Technologies
 <Pemrograman Web>

HTML & Client Side Technologies

WEB SERVER
HTTP Request
(http://website)

HTTP Response
<HTML>
<B>This is a web page </B>
</HTML>

CLIENT
BROWSER
 <Pemrograman Web>

Server Side Technologies

WEB SERVER
Gets Page
HTTP Request <HTML>
(http://website) <?php PHP Code ?>
</HTML>

Interprets PHP
<HTML>
Code
<B>This is a web page </B>
</HTML>

Server Response

CLIENT
BROWSER
 <Pemrograman Web>

Client-Side Technologies

• ActiveX Controls
• Java Applets
• Client-Side Scripts (Java Scripts, VB
Scripts)
• DHTML
 <Pemrograman Web>

Server-Side Technologies

• CGI (Common Gateway Interface)

• Proprietary Web Server APIs (ISAPI,
NSAPI)
• Active Server Pages
• Server-Side JavaScript
• Java Servlets and JSP
• PHP
 <Pemrograman Web>

Benefits of Server-Side Processing

• Minimizes network traffic

• Quicker loading time
• Avoid browser compatibility problems
• Provide client with dynamic data
• Improved security measures 
original codes can not be seen from
the browser
 <Pemrograman Web>

Why PHP?

• Free
• Cross Platform
• Relatively easier than other scripting
languages
• Widely supported by both local and
international web hosts provider
 <Pemrograman Web>

Installing Required Softwares

• Apache Web Server

– http://www.apache.org
• PHP
– http://www.php.net
• MySQL
– http://www.MySQL.com