1. TP 2543 PENGATURCARAAN WEB

2. My Info
Saidah Saad Blok E

3. Introduction to Course
CLIENT
SERVER
PHP Script
(Interactivity)
User interface
HTML(content) + CSS (presentation)
Database
AJAX/DOM
+ JavaScript
(Interactivity)
Web Server

4. Introduction Course Name KOD STATUS APPROACH
Pengaturcaraan Web (Web Programming)
KOD
TP 2543
STATUS
Lengkap Jabatan (TP)
APPROACH
Student Centered Learning

5. Hasil Pembelajaran/Learning Outcomes
Di akhir kursus, pelajar mampu:
At the end of the course, students will be able to:
Menyenarai fungsi sistem pengaturcaraan berasaskan web
List down the functions of web-based programming systems;
Merangka struktur asas pengaturcaraan web
Design the basic structure of web programming;
Menganalisis konsep dan teknik untuk mereka bentuk laman web
Analyze the concept and technique of web page design;
Membangunkan laman web yang menarik dan dinamik.
Build dynamic and attractive functional websites;
Mengaplikasi pendekatan pelayan pelanggan dalam pembangunan laman web
Apply client server approach in developing websites

6. Jam Pertemuan/Contact Hours
Aktiviti
Jam Pertemuan
Kuliah 21
Tugasan / Makmal 20
Kuiz 1
Membuat Projek kumpulan ( 5 orang / kumpulan)
Sistem pemantauan berdasarkan pembangunan blog group ahli
berdasarkan 5 tahap metodologi pembangunan web
Menjana 5 laman berkonsepkan pembangunan 'three tier' (1/ahli) 36
Pembelajaran sendirian 44
Menduduki peperiksaan akhir semester 2
Jumlah
123

7. Peperiksaan Akhir Semester
Evaluation
Item
Peratus
Projek / Project 40
Tugasan/ Assignment 15
Kuiz/ Quiz
Peperiksaan Akhir Semester 30
TOTAL
100

8. Syllabus Week Topics 1 Introduction to Course and SCL Element Web 2.0
intro to web 2.0 tool and element 2
HTML 3
CSS 4
JavaScript 5
DOM 6
Web Server 7
PHP
9 -13
Project (SCL Based) 14
Revision

9. References
Dietal, H.M, Dietal, P.J & Nieto, T.R Internet & World Wide Web: How To Program. 4th Ed. New Jersey, Prentice Hall.
Sebesta R.W Programming The World Wide Web. 6th Ed. Addison Wesley, USA.
Carey, P HTML, XHTML and Dynamic HTML. 3rd Edition. Boston, MA, United States, Thomson.
Ullman, L PHP and MySQL for Dynamic WebSites. 2nd Ed. Barkeley, CA :Peachpit Press.
Marty Hall & Larry Brown Core Web Programming. 2nd Ed. Saddle River, New Jersey. A Sun Microsystems Press/Prentice Hall PTR Book.

10. Lecture hour Monday 8:00 am – 10:00 am Lab Slaid lecture : SPIN
Source such as youtube, website, documents : BLOG
Discussion : BLOG
1 – Kumplulan FTSM ( hari : ??? Jam : ???)
16 orang ( 3 kumpulan kecil)
2 – Kumplulan FSSK ( hari : ??? Jam : ???)
25 orang ( 5 kumpulan kecil)

11. ANY QUESTION http://tp2543web.blogspot.com

12. Web

13. Web

14. Web 2.0
The term Web 2.0 is associated with web applications that facilitate participatory information sharing, interoperability, user-centered design, and collaboration on the World Wide Web. A Web 2.0 site allows users to interact and collaborate with each other in a social media dialogue as creators (prosumers) of user-generated content in a virtual community, in contrast to websites where users (consumers) are limited to the passive viewing of content that was created for them. Examples of Web 2.0 include social networking sites, blogs, wikis, video sharing sites, hosted services, web applications and folksonomies.

15. Web 2.0

16. Who is making the Web standards?
The rule-making body of the Web is the World Wide Web Consortium (W3C).
W3C puts together specifications for Web standards.
The most important W3C standards are:
HTML (HyperText Markup Language)
XHTML (EXtensible HyperText Markup Language)
CSS (Cascading Style Sheets)
XML (EXtensible Markup Language)
XSL (eXtensible Stylesheet Language)
DOM (Document Object Model)

17. What Is Web 2.0?
Web 1.0 focused on a relatively small number of companies and advertisers producing content = “brochure web”
Web 2.0 involves the user. Web 1.0 is as a lecture and Web 2.0 is a conversation.
Many Web 2.0 companies are built almost entirely on user-generated content and harnessing collective intelligence.
Google, MySpace, Flickr, YouTube and Wikipedia, users create the content, while the sites provide the platforms.

18. What Is Web 2.0?
The user is not only contributing content and developing open source software, but directing how media is delivered, and deciding which news and information outlets you trust.
Social bookmarking sites such as del.icio.us and ma.gnolia
Social media sites such as Digg or Reddit
Social networking, MySpace, Facebook, Bebo, LinkedIn, and Second Life
Web 2.0 businesses leverage the Long Tail
Long Tail = economic model in which the market for non-hits could be significant and sometimes even greater than the market for big hits

19. What Is Web 2.0?
Web development technologies = Ajax, XHTML, Cascading Style Sheets, JavaScript, the Document Object Model, XML and the XMLHttpRequest object and popular Ajax toolkits—Dojo and Script.aculo.us
Rich Internet Applications (RIAs)—web applications that offer the responsiveness and rich GUI features of desktop applications
Key tools for building RIAs = Adobe’s Flex, Microsoft’s Silverlight, ASP.NET Ajax and Sun’s JavaServer Faces
Other Web development tools and technologies = Adobe’s Dreamweaver, JSON, the web servers IIS and Apache, MySQL, PHP and ASP.NET
Web services allow you to incorporate functionality from existing applications into your own applications quickly and easily.
Amazon Web Services
Google Maps web services
eBay web services

20. User-Generated Content
Key to success for many of today’s leading Web 2.0 companies = user-generated content
articles
home videos
Photos
Collective Intelligence
Collaboration can result in smart ideas

21. User-Generated Content
Wikis
Allow users to edit existing content and add new information
Wikipedia
Media­Wiki open source software
SocialText
Using wikis for project collaboration reduces s and phone calls between employees, while allowing the ability to closely track a project’s changes
Collaborative Filtering
Users might submit false or faulty information
Wikipedia  people deliberately adding false information to entries
Web 2.0 companies rely on the community to help police their sites
Collaborative filtering lets users promote valuable material and flag offensive or inappropriate material

22. User-Generated Content
Blog
Social Networking (e.g. facebook)
Social Media (e.g YouTube)
Tagging

23. What Is Web 2.0 http://oreilly.com/web2/archive/what-is-web-20.html

24. Application 2.0 http://www.go2web20.net/
_2.0_applications
_list.pdf
/web-2.0-list.htm

25. Web Design Surveying the Possibilities
Developing a Website Evaluation Tool
Colour Theory in Web Design and Selecting a Colour Scheme
Organizing a Website
Methodology of web development
Source :

26. Assignment 1

27. Web Project Theme : E-Commerce Paper work / proposal about project
Dateline : 5 March 2012
Content – title / group name, member / summary about project / introduction / objective / target audience / analysis requirement , design, content / milestone / reference
Group : 5 members + 1 blog