ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT ĐỒ ÁN CHUYÊN NGÀNH NGÀNH HỆ THỐNG THÔNG TIN QUẢN LÝ ĐỀ TÀI: Xây dựng website bán giày thể thao MAGA Giáo viên hướng dẫn Sinh viên thực Mã sinh viên Lớp học phần : : : : TS Hoàng Thị Mỹ Lệ Trần Nguyên Vỹ 151250543145 218DTNHQ01 Đà nẵng, tháng 6, năm 2019 Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ LỜI CẢM ƠN Lời đầu tiên, em xin gởi lời cảm ơn chân thành đến giáo viên hướng dẫn TS Hoàng Thị Mỹ Lệ Trong suốt thời gian học làm đồ án tốt nghiệp tận tình hướng dẫn, định hướng giúp đỡ cho em suốt trình thực đề tài tốt nghiệp Đồng thời, em xin cảm ơn quý thầy cô trường Đại Học Sư Phạm Kỹ Thuật - Đại Học Đà Nẵng nói truyền đạt kiến thức cần thiết kinh nghiệm quý báu cho em suốt thời gian ngồi giảng đường để em thực tốt đề tài Trong trình thực đề tài, kiến thức thời gian thực cịn hạn chế nên khơng thể tránh khỏi sai sót thiếu sót Vì em mong q thầy thơng cảm góp ý để em hồn thiện đề tài Và lời góp ý bước đệm để em phát triển sau Em xin kính chúc tồn thể q thầy, tồn thể sinh viên Đại Học Sư Phạm Kỹ Thuât – Đại Học Đà Nẵng lời chúc sức khỏe thành công công tác giảng dạy học tập Em xin chân thành cảm ơn! Đà nẵng, , Tháng 06, Năm 2019 Sinh viên thực Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Mục lục Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Vì đề tài “Xây dựng website bán giày thể thao MAGA” thực xây dựng hệ thống website quản lý bán hàng nhằm mục đích phục vụ công tác quản lý kinh doanh online mặt hàng giày thể thao cửa hàng bán giày cách hiệu quả, đáp ứng yêu cầu cửa hàng đề áp dụng cửa hàng hàng khác Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ CHƯƠNG I: TỔNG QUAN ĐỀ TÀI Lý chọn đề tài Trong năm gần đây, với nâng cao chất lượng sống người, nhu cầu mua sắm trang phục, phụ kiện, đặc biệt giày đề cao coi trọng Giờ đây, không coi giày phương tiện để di chuyển mà cịn coi cơng cụ để thể cá tính phong cách thời trang thân Nhất lứa tuổi thiếu niên, người động mạnh mẽ, họ cần có cho đơi giày thật đẹp để mang lại tự tin thoải mái bước Như thấy thị trường việc cạnh tranh kinh doanh ngày trở nên liệt hầu hết cửa hàng vừa lớn tâm đến việc làm khách hàng thỏa mãn tiện lợi cách tốt Biết nhu cầu đó, đề tài “Xây dựng website bán bán giày thể thao MAGA” xây dựng nhằm đáp ứng cho người tiêu dùng khắp nước thông qua hệ thống website họ đặt mua mặt hàng hay sản phẩm cần thiết Không cịn giúp cửa hàng quản lý tốt việc mua bán giúp mang lại lợi ích kinh doanh hiệu Mục tiêu nhiệm vụ đề tài 2.1 Mục tiêu Đây website nhằm bán giới thiệu rộng rãi mặt hàng công ty đến người tiêu dùng với chi tiết mặt hàng giá cách xác Nhờ website mà việc mua bán trở nên thuận tiện nhanh chóng thao tác đơn giản giao diện ưa nhìn, người quản lý dễ dàng quản lý cửa hàng đơn hàng thuận tiện Điều quan trọng trang web mua bán trền mạng phải đảm bảo an tồn tuyệt đối thơng tin liên quan đến người dùng q trình đặt hàng hay tốn 2.2 Nhiệm vụ - Nghiên cứu nắm vững trình xây dựng website hoàn chỉnh - Nghiên cứu công cụ, sử dụng để xây dựng website: Phpmyadmin, Sublime text, Laravel frame work Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Đối tượng phạm vi nghiên cứu 3.1 Hệ thống phục vụ cho đối tượng người dùng chính: - Người quản lý - Nhân viên - Khách hàng 3.2 Phạm vi đề tài Sử dụng cho cửa hàng giày thể thao MAGA để quản lý việc kinh doanh online người quản trị trực tiếp điều hành hệ thống website Phương pháp nghiên cứu lựa chọn giải pháp công nghệ 4.1 - Phương pháp nghiên cứu Nghiên cứu vấn đề quản trị shop bán giày thể thao vừa nhỏ, phạm vi thành phố Đà Nẵng - Chọn thông tin cần thiết cho yêu cầu đề tài - Vận dụng kĩ kiến thức học 4.2 - Lựa chọn giải pháp công nghệ Công cụ lập trình: Sublime Text + Laravel Framework v.5.4.36 để xây dựng chương trình - Cơ sở liệu: phpMyAdmin v.4.8.4 để thiết kế sở liệu Tổng kết Nội dung đồ án bao gồm: - Chương I: Tổng quan đề tài - Chương II: Phân tích thiết kế hệ thống - Chương III: Xây dựng dựng chương trình - Chương IV: Kết triển khai hệ thống website - Kết luận hướng phát triển - Phụ lục Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Chương II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG Đối tượng sử dụng hệ thống Website bán giày thể thao MAGA hoạt động chủ yếu phục vụ cho đối tượng người dùng chính: Người quản lý, Khách hàng, Nhân viên giao hàng, Nhân viên kho 1.1 Người quản lý - Cập nhật hàng - Cập nhật người dùng - Xử lý đơn hàng 1.2 Nhân viên kho - Nhập hàng - Xem danh sách đơn hàng - Cập nhật tình trạng đơn hàng 1.3 Nhân viên giao hàng - Xem danh sách đơn hàng 1.4 Khách hàng - Đăng ký thành viên - Đăng nhập - Cập nhật thông tin cá nhân - Xem, tìm kiếm sản phẩm - Đặt hàng Phân tích thiết kế 2.1 Yêu cầu chất lượng - Giao diện đơn giản, dễ sử dụng - Ngôn ngữ tiếng Việt - Có tính bảo mật, an tồn - Tốc độ xử lý nhanh chóng, dễ dàng 2.2 Yêu cầu chức 2.2.1 Tổng quát chức Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Biểu đồ bảng tổng quát chức sau mô tất tác nhân tham gia vào hệ thống quản lý website bán giày thể thao MAGA Mỗi tác nhân có vai trị Tác nhân Mơ tả Người quản lý Nhân viên kho Nhân viên giao hàng Có quyền truy cập nhật(thêm,sửa, xóa) thơng tin tất modules, xử lý đơn hàng theo dõi đơn hàng sau xử lý Có quyền truy cập, nhập số lượng hàng từ kho vào hệ thống, xem danh sách đơn hàng cập nhật tình trạng đơn hàng… Có quyền truy cập xem danh sách đơn hàng Có quyền truy cập, đăng ký, chỉnh sửa thông tin cá nhân tìm kiếm xem sản phẩm, chọn đặt mua sản Khách hàng phẩm phù hợp với nhu cầu Ngồi cịn hình thức toán khác nhau… khác hệ thống Hiện có tác nhân: Người quản lý, Khách hàng, Nhân viên kho, nhân viên giao hàng Bảng 2.2.1 Bảng tổng quát chức hệ thống Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ 2.2.2 Sơ đồ USE CASE Hình 2.2.2 Sơ đồ Use Case Đề tài: Xây dụng website bán giày thể thao MAGA 2.3 SVTH: Trần Nguyên Vỹ Thiết kế sở liệu 2.3.1 Cấu trúc bảng sở liệu Mặt hàng Thương hiệu Sản phẩm 10 Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Chi tiết đơn hàng 13 Đề tài: Xây dụng website bán giày thể thao MAGA Nhập hàng 2.3.2 Sơ đồ thực thể quan hệ (ERD) SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Hình Sơ đồ thực thể quan hệ CHƯƠNG III XÂY DỰNG CHƯƠNG TRÌNH Cơng cụ xây dựng chương trình 1.1 Laravel Framework 1.1.1 Laravel ? Laravel PHP framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm vào mục tiêu hỗ trợ phát triển ứng dụng web theo kiếm trúc model-view-controller (MVC) Những tính bật Laravel Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ bao gồm cú pháp dễ hiểu – rõ ràng , hệ thống đóng gói modular quản lý gói phụ thuộc, nhiều cách khác để truy cập vào sở liệu quan hệ, nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng 1.1.2 Mơ hình MVC MVC viết tắt ba từ Model - View - Controller Trong đó: + Model: Cấu trúc liệu theo cách tin cậy chuẩn bị liệu theo lệnh controller + View: Hiển thị liệu cho người dùng theo cách dễ hiểu dựa hành động người dùng + Controller: Nhận lệnh từ người dùng, gửi lệnh đến cho Model để cập nhập liệu, truyền lệnh đến View để cập nhập giao diện hiển thị Hình thức hoạt 1.1.2 Sơ đồ mô tả cách động mô hình MVC 1.2 Tổng quan hệ quản trị sở liệu MySQL MySQL hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet MySQL miễn phí hồn tồn bạn tải MySQL từ trang chủ Nó có nhiều phiên cho hệ điều hành khác nhau: phiên Win32 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,… MySQL ví dụ Hệ Quản trị Cơ sở liệu quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL) MySQL sử dụng cho việc bổ trợ PHP, Perl, nhiều ngôn ngữ khác, làm nơi lưu trữ thơng tin trang web viết PHP hay Perl,… 1.3 Sublime Text Sublime Text text editor viết ngôn ngữ lập trình Python sử dụng nhiều tảng hệ điều hành khác Windows, Mac, Linux Sublime Text hỗ trợ nhiều ngôn ngữ lập trình phần mềm sử dụng miễn phí nhiên có phiên trả phí Sublime Text 1.4 Boostrap Responsive Bootstrap front-end framework, sưu tập miễn phí công cụ để tạo trang web ứng dụng web Bootstrap bao gồm HTML CSS dựa mẫu thiết kế cho kiểu chữ, hình thức, button thành phần giao diện khác, mở rộng tùy chọn JavaScript Boostrap định nghĩa sẵn class CSS giúp người thiết kế giao diện website tiết kiệm nhiều thời gian Các thư viện Bootstrap có đoạn mã sẵn sàng cho áp dùng vào website mà khơng phải tốn nhiều thời gian để tự viết Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng hết Bootstrap cung cấp tính responsive mobile first, nghĩa làm cho trang web tự co giãn để tương thích với thiết bị khác nhau, từ điện thoại di động đến máy tính bảng, máy tính xách tay, máy tính để bàn, Một khía cạnh khác responsive web design làm cho Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ trang web cung cấp trải nghiệm tuyệt vời cho người dùng nhiều thiết bị, kích thước hình khác Một trang hoạt động tốt biến đổi cung cấp trải nghiệm người dùng tốt quán trang thiết kế cho loại thiết bị kích thước hình cụ thể Một số giao diện chương trình 2.1 Giao diện trang chủ Đề tài: Xây dụng website bán giày thể thao MAGA 2.1.1 Trang chủ SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA 2.1.2 Trang chi tiết sản phẩm SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA 2.1.3 Trang đặt hàng SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA 2.2 Giao diện trang admin 2.2.1 Trang chủ 2.2.2 Trang cập nhật mặt hàng SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA 2.2.3 Trang cập nhật sản phẩm SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA 2.2.4 Trang xử lý đơn hàng 2.2.5 Trang nhập hàng SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ ... tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA 2.1.3 Trang đặt hàng SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao. .. dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao MAGA 2.2.6 Trang thêm người dùng SVTH: Trần Nguyên Vỹ Đề tài: Xây dụng website bán giày thể thao. .. tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Khách hàng Users 11 Đề tài: Xây dụng website bán giày thể thao MAGA SVTH: Trần Nguyên Vỹ Đơn hàng 12 Đề tài: Xây dụng website bán