BÁO CÁO BÀI TẬP LỚN MÔN Phân tích thiết kế hướng đối tượng Đề tài Website bán quần áo, phụ kiện online

TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN ~~~*********~~~ BÁO CÁO BÀI TẬP LỚN MÔN: Phân tích thiết kế hướng đối tượng Đề tài: Website bán quần áo, phụ kiện online Giáo viên hướng dẫn: Đào Thị Lệ Thủy Sinh viên thực hiện: Đỗ Thị Thảo(181203068) Nguyễn Thanh Bình(181203069) Bùi Hữu Đức Hồng(181210675) Lớp: Cơng nghệ thông tin K59 Hà Nội, ngày 23 tháng 10 năm 2021 Lời mở đầu Công nghệ ngày trở nên phát triển trở thành phần thiết yếu sống Với việc phát triển công nghệ, người tiết kiệm nhiều nguyên liệu nhiên liệu, thời gian công sức việc sản xuất, vận chuyển, lưu thông quản lý hàng hóa Chun mơn hóa tự động khâu làm tăng hiệu sản xuất Việc quản lý ngày tiện dụng với hỗ trợ cơng nghệ : Máy tính, điện thoại thơng minh hỗ trợ GSM, CDMA,… Dựa nhu cầu ngày cao cửa hàng khách hàng, chúng em thực xây dựng trang web “Bán quần áo, phụ kiện online” nhằm hỗ trợ trình quản lý sản phẩm dễ dàng hơn, việc mua bán diễn thuận lợi Trong trình làm việc, hiểu biết cịn hạn chế nên khơng thể tránh khỏi khuyết điểm Rất mong cô bạn góp ý để đề tài chúng em hồn thiện PHP Chương I: Tìm hiểu PHP MySQL a Một vài nét PHP  PHP viết tắt từ Hypertext Preprocessor Ngôn ngữ phát triển từ năm 1994 nhiều người sử dụng để phát triển ứng dụng phần mềm thơng qua lập trình web Đặc điểm ngơn ngữ lập trình sử dụng mã nguồn mở, dễ dàng nhúng vào HTML tích hợp với web  Ưu điểm ngơn ngữ lập trình PHP cú pháp đơn giản, tốc độ xử lý nhanh, tính cộng đồng cao Chính mà lập trình PHP sử dụng chủ yếu để thiết kế web Để tạo ứng dụng web ngơn ngữ PHP, người lập trình phải sử dụng dịng lệnh  Bạn sử dụng ngơn ngữ lập trình PHP để tạo blog cá nhân website lớn Bởi, ngôn ngữ có nhiều Framework xây dựng từ mã nguồn mở Wordpress, OpenCart  Link tham khảo: https://www.php.net/ b Ưu điểm PHP       Hình 1: Hình ảnh minh họa PHP Mã nguồn mở Nền tảng độc lập Sử dụng quy trình hướng đến đối tượng Dễ học Tương thích máy chủ Tích hợp liệu dễ dàng c Những ứng dụng thực tế  Tạo ứng dụng Facebook Family Treen eBuddy, sử dụng để tạo trang mạng xã hội  Phát triển plugin WordPress  Tạo tệp PDF  Các trang web thương mại điện tử MySQL a Đôi nét MySQL      MySQL hệ thống quản trị sở liệu mã nguồn mở (gọi tắt RDBMS) hoạt động theo mơ hình client-server Với RDBMS là viết tắt của Relational Database Management System  MySQL được tích hợp apache, PHP.  MySQL quản lý liệu thông qua sở liệu Mỗi sở liệu có nhiều bảng quan hệ chứa liệu. MySQL cũng có cách truy xuất mã lệnh tương tự với ngôn ngữ SQL MySQL phát hành từ thập niên 90s Link tham khảo: https://www.mysql.com/ b Ưu điểm Hình 2: Hình ảnh minh họa MySQL  Dễ sử dụng: MySQL là cơ sở liệu tốc độ cao, ổn định, dễ sử dụng hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh  Độ bảo mật cao:  MySQL rất thích hợp cho ứng dụng có truy cập CSDL Internet sở hữu nhiều nhiều tính bảo mật chí cấp cao  Đa tính năng: MySQL hỗ trợ nhiều chức SQL được mong chờ từ hệ quản trị sở liệu quan hệ trực tiếp lẫn gián tiếp  Khả mở rộng mạnh mẽ: MySQL có thể xử lý nhiều liệu mở rộng cần thiết  Nhanh chóng: Việc đưa số tiêu chuẩn cho phép MySQL để làm việc hiệu tiết kiệm chi phí, làm tăng tốc độ thực thi HTML&CSS  HTML, HyperText Markup Language, cung cấp cấu trúc nội dung ý nghĩa cách xác định nội dung đó, ví dụ tiêu đề, đoạn văn hình ảnh.   CSS, hay Cascading Style Sheets, ngơn ngữ trình bày dùng để tạo kiểu cho xuất nội dung sử dụng, ví dụ phông chữ màu sắc  Hai ngôn ngữ HTML CSS độc lập với giữ nguyên vậy. CSS không nên viết bên tài liệu HTML ngược lại. Theo quy định, HTML đại diện cho nội dung CSS ln thể xuất nội dung  Link tham khảo HTML: https://www.w3schools.com/html/  Link tham khảo CSS: https://www.w3schools.com/css/ Cơng nghệ khác Hình 3: Hình ảnh minh họa HTML + CSS a Bootstrap  Bootstrap framework front-end miễn phí giúp phát triển ứng dụng web nhanh dễ dàng  Bootstrap bao gồm mẫu thiết kế dựa HTML CSS typography, form, button, table, navigation, modal, image carousels plugins JavaScript tuỳ ý  Bootstrap cung cấp cho bạn khả thiết kế web responsive cách dễ dàng  Link tham khảo: https://getbootstrap.com/docs/4.0/getting-started/introduction/ b Javascript Hình 4: Hình ảnh minh họa Bootstrap4 JavaScript thường nhúng trực tiếp vào trang web tham chiếu qua file js riêng  Nó ngơn ngữ lập trình từ phía client, tức script tải máy người dùng truy cập xử lý đó, thay xử lý máy chủ đưa kết tới khách hàng  Link tham khảo: https://www.w3schools.com/js/  Hình 5: Hình ảnh minh họa Javascript c Jquery  Là thư viện mã nguồn mở viết ngôn ngữ javascript, giúp đơn giản cách viết javascript tăng tốc độ xử lý xự kiện trang web Phát hành vào tháng năm 2006 BarCamp NYC John Resig Được sử dụng 52% 10.000 truy cập nhiều trang web  Jquery khơng thay đổi giao diện(CSS) mà cịn thay đổi nội dung trang bên trang web  Link tham khảo: https://jquery.com/ Hình 6: Hình ảnh minh họa Jquery d Laravel Framework  Laravel framework rõ ràng ưu việt cho việt phát triển web PHP Giải thoát bạn khỏi mã spaghetti, giúp bạn tạo ứng dụng tuyệt vời, sử dụng syntax đơn giản Phát triển thích thú trải nghiệm sáng tạo khơng phải khó chịu  Laravel framework PHP 5.3 miêu tả ‘một framework cho web artisan’ Theo tác giả Taylor Otwell, Laravel mang lại niềm vui cho việc lập trình đơn giản, súc tích đặc biệt trình bày hợp lý  Laravel có đặc tính trội o Đơn giản: chức Laravel dễ hiểu thực o Ngắn gọn: hầu hết chức Laravel hoạt động liên tục với cấu hình nhỏ, dựa vào quy tắc chuẩn để giảm bớt code-bloat o Trình bày hợp lý: hướng dẫn sử dụng Laravel đầy đủ ln cập nhật Nhà lập trình, người tạo framework cập nhật tài liệu trước cho phiên mới, đảm bảo người học lập trình ln ln có tài liệu  Link tham khảo: https://laravel.com/ Hình 7: Hình ảnh minh họa Laravel I) Chương II: Tìm hiểu thiết kế website thương mại điện tử “Bán quần áo phụ kiện” Mục đích  Khi xây dựng website phải hình dung xem cần phải thiết kế cho website Khơng có chủ định mục tiêu rõ ràng website trở nên sai lầm, lan man cuối tới hướng khó trở lại Thiết kế cân thận định hướng rõ chìa khóa hướng tới thành công việc xây dựng website  Vận dụng tổng hợp kiến thức học để tiến hành thiết kế website bán hàng online nhằm giải khó khăn cửa hàng Tìm hiểu thực trạng thương mại điện tử Việt Nam để triển khai hệ thống thương mại điện tử cửa hàng cho phù hợp Khai phá lợi ích Internet đế hướng đến mơi trường kinh doanh tồn cầu  Giảm chi phí bán hàng tiếp thị giao dịch Bằng phương tiện Internet/Web, nhân viên bán hàng giao dịch với nhiều khách hàng Internet/Web giúp người tiêu thụ cửa hàng kinh doanh giảm đáng kê thời gian chi phí giao dịch (giao dịch hiểu từ trình quảng cáo, tiếp xúc ban đầu, giao dịch đặt hàng, giao dịch toán) Thời gian giao dịch qua Internet bàng 7% thời gian giao dịch qua Fax, khoảng 0.5 phần nghìn thời gian giao dịch qua bưu điện chuyển phát nhanh, chi phí tốn điện tử qua Internet chi bàng từ 10% đến 20% chi phí tốn theo lối thơng thường Những trở ngại việc tiếp cận phương tiện Intemet/Web hầu hết trường hợp mang lại nhiều thuận lợi lợi ích kinh doanh Thế nhưng, nhiều cửa hàng không tận dụng tiến kỹ thuật tuyệt vời Internet Đó số rào cản hay nói cách khác khó khăn cửa hàng tiếp cận đến loại hình bán hàng trực tuyến II) Phạm vi  Bài toán nhóm em thiết kế có phạm vi cửa hàng nhỏ, sản phẩm kinh doanh bao gồm quần áo nam nữ phụ kiện túi xách, đồng hồ III) Phân tích thiết kế chức Website dành cho đối tượng nào? Website thiết kế phục vụ đối tượng Admin(Quản trị viên) User(Khách hàng)  Admin: o Đăng nhập vào hệ thống quản trị o Xem, cập nhật, sửa, xóa thơng tin sản phẩm, danh mục, slide, … o Quản lý đơn hàng o Quản lý cập nhật tin tức o Quản lý phản hồi feedback khách hàng  Khách hàng: o Guest (Khách hàng vãng lai):  Xem thông tin sản phẩm, tin tức  Đăng kí thành viên o User (Khách hàng đăng kí thành viên):  Đã có tài khoản  Có quyền đănh nhập, đăng xuất  Thêm sản phẩm vào giỏ hàng đặt mua sản phẩm online Các module thiết kế Các Module hệ thống yêu cầu thân thiện, dễ sử dụng, bảo trì nâng cấp  Module sản phẩm: Hiển thị sản phẩm có  Module chi tiết sản phẩm: Hiển thị số lượng sản phẩm theo màu sắc kích cỡ  Module chi tiết ảnh sản phẩm: Hiển ảnh theo góc khác nhai cảu sản phẩm  Module giỏ hàng: Nơi lưu trữ sản phẩm khách hàng thêm vào giỏ hàng  Module đăng kí, đăng nhập thành viên: Mỗi User có thê đăng kí tài khoản cá nhân để mua hàng toán, hưởng ưu đãi từ hàng  Module tìm kiếm sản phẩm: Lọc sản phẩm theo tùy chọn khách hàng  Module quản lý đơn hàng, chi tiết đơn hàng: Lưu lại thông tin giá số lượng sản phẩm mà khách hàng mua 10 Hình 29: Bảng Slides 35 Cài đặt CSDL Chương III: Xây dựng cài đặt chương trình Cơng nghệ sử dụng: - MySQL server Laravel migrate JetBrains DataGrip Xây dựng trang người dùng Hình 30: Slides trang chủ 36 Hình 31: Overview sản phẩm trang chủ Hình 32: Phân trang sản phẩm trang chủ 37 Hình 33: Sản phẩm theo Category Hình 34: Trang chi tiết sản phẩm 38 Hình 35: Trang giỏ hàng Hình 36: Trang Blog 39 Hình 37: Trang About Hình 38: Trang contact 40 Xây dựng trang quản trị Hình 39: Trang chủ dashboard Hình 40: Trang danh sách người dùng 41 Hình 41: Trang thêm người dùng Hình 42: Trang chỉnh sửa người dùng 42 Hình 42: Trang danh sách sản phẩm Hình 43: Trang thêm sản phẩm 43 Hình 44: Trang danh sách category Hình 45: Trang thêm category 44 Hình 46: Trang danh sách Size Hình 47: Trang danh sách màu 45 Hình 48: Trang danh sách Product Detail Hình 49: Trang thêm Product Detail 46 Hình 50: Trang danh sách slider 47 Bảng phân công công việc Họ tên Đỗ Thị Thảo Cơng việc - Tìm hiểu laravel Framework, MySQL - Thiết kế Frontend người dùng, giao diện admin - Code phần quản trị phía Backend - Viết báo cáo - Tìm hiểu laravel Framework, MySQL - Thiết kế Frontend người dùng - Thiết kế database - Code phần người dùng phía Backend - Tìm hiểu laravel Framework, MySQL - Thiết kế Frontend người dùng - Vẽ UseCase, Wireframe - Code phần quản trị phía Backend Nguyễn Thanh Bình Bùi Hữu Đức Hồng 48 Phụ lục Lời mở đầu Chương I: Tìm hiểu PHP MySQL PHP 2 MySQL 3 HTML&CSS 4 Công nghệ khác Chương II: Tìm hiểu thiết kế website thương mại điện tử “Bán quần áo phụ kiện” I) Mục đích II) Phạm vi III) Phân tích thiết kế chức Website dành cho đối tượng nào? Các module thiết kế Phân tích thiết kế liệu 10 Wireframe 15 Phân tích thiết kế liệu 21 Chương III: Xây dựng cài đặt chương trình 26 Cài đặt CSDL 26 Xây dựng trang người dùng 26 Xây dựng trang quản trị 31 Bảng phân công công việc 38 49