Bài giảng Thiết kế và triển khai website - Chương 1: Những khái niệm cơ bản - Bùi Quang Trường

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 
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 2 
• 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% 
THIẾT KẾ VÀ TRIỂN KHAI WEBSITE 
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 3 
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 4 
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 5 
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 6 
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 
Những khái niệm 
cơ bản 
Chương 1 
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 8 
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 9 
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 10 
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 11 
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 12 
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 13 
• 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 
KỸ THUẬT INTERNET. 
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 14 
• 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) 
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 15 
 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 16 
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 17 
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 18 
1.2. World wide web - Website 
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 19 
• 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. 
1.2.1. World wide web 
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 20 
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 21 
• 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) 
URL 
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 22 
Webpage - Website 
• Webpage? 
• Website? 
11/18/2013 Thiết kế và triển khai Website - Bộ môn CNTT-TMĐT 23 
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 24 
 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 25 
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 26 
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 27 
 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 28 
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 29 
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 30 
MYXA