2.9.1 Giao diện 01- Index[Home]
Mục đích: Giao diện ban đầu cho web-site bắt đầu mở ra Người sử dụng: Mọi người dùng có thể truy cập
Cấu trúc phác thảo:
Hình 4.1 Giao diện của trang Index[Home] Logo
Menu sản phẩm
Mô tả: Frame chính sẽ được dùng để hiển thị các trang được liên kết đến Các trang được liên kết tới:
- dangnhap - dangky - gioithieu. - Tin tức - Tim kiếm - Liên hệ - Hỏi đáp - bản đồ
2.9.2 Giao diện 02- Gioithieu
Mục đích: Giới thiệu về tổ chức bao gồm: thông tin về ban lãnh đạo, chuỗi các
cửa hàng.
Người sử dụng: Mọi người dung
Logo
Menu sản phẩm Giới thiệu về công ty bao gồm: thông tin về ban lãnh đạo, chuỗi các cửa hàng.
Quảng cáo
Hình 4.2 Giao diện của trang Gioi thieu.asp
2.9.3 Giao diện 03- dangky
Mục đích: cho phép người sử dụng đăng ký để tham gia thảo luận trên website
Người sử dụng: Mọi người dùng Cấu trúc phác thảo:
Tên đăng nhập: Mật khẩu: Xác nhận lại mật: Họ và tên: Địa chỉ: Số điện thoại: Email:
Hình 4.3 Giao diện trang dang ky.asp
Dữ liệu nhập
Dữ liệu Định dạng Điều kiện
Tên đăng nhập Chuỗi ký tự Không được để trống,
Mật khẩu Chuỗi ký tự Không được để trống, phải từ 6 ký tự trở lên Cancel
Nhập lại Đăng ký
Xác nhận mật khẩu Chuỗi ký tự Phải giống với mật khẩu
Họ tên Chuỗi ký tự Không được để trống,
Địa chỉ Chuỗi ký tự
Số điện thoại Số Phải là số
Email Chuỗi ký tự Nhập đúng địa chỉ email
Xử lý nút Reset
- Xóa trống dữ liệu trong các ô
Xử lý nút OK
- Nếu người dùng nhập dữ liệu vào sáu ô không thoả mãn các điều kiện đã nêu ở trên thì người dùng phải nhập lại dữ liệu
- Nếu các điều kiện về dữ liệu nhập được thoả mãn thì thông tin này sẽ được xử lý bởi trang dang ky thanh cong.asp
Xử lý nút Cancel
- trở về trang Index[Home].asp
Xử lý của dang ky thanh cong.asp
{
Duyệt kết quả truy vấn:
Nếu trùng username có trong database thì { valid=true;
chuyển trang dang ky loi.asp với nội dung: “Tên đăng ký đã tồn tại”; Nếu valid=false thì
chuyển trang dang ky thanh cong.asp ;
2.9.4 Giao diện 04- dangnhap
Mục đích: Tạo ra công cụ bảo mật cho khách hàng Người sử dụng: khách hàng
Cấu trúc phác thảo:
Hình 4.4-Giao diện của dangnhap.asp
Đăng nhập username: password: Dangnhap nhapnhnh apnhanha p Nhap lai
Dữ liệu nhập
Dữ liệu Định dạng Điều kiện
username Chuỗi ký tự Không được để trống password Chuỗi ký tự Không được để trống
Xử lý nút Reset
- Xóa trống dữ liệu trong ô username và ô password
Xử lý nút OK
- Nếu người dùng nhập dữ liệu vào ba ô không thoả mãn các điều kiện đã nêu ở trên thì người dùng phải nhập lại dữ liệu
- Nếu các điều kiện về dữ liệu nhập được thoả mãn thì thông tin này sẽ được xử lý bởi trang khachhang.asp
Xử lý của khachhang.asp
{ // lấy thông tin khách hàng
select username, pwd from KhachHang Duyệt kết quả truy vấn:
Nếu trùng username, password có trong database thì { valid=true;
Lưu username, password, vào biến Session; Chuyển sang trang khachhang.asp
ngưng;
Nếu valid=false thì chuyển trang dang nhap loi.asp với nội dung: “Đăng nhập không hợp lệ”;
2.9.5 Giao diện 4- a_dangnhap
Mục đích: tạo ra công cụ bảo mật cho người quản trị website
Người sử dụng: admin Cấu trúc phác thảo:
Đăng nhập
Tên đăng nhập:
Mật khẩu:
Hình 4.4 Giao diện trang a_dangnhap.asp
Dữ liệu nhập
Dữ liệu Định dạng Điều kiện
Tên đăng nhập
Chuỗi ký tự Không được để trống,
Cancel login
Mật khẩu Chuỗi ký tự Không được để trống
Xử lý nút Cancel
- Trở về trang Index[Home].asp
Xử lý nút OK
- Nếu người dùng nhập dữ liệu vào ô tên đăng nhập và ô mật khẩu không thoả mãn các điều kiện đã nêu ở trên thì người dùng phải nhập lại dữ liệu
- Nếu các điều kiện về dữ liệu nhập được thoả mãn thì thông tin này sẽ được xử lý bởi trang a_index
Xử lý của a_index
{
Duyệt kết quả truy vấn:
Nếu trùng username, password có trong database thì { valid=true;
Lưu username, password vào biến Session; và chuyển sang trang a_index;
ngưng; Nếu valid=false thì
chuyển trang loi.asp
2.9.6 Giao diện 05- Gopy
Mục đích: cho phép khách hàng gửi ý kiến.
Cấu trúc phác thảo:
Tiêu đề:
Nội dung:
Ngày:
Hình 4.5 Giao diện trang gopy.asp
Dữ liệu nhập
Dữ liệu Định dạng Điều kiện
Tiêu đề Chuỗi ký tự Không được để trống, Nội dung Chuỗi ký tự Không được để trống
Ngày Datetime Không được để trống
Xử lý nút nhap lai
Xóa toàn bộ nội dung trong các ô.
Xử lý nút gửi
- Nếu người dùng nhập dữ liệu vào ô tên tiêu đề,ô nội dung và ô ngày không thoả mãn các điều kiện đã nêu ở trên thì người dùng phải nhập lại dữ liệu
- Nếu các điều kiện về dữ liệu nhập được thoả mãn thì thông tin này sẽ được xử lý bởi trang phanhoithanhcong
2.9.7 Giao diện 07- timkiem
Mục đích: cho phép khách hàng tìm kiem các sản phẩm theo nhà sản xuất.
Người sử dụng: khách hàng Cấu trúc phác thảo:
Hình 4.6 Giao diện
trang Tìm kiếm bất kỳ timkiem
Tên sản phẩm Giá cả
Hình
Dữ liệu nhập
Dữ liệu Định dạng Điều kiện
Tìm theo tên nhà sản xuất List menu Tên sản phẩm Dynamic text Nhà sản xuất Dynamic text Hình Dynamic Attribute Giá Dynamic text
Xử lý list menu:
khi người dùng chọn một nhà sản xuất được xổ từ list menu thì dữ liệu của nhà sản xuất đó sẽ được đưa vào bảng bên dưới và hiện ra các sản phẩm tương ứng của nhà sản xuất đó.
2.10 Giao diện cho người quản trị website
2.10.1Giao diện 07- a_index
Mục đích: cho phép người quản trị quản lý các chức năng của website
Cấu trúc phác thảo:
Logo
quản lý thành viên Thông tin chi tiết
Quản lý tin tức và góp ý
Quản lý nhà sản xuất và sản phẩm
Hình 4.7 Giao diện trang a_index
2.10.2Giao diện 08- a_danhsachnsx
Mục đích: cho phép người quản trị xem,thêm,xóa,sửa thông tin về nhà sản xuất
Cấu trúc phác thảo: Logo quản lý khách hàng Mã nsx Tên nsx Địa chỉ Website [Sửa][Xóa] Quản lý tin tức và góp ý Quản lý nhà sản xuất và sản phẩm
Hình 4.8 Giao diện trang a_danhsachnsx.asp
2.10.3Giao diện 9- a_danhsachsp
Mục đích: cho phép người quản trị xem,thêm,xóa,sửa thông tin về sản phẩm
Cấu trúc phác thảo: Logo quản lý khách hàng Mã sp Tên sp Tên nsx Giá Hìn h Mô tả [Sửa][Xóa] Quản lý tin tức và góp ý Quản lý nhà sản xuất và sản phẩm
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
Về cơ bản trang web đã đáp ứng được nhu cầu quảng cáo các sản phẩm của doanh nghiệp chuyên cung cấp các sản phẩm máy tính xách tay; người dùng dễ dàng tìm và nắm được các thông tin quan trọng của sản phẩm từ đó so sánh với các sản phẩm khác để đưa ra quyết định có mua sản phẩm đó hay không.
Người quản trị có thể thực hiện các thao tác: cập nhật, sửa, xóa các sản phẩm hay tin, hay thông tin của các thành viên đăng ký vào website (tùy theo phân quyền).
Tuy nhiên, website vẫn chưa đáp ứng được nhu cầu mua và bán hàng thực tế như: đặt hàng online, thanh toán trực tuyến.
Trong thời gian tới website hướng tới hoàn thiện hơn về mặt chức năng cũng như hình thức giúp doanh nghiệp dễ dàng cập nhật thông tin của sản phẩm, phân nhóm các sản phẩm từ người dùng dễ dàng tìm kiếm, lựa chọn và đặt mua sản phẩm từ đó nâng cao uy tín và doanh thu của doanh nghiệp.
TÀI LIỆU THAM KHẢO
[1] Tên tác giả ; Thiết kế và lập trình web [2] http://www.ebook.edu.vn
[3] http://www.tailieu.vn
[4] http://3school.com.vn