THIẾT KẾ VÀ TRIỂN KHAI WEBSITE
Giảng viên: Bùi Quang Trường
Bộ môn CNTT TMĐT – Khoa TMĐT
– Trường ĐH Thương Mại
Email: truongbq@vcu.edu.vn
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 1
THIẾT KẾ VÀ TRIỂN KHAI WEBSITE
• Phân phối tiết học
− Lý thuyết: 30 tiết
− Thực hành/Thảo luận: 6 tiết
− SV tự chuẩn bị để TH/Thảo luận: 9 tiết
• Đánh giá kết quả
- Điểm chuyên cần: 10%
- K/Tra + T/Hành+T/luận: 30%
- Thi cuối kỳ: 60%
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 2
MỤC TIÊU CỦA MÔN HỌC
• Môn học cung cấp những kiến thức cơ bản về
world wide web, các giao thức, ngôn ngữ đánh
dấu và một số ngôn ngữ khác dùng để tạo web.
Thông qua việc giới thiệu một số công cụ thiết kế
và trợ giúp việc xây dựng website, giúp học viên
nắm được những yêu cầu, qui trình thiết kế và
triển khai một website thực tế.
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 3
MỤC TIÊU CỤ THỂ
• Cung cấp những kiến thức cơ bản về Internet, World wide web, giao thức HTTP, giao thức FTP, ngôn ngữ đánh dấu HTML,...
• Một số ngôn ngữ và công cụ trợ giúp thiết kế và xây
dựng website.
• Qui trình triển khai, nâng cấp, bảo trì, Phương thức
quảng bá trang web trên mạng.
• Quy trình thiết kế và triển khai một website TMĐT
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 4
TÀI LIỆU THAM KHẢO
[1] Internet & World Wide Web: How to Program (4th
Edition) by Harvey & Paul) Deitel & Associates
(Paperback - Sep 20, 2007)
[2] Giáo trình thiết kế và triển khai website, Đại học
Thương Mại, 2007
[3] Xây dựng ứng dụng Web bằng PHP&MySQL,
Nguyễn Hữu Khang, NXB Phương Đông, 6-2007
[4] Xây dựng và triển khai ứng dụng Thương Mại Điện
Tử, Phạm Hữu Khang, NXB Thống Kê, 2006
[5] …
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 5
NỘI DUNG CHƯƠNG TRÌNH
Chương 1. Những khái niệm cơ bản
Chương 2. Tổng quan về thiết kế Web
Chương 3. Một số ngôn ngữ tạo Web
Chương 4. Qui trình triển khai Web
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 6
Chương 1
Những khái niệm cơ bản
Nội dung
1.1. Internet và các giao thức
1.2. World wide web - Website
1.3. Các khái niệm khác
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 8
1.1. Internet và các giao thức
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 9
1.1.1. Giới thiệu Internet
• INTERNET LÀ GÌ ?
• TỔNG QUAN VỀ INTERNET VÀ LỊCH SỬ
HÌNH THÀNH.
• KỸ THUẬT INTERNET.
• CÁCH SỬ DỤNG CÁC DỊCH VỤ CỦA
INTERNET.
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 10
INTERNET LÀ GÌ ?
• Mạng của mạng dựa trên cơ sở TCP/IP
• Một cộng đồng người sử dụng và phát triển
hệ thống đó.
• Một tập hợp những nguồn thông tin mà có
thể tiếp cận từ những hệ thống đó.
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 11
TỔNG QUAN VỀ INTERNET VÀ LỊCH SỬ HÌNH THÀNH.
• AI LÀ NGƯỜI LÀM CHỦ INTERNET?
• TẠI SAO CẦN INTERNET?
• INTERNET CÓ THỂ LÀM GÌ CHO BẠN?
• AI LÀ NGƯỜI TRẢ CƯỚC PHÍ
INTERNET?
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 12
KỸ THUẬT INTERNET.
• Chạy trên bất kỳ một hệ thống chương trình
nào (DOS, UNIX, WINDOWS hay MACINTOSH)
• Internet ngày nay mang đến nhiều lợi ích
• Công cụ tra tìm thông qua mạng
• Internet không cần đường dây dẫn
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 13
CÁCH SỬ DỤNG CÁC DỊCH VỤ CỦA INTERNET. • Email
• Trang Web toàn cầu
• Newsgroups (Tin tức nhóm)
• Mailing list (danh sách thư)
Irc ( Inetrnet Relay Chat)
•
•
Ftp (File Transfer Protocol – Nghi Thức Chuyển Giao Tập Tin)
• Telnet (Telephone Internet)
• Wais (wide area information service – dịch vụ tìm kiếm thông tin diện rộng).
• Gopher
• Archie, finger, and whois.
• Bbs (Bulletin Board System)
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 14
1.1.2. HTTP, FTP
• Giao thức HTTP
• Giao thức FTP
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 15
Giao thức HTTP
• Giới thiệu
a)
Hypertext Transfer Protocol (HTTP) là gì?
b) Vai trò của HTTP
•
Thuật ngữ
Connection, message, request, response, resource, content,
negotiation, variant, client, user agent, server, origin server, proxy, gateway, cache, inbound/outbound.
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 16
Giao thức FTP
• FTP là gì?
• Vai trò của FTP
• Mục đích của FTP
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 17
1.2. World wide web - Website
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 18
1.2.1. World wide web
• World Wide Web, gọi tắt là Web hoặc WWW, mạng lưới toàn cầu là một không gian thông tin toàn cầu mà mọi người có thể truy nhập (đọc và viết) qua các máy tính nối với mạng Internet.
• Các tài liệu trên World Wide Web được lưu trữ trong một hệ thống siêu văn bản (hypertext), đặt tại các máy tính trong mạng Internet.
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 19
1.2.2.URL,Webpage,Website
• URL
• Webpage - Website
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 20
URL
• URL
URL, viết tắt của Uniform Resource Locator, được dùng để tham chiếu tới tài nguyên trên Internet. URL mang lại khả năng siêu liên kết cho các trang mạng. Các tài nguyên khác nhau được tham chiếu tới bằng địa chỉ, chính là URL. Một URL gồm có nhiều phần được liệt kê dưới đây:
URL scheme thường là Tên giao thức (ví dụ: http, ftp) nhưng cũng có thể là một cái tên khác (ví du: news, mailto). Muốn hiểu rõ về URL scheme xin xem URI scheme
Tên miền (ví dụ: vidu.com)
Chỉ định thêm cổng (có thể không cần)
Đường dẫn tuyệt đối trên máy phục vụ của tài nguyên (ví dụ:
thumuc/trang)
Các truy vấn (có thể không cần)
Chỉ định mục con (có thể không cần)
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 21
Webpage - Website
• Webpage?
• Website?
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 22
1.3. Các khái niệm khác
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 23
1.3.1. Khái niệm web tĩnh và web động • Web Động
• Web Tĩnh
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 24
Web Động
• Web "ĐỘNG" là thuật ngữ được dùng để chỉ những website được hỗ trợ bởi một phần mềm cơ sở web, nói đúng hơn là một chương trình chạy được với giao thức http. Thực chất, website động có nghĩa là một website tĩnh được "ghép" với một phần mềm web (các modules ứng dụng cho Web)
• Nếu Bạn làm web tĩnh, cũng giống như các cô ma-nơ-canh này đã được
chế tạo rất hoàn thiện nhưng sẽ không bao giờ thay đổi tư thế, về cả những bộ quần áo mà các cô mặc.
• Hãy tưởng tượng tiếp, các modules của một website động cũng giống như những thành phần của một bộ khung ma-nơ-canh. Bạn có thể chỉnh sửa cẳng tay của những bộ khung này, nâng chúng lên hoặc hạ chúng xuôi xuống, điều chỉnh thành chân bước hay chân đứng thẳng, thành tư thế ngồi hoặc đứng, đó là khả năng tuỳ biến của một chương trình phần mềm điển hình.
11/18/2013
Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 25
Web Tĩnh
• Nếu Bạn đã đọc phần tìm hiểu về website 'ĐỘNG', chắc Bạn sẽ tự hỏi:
Vậy thì tại sao người ta vẫn thiết kế website tĩnh?
• Không hẳn một website tĩnh không có lợi thế hơn so với một website động. Với web tĩnh, Bạn có thể có một giao diện được thiết kế tự do hơn. Vì vậy, nhiều khi một website tĩnh có cách trình bày đẹp mắt và cuốn hút hơn. Đối với những website chỉ nhằm đăng tải một số ít thông tin và chúng không có nhiều thay đổi theo thời gian thì việc dùng hình thức website tĩnh là phù hợp hơn cả. Ngoài ra, website tĩnh còn có một lợi thế vô song: website tĩnh thân thiện với các cơ chế tìm kiếm (search engine) hơn nhiều so với website động. Bởi vì địa chỉ URL của các .html trong web tĩnh không chứa dấu chấm hỏi (?) như trong web động.
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 26
1.3.2. Web services , Web client/server
• Web services
• Web client/server
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 27
Web services
I.Tổng quan web service
1.Vai trò của web service
2. Đặc điểm web service
3. Kiến trúc web service
II. Các thành phần trong web service
1. XML– Extensible Markup Language
2.WSDL -Web Services Description Language
3.UDDI - Universal Description , Discovery and Intergration
4.SOAP - Simple Object Accesss Protocol
III. Kết luận
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 28
Web client/server
• Thuật ngữ server được dùng cho những chương trình thi
hành như một dịch vụ trên toàn mạng.
• Mô hình client/server như sau: Client/Server là mô hình
tổng quát nhất, trên thực tế thì một server có thể được nối tới nhiều server khác nhằm làm việc hiệu quả và nhanh
hơn.
1. Client Trong mô hình client/server
2. Server trong mô hình client/Server
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 29
MYXA
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 30