XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ ĐEO TAY

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ ĐEO TAY Sinh viên thực : TRƯƠNG NGUYỄN HOÀNG LINH LƯƠNG THỊ UYỂN NHI Giảng viên hướng dẫn : TRẦN ĐÌNH SƠN Lớp : 18IT4 Đà nẵng, tháng 01 năm 2020 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ ĐEO TAY Sinh viên thực : TRƯƠNG NGUYỄN HOÀNG LINH LƯƠNG THỊ UYỂN NHI Giảng viên hướng dẫn : TRẦN ĐÌNH SƠN Lớp : 18IT4 Đà nẵng, tháng 01 năm 2020 LỜI MỞ ĐẦU - Trong hoạt động sản xuất, kinh doanh, thương mại điện tử đóng vai trị quan trọng việc thúc đẩy phát triển doanh nghiệp Mỗi cửa hàng hay shop việc quản bá giới thiệu đến khách hàng điều cần thiết Vậy phải quảng bá tốt hợp lý ? Đó xây dựng website cho cửa hàng có tất sản phẩm mà bán Nhóm chúng em chọn đề tài “Xây dựng website bán đồng hồ đeo tay” Lý nhóm em chọn đề tài đồng hồ đeo tay phụ kiện trang sức có sức hút thị trường, phụ kiện phù hợp với nam nữ nên ưa chuộng Nắm bắt thơng tin nhóm chúng em định xâu dựng website bán đồng hồ nhằm phục vụ cho người Với đồng hồ phù hợp thẩm mỹ, túi tiền nhu cầu khách hàng LỜI CẢM ƠN Với hướng dẫn tận tình Thầy ThS.Trần Đình Sơn nhóm em hồn thành phần báo cáo đồ án Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống không tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q Thầy Em xin chân thành cảm ơn NHẬN XÉT ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………… MỤC LỤC Chương TỔNG QUAN VỀ HỆ THỐNG .8 1.1 Giới thiệu phân tích thiết kế hệ thống website bán đồng hồ đeo tay: 1.2 Mơ tả tốn: 1.3 Các yêu cầu hệ thống 1.3.1 Yêu cầu chức năng: 1.3.2 Yêu cầu phi chức năng: Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .9 2.1 Xác định tác nhân (actors): 2.2 Xác định trường hợp sử dụng (use case) .9 2.3 Biểu đồ trường hợp sử dụng (use case diagrams):…………………………….22 2.4 Đặc tả trường hợp sử dụng (Use case descriptions): 10 2.5 Biểu đồ hoạt động 27 2.6 Các lớp biên hệ thống .30 2.7 Các lớp điều khiển hệ thống .30 2.8 Biểu đồ lớp: 30 2.9 Biểu đồ Tìm kiếm sản phẩm .31 2.10 Biểu đồ Thêm vào giỏ hàng 31 2.11 Biểu đồ mua hàng 31 2.12 Biểu đồ gói 34 2.13 Biểu đồ triển khai 34 Chương TRIỂN KHAI VÀ XÂY DỰNG………………………………………….35 3.1 Công cụ sử dụng……………………………………………………………….35 3.2 Hình ảnh giao diện…………………………………………………………… 35 KẾT LUẬN .40 1.Ưu điểm: .40 2.Nhược điểm: .40 Hướng phát triển: .40 DANH MỤC TÀI LIỆU THAM KHẢO 41 DANH MỤC CỤM TỪ VIẾT TẮT STT Thông tin Cụm từ Chi tiết giỏ hàng Hình thức tốn Viết tắt TT GH HTTT Chương TỔNG QUAN VỀ HỆ THỐNG 1.1 Giới thiệu phân tích thiết kế hệ thống website bán đồng hồ đeo tay: Với tốc độ cơng nghiệp hóa - đại hóa nhiều năm gần đây, cơng nghệ thơng tin phát triển mặt, trở thành động lực phát triển Phạm vi ứng dụng công nghệ thông tin mở rộng góp mặt nhiều lĩnh vực truyền thơng, tự động hóa, quản lí hoạt động người xã hội… Với mục đích xây dựng hệ thống website bán hàng uy tín, đơn giản, thân thiện, dễ sử dụng đem lại cho khách hàng lựa chọn tối ưu để mua sắm mà không cần phải tốn thời gian đến cửa hàng Sản phẩm chúng em hướng đến đồng hồ đeo tay, mặt hàng thời trang tạo nên phong cách người Do đó, từ đề tài “website bán đồng hồ đeo tay” chúng em mong muốn người sử dụng có trải nghiệm tốt website 1.2 Mơ tả tốn: Hệ thống bán đồng hồ đeo tay qua website hệ thống cung cấp cho người sử dụng, nhà quản lí chức cần thiết, để mua bán quản lí hoạt động website bán hàng Đối với khách hàng, hệ thống cho phép tìm kiếm, xem thơng tin sản phẩm website đặt hàng, mua hàng Sau chọn hàng xong chuyển qua tốn, đồng thời chọn địa điểm xác định thời gian giao hàng Thực xong, khách hàng tiến hành xác nhận toán đợi nhận hàng từ phận chuyển phát kết thúc giao dịch 1.3 Các yêu cầu hệ thống 1.3.1 Yêu cầu chức năng: - Chức tìm kiếm sản phẩm - Chức đăng ký, đăng nhập thành viên - Chức xem, sửa thông tin cá nhân - Chức thêm vào giỏ hàng - Chức mua hàng - Chức giao hàng - Chức trả hàng - Chức quản lí thơng tin: gồm quản lí thành viên, quản lí danh mục sản phẩm - Chức thống kê - Chức thông tin khuyến 1.3.2 Yêu cầu phi chức năng: - Có hộp thư tư vấn khách hàng có thắc mắc sản phẩm - Hỗ trợ nhiều thứ tiếng khác Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Xác định tác nhân (actors): 2.1.1 Khách hàng tiềm năng: người ghé thăm website, xem, tìm kiếm sản phẩm mua hàng 2.1.2 Khách hàng thành viên: khách hàng đăng ký thành viên hệ thống, mua hàng, bình luận sản phẩm 2.1.3 Người quản trị: điều hành, quản lí theo dõi hoạt động hệ thống: thêm sửa xóa thành viên, thêm sửa xóa sản phẩm 2.2 Xác định chức 2.2.1 Khách hàng tiềm - Đăng ký thành viên - Tìm kiếm, xem sản phẩm 2.2.2 Khách hàng thành viên - Đăng nhập, đăng xuất - Xem, sửa thông tin cá nhân - Tìm kiếm, xem, bình luận, đánh giá sản phẩm - Mua hàng - Xem, sửa, xóa thơng tin giỏ hàng - Thanh toán 2.2.3 Người quản trị: - Thêm, sửa, xóa thơng tin thành viên - Thêm, sửa, xóa thông tin sản phẩm 2.3 Biểu đồ use case: Hình Biểu đồ use case tổng quát 2.3.1 Tìm kiếm sản phẩm Hình Biểu đồ ca sử dụng Tìm kiếm sản phẩm 10 2.5 Biểu đồ hoạt động 2.5.1 Tìm kiếm sản phẩm 26 .Hình 14 Biểu đồ hoạt động Tìm kiếm sản phẩm 2.5.2 Thêm vào giỏ hàng Hình 15 Biểu đồ hoạt động Thêm vào giỏ hàng 27 2.5.3 Mua hàng Hình 16 Biểu đồ hoạt động Mua hàng 28 2.6 Các lớp biên hệ thống Hình 17 Mơ hình lớp biên 2.7 Các lớp điều khiển hệ thống Hình 18 Mơ hình lớp điều khiển 2.8 Biểu đồ lớp: Hình 19: Biều đồ lớp hệ thống mức phân tích 29 2.9 Biểu đồ 2.9.1 Tìm kiếm sản phẩm Hình 20: Biểu đồ tìm kiếm sản phẩm 2.9.2 Thêm vào giỏ hàng Hình 21: Biểu đồ thêm vào giỏ hàng 30 2.9.3 Mua hàng Hình 22: Biểu đồ mua hàng 31 Hình 23: Biểu đồ lớp chi tiết 2.12 Biểu đồ gói Hình 24 Biểu đồ gói hệ thống 2.13 Biểu đồ triển khai 32 Chương TRIỂN KHAI VÀ XÂY DỰNG 3.1 Công cụ sử dụng: Chương Ngôn ngữ CSS CSS (Cascading Style Sheets) ngôn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ (font chữ, kích thước, màu sắc ).CSS có cấu trúc đơn giản sử dụng từ tiếng anh để đặt tên cho thuộc tính CSS sử dụng viết trực tiếp xen lẫn vào mã HTML tham chiếu từ file css riêng biệt Hiện CSS thường viết riêng thành tập tin với mở rộng “.css” Chính mà trang web có sử dụng CSS mã HTML trở nên ngắn gọn Ngồi sử dụng tập tin CSS cho nhiều website tiết kiệm nhiều thời gian cơng sức Một đặc điểm quan trọng tính kế thừa CSS giảm số lượng dòng code mà đạt yêu cầu Tuy nhiên, CSS trình duyệt hiểu theo kiểu riêng Do vậy, việc trình bày nội dung trình duyệt khác khơng thống CSS cung cấp hàng trăm thuộc tính trình bày dành cho đối tượng với sáng tạo cao kết hợp thuộc tính giúp mang lại hiệu Chương Ngơn ngữ lập trình PHP PHP (Hypertext Preprocessor) ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh,nhỏ gọn, cú pháp giống ngơn ngữ lập trình C ngơn ngữ lập trình Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Một tập tin PHP có phần mở rộng *.php, chứa văn bản, mã nguồn HTML, CSS, Javascript, Jquery đương nhiên chứa mã nguồn PHP Đối với trang PHP có yêu cầu xem trang web Server tiến hành phát sinh trang web từ mã nguồn PHP sang mã nguồn HTML, sau chuyển mã nguồn trình duyệt web để người dùng xem Vì trình duyệt web đọc mã nguồn PHP mà đọc mã nguồn HTML - Xampp Xampp mã nguồn mở máy chủ web đa phát triển Apache Friends, bao gồm chủ yếu Apache HTTP Server, MariaDB database, interpreters dành cho đối tượng sử dụng ngôn ngữ PHP Perl Xampp viết tắt CrossPlatform (đa tảng-X), Apache (A), MariaDB (M), PHP (P) Perl (P) Nó phân bố Apache nhẹ đơn giản, khiến lập trình viên dễ dàng tạo máy chủ web local để kiểm tra triển khai trang web Tất thứ cần cho phát triển trang web - Apache (ứng dụng máy chủ), Cơ sở liệu (MariaDB) ngơn ngữ lập trình (PHP) gói gọn tệp Xampp đa tảng chạy tốt Linux, Windows Mac Hầu hết việc triển khai máy chủ web thực tế sử dụng thành phần XAMPP nên dễ dàng để chuyển từ máy chủ local sang máy chủ online 33 3.2 Hình ảnh giao diện: Hình 26 Trang chủ website Hình 27 Hiển thị sản phẩm trang chủ 34 Hình 28 Trang sản phẩm nam (Men’s Watches) Hình 29 Trang sản phẩm nữ (Women’s Watches) 35 Hình 30 Trang hiển thị sản phẩm mua nhiều (Best seller) Hình 31 Trang hiển thị thông tin chi tiết sản phẩm 36 Hình 31 Trang xác nhận thơng tin mua hàng Hình 32 Trang đăng nhập 37 Hình 33 Trang Admin Hình 34 Hiển thị số sản phẩm mua trang Admin 38 KẾT LUẬN Kết đạt được:  - Đối với người sử dụng: Tìm kiếm sản phẩm theo nhu cầu khách hàng Xem chi tiết thông tin sản phẩm Cho phép khách hàng thành viên mua sản phẩm Cho phép khách hàng tiềm đăng kí thơng tin để trở thành thành viên nhận ưu đãi từ cửa hàng Kiểm tra tính hợp lệ khách hàng tiềm đăng nhập hệ thống Tạo đơn đặt hàng  Đối với cửa hàng: - Xem thông tin đè mục cần quản lý như: thành viên, sản phẩm, đơn đặt hàng… - Đưa form để cập nhật liệu loại tư liệu - Có thể sửa đổi liệu Chương - Hạn chế đề tài: Chưa có chưc gửi thơng tin phản hồi cho khách hàng qua mail khách hàng mua hàng Chương Hướng phát triển: Hướng phát triển hệ thống tiến đến hệ thống thương mại với đầy đủ chức hỗ trợ đầy đủ cách thức tư vấn nhanh cho khách hàng, sử dụng nhiều loại thiết bị đại khác, hỗ trợ nhiều thứ tiếng để mở rộng phạm vi bán sản phẩm Nhưng hệ thống nhỏ nên cịn gặp nhiều khó khăn chưa cải tiến nhiều 39 TÀI LIỆU THAM KHẢO Bài giảng Phân tích thiết kế hệ thống(GV: Võ Trung Hùng) Slide giảng Phân tích thiết kế hệ thống (GV: Nguyễn Thị Hoa Huệ) Trang web hóa đơn hệ thống website bán giày 40