Mục lụcLỜI CẢM ƠNLỜI NÓI ĐẦU1.Xác định vấn đề31.1.Giới thiệu51.2.Hệ thống hiện tại51.3.Hệ thống đề xuất61.4.Giới hạn của hệ thống51.5.Yêu cầu phần cứng, phần mềm81.5.1.Yêu cầu tối thiểu81.5.2.Yêu cầu đề xuất82.Phân tích yêu cầu khách hàng32.1.Đối tượng sử dụng hệ thống92.2.Chức năng của hệ thống93.Thiết kế hệ thống33.1.Mô hình quan hệ thực thể153.2.Thiết kế cơ sở dữ liệu163.3.Sơ đồ WebSite183.4.Lưu đồ thuật giải184.Bảng phân công công việc35.Danh sách kiểm tra35.1.Kiểm tra điều kiện hoạt động của hệ thống5.2.Danh sách kiểm.
Trang 1VIỆN CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA HÀ NỘI
Môn: thiết kế web
Đề tài:
XÂY DỰNG WEBSITE BÁN QUẦN ÁO VÀ PHỤ KIỆN THỜI TRANG
Liên hệ SDT: 01287561479 để lấy mã nguồn website
Nhóm 2:Lớp PHP0915E
Thành viên: Phạm Tuấn Anh Nguyễn Văn Nam
Trang 2LỜI CẢM ƠN
Chúng em xin chân thành cảm ơn viện công nghệ thông tin ITPlus Và gửi lời cảm ơn đặc biệt tới thầy giáo Nguyễn Quốc Việt,người đã tận tình hướng dẫn,chỉ bảo chúng em trong suốt thời gian thực hiện đề tài.Trong thời gian được học tập ,chúng em đã học hỏi được nhiều kiến thức bổ ích,tinh thần làm việc từ thầy
Mặc dù đã cố gắng hoàn thiện project với tất cả sự nỗ lực của bản thân nhưng cũng khôngtránh khỏi những thiếu sót Kính mong quý thầy cô tận tình chỉ bảo
Trang 3LỜI NÓI ĐẦU
Ngày nay những ứng dụng công nghệ thông tin và các thiết bị di động thông minh đang trên đà phát triển nhanh chóng, việc tin học hóa được xem là một trong những yếu
tố mang tính quyết định trong hoạt động của các chính phủ,tổ chứ,cũng như của các công ty.Nó đóng vai trò hết sức quan trọng ,có thể tạo ra những bước đột phá mạnh mẽ trên mọi lĩnh vực đặc biệt trong các lĩnh vực quảng cáo và mua sắm online
Lợi ích của website mang lại cho sự phát triển của doanh nghiệp rất lớn nó giúp doanh nghiệp
- thiết lập sự hiện diện mới trên internet, tạo cơ hội tiếp xúc với khách hàng ở mọi nơi vàtại mọi thời điểm
- Giới thiệu các sản phẩm dịch vụ một cách sinh động và mang tính tương tác cao
- Tạo cơ hội để bán sản phẩm hàng hóa một cách chuyên nghiệp mà không tốn nhiều chi phí
- Cơ hội phục vụ khách hàng tốt hơn, đạt được sự hài lòng lớn hơn từ khách hàng
- Tạo một hình ảnh chuyên nghiệp trước công chúng, công cụ hiệu quả để thực hiện các chiến dịch PR và marketing
Với một vài thao tác đơn giản,một cá nhân hay một tổ chức bất kì nào cũng có thể trở thành chủ của website giới thiệu những sản phẩm, dịch vụ hay những thông tin văn bản mới nhất trên website qua đó mọi người có thể cập nhật nhanh nhất các thông tin hữu íchĐối với các chính phủ và các công ty thì việc xây dựng các website riêng càng ngày càng trở nên cấp thiết.Thông qua những webite này,thông tin về họ cũng như các công
văn,thông báo,quyết định của chính phủ hay các sản phẩm,dịch vụ mới của công ty sẽ
Trang 4đến với những người quan tâm,đến với khách hang của họ một cách nhanh chóng kịp thời,tránh những phiền hà mà phương thức giao tiếp truyền thống thường gặp phải.
Hoạt động của một công ty kinh doanh có quy mô khá lớn sẽ càng được tăng cường và
mở rộng nếu xây dựng được một website tốt Bắt nguồn với ý tưởng này,cùng với những gợi ý của thầy Nguyễn Quốc Việt,chúng em đã thực hiện project “XÂY DỰNG
WEBSITE BÁN QUẦN ÁO VÀ PHỤ KIỆN THỜI TRANG”
Nội dung của đồ án được chia làm 5 phần:
Phần 1.Xác định vấn đề
Giới thiệu tổng quan về đề tài và cách thức hoạt động của hệ thống,các yêu cầu của hệ thống
Phần 2.Phân tích yêu cầu khách hàng
Chỉ ra những đối tượng sử dụng của hệ thống,và các chức năng của hệ thống
Phần 3.Thiết kế hệ thống
Vẽ các mô hình quan hệ thực thể,thiết kế cơ sở dữ liệu và mô tả hoạt động của các chức năng
Phần 4.
Bảng phân công công việc
Phần 5.Danh sách kiểm tra
Kiểm tra các điều kiện, phương thức hoạt động của hệ thống
Trang 5Mục lục LỜI CẢM ƠN
LỜI NÓI ĐẦ
1 Xác định vấn đề 3
1.1 Giới thiệu 5
1.2 Hệ thống hiện tại 5
1.3 Hệ thống đề xuất 6
1.4 Giới hạn của hệ thống 5
1.5 Yêu cầu phần cứng, phần mềm 8
1.5.1 Yêu cầu tối thiểu 8
1.5.2 Yêu cầu đề xuất 8
2 Phân tích yêu cầu khách hàng 3
2.1 Đối tượng sử dụng hệ thống 9
2.2 Chức năng của hệ thống 9
3 Thiết kế hệ thống 3
3.1 Mô hình quan hệ thực thể 15
3.2 Thiết kế cơ sở dữ liệu 16
3.3 Sơ đồ WebSite 18
3.4 Lưu đồ thuật giải 18
4 Bảng phân công công việc 3
5 Danh sách kiểm tra 3 5.1 Kiểm tra điều kiện hoạt động của hệ thống Error! Bookmark not defined.
5.2 Danh sách kiểm Error! Bookmark not defined.
Trang 6Phần 1.Xác định vấn đề
1.1 Giới thiệu
Quần áo là một trong những đồ dùng thiết yếu của mọi người Hiện nay trên thì trường có rất nhiều mẫu mã quần áo đẹp nó được phân theo từng mùa và từng nghành nghề khác nhau để mọi người có thể lựa chọn cho phù hợp với nhu cầu công việc của mình Nhưng vấn đề đặt ra là có rất nhiều thiết kế mẫu mã mới mà bạn không cập nhật được thường xuyên được vì phải đến các cửa hàng mới có thể xem và chọn lựa được khi mua về có thể giá sẽ đắt và chất lượng không được như mong muốn.Với những vấn đề đó ,nhu cầu mua sắm của con người ngày càng cao những khái niệm về “bán hàng trực tuyến” không còn xa vời đối với nhiều người Qua một thời gian tìm hiểu nhu cầu thiết thực của con người, nhóm chúng em đã
quyết định thực hiện dự án thiết kế website “ Bán quần áo và phụ kiện thời trang”
Thứ nhất :
Các trang web vẫn chưa có dao diện thân thiện, tiên dụng cho người dùng: Cácnavigation bố trí chưa hợp lý, là tốn khoảng không gian cho chưng bày sản phẩm.Hình ảnh quảng cáo quá nhiều gây rối mắt, làm cho người dùng mất tập trung vàosản phẩm Menu banner còn còn đang bị phức tạp hoá so với vai trò, chức năng
thực sự, => Giảm tính tương tác với người dùng
Trang 7 Thứ hai :
Các trang web vẫn chưa cung cập được các thông tin cần và đủ để thuyếtphục người dùng mua hàng sau khi xem sản phẩm như: Hình ảnh - thiết kế, màusắc…
.=>Giảm sự tin tưởng của khác hàng đối với sản phẩm của website đó
bị đi động đặc biệt với thời kỳ bùng nổ về các thiết bị đi động thông minh
=> Các website load chậm, không hiển thị tốt trên các trình duyệt mới và các thiết bị di động thông minh
Đối với nguời tiêu dùng :
o Người dùng sẽ được sử dụng giao diện đồ họa thân thiện, rễ sử dụng, đẹp mắt
o Người dùng cũng có thể đăng kí tài khoản để xem sản phẩm đang bán chạynhất, những thông tin mới nhất về su hướng thời trang hiện nay thông quaemail được đăng kí trên website Cũng trên tài khản đăng kí trên website kháchhàng cũng có thể chia sẻ kinh nghiệm, viết bài đăng trên website
Trang 8o Khác hàng không cần đăng kí, đăng nhập, lấy lại mật khẩu khi mất cũng có thểcoment, so sánh sản phẩm trên trang web, sử dụng tính năng giỏ hàng Nhưngchỉ có khách hàng có tài khoản trên website mới có thể lưu giỏ hàng vào tàikhoản với số lượng giỏ hàng và số lượng sản phẩm trong giỏ hàng theo quyđịnh của website.
Chức năng quản lý sản phẩm :
o Danh sách sản phẩm được sắp xếp hợp lí kèm theo thông tin chi tiết của từngsản phẩm như là: màu sắc,size,mẫu mã, chất liệu… Khi click vào chi tiết sảnphẩm khách hàng còn được cung cấp thêm nhiều thông tin về sản phẩm như:Hình ảnh,thiết kế, màu sắc….Bổ xung sản phẩm: khi cần bổ xung 1 mặt hàngnào đó
Chức năng của người quản lý (admin):
o Quản lí User
o Xử lí thông tin của khách hàng
o Thêm sửa xóa sản phẩm hay các thông tin khác
Chức năng tìm kiếm theo loại sản phẩm
o Giỏ hàng:
- Nơi lưu trữ các sản phẩm , đơn giá và tổng giá trị đơn hàng của khách hàng
đã mua của cửa hàng
Chức năng Menu
o Bao gồm thông tin về trang chủ, sản phẩm mới, giới thiệu , liên hệ, bản đồ vv
=> Với việc bổ xung thêm nhiều chức năng mới khách hàng sẽ cảm thấy thực sựhài lòng khi mua hàng trên website của chúng tôi
Trang 9 Khách hàng sẽ đến trực tiếp cửa hàng của chúng tôi để giao dịch sản phẩm
Khách hàng sẽ gọi điện thoại trực tiếp đến cửa hàng thông qua số điện thoại
hotline được đặt trên website Sau đó nhân viên chúng tôi sẽ giao hàng tới nhà bạn
làm hóa đơn giao hàng và thu tiền
Phạm vi của dự án là triển khai ở các thành phố lớn, nơi mà hệ thống thông tin tương đốiphát triển Đối tượng sử dụng là những người truy cập mạng Ngoài ra do nguồn lựccòn yếu, thời gian hạn hẹp và chưa có nhiều kinh nghiệm nên một số tính năng như bảomật, thiết kế cơ sở dữ liệu và sự tuơng tác giữa website và người dùng còn hạn chế
* Connnet Internet or LAN
Software Apache Server
* MySql,PHP Window 98* IE 4.0 hoặc Firefox 1.0
1.5.2 Yêu cầu đề xuất
Trang 10* Connect Internet or
Software Apache Server
* MySql,PHP Từ Window XP trở lên* IE 6.0 hoặc Firefox 2.0
2 Phân tích yêu cầu khách hàng
a) Module đăng kí:
Description: Khách đăng kí làm thành viên
Input: Nhập vào các thông tin cá nhân và thông tin tài khoản
o Thông tin tài khoản (Bắt buộc phải nhập)
Họ và tên người dùng
Tên tài khoản
Mật khẩu truy cập tài khoản
Tên mail đăng ký tài khản
o Thông tin cá nhân (Không bắt buộc)
Địa chỉ liên lạc
Số điện thoại (đi động or máy để bàn)
Process: Cập nhật các thông tin vào cơ sở dữ liệu
Output: Hiển thị lời chúc mừng nếu đăng kí thành công
b) Module xem sản phẩm:
Description: khách xem thông tin chi tiết về sản phẩm như giá thành,màu sắc…
Trang 11 Input: chọn sản phẩm cần xem
Process: truy xuất vào cơ sở dữ liệu
Output: hiển thị thông tin về sản phẩm
c) Module tìm kiếm sản phẩm:
Description: khách tìm kiếm thông tin tên sản phẩm, loại sản phẩm, hãng sản xuất,thông số sản phẩm
Input: chọn sản phẩm cần tìm kiếm
Process: truy xuất cơ sở dữ liệu
Output: hiển thị kết quả tìm kiếm
d) Module liên hệ:
Description: khách hàng muốn liên hệ hay đóng góp ý kiến của mình
Input: nhập vào tiêu đề và nội dung cần liên hệ
Process: lưu thông tin liên hệ vào cơ sở dữ liệu
Output: hiển thị kết quả
e) Module chọn hàng:
Description: khách hàng lựa chọn sản phẩm, hãng sản xuất, chủng loại sản phẩm
Input: nhập vào sản phẩm, hãng sản xuất, chủng loại sản phẩm
Process: truy xuất vào cơ sở dữ liệu
Output: hiển thị kết quả
f) Module đặt hàng:
Description: cho phép khách lựa chọn mặt hàng và lưu các mã hàng muốn muavào giỏ hàng
Input: lựa chọn mặt hàng, số lượng
Process: truy xuất cơ sở dữ liệu và lưu giỏ hàng mà thành viên đó lựa chọn vào cơ
Trang 12 Description: thành viên dùng tài khoản đã có của mình đăng nhập vào website
Input: nhập Username và Password
Process: truy xuất cơ sở dữ liệu và xác nhận thông tin thành viên
Output: hiển thị đăng nhập thành công hoặc đăng nhập lại
g) Module thoát khỏi đăng nhập:
Description: thành viên thoát khỏi đăng nhập vào website
Input: thoát khỏi trang web thành viên
Process: truy xuất cơ sơ dữ liệu và kiểm tra xem đã thoát ra khỏi đăng nhập chưa
Output: hiển thị đã thoát khỏi thành công hoặc yêu cầu làm lại
h) Lấy lại mật khẩu :
Description: thành viên vào quên mật khẩu
Input: nhập Email
Process: truy cập cơ sở dữ liệu và kiếm tra xem Email Nếu có thì cấp lại mậtkhẩu và gửi vào Email của khách hàng
Output: Hiển thị đường link trong Email khách hàng
i) Module sửa thông tin cá nhân:
Description: thành viên đăng nhập vào trang web và muốn thay đổi thông tin cánhân
Input: nhập vào các thông tin muốn sửa đổi trong trang web thành viên
Process: truy xuất cơ sở dữ liệu và cập nhật những thay đổi của thành viên
Output: hiển thị đã thay đổi thành công hoặc yêu cầu làm lại
Trang 13j) Module lưu giỏ hàng:
Description: cho phép các thành viên lưu giỏ hang đã chọn vào tài khoản thànhviê
Input: giỏ hang đã chọn
Process: Lấy các thông về giỏ hàng và lưu vào cơ sở dữ liệu
Output: Thông báo đã lưu giỏ hàng
e) Module đăng nhập (Login Website)
f) Module thoát khỏi đăng nhập ( Logout Website)
g) Module lấy lại mật khẩu (Forgot Website)
h) Module thay đổi thông tin cá nhân
i) Module đặt hàng
Ngoài ra Admin còn có các chức năng sau:
i) Module quản lý khách hàng:
Description: Admin có thể xem và cập nhật các thông tin liên quan tới khách hàng
Input : chọn khách hàng
Process: truy xuất cơ sở dữ liệu lấy thông tin sau đó thay đổi và cập nhật
Output: hiển thị thông tin về khách hàng sau khi cập nhật
j) Module quản lý sản phẩm:
Description: admin có xem, xóa, chỉnh sửa và cập nhật thêm các sản phẩm
Input: chọn sản phẩm cần chỉnh sửa hoặc thêm sản phẩm mới
Process: truy xuất dữ liệu để chỉnh sửa sản phẩm và cập nhật cơ sở dữ liệu khithêm vào sản phẩm mới
Output: hiển thị sản phẩm chỉnh sửa hoặc cập nhật
Trang 14k) Module quản lý thông tin phản hồi :
Description: admin xem, xóa, chỉnh sửa các thông tin phản hồi của khách hàng
Input: xem các thông tin phản hồi của khách hàng
Process: lấy thông tin từ cơ sở dữ liệu sau đó trả lời phản hồi lại
Output: hiển thị thông tin trả lời các ý kiến phản hồi của khách hàng
l) Module quản lý đơn đặt hàng :
Description: người quản trị xem tất cả các đơn đặt hàng, chỉnh sửa, xóa, cập nhậtthông tin về đơn đặt hàng
Input: xem các đơn đặt hàng
Process: truy xuất cơ sở dữ liệu để xem và cập nhật cơ sở dữ liệu để chỉnh sửa hóađơn
Output: hiển thị thông tin về đơn đặt hàng sau khi chỉnh sửa
m) Module quản lý tin tức :
Description: quản trị xem, chỉnh sửa, xóa và cập nhật các tin tức trên website
Input: xem nhóm tin và tin tức
Process: truy xuất cơ sở dữ liệu để xem nhóm tin và tin tức, cập nhật cơ sở dữ liệukhi xóa, chỉnh sửa, thêm vào nhóm tin và tin tức mới
Output: hiển thị các nhóm tin và tin tức sau khi được cập nhật Hiển thị các nhómtin và tin tức cũ khác
n) Module quản lý quảng cáo :
Description: quản trị xem, chỉnh sửa, xóa và cập nhật các quảng cáo trênwebsite
Input: xem quảng cáo
Process: truy xuất cơ sở dữ liệu để xem bảng quảng cáo, cập nhật cơ sở dữ liệukhi xóa, chỉnh sửa, thêm vào bảng quảng cáo
Output: hiển thị các quảng cáo sau khi được cập nhật Hiển thị các quảng cáokhác
Trang 153 Thiết kế hệ thống
3.1 Mô hình quan hệ thực thể
-Các bảng có mối liên quan với nhau
-Các bảng không có mối liên quan mới nhau
Trang 163.2 Thiết kế cơ sở dữ liệu
3.2.1 Mô tả chi tiết các bảng
1.Bảng chi tiết đơn hàng
Trang 1813.bảng liên hệ
3.3 Sơ đồ WebSite
Khách hàng
Trang 19 Thành viên đã đăng kí
Admin
Trang 203.4.Lưu đồ thuật giải.
3.4.1.Chức năng đăng kí thành viên
3.4.2.Chức năng đăng nhập hệ thống
Trang 213.4.3.Chức năng đổi mật khẩu khách hàng
Trang 233.4.4.Chức năng đặt mua sản phẩm
Trang 243.4.5.Chức năng tìm kiếm
Trang 253.4.6.Chức năng quản trị
Trang 263.4.7.Chức năng đăng nhập
Trang 273.4.8.Chức năng thêm danh mục sản phẩm
Trang 28Giao diện trang chủ:
Giao diện chi tiết sản phẩm
Trang 29Giao diện giỏ hàng
Giao diện đăng nhập
Trang 30Giao diện đăng ký tài khoản
Trang 31Giao diện đăng nhập Admin:
Trang 324 Bảng phân công công việc
ST
T Nội Dung Thời GianBắt Đầu Thời gianHoàn Tất Người thực hiện
1 Khảo sát nhu cầu thiết kế Phạm Tuấn Anh
2 Phân tích thiết kế hệ
thống
Phạm Tuấn AnhNguyễn Văn Nam
3 Thiết kế giao diện Phạm Tuấn Anh
Nguyễn Văn Nam
4 Hoàn thiện Website Phạm Tuấn Anh
5 Hoàn Thành báo cáo Phạm Tuấn Anh
Nguyễn Văn Nam
5.Danh Sách Kiểm Tra.
5.1 Danh sách các xác nhận kiểm tra.
Có sự rằng buộc về các loại hàng , hang hoá và các sản phẩm Yes
5.2 Danh Sách Kiểm Tra Thông Tin.
STT Particulars Yes No NA Comments
1 Tất cả các trang đều hoạt động Yes
2 Tất cả các link đều hoạt động đúng Yes
3 Các trang đều không có lỗi chính tả Yes
4 Các mầu được sử dụng trong trang
đều là mầu phổ biến
Yes
Trang 335 Các thành phần tạo lên trang web đều
Trang 345.Danh Sách Kiểm Tra.
5.1 Danh sách các xác nhận kiểm tra.
Các trường trong Form không được rỗng Yes
Tên chủ đề , loại hang ,sản phẩm , là duy nhất Yes
tất cả đều có link đến trang chủ, và trang trước nó Yes
Có sự rằng buộc về các loại hàng , hang hoá và các sản phẩm Yes
5.2 Danh Sách Kiểm Tra Thông Tin.
Sl.
No
Particulars Yes No NA Comments
1 Tất cả các trang đều hoạt động yes
2 Tất cả các link đều hoạt động đúng Yes
3 Các trang đều không có lỗi chính tả Yes
4 Các mầu được sử dụng trong trang đều
6 Website có tương thích với trình duyệt? Yes IE.7.0 trở lên
7 Các hiệu ứng được dung tồn tại với nền
tảng
Yes