MÔ TẢ GIAO DIỆN WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG (Version 2.0) pdf

1


ĐỒ ÁN

MÔ TẢ GIAO DIỆN WEBSITE BÁN ĐIỆN
THOẠI DI ĐỘNG (Version 2.0)












2






I. GIỚI THIỆU:
Hiện nay xã hội phát triển, vấn đề về thông tin liên lạc ngày càng trở nên cần thiết,chính
vì vậy nhu cầu sử dụng điện thoại di động ngày càng tăng.

Làm sao có thể xem thông tin các dòng điện thoại mới nhất và giá cả một cách nhanh
nhất,tiện dụng nhất?
Website bán điện thoại di động là một trong những giải pháp đáp ứng được yêu cầu đó.
Các đối tượng cần xây dựng Website bán điện thoại di động: Các đại lý, cửa hàng buôn
bán điện thoại di động.
II. PHÂN TÍCH:
1)Phân hệ người dùng:
Yêu cầu gồm hai chức năng chính:
+Chức năng người dùng: Xem điện thoại,đặt hàng,tìm kiếm,download…
+Chức năng người quản trị: Thêm, xóa, sửa các loại điện thoại,cập nhật giá,sologan…


3

2)Biểu đồ usercase:



4





3)Bố cục trang, giao diện web:

5


Qu
ả
ng
Cáo
B
ình

ch
ọ
n

Số lượt
truy cập
Hỗ trợ
online
Top 5 điện
thoại bán

chạy
Sologan
Banner

Menu ngang
Giao di
ệ
n

Tin
khuy
ế
n mãi:

Đ
ăng

k
ý

Đăng

nh
ậ
p

Gi
ỏ

h

àn
g

Menu

dọc
T
ìm

kiếm
Những dòng điện thoại Hot
Hàng cao cấp
Hàng trung cấp
Hàng phổ thông
Gi
á

Gi
á

Gi
á

Gi
á

Gi
á

Gi

á

Gi
á

Gi
á

Footer



6


Banner: Chứa hình ảnh và logo,sologan của công ty.
Menu ngang: Chứa các chức năng của trang web.
Menu dọc: Chứa hãng điện thoại cho khách hàng lựa chọn.
Mục chọn giao diện: Có các nút chức năng để thay đổi giao diện trang chủ
Mục tin khuyến mãi: Hiện tiêu đề tin các dòng điện thoại đang giảm giá,khuyến mãi.
Đăng ký/đăng nhập: Link tới trang đăng ký/đăng nhập riêng.
Giỏ hàng: lưu thông tin các điện thoại users đã đặt.
Nội dung trang chủ:
 Những dòng điện thoại hot nhất: Dùng slide trình chiếu một vài sản phẩm hot
 Mục hàng cao cấp,trung cấp,phổ thông:Mỗi mục trình bày điện thoại theo 2 hàng
4 cột.
Top 5 điện thoại bán chạy: Hiện 5 hình ảnh 5 điện thoại bán chạy nhất.
Hỗ trợ online: Click vào kết nối yahoo với người Support.
Mục số lượt truy cập:Đếm số người đã truy cập và số người đang online.

7

Mục tìm kiếm: Cho khách hàng tìm kiếm thông tin sản phẩm

Mục bình chọn: Hiện thị các câu hỏi bình chọn

Mục Quảng cáo: Quảng cáo của các công ty khác, hoặc quảng cáo của công ty mình.
Footer: Thông tin công ty.
Trang chi tiết một sản phẩm điện thoại:






8


Sologan
Banner

Menu ngang
Giao di
ệ
n

Tin khuy
ế
n mãi

Đ
ăng

k
ý

Đăng

nh
ậ
p

Gi
ỏ

h
àn
g

Menu

dọc
T
ìm

kiếm

Top 5 điện
thoại bán
chạy
Hỗ trợ
online
Số lượt
truy cập
B
ình

ch
ọ
n

Qu
ả
ng
Cáo
Footer

Ảnh
Tên Sản Phẩm:
Giá:
Tình Trạng:
Tính Năng
Các tính năng của điện thoại
Comment của người dùng


9

4)Thông số website:
Banner: 1000x150 pixel
Menu ngang: 1000x60 pixel
Div ngang (thông tin khuyến mãi,đăng ký,đăng nhập,giỏ hàng): 1000x60 pixel
Left(menu dọc,top 5 điện thoại…): width:150 pixel
Right(đăng nhập,tìm kiếm,quảng cáo…): width:150 pixel
Content(phần nội dung trang chính): width:700 pixel
Footer: 1000x150 pixel
Sologan: Sở hữu điện thoại theo phong cách của bạn.
5)Các chức năng menu:
Menu ngang:
Danh Mục Chức năng
Trang chủ Hiển thị trang chủ
Diễn đàn Thành viên chia sẽ giao lưu
Liên hệ Khách hàng liên hệ với Admin
Download Cho khách hàng tải phần mềm tiện ích cho mobile

Menu dọc:
Danh Mục Chức năng
Nokia Xem các dòng điện thoại hiện có của Nokia
Samsung Xem các dòng điện thoại hiện có của Samsung
Motorola Xem các dòng điện thoại hiện có của Motorola
Sony Ericsson Xem các dòng điện thoại hiện có của Sony Ericsson
HTC Xem các dòng điện thoại hiện có của HTC
Q-Mobile Xem các dòng điện thoại hiện có của Q-Mobile
Mobell Xem các dòng điện thoại hiện có của Mobell


III. CÁC VẤN ĐỀ KHÁC:

Tên Project: Điện thoại pro
Link: Http://www.phonepro.tk
Ngôn ngữ sử dụng: PHP
Hệ quản trị cơ sở dữ liệu: My SQL
Phần mềm thiết kế hỗ trợ: Dreamwaver CS4
Giá Website: Khoảng 10 triệu
Thời gian làm việc: 1 tháng.






10

NỘI DUNG CHÍNH

I. GIỚI THIỆU: 2
II. PHÂN TÍCH: 1)Phân hệ người dùng: 2
3)Bố cục trang, giao diện web: 4
4)Thông số website: 9
5)Các chức năng menu: 9
III. CÁC VẤN ĐỀ KHÁC: 9