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