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