Bài giảng: THIẾT KẾ VÀ TRIỂN KHAI WEBSITE

THIẾT KẾ VÀ TRIỂN THIẾT KẾ VÀ TRIỂN KHAI WEBSITE KHAI WEBSITE

Giảng viên: Nguyễn Quang Trung

Bộ môn CNTT – Khoa THTM

– Trường ĐH Thương Mại

Email: cntt@vcu.edu.vn

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 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%

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 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ế.

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 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

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 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] …

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 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

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 6

Chương 1

Những khái niệm Những khái niệm cơ bản cơ bản

Nội dung

1.1. Internet và các dịch vụ

1.2. World wide web - Website

1.3. Các khái niệm khác

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 8

1.1. Internet và các

dịch vụ

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 9

Mạng máy tính – phân loại theo phạm vi địa lý • GAN (Global Area Network)

• WAN (Wide Area Network)

• MAN (Metropolitan Area Network)

• LAN (Local Area Network)

Trong các khái niệm nói trên, WAN và LAN là hai

khái niệm hay được sử dụng nhất

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 10

Hệ điều hành mạng

• NetWare của NOVELL

• LAN Manager của Microsoft

• LAN server của IBM

• Vines của Banyan Systems là hệ điều hành mạng

dùng cho server chạy hệ điều hành UNIX

• Promise LAN của Mises Computer chạy trên card

điều hợp mạng độc quyền

• Windows for Workgroups của Microsoft, …

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 11

Hệ điều hành mạng

• Chọn hệ điều hành mạng nào sẽ làm nền tảng cho mạng sẽ được phát triển tuỳ thuộc vào kích cỡ của mạng hiện tại và sự phát triển trong tương lai, còn tuỳ thuộc vào những ưu điểm và nhược điểm của từng hệ điều hành.

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 12

Hệ điều hành mạng

• Hệ điều hành mạng UNIX: do các nhà khoa học xây dựng và được dùng rất phổ biến trong giới khoa học, giáo dục. UNIX là hệ điều hành đa nhiệm, đa người sử dụng, phục vụ cho truyền thông tốt. Nhược điểm: hiện nay có nhiều Version khác nhau, không thống nhất gây khó khǎn cho người sử dụng; phức tạp lại đòi hỏi cấu hình máy mạnh

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 13

Hệ điều hành mạng

• BSD, Linux là các HĐH tựa UNIX và có thể cài chạy trên các máy tính có cấu hình thấp hơn.

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 14

Hệ điều hành mạng

• Hệ điều hành mạng Windows NT: Đây là hệ điều hành của hãng Microsoft, cũng là hệ điều hành đa nhiệm, đa người sử dụng. Đặc điểm của nó là tương đối dễ sử dụng, hỗ trợ mạnh cho phần mềm WINDOWS. Ngoài ra, Windows NT có thể liên kết tốt với máy chủ Novell Netware. Tuy nhiên, để chạy có hiệu quả, Windows NT cũng đòi hỏi cấu hình máy tương đối mạnh

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 15

Hệ điều hành mạng

• Hệ điều hành mạng Windows for Workgroup: Đây là hệ điều hành mạng ngang hàng nhỏ, cho phép một nhóm người làm việc (khoảng 3-4 người) dùng chung ổ đĩa trên máy của nhau, dùng chung máy in nhưng không cho phép chạy chung một ứng dụng. Hiện nay rất ít sử dụng.

• Hiện nay có Window Server 2008.

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 16

Hệ điều hành mạng

• Hệ điều hành mạng NetWare của Novell: Đây là

hệ điều hành phổ biến, nó có thể dùng cho các

mạng nhỏ (khoảng từ 5-25 máy tính) và cũng có

thể dùng cho các mạng lớn gồm hàng trǎm máy

tính. Có nhiều phiên bản của Netware. Netware

là một hệ điều hành mạng cục bộ dùng cho các

máy vi tính theo chuẩn của IBM hay các máy tính

Apple Macintosh, chạy hệ điều hành MS-DOS

hoặc OS/2

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 17

Sự phát triển mô hình TCP/IP

• Thập niên 60 DARPA phát triển

Transmission Control Protocol/Internet

Protocol (TCP/IP) kết nối các mạng máy

tính thuộc bộ quốc phòng Mỹ.

• Internet, mạng máy tính toàn cầu, sử dụng

TCP/IP kết nối các mạng trên thế giới.

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 18

4 lớp của mô hình TCP/IP

• Layer 4: Application (ứng dụng)

• Layer 3: Transport (vận chuyển)

• Layer 2: Internet

• Layer 1: Network access (truy

cập mạng)

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 19

Lớp truy cập mạng

• Kết hợp chức năng hai lớp vật lý và liên kết dữ liệu mô

hình OSI. • Các mô tả về chức năng, thủ tục, cơ học, điện học • Tốc độ truyền vật lý • Khoảng cách, các bộ kết nối vật lý. • Khung • Địa chỉ vật lý • Cấu hình liên kết mạng • Sự đồng bộ • Điều khiển lỗi, điều khiển lưu lượng.

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 20

Lớp Internet

• Gởi dữ liệu đến đích qua các mạng con (tương tự

lớp mạng mô hình OSI).

• Gói

• Mạch ảo

• Tìm đường, bảng tìm đường, giao thức tìm đường

• Địa chỉ luận lý

• Sự phân đoạn

• Giao thức Internet (IP).

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 21

Lớp vận chuyển

• Lớp vận chuyển liên quan đến chất lượng dịch vụ như độ tin cậy, điều khiển lưu lượng và sửa lỗi (tương tự lớp vận chuyển mô hình OSI). • Phân đoạn, dòng dữ liệu

• Định hướng kết nối và không kết nối

• Điều khiển luồng

