Xem mẫu

Bộ môn CNTT - Khoa HTTT Kinh tế và
TMĐT

8/9/2017

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

Trường Đại học Thương mại
Khoa HTTT Kinh tế và THMĐT

• Phân phối tiết học
− Lý thuyết:  27 tiết
− Thảo luận: 6 tiết
− Thực hành: 12 tiết
Thực hành: 12 tiết
• Đánh giá kết quả

Bộ môn Công nghệ thông tin
Bài giảng học phần:
Thiết kế và triển khai Website

D

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

• ‐ Điểm chuyên cần: 10%
• ‐ K/Tra + T/Hành+T/luận: 30%
• ‐ Thi cuối kỳ: 60% 
1

8/9/2017

H
TM

MỤC TIÊU CỦA MÔN HỌC

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

3

2

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.

_T

• 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ố
web.
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ế.

Bộ môn CNTT - Khoa HTTT Kinh tế và TMĐT

• Quy trình thiết kế và triển khai một website TMĐT

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

4

U

M
TÀI LIỆU THAM KHẢO

NỘI DUNG CHƯƠNG TRÌNH

• TLTK bắt buộc:
• [1] Harvey & Paul, Internet & World Wide Web: How to Program
(4th Edition), Deitel & Associates (Paperback), 2010
• [2] Gerry McGovern, The Website Manager’s Handbook, ISBN: 
978‐1‐4116‐8529‐1, 
• Shane Diffily, 2014
• [3] N ễ T ờ Si h Thiết kế W b bằ hì h minh hoạ, NXB 
[3] Nguyễn Trường Sinh, Thiết Web bằng hình i h h NXB
Minh Khai, 2007
• [4] Phạm Hữu Khang, Xây dựng và triển khai ứng dụng TMĐT, 
NXB Thống kê, 2006
• [5] Lê Tuấn Hùng, Huỳnh Quyết Thắng, Kỹ thuật đồ họa, NXB 
KH&KT, 2005
• [6] Giáo trình tự học Photoshop CS6,  Internet

8/9/2017

Bộ môn CNTT - Khoa HTTT Kinh tế và TMĐT

Bài giảng Thiết kế và triển khai Website

5

Chương 1. Tổng quan về thiết kế và triển khai
website 
Chương 2. Thiết kế và xử lý đồ họa trên website
Chương 3. Một số ngôn ngữ xây dưng Website
Chương 4. Triển khai Website

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

6

1

Bộ môn CNTT - Khoa HTTT Kinh tế và
TMĐT

8/9/2017

Nội dung
Chương 1

Tổng quan về thiết kế và
triển khai website

D

8/9/2017

Bộ môn CNTT - Khoa HTTT Kinh tế và
TMĐT

7

1.1. Một số khái niệm cơ bản
1.2. Nguyên tắc và quy trình thiết kế Website
1.3 Nguyên tắc và quy trình triển khai Website

8/9/2017

H

TM

1.1. Một số khái niệm cơ bản
1.1.1. Cơ bản về Internet
1.1.2. World wide web ‐ Website
1.1.3. Giao thức truyền nhận Client/Server 

Bộ môn CNTT - Khoa HTTT Kinh tế và TMĐT

9

8

1.1.1. Cơ bản về Internet
• Mạng máy tính – phân loại theo
phạm vi địa lý
• Hệ điều hành mạng
• Mô hì h TCP/IP
ô hình
/
• Dịch vụ tên miền

_T

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

8/9/2017

Bộ môn CNTT - Khoa HTTT Kinh tế và TMĐT

10

U

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





8/9/2017

Chồng giao thức 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)

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

Bài giảng Thiết kế và triển khai Website

11

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

12

2

Bộ môn CNTT - Khoa HTTT Kinh tế và
TMĐT

8/9/2017

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

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

D

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

13

8/9/2017

H
TM

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

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

DNS: không gian 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
gì: ví
www.ptithcm.edu.vn
tính, 
trong khi ptithcm.edu.vn lại là tên miền

.

com

edu

gov

_T

vnn

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

15

14

8/9/2017

vn

com

fr

edu

uk

gov

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

16

U

M
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  edu  purdue  cs 

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

Bài giảng Thiết kế và triển khai Website

1.1.2. World wide web Website

17

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

18

3

Bộ môn CNTT - Khoa HTTT Kinh tế và
TMĐT

8/9/2017

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.

1.1.3. Giao thức truyền nhận
trong Client/Server

• Các trình duyệt khác nhau sẽ có những giả định khác
yệ
gg

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, …

D

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

19

8/9/2017

H
TM

Mô hình Client/Server

