TP 2543 PENGATURCARAAN WEB.

Slides:



Advertisements
Similar presentations
TOPIC LEARNING BTEC Level 3 Unit 28 Websites L01- All students will understand the web architecture and components which allow the internet and websites.
Advertisements

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.
Web 2.0 IMD Web Authoring. Content What is Web 2.0 Search Content Networks User Generated Content Blogging Social networking Social Media.
Project 1 Introduction to HTML.
© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
 2008 Pearson Education, Inc. All rights reserved What Is Web 2.0?  Web 1.0 focused on a relatively small number of companies and advertisers.
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Web – 3 - X.0 Change from static websites to the Metaweb or ‘intelligent web’ Change from static websites to the Metaweb or ‘intelligent web’
Web Design 101 Nikolay Kostov Telerik Web Design Course html5course.telerik.com Technical Trainer
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
WEB 2.0: Definitions, glossary, tools and uses. Use web 2.0 tools to create vibrant learning communities.
Web Design Basic Concepts.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
INE2720 Web Application Software Development General Information.
Web ©Minder Chen, 2014 Web 2.0 and Beyond Minder Chen, Ph.D. Professor of MIS Martin V. Smith School of Business and Economics CSU Channel Islands.
Chapter 1 Introduction to HTML, XHTML, and CSS
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Štefan PERO AIS What is Web 1.0?  statical web pages  contains informations to one use  no reason to comeback  not interactive web pages.
Concepts Nikolay Kostov Telerik Corporation
Web 2.0: An Introduction 許輝煌 淡江大學資訊工程系 NUK.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Instructor, Dr. Khalili Bahram Jeevan Kumar Gogineni.
Rich Internet Applications 1. “Web 2.0” and Rich Internet Applications.
Lecture 1 Jan 08, Outline Course logistics Introducing tools to be used in the course Overview of Social Web and Web 2.0 Definition History Key.
By – What is "the Web", a hypertext system that operates over the Internet Web 2.0, a perceived transition of the Web from a collection.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Web Review The Web Web 1.0 Web 2.0 Future of the Web Internet Programming - Chapter 01:XHTML1.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Lecture 5 Web 2.0 Teaser Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet, Fall 2011.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Semantic Web Technologies Brief Readings Discussion Class work: Projects discussion Research Presentations.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Web 2.0 IS530 Fall 2009 Dr. Dania Bilal. Web 2.0 Is the Web that is being transformed into a computing platform for delivering web applications to end.
Overview Web Technologies Computing Science Thompson Rivers University.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
 GEETHA P.  Originally coined by Tim O’Reilly Publishing Media  Second generation of services available on www.  Lets people collaborate and share.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
UNIT II WEB PAGE BASICS & HTML
Web Technologies Computing Science Thompson Rivers University
Project 1 Introduction to HTML.
Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals Wikis are collections of searchable,
Lecture 7 Ch.8 Web 2.0 and Social Media.
4.01B Authoring Languages and Web Authoring Software
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Introduction to Computers and the Internet
Drawbacks of Traditional Web
Business in a Connected World
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
THE CURRENT STATE OF ICT WEB 2.0. The term "Web 2.0" was first used in January 1999 by Darcy DiNucci describes World Wide Web sites that emphasize user-
Web 2.0 By: Samantha, Jaden, Dorrian, and Cheney.
4.01B Authoring Languages and Web Authoring Software
IS 360 Course Introduction
Stephanie Luquis Santos
Game Design Practicum (CMPS 179) Summer 2012 Course Overview
Ben Jones - S Rebecca Hunter - S
Overview The World Wide Web has changed the way that people
Web Application Development CSC318.
Web Technologies Computing Science Thompson Rivers University
Web Application Development Using PHP
Presentation transcript:

TP 2543 PENGATURCARAAN WEB

My Info Saidah Saad Blok E-3-22 saidah@ftsm.ukm.my saidahukm@gmail.com 03-8921 6668

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

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

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

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

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

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

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

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)

ANY QUESTION http://tp2543web.blogspot.com http://www.ftsm.ukm.my/azraai/tp2543/index.html

Web

Web http://evolutionofweb.appspot.com/

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.

Web 2.0

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)

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.

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

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

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

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 e-mails 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

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

What Is Web 2.0 http://oreilly.com/web2/archive/what-is-web-20.html http://en.wikipedia.org/wiki/Web_2.0 http://en.wikibooks.org/wiki/Web_2.0_and_Emerging_Learning_Technologies/Web_2.0_Tools

Application 2.0 http://www.go2web20.net/ http://edutechwiki.unige.ch/en/List_of_web _2.0_applications http://technologyties.pbworks.com/f/web20 _list.pdf http://www.web20searchengine.com/web20 /web-2.0-list.htm

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 : http://www.washington.edu/accessit/webdesign/student/lessons.htm#unit1

Assignment 1

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

http://www.opencart.com/index.php?route=demonstration/demonstration http://www.zen-cart.com/