xây dựng trang web bán điện thoại di động

TRƯỜNG ĐẠI HỌC NÔNG LÂM TP.HỒ CHÍ MINH
Khoa Công nghệ thông tin
Môn học: Giao Tiếp Người-Máy

Báo cáo đề tài cuối kỳ:

XÂY DỰNG TRANG WEB BÁN
ĐIỆN THOẠI DI ĐỘNG

Thành phố Hồ Chí Minh

Mục lục


I.

Phát biểu bài toán.

1) Mô tả
Cửa hàng mua bán điện thoại di động Thảo Phồn Vinh muốn xây dựng
một trang web bán điện thoại di động trên mạng với một số chức năng
cơ bản như:










Giới thiệu hình ảnh về các mẫu điện thoại.
Các thông tin có liên quan và giá đi kèm.
Các thông tin về điện thoại sẽ luôn được cập nhật thường xuyên
Một số chức năng tìm kiếm như: Tìm kiếm theo hãng điện thoại,
theo tên điện thoại, theo nhà sản xuất, giá tiền…
Các dịch vụ bảo hành, cùng với các thông tin về khuyến mại sẽ
được chú trọng.
Tư vấn, trao đổi trực tuyến với khách hàng.
Một số hình thức thanh toán.
Với website này, người mua thay vì phải đến trực tiếp cửa hàng thì
họ có thể lên mạng để xem thông tin sản phẩm và đặt mua hàng.
Khách hàng có thể thanh toán bằng hình thức trả trực tiếp hoặc qua
ngân hàng hay qua bưu điện. Sau khi cửa hàng nhận đủ số tiền thì
sẽ giao hàng đến tận tay cho khách hàng.

2) Mục tiêu và giới thiệu website mua bán điện thoại
 Website mua bán điện thoại di động là một trang web, mà khách hàng
có thể xem thông tin và truy cập trực tiếp để mua bán sản phẩm trong
một thời gian tương đối ngắn.
 Ngày nay, chúng ta đang sống trong kỷ nguyên công nghệ thông tin,
trong đó, công nghệ thông tin đã và đang làm thay đổi mạnh mẽ,
nhanh chóng phương thức tiến hành hoạt động kinh doanh. Với sự ra
đời của Internet, sự thay đổi này càng diễn ra nhanh chóng và mạnh
mẽ, làm thay đổi cơ bản các chiến lược và tổ chức của các công ty.
Internet đã tác động mạnh mẽ đến mọi hoạt động của nền kinh tế, các
ngành kinh doanh và loại hình doanh nghiệp. Chẳng hạn, nó đã góp
phần tạo dựng môi trường kinh doanh mới, hình thành kênh thông tin,
cung cấp, phân phối mới trên các thành phần điện tử. . .
 Các hoạt động thương mại điện tử như mua bán hàng hóa, dịch vụ,

thông tin…đang tăng trưởng với tốc độ chóng mặt, với doanh số tăng
trưởng hàng năm rất lớn. Đối với các doanh nghiệp có liên quan đến
2


hoạt động xuất nhập khẩu. Thương mại điện tử thực sự cần thiết vì
những lợi ích to lớn mà nó đã và đang đem lại. Thương mại điện tử đã
thực sự làm thay đổi bộ mặt thế giới, từ các hoạt động kinh doanh của
doanh nghiệp, cho đến thói quen sinh hoạt, mua sắm của từng cá nhân.
 Năm 1997 khi Việt Nam bắt đầu kết nối internet, khái niệm Thương
mại điện tử được hình thành và ngày càng trở thành một khái niệm
phổ biến. Internet phát triển mạnh, rất nhiều các doanh nghiệp, công ty
đã có website riêng để quảng cáo, giới thiệu và bán các sản phẩm.
Trên thực tế nó đã đem lại hiệu quả đáng kể cho các doanh nghiệp,
công ty trong việc quảng bá tên tuổi, sản phẩm, dịch vụ và các lĩnh
vực hoạt động của công ty tới khách hàng.
 Khi tìm hiểu tại cửa hàng kinh doanh điện thoại Thảo Phồn Vinh, hiện
