TRƯỜNG ĐH SƯ PHẠM TP.

HCM
KHOA TOÁN – TIN HỌC
LỚP TIN 4D-BT



Bài tập lớn số 3:

GIẢI PHÁP THIẾT KẾ WEBSITE BÁN LATOP

GVHD: Lý Anh Tuấn

SVTH: Nguyễn Ngọc Toàn
Phan Văn Thơm
I. BỐ CỤC CHUNG CỦA WEBSITE.

1. Banner

Trên cùng là banner , bao gồm logo công ty, tên công ty, hình ảnh
minh họa.

2. Menu ngang:

Bên dưới là một menu ngang gồm các liên kết: Trang chủ, giới thiệu,
tin tức, bảng giá, quy định bảo hành, hỗ trợ kĩ thuật, liên hệ.

3. Thân trang:

Chia làm 3 cột.

• Cột thứ nhất gồm các mục: Tìm kiếm sản phẩm, menu sản
phẩm, liên hệ…

 Tìm kiếm: Giúp khách hàng tìm sản phẩm nhanh chóng
dựa theo từ khóa là tên sản phẩm hoặc hãng sản xuất, có
thể tìm theo giá cả của sản phẩm.

 Menu sản phẩm: Liệt kê tất cả các hãng sản phẩm có mặt
tại công ty, mỗi tên hãng sẻ tương ứng với những sản
phẩm của hãng đó đang được bán, nếu khách hàng.

 Liên hệ: là chức năng giúp khách hàng lien hệ trực tuyến
với nhân viên kĩ thuật qua yahoo messenger.

• Cột thứ hai gổm: Thông tin chi tiết .

 Hiện thị thông tin chi tiết của sản phẩm, tin tức , quy
định,…ứng với các liên kết mà khách hàng chọn.

• Cột thứ ba dành cho các tin tức sự kiện của công ty, quảng cáo
của các hãng sản xuất…

2
II. BỐ CỤC CHI TIẾT CHO CÁC TRANG.

1. Trang chủ:

Nội dung chính liệt kê tất cả các sản phẩm laptop được nhập vào kho
cách đây không quá 30 ngày.

Mã: select laptop from csdl laptop where ngaynhap>ngày hiện tại -30
ngày

2. Trang tin tức:

Liệt kê tất cả các tin tức với một đoạn trích dẫn. Khách hàng có thể
xem bằng cách click vào liên kết :xem chi tiết.

Mã: select tin tức from csdl tin tức.

3. Trang bảng giá(báo giá):

Liệt kê chi tiết tất cả các sản phẩm có trong kho bao gồm tên sản
phẩm cùng với tất cả các thông số kĩ thuật của sản phẩm.

Mã: select laptop from csdl

4. Trang quy định bảo hành:

Hiện thị nội dung quy định của công ty về các tiêu chuẩn được bảo
hành và không bảo hành…

Mã: select nội dung bảo hành from csdl

5. Trang hỗ trợ kĩ thuật:

Dạng Guestbook, khách hàng có thể nhập Tên, email, điện thoại, địa
chỉ, câu hỏi… và sent để liên hệ với nhân viên kĩ thuật. Nội dung
khách hàng vừa nhập sẻ được hiển thị lập tức trên trang này.

3
 Mã: insert vào csdl nội dung khách hàng nhập.

Sau đó in ra trên trang web:

Mã: select nội dung khách hàng nhập from csdl.

6. Trang liên hệ:

Hiển thị bao gồm địa chỉ, số điện thoại công ty, ban lãnh đạo công ty,
bản đồ hướng dẫn đường để khách hàng tiện liên hệ nếu cần.

Mã: select địa chỉ, phone, address,map… from csdl.

7. Ngoài ra trên giao diện mỗi trang trên sẽ gồm các liên kết, các phần:

• Tìm kiếm sản phẩm:

Khách hàng nhập từ khóa theo tên sản phẩm hoặc hãng sản
xuất, nó có thể là tên đầy đủ hoặc một cụm từ. Kết quả trả về sẽ
đúng theo yêu cầu của khách hàng.

Mã: select latop from csdl where từ khóa khách hàng nhập=
%tên laptop%.

• Sản phẩm:

Liệt kê tên các hãng sản xuất dạng menu dọc. Khách hàng có
thể xem các sản phẩm có mặt của hãng mà mình muốn.

Mã: select tên hãng sản xuất from csdl

• Liên hệ online:

Hiện thị và kiểm tra các nhân viên kĩ thuật có online trên yahoo
hay không? Khách hàng có thể liên hệ trực tiếp với nhân viên kĩ
thuật qua yahoo messenger.

• Login:

4
 Là nơi để khách hàng đăng nhập nếu đã đăng ký hoặc liên kết
tới trang đăng ký.

Gồm tên đăng nhập và password . Nếu khách hàng điền đúng
thông tin thì đăng nhập thành công, ngược lại khách hàng phải
nhập lại.

Mã:if (tên đăng nhập và password khách hàng nhập có trong

csdl) then đăng nhập thành công.

• Đăng ký:

Gồm có tên đăng nhập, mật khẩu, xác nhận mật khẩu. Mật khẩu
phải được mã hóa vì lý do bảo mật

Mã:insert vào csdl nội dung khách hàng nhập.

• Sản phẩm bán chạy:

Hiển thị thông tin: gồm hình ảnh, tên, giá và số lượng đã bán
của sản phẩm bán được nhiều nhất từ trước tới thời điểm hiện
tại.

Mã: select laptop from csdl(hóa đơn) where tổng số lượng

bán>all.

• Quảng cáo:

Hiển thị logo của các nhà sản xuất có bán tại công ty.

• Mỗi sản phẩm hiện thị sẽ bao gồm hình ảnh, tên, giá cả
của sản phẩm đó và liên kết đến trang hiển thị chi tiết thông số
kĩ thuật, giỏ hàng nếu khách hàng có nhu cầu mua sản phẩm
đó.

• Ngoài ra còn có trang quản lý của người quản trị trang

web. Liên kết đến trang này hiển thị tại mọi trang khi người
quản trị đăng nhập bằng username va password được cấp
quyền.

5
 TRANG CHỦ
Hiển thị những latop mới nhất có tại công ty <=30 ngày
III. SƠ ĐỒ WEBSITE
Lịch sử hình thành và phát triển

GIỚI THIỆU
Sơ lượ về công ty

Lịch sử hình thành và phát triển

TIN TỨC
Một số tin tức trích dẫn về lãnh vực công nghệ máy tính

Tin tức chi tiết

BẢNG GIÁ
Hiển thị chi tiết tất cả các sản phẩm có tại công ty bao gồm: Tên laptop, thong số kĩ thuật,
giá(VNĐ), bảo hành…

QUY ĐỊNH BẢO HÀNH

Nội dung, các điều kiện điều khoản về bảo hành sản phẩm của công ty

HỔ TRỢ KĨ THUẬT

Khách hàng liên hệ với công ty thông qua form mẫu

LIÊN HỆ
Hiển thị tên công ty, địa chỉ công ty, bản đồ hướng dẫn địa điểm công ty cũng như ban
lãnh đạo của công ty

SẢN PHẨM

Hình ảnh sản phẩm

Tên sản phẩm

Giá sản phẩm

Chi tiết sản phẩm

6
Giỏ hàng
IV. CƠ SỞ DỮ LIỆU