• Phát hiện và sửa lỗi

• Transmission control protocol (TCP).

• User datagram protocol (UDP).

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 22

Lớp ứng dụng

• Kết hợp chức năng của ba lớp phiên, trình

bày, ứng dụng trong mô hình OSI.

• FTP, HTTP, SMNP, DNS ...

• Định dạng dữ liệu, cấu trúc dữ liệu, mã hoá …

• Điều khiển đối thoại …

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 23

Chồng giao thức TCP/IP

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 24

Các lớp địa chỉ IP

• 1.0.0.0 - 126.0.0.0 : Lớp A

• 127.0.0.0 : địa chỉ quay lui (loopback)

• 128.0.0.0 - 191.255.0.0 : Lớp B

• 192.0.0.0 - 223.255.255.0 : Lớp C

• 224.0.0.0 < 240.0.0.0 : Lớp D (multicast)

• >= 240.0.0.0 : Lớp E (dành riêng)

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 25

Địa chỉ mạng

• Địa chỉ mạng là địa chỉ của mạng mà một thiết bị nào đó

thuộc về

• Địa chỉ mạng là địa chỉ mà các bit phần máy đồng thời là 0

• Các máy có cùng địa chỉ mạng có thể giao tiếp trực tiếp với

nhau mà không cần thông qua thiết bị trung gian nào

• Các máy có thể chia sẻ đường truyền chung nhưng nếu chúng có địa chỉ mạng khác nhau thì không thể giao tiếp với nhau trực tiếp được mà phải thông qua một thiết bị trung gian (thường là router)

• Địa chỉ mạng tương tự mã tỉnh, thành phố trong số điện thoại.

Địa chỉ máy là phần còn lại của số điện thoại

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 26

Địa chỉ quảng bá (broadcast)

• Muốn gởi dữ liệu đến tất cả các máy trong một

mạng?

• Địa chỉ quảng bá được sử dụng để gởi dữ liệu đến

tất cả các máy trong cùng một mạng

• Địa chỉ quảng bá trực tiếp: các bit phần máy đồng

thời là 1

• Địa chỉ quảng bá nội bộ: tất cả các bit là 1

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 27

Địa chỉ quảng bá nội bộ

STOP

255.255.255.255

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 28

Địa chỉ quảng bá trực tiếp

192.168.20.0

192.168.20.255 Địa chỉ quảng bá

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 29

Thí dụ: 172.16.20.200

• 172.16.20.200 là địa chỉ lớp B

• Phần mạng: 172.16

• Phần máy: 20.200

• Địa chỉ mạng: 172.16.0.0

• Địa chỉ quảng bá: 172.16.255.255

• Địa chỉ dùng được cho máy trong mạng

• 172.16.0.1 - 172.16.255.254

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 30

Các địa chỉ dành riêng

• Được mô tả trong RFC-1918.

• Class A: 10.0.0.0

• Class B: 172.16.0.0 - 172.31.0.0

• Class C: 192.168.0.0 - 192.168.255.0

• Các lớp địa chỉ này dành riêng để đặt cho các máy

trong nội bộ tổ chức

• Cần có một NATserver (network address translation: dịch địa chỉ mạng) hoặc proxy server để cung cấp kết nối Internet cho các máy có địa chỉ dành riêng

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 31

DỊCH VỤ TÊN MIỀN

DOMAIN NAME SERVICES

DNS: nhớ tên thay vì địa chỉ IP

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 33

Chức năng

• Lưu trữ và liên kết các thông tin liên quan

đến tên miền.

• Chuyển đổi tên miền (tên của máy tính)

sang địa chỉ IP.

• Quản lý danh sách các máy chủ chuyển thư

điện tử cho từng miền.

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 34

Hệ thống quản lý tên miền

• DNS server là một máy trên mạng có nhiệm

vụ quản lý tên miền và đáp ứng các yêu cầu

của client

• Có nhiều DNS server liên kết với nhau, chia

sẻ và quản lý truy vấn đến CSDL tên miền

• CSDL tên miền có cấu trúc phân cấp

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 35

Cấu trúc CSDL tên miền

• Kiến trúc tên miền không bắt buộc các tên miền phải tuân theo quy cách đặt tên, tuy nhiên, chúng được quản lý một cách tập trung

• Cú pháp của tên không cho biết đối tượng được đặt tên là gì: ví dụ www.ptithcm.edu.vn là một máy tính, trong khi ptithcm.edu.vn lại là tên miền

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 36

DNS: không gian tên miền

eduedu

govgov

vnvn

frfr

ukuk

comcom

eduedu

govgov

vnnvnn

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 37

DSN

• ví dụ:

yêu cầu truy cập đến www.cs.purdue.edu.vn từ it- lab.ptithcm.edu.vn sẽ theo tiến trình như sau: vn (cid:198) edu (cid:198) purdue.edu (cid:198) cs.purdue.edu

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 38

Nội dung

1.1. Internet và các dịch vụ

1.2. World wide web -

Website

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 39

1.2. World wide web

- Website

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 40

WWW

• World Wide Web là một bước tiến lớn trong quá trình tìm kiếm thông tin nhanh, đa dạng và mạnh mẽ. Các server WWW khác nhau sẽ thực hiện các trình duyệt (browser) khác nhau.

• Các trình duyệt khác nhau sẽ có những giả định khác nhau về kết xuất và máy tính của bạn, tuy nhiên tùy thuộc vào thói quen và sở thích bạn có thể dùng chương trình duyệt Web cho thích hợp. Hiện nay các chương trình duyệt Web rất nhiều và đa dạng chẳng hạn như :

•

Internet Explorer, Fire Fox, …

9/3/2009 Thiết kế và triển khai Website - Bộ môn CNTT 41