Thiết kế và triển khai website - 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