• Trong mô hình này, chương trình ứng
dụng được chia thành 2 thành phần:

8/9/2017

Bộ môn CNTT - Khoa HTTT Kinh tế và TMĐT

21

20

Mô hình Client/Server
• Việc giao tiếp giữa client và server được thực hiện
dưới hình thức trao đổi các thông điệp (Message).
• Để được phục vụ, client sẽ gửi một thông điệp yêu cầu
(Request Message) mô tả về công việc muốn server
thực hiện.
• Khi nhận được thông điệp yêu cầu, server tiến hành
phân tích để xác định công việc cần phải thực thi.
thi
• Nếu việc thực hiện yêu cầu này có sinh ra kết quả trả
về, server sẽ gởi nó cho client trong một thông điệp trả
lời (Reply Message).
• Dạng thức (format) và ý nghĩa của các thông điệp trao
đổi giữa client và server được qui định rõ bởi giao thức
(protocol) của ứng dụng.

_T

– Quá trình chuyên cung cấp một số phục vụ
nào đó, chẳng hạn: phục vụ tập tin, phục vụ
máy in, phục vụ thư điện tử, phục vụ Web...
Các quá trình này được gọi là các trình phục
vụ hay Server.
– Một số quá trình khác có yêu cầu sử dụng
các dịch vụ do các server cung cấp được gọi
là các quá trình khách hàng hay Client.

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

8/9/2017

Bộ môn CNTT - Khoa HTTT Kinh tế và TMĐT

22

U

M
Chế độ nghẽn

• Trong chế độ này, khi
quá trình client hay
server phát ra lệnh
gởi dữ liệu, (thông
thường bằng lệnh
g
g ệ
send) , sự thực thi
của nó sẽ bị tạm dừng
cho đến khi quá trình
nhận phát ra lệnh
nhận số dữ liệu đó
(thường là lệnh
receive).
8/9/2017

Bộ môn CNTT - Khoa HTTT Kinh tế và
TMĐT

Bài giảng Thiết kế và triển khai Website

23

8/9/2017

Bộ môn CNTT - Khoa HTTT Kinh tế và TMĐT

24

4

Bộ môn CNTT - Khoa HTTT Kinh tế và
TMĐT

8/9/2017

Chế độ không nghẽn
1.2. Nguyên tắc và quy trình thiết kế Website

• Trong chế độ này,
khi quá trình client
hay server phát ra
lệnh gởi dữ liệu, sự
thực thi của nó vẫn

được tiếp tục mà
ế
không quan tâm đến
việc có quá trình
nào phát ra lệnh
nhận số dữ liệu đó
hay không.

1.2.1. Các nguyên tắc trong thiết kế website
1.2.2. Quy trình chung thiết kế Website

D

8/9/2017

Bộ môn CNTT - Khoa HTTT Kinh tế và TMĐT

25

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

26

H

1.2.1. Các nguyên tắc trong thiết kế website







1. Khái quát
2. Các bước tổ chức thông tin
3. Các kiểu cấu trúc thiết kế

TM

1.2.1. Các nguyên tắc trong thiết kế website
Tổ chức website chặt chẽ và dễ sử dụng
Sử dụng từ ngữ dễ hiểu. 
Dễ dàng khám phá các đường link. 
Thời gian tải về nhanh. 
Tương thích với đa số trình duyệt web.   

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

_T

8/9/2017

27

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

28

U

M

1. Khái quát

2. Các bước tổ chức thông tin 

• Cần phải chia nhỏ các khối thông tin lớn.
• Các nhà tâm lý học nhận thức
• Giúp ghi nhớ dễ hơn bằng việc sử dụng kết hợp giữa thiết kế
đồ hoạ, qui ước lớp và biên tập thông tin thành các đơn vị
riêng rẽ
• Thực tế với độc giả các tin ngắn gọn, riêng biệt sẽ chức năng
hoá hơn và dễ định vị hơn khối thông tin dài

• Phân chia thông tin thành các đơn vị logic
• Thiết lập hệ thống phân cấp thông tin
• Tạo mối quan hệ giữa các hệ thống phân cấp
thông tin
g
• Phân tích sự thành công về chức năng và thẩm
mỹ của các hệ thống thông tin

• Tổ chức các đoạn tin nhỏ thành các khối thông tin riêng để tạo
nên hệ thống đồng nhất, hình thành nên cơ sở các liên kết
hypertext.
8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

Bài giảng Thiết kế và triển khai Website

29

8/9/2017

Bộ môn CNTT ‐ Khoa HTTT Kinh tế và TMĐT

30

5

nguon tai.lieu . vn