cửa hàng muốn xây dựng một website thương mại điện tử dùng để
giới thiệu và bán điện thoại di động. Hiện nay, cửa hàng vẫn chưa có
website để thực hiện những yêu cầu trên. Do vậy việc tạo ra website
giới thiệu và bán điện thoại của công ty là rất cần thiết.
 Xu thế thời đại ngày nay càng phát triển đặc biệt là về công nghệ
thông tin và website mà tôi muốn xây dựng là một minh chứng. Thay
vì chúng ta phải ra các cửa hàng thì chỉ cần với một chiếc máy tính
được nối mạng ta có thể truy cập vào các trang web mình muốn để có
thể tìm kiếm thông tin và mua sản phẩm ưa thích một cách nhanh nhất
mà không gặp khó khăn. Website mua bán điện thoại di động cung cấp
cho các bạn thông tin, cùng với các tính năng, về giá cả của các mẫu
điện thoại hiện có trên thị trường.

3) Các chức năng chính của trang web.
a. Chức năng quản trị danh mục sản phẩm:

 Hỗ trợ tổ chức nhóm sản phẩm, cho phép một sản phẩm có thể
được sao chép và xuất hiện ở nhiều nhóm khác nhau. Hỗ trợ khả
năng điều khiển các thuộc tính hiển thị cho phép một sản phẩm
được hiển thị theo những đặc trưng khác nhau, tại các vị trí nội
dung khác nhau trên giao diện. Tính năng này rất quan trọng đối
với việc triển khai các mục tiêu hay chương trình quảng cáo,
khuyến mại của trang web.
 Hệ thống quản trị giá sản phẩm cho phép quản trị giá tham chiếu
dành riêng cho người bán (giá nhập gốc), giá bán, giá khuyến mãi.
Việc hỗ trợ giá nhập gốc chỉ dành cho người bán, cho phép người
bán có thể tham khảo giá ngay trên website để giúp quyết định có
chấp nhận mức giá mà người mua đề nghị khi muốn mặc cả mua
hàng hay không.
3


 Ngoài ra hệ thống còn thiết kế cho phép cập nhật giá cho hàng
loạt sản phẩm cùng lúc, tính năng này đặc biệt quan trọng trong
thương mại điện tử khi số lượng sản phẩm trên website lên đến
hàng nghìn và việc cập nhật lần lượt là không thể.
b. Chức năng quản trị thông tin người dùng/khách hàng.

 Các thành viên đăng ký, khách hàng mua hàng trên website là
nguồn thông tin rất quan trọng hỗ trợ người bán hàng trong việc
xây dựng và triển khai các chương trình bán hàng, thăm dò thị
trường và xúc tiến khuyến mãi…
 Hỗ trợ các tính năng quản trị thông tin thành viên, khách hàng, cho

phép người quản trị quản lý danh mục, kết xuất các thông tin và
theo dõi các đơn hàng liên quan đến các khách hàng. Ngoài ra,
bản thân các khách hàng cũng có thể đăng nhập để chỉnh sửa các
thông tin của mình và xem xét lịch sử mua hàng.
c. Chức năng quản trị và xử lý đơn hàng.

 Tính năng quản trị cho phép người quản trị kết xuất các thống kê
về mua bán trên các đơn hàng, số lượng sản phẩm đã bán ra
hoặc các thành viên liên quan đến đơn hàng. Ngoài ra, người
quản trị có thể cập nhật tình trạng xử lý đơn hàng kèm theo các
ghi chú xử lý đơn hàng. Trong trường hợp có nhiều người bán
hàng, quản trị bán hàng có thể tùy chọn chuyển đơn hàng đến cho
người bán hàng phù hợp.
 Đối với phía người sử dụng, khi đăng ký và đăng nhập tài khoản
thành viên, có thể theo dõi thống kê các đơn hàng của mình và
trong trường hợp được quản trị viên kích hoạt, có thể theo dõi lịch
sử tình trạng xử lý đơn hàng.
d. Chức năng thanh toán trực tuyến.

 Giỏ hàng điện tử cho phép tích hợp với hầu hết các cổng thanh
toán điện tử phổ biến hiện nay như thẻ ATM, chuyển khoản, thẻ
visa, MasterCard… từ đó hỗ trợ nhận thanh toán bằng thẻ tín
dụng ngay trên website. Kết quả thanh toán được phản ánh ngay
lập tức vào thông tin đơn hàng khi đặt hàng.
e. Hệ thống thống kê thương mại.

 Hệ thống hỗ trợ tính năng thống kê thương mại cho phép kết xuất
chi tiết các thông kê theo từng khoảng thời gian, về hoạt động
thương mại diễn ra trên website bao gồm các đơn hàng, theo mặt
hàng, theo từng người mua, theo hãng sản xuất, các lượng truy

cập vào từng mục nội dung và gửi liên hệ…. trên website.
 Các thống kê này hỗ trợ người quản trị bán hàng trong việc đánh
giá nhu cầu khách hàng và xây dựng được các chương trình
4


chăm sóc khách hàng, nhập hàng, xúc tiến bán hàng và khuyến
mãi phù hợp với các sản phẩm theo từng nhóm khách hàng khác
nhau.
f. Chức năng dịch vụ:
 Thêm mới không hạn chế, sửa chữa, tìm kiếm , sắp xếp, tạo danh

mục không hạn chế số cấp, upload ảnh minh họa , đưa vào các
thông tin như giá cả, bảo hành ...
g. Chức năng đặt hàng, giỏ hàng:

 Đặt hàng , thay đổi số lượng, xóa sản phẩm khỏi giỏ hàng, tự
động tính giá, tổng giá , hướng dẫn đặt hàng, thanh toán , gửi đơn
hàng đến email khách hàng, người quản lý.
 Bao gồm các chức năng giỏ hàng, đơn hàng, quản lý khách
hàng… Khách hàng có thể chọn hàng và đăng ký đặt mua hàng
một cách dễ dàng.
h. Chức năng thành viên:
 Đăng ký thành viên, quản lý thông tin cá nhân, người bán hàng

quản lý danh sách khách hàng, xuất ra email, thống kê mua hàng ,
những sản phẩm đã cho vào giỏ hàng nhưng không mua...
i. Chức năng quản lý menu:
 Quản lý menu ngang, menu trái phải, menu dưới không hạn chế

số cấp, dán liên kết vào menu,tạo cho khách hàng dễ quan lý với
1 menu phong phú tùy thích. Quản lý quảng cáo, banner ảnh hoặc
flash, trao đổi liên kết, dán liên kết tới các website khác
j. Chức năng form liên hệ:
 Tự động gửi thư vào hòm thư quản lý khi khách hàng nhập nội

dung vào form và gửi.

II.

Thuật ngữ có trong trang web.

Cart
ĐĐH
Admin
Database
App/Application
Unlock
MicroSD
Captcha
Reset
Adapter
mAh
MP

Giỏ hàng
Đơn đặt hàng
Người quản trị trang web
Cơ sở dữ liệu của trang web
Ứng dụng cho điện thoại

Mở khóa, mở mạng, nạp tiếng việt
cho điện thoại
Định dạng thẻ nhớ flash
Mã xác nhận kiểm thử
Khôi phục lại như trạng thái ban đầu
Bộ chuyển đổi năng lượng sạc pin
Đơn vị đo dung lượng của pin
Độ phân giải Mega Pixel
5


TNHH
SP
Hotline
HĐH

Trách nhiệm hữu hạn
Sản phẩm
Số điện thoại đường dây nóng
Hệ điều hành

6


III.

Trang chủ.

1) Trang chủ(1,2):

7


2) Site map(2).

3) Layout website(1,2):

Nội dung
Header

Giao diện trang web gồm 4 phần:
 Phần trên cùng sẽ là logo của cửa hàng, tìm kiếm sản phẩm và menu
trang web.
 Phần góc bên trái của trang sẽ đểMenu
giới thiệu về các hãng ĐT, đặt quảng
cáo,điện
liên hệ.
Hãng
Giỏhàng,
hàng
 thoại
Phần góc bên phải của trang sẽ là thông tin về giỏ hàng và đặt mua
Các loại phụ
danh mục các phụ kiện, quảng cáo.
kiệnta
 Phần chính của trang sẽ là nơi giới thiệu các điện thoại, phụ kiện. Khi
kích vào sản phẩm sẽ ra thông tin chi tiết về sản phẩm đó hoặc thêm vào
Quảng cáo
giỏ hàng.
 Phần cuối trang sẽ là thông tin cửa hàng, các thông tin liên hệ,…

Footer

Quảng cáo
8


IV.

Đặc tả các màn hình.
1) Màn hình trang chủ(1,2):

Tên màn hình
Màn hình
Menu
Tìm sản phẩm
Tìm kiếm
Đăng nhập
Đăng ký
Trang chủ
Sản phẩm mới
Hàng giảm giá
Phụ kiện

Mã màn hình Chức năng chi tiết
Website
Màn hình trang chủ
Menu
Thanh menu của trang web
Text field
Nội dung cần tìm

Button
Tìm kiếm
Button
Khi ấn nút chuyển sang màn hình đăng nhập
Button
Khi ấn nút chuyển sang màn hình đăng ký
Button
Khi ấn nút chuyển sang màn hình trang chủ
Button
Khi ấn nút chuyển sang màn hình sản phẩm
mới
Button
Khi ấn nút chuyển sang màn hình hàng giảm
giá
Button
Khi ấn nút chuyển sang màn hình phụ kiện

Ứng dụng hot

Button

Tin công nghệ

Button

Rao vặt

Button

Khi ấn nút chuyển sang màn hình ứng dụng

hot
Khi ấn nút chuyển sang màn hình tin công
nghệ
Khi ấn nút chuyển sang màn hình rao vặt

Tên màn hình
Mã màn hình Chức năng chi tiết
Danh mục sản phẩm Danh mục
Danh mục các sản phẩm
Apple
Button
Khi ấn nút chuyển sang màn hình sản phẩm
của Apple
Asus
Button
Khi ấn nút chuyển sang màn hình sản phẩm
của Asus
Nokia
Button
Khi ấn nút chuyển sang màn hình sản phẩm
của Nokia
Samsung
Button
Khi ấn nút chuyển sang màn hình sản phẩm
của Samsung
Sony
Button
Khi ấn nút chuyển sang màn hình sản phẩm
của Sony
HTC

Button
Khi ấn nút chuyển sang màn hình sản phẩm
của HTC
LG
Button
Khi ấn nút chuyển sang màn hình sản phẩm
của LG
Oppo
Button
Khi ấn nút chuyển sang màn hình sản phẩm
của Oppo
9


Tên màn hình
Sản phẩm
Tên sản phẩm
Hình sản phẩm
Giá sản phẩm
Mua hàng
Xem chi tiết
Banner quảng cáo
Thư góp ý

Mã màn hình Chức năng chi tiết
Sản phẩm
Sản phẩm
Text
Tên sản phẩm
Image

Hình sản phẩm
Number
Giá sản phẩm
Icon
Khi ấn vào thì sản phẩm sẽ được thêm vào
giỏ hàng
Button
Khi ấn vào chuyển sang màn hình xem chi
tiết sản phẩm
Image
Hình ảnh quảng cáo
Mail
Thư góp ý

Gửi

Button

Giới thiệu

Button

Sửa chữa

Button

Khi ấn nút chuyển sang màn hình liên hệ gửi
thư
Khi ấn nút chuyển sang màn hình giới thiệu
thông tin về trang web

Khi ấn nút chuyển sang màn hình sửa chữa

2) Màn hình đăng nhập(1)

Tên màn hình

Mã màn hình Chức năng chi tiết
10


Màn hình đăng nhập
Username
Password
Đăng nhập

Form
Text field
Password
Button

Đăng ký tại đây

Button

Màn hình đăng nhập
Người dùng nhập tên đăng nhập vào đây
Người dùng nhập mật khẩu vào đây
Khi ấn nút hệ thống sẽ xử lý yêu cầu đăng
nhập
Khi ấn nút chuyển sang màn hình đăng ký

3) Màn hình quên mật khẩu tài khoản(1)

Tên màn hình
Màn hình quên mật
khẩuđăng nhập
Tên
Captcha
Tiếp tục

Mã màn
hình
Form
Text field
Text
Button

Bỏ qua

Button

Chức năng chi tiết
Màn hình quên mật khẩu
Người dùng nhập tên đăng nhập vào đây
Người dùng nhập mật khẩu vào đây
Khi ấn nút hệ thống sẽ xử lý yêu cầu khôi
phục mật khẩu
Khi ấn nút sẻ bỏ qua bước trên

11

4) Màn hình đăng ký(2):

Tên màn hình
Màn hình đăng ký
Tài khoản
Mật khẩu
Nhập lại mật khẩu
Địa chỉ email
Họ và tên
Số điện thoại
Ngày sinh
Giới tính
Địa chỉ
Đăng ký
Nhập lại

Mã màn hình Chức năng chi tiết
Form
Màn hình đăng nhập
Text field
Người dùng nhập tên tài khoản sẽ đăng ký
vào đây
Password
Người dùng nhập mật khẩu sẽ đăng ký vào
đây
Password
Người dùng nhập mật khẩu lần hai
Text field

Người dùng nhập email sẽ đăng ký vào đây
Text field
Người dùng nhập họ và tên sẽ đăng ký vào
đây
Number
Người dùng nhập số điện thoại sẽ đăng ký
vào đây
Select option Người dùng chọn ngày sinh sẽ đăng ký vào
đây
Radio button Người dùng chọn giới tính sẽ đăng ký vào
đây
Textarea
Người dùng nhập địa chỉ sẽ đăng ký vào đây
Button
Khi ấn nút hệ thống sẽ xử lý yêu cầu đăng ký
Button
Khi ấn nút sẽ reset các trường đã nhập

12


5) Màn hình tìm kiếm(2):

Tên màn hình
Màn hình tìm kiếm
sản phẩm
Từ khóa tìm kiếm

Mã màn hình Chức năng chi tiết
Website

Màn hình tìm kiếm sản phẩm
Text

Từ khóa mà người dùng muốn tìm kiếm

13


6) Màn hình giới thiệu(1):

14


Tên màn hình
Mã màn hình Chức năng chi tiết
Màn hình giới thiệu Website
Một số thông tin giới thiệu về công ty
Thông tin
Hình ảnh

Text
Image

Các thông tin cơ bản về công ty
Hình ảnh minh họa

7) Màn hình sửa chữa(1):

Tên màn hình
Màn hình sửa chữa

Các dịch vụ
Hình ảnh

Mã màn hình Chức năng chi tiết
Website
Một số dịch vụ sửa chữa điện thoại tại công
ty
Text
Các dịch vụ sửa chữa
Image
Hình ảnh minh họa

15


8) Màn hình liên hệ(2):

Tên màn hình
Màn hình liên hệ

Mã màn hình Chức năng chi tiết
Website
Liên hệ với công ty

Thông tin của công tyText
Họ và tên
TextField
Email
TextField
Nội dung

TextArea
Captcha
Text
Gửi mail
Nhập lại

Button
Button

Thông tin của công ty
Người dùng nhập họ và tên vào đây
Người dùng nhập email vào đây
Người dùng nhập nội dung vào đây
Người dùng nhập chuỗi captcha để hệ thống
xác nhận
Khi ấn nút hệ thống sẽ xử lý yêu cầu gửi mail
Khi ấn nút sẽ reset các trường đã nhập

16


9) Màn hình sản phẩm mới(1):

Tên màn hình
Mã màn hình Chức năng chi tiết
Màn hình sản phẩm Website
Màn hình các sản phẩm mới vừa được nhập
mới
về

17


10)

Màn hình hàng giảm giá(1):

Tên màn hình
Mã màn hình Chức năng chi tiết
Màn hình sản phẩm Website
Màn hình các sản phẩm giảm giá
giảm giá

18


11)

Màn hình phụ kiện(2):

Tên màn hình
Màn hình phụ
kiện

Mã màn hìnhChức năng chi tiết
Website
Màn hình các phụ kiện bán chạy nhất ở cửa
hàng

19

12)

Màn hình ứng dụng hot(1):

Tên màn hình
Mã màn hình Chức năng chi tiết
Màn hình ứng dụng Website
Màn hình các ứng dụng miễn phí hot nhất
hot
Xem chi tiết
Button
Xem chi tiết và có thể download ứng dụng
Hình ảnh

Image

Hình ảnh minh họa ứng dụng

20


13)

Màn hình tin công nghệ(1):

Tên màn hình
Màn hình tin công
nghệ

Tựa đề

Mã màn hình Chức năng chi tiết
Website
Màn hình các tin công nghệ hot nhất được
cập nhật tại đây
Text
Tựa đề của bài tin

Hình ảnh

Image

Hình ảnh minh họa

Ghi chú

Text

Thông tin bài viết

21


14)

Màn hình rao vặt(1):

Tên màn hình
Màn hình rao vặt

Mã màn hình Chức năng chi tiết
Website
Màn hình người dùng có thể đăng sản phẩm
lên trang web để rao vặt
Địa chỉ email của bạn Text
Địa chỉ email của bạn
Tên sản phẩm

Image

Tên sản phẩm

Giá sản phẩm

Text

Giá sản phẩm

Hình sản phẩm

File

Hình sản phẩm được tải lên trang web

Mô tả sản phẩm

Text

Tình trạng

Mô tả thông tin chi tiết sản phẩm, nội dung,
ghi chú có trong sản phẩm.
Radio Button Tình trạng thông tin sản phẩm

Hoàn thành

Button

Khi ấn nút hệ thống sẽ xử lý yêu cầu trên

Reset

Button

Khi ấn nút sẽ reset các trường đã nhập

22


15)

Màn hình danh mục sản phẩm(2):

Tên màn hình
Mã màn hình Chức năng chi tiết
Màn hình danh mục Website
Màn hình danh mục loại sản phẩm là apple
loại sản phẩm

23


16)

Màn hình danh mục phụ kiện(1):

Tên màn hình
Mã màn hình Chức năng chi tiết
Màn hình danh mục Website
Màn hình danh mục loại phụ kiện Bao, ốp
loại phụ kiện

24


17)

Màn hình giỏ hàng(2):

Tên màn hình
Màn hình giỏ hàng

Mã màn hình Chức năng chi tiết
Website
Màn hình thông tin giỏ hàng của bạn

Hình ảnh

Image

Bảng, danh sách sản Table
phẩm
Tiếp tục mua hàng Button
Thanh toán

Button

Hình ảnh mô tả các bước thực hiện thanh
toán
Các sản phẩm đang có trong giỏ hàng của
bạn
Khi ấn nút sẽ quay lại trang chủ để tiếp tục
mua hàng
Khi ấn nút sẽ chuyển sang trang thanh toán

25