ĐỒ án WEBSITE QUẢNG cáo PHẦN mềm

ĐẠI HỌC QUỐC GIA TP.HCM TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN (UIT) ĐỒ ÁN WEBSITE QUẢNG CÁO PHẦN MỀM Course : Đồ án Lecturer : Thái Thị Hàn Uyển Group : Võ Thái Hoà – 17520496 Nguyễn Hồng Sơn – 17520989 TP.HCM, 22­01­2021 MỤC LỤC Khảo sát trạng Yêu cầu hệ thống .5 GIỚI THIỆU .9 1.1 Môi trường phát triển ứng dụng (dự kiến): 1.2 Thơng tin nhóm: MƠ HÌNH USE-CASE .10 2.1 Sơ đồ Use-case .10 2.2 Danh sách Actor 10 2.3 Danh sách Use-case 11 2.4 Đặc tả Use-case .11 2.4.1 Đặc tả Use-case “Đăng nhập/ Đăng xuất” 11 2.4.2 Đặc tả Use-case “Quản lý danh mục viết” 13 2.4.3 Đặc tả Use-case “Quản lý viết” .14 2.4.4 Đặc tả Use-case “Lập hóa đơn” 15 2.5 Table 2.4-5 Đặc tả use-case lập hóa đơn toán .16 2.4.5 Đặc tả Use-case “Quản lý danh mục giao diện” 16 2.4.5 Đặc tả Use-case “Quản lý giao diện” .17 PHÂN TÍCH 19 3.1 Sơ đồ lớp 19 3.1.1 Sơ đồ lớp (mức phân tích) 19 3.1.2 Danh sách lớp đối tượng quan hệ .19 3.1.3 Mô tả chi tiết lớp đối tượng 20 3.2 Sơ đồ trạng thái 25 THIẾT KẾ DỮ LIỆU .26 4.1 Sơ đồ lớp liệu 26 4.2 Mô tả chi tiết kiểu liệu sơ đồ logic 26 THIẾT KẾ KIẾN TRÚC 31 5.1 Kiến trúc hệ thống 31 a Mô tả chi tiết thành phần hệ thống 33 i GUI 33 ii BUS 33 iii DAO 34 iv DTO 34 THIẾT KẾ GIAO DIỆN 36 a Danh sách hình 36 b Mơ tả chi tiết hình .36 i Màn hình trang chủ 36 ii Màn hình giới thiệu 38 iii Màn hình Blog 38 iv Màn hình Bảng giá 39 v Màn hình liên hệ .40 vi Màn hình quản lý hoá đơn .41 vii Màn hình danh mục viết .42 viii Màn hình viết 42 ix Màn hình danh mục giao diện 43 x Màn hình Giao diện 44 Hướng dẫn sử dụng 45 o Cài đặt 45 o Chạy chương trình 45 Hướng dẫn sử dụng 46 a Tìm kiếm hố đơn 46 i Thêm viết 46 ii Cập nhật thông tin danh mục viết 48 b Chọn mẫu 48 c Liên hệ 52 KẾT LUẬN 54 a Môi trường phát triển Môi trường triển khai 54 b Kết đạt .54 c Hướng phát triển .55 Phát biểu toán Khảo sát trạng  Nhu cầu thực tế đề tài: Hiện nay, với bùng nổ phát triển Internet cơng nghệ 4.0 Nó tác động mạnh mẽ đời sống, kinh tế người.Hầu hết giới độ phủ sống internet thiết bị truy cập điện thoại, máy tính chiếm 90% Và hội vàng cho doanh nghiệp biết xây dựng tận dụng tận dụng lợi Đầu tư thiết kế website, app theo xu hướng lợi to lớn.Đẩy mạnh ành trình tìm kiếm doanh thu lợi nhuận chiến lược hai thác kênh tiếp thị Digital Cơng ty phát triển phần mềm ứng dụng S.P Gitech công ty công nghệ chuyên phần mềm ứng dụng nhỏ, đó, thiết kế website thiết kế App mảng dịch vụ chính, mạnh chúng tơi S.P Gitech có đội ngũ chuyên nghiệp lĩnh vực thiết kế Website Với nguồn lực dồi mang đến cho bạn sản phẩm chất lượng, uy tính đảm bảo an tồn Chúng tơi dành riêng nhóm để tư vấn hỗ trợ khách hàng lúc thời gian Qúy khách hàng khơng phải chờ đợi hay khó chịu q trình sử dụng dịch vụ chúng tơi Đó lời cam kết thiết thực để trải nghiệm khách hàng tin tưởng trao hội cho Yêu cầu hệ thống  Danh sách yêu cầu: ST Tên yêu cầu Biểu Quy Ghi T định Danh mục viết Quản lý viết Quản lý danh mục giao mẫu BM1 BM2 BM3 diện Quản lý giao diện Lập hóa đơn BM4 BM5 Table 0-1 Danh sách yêu cầu hệ thống  Danh sách biểu mẫu  Biểu mẫu 1: BM1 Mã loại viết : … Danh mục viết Tên viết: … Lượt ưu tiên: … Nội dung: … Table 0-2 Biểu mẫu quán lý danh mục viết  Biểu mẫu 2: BM2 Mã viết: … Quản lý viết Tên viết: … Danh mục viết: … Ngày đăng: … Lượt xem: … Tiêu đề: … Thứ tự: … Phổ biến: … Ảnh: … Table 0-3 Biểu mẫu quản lý viết  Biểu mẫu 3: BM Quản lý danh mục giao diện Mã loại giao diện: … Tên giao diện: … Ảnh: … Cấp hiển thị: … Table 0-4 Biểu mẫu quản lý danh mục viết  Biểu mẫu 4: BM4 Mã hoá đơn: … Lập hóa đơn Tên khách hàng: … Điện thoại: … Email: … Ngày: … Mẫu giao diện: … Trạng thái: … Table 0-5 Biểu mẫu lập hóa đơn  Biểu mẫu 5: BM Quản lý giao diện Mã giao diện: … Tên giao diện: … Cấp hiển thị: … Loại giao diện: … Ảnh: … Table 0-6 Biểu mẫu quản lý giao diện GIỚI THIỆU 1.1 Môi trường phát triển ứng dụng (dự kiến):  Hệ điều hành: Microsoft Windows 10  Hệ quản trị sở liệu: MySQL  Công cụ xây dựng ứng dụng: VsCode 1.2 Thơng tin nhóm: STT MSSV Họ tên Điện thoại 17520496 17520989 Võ Thái Hoà Nguyễn Hồng Sơn 0916134557 0335570811 vii Màn hình danh mục viết Figure 5.2-13 Giao diện danh mục viết viii Màn hình viết Figure 5.2-14 Giao diện viết ix Màn hình danh mục giao diện Figure 5.2-15 Màn hình danh mục giao diện x Màn hình Giao diện Figure 5.2-16 Giao diện phiếu toán Hướng dẫn sử dụng o Cài đặt  Mở Terminal đến thư mục chứa Project chạy  Npm install : Để cài đặt package cần thiết cho việc chạy Project  Cài đặt Mysql để làm việc với sở liệu , dùng npm để cài đặt thư viện Mysql dùng máy chủ Xampp để tạo sở liệu Mysql (Hiện dùng Xampp (Phpmyadmin) để quản lý , giao diện đơn giản dễ dùng, dễ quản lý)  Vào file Config.js từ thư mục gốc để thực kết nối database :  o Chạy chương trình  Npm start : Để chạy Front-End  Npm run server : Để chạy back-end  Npm-run dev : Để chạy back-end fron-end (Phù hợp trình phát triễn tồn Website)  Npm run built-server : Build server cho mục đích xuất website Hướng dẫn sử dụng a Tìm kiếm hố đơn Hệ thống hiển thị hình quản lý hố đơn i Thêm viết Để thêm viết ta nhấn vào button tạo danh mục - Tên loại danh mục: Tên loại danh mục muốn thêm vào - Lượt ưu tiên:Thứ tự hiển thị danh sách viết - Hình minh họa: Đường dẫn lưu hình minh họa danh mục viết - Khi nhấn vào nút chọn ảnh có cửa sổ để chọn hình ảnh để làm hình minh họa - Khi nhấn vào nút đồng ý thêm danh mục viết thêm vào sở liệu - ii Cập nhật thông tin danh mục viết Để thêm danh mục viết, nhấn vào nút cập nhật Sau cần điền mã danh mục mà muốn sửa đổi Sau thay đổi thông tin cần thiết, nhấn nút đồng ý sửa để lưu thông tin danh mục viết xuống sở liệu b Chọn mẫu Hệ thống hiển thị hình trang chủ chọn mẫu ứng dụng web sau: Sau đó, click vào danh mục giao diện ứng dụng website như: thời trang, thiết bị điện tử, nhà hàng, doanh nghiệp, nhà đất Sau tiến hành chọn mẫu xem mẫu trước Sau đó, ứng ý khách hàng để lại thông tin cá nhân nhân viên công ty tư vấn liên hệ sau c Liên hệ Liên hệ với chúng tơi qua hình thức chat, gọi điện - Mã nhân viên: Mã nhân viên tiến hành toán KẾT LUẬN a Môi trường phát triển Môi trường triển khai o Môi trường phát triển ứng dụng: o Hệ điều hành: Chạy đa tảng (Linux , Window, MacOs ) dùng phiên Window 64bit để cài đặt nodejs o Hệ quản trị sở liệu: MySQL o Công cụ xây dựng ứng dụng: Visual Studio 2017,NotePad++ o Các công nghệ sử dụng Project: o Front-end: Bootstrap, Jquery , Reactjs o Back-end : Nodejs(ExpressJs) o CSDL : Mysql o Công cụ quản lý mã nguồn : o Công cụ quản lý : Github b Kết đạt  Những chức phân tích, thiết kế: o Thêm, sửa, xóa nhân viên o Thêm, sửa, xoá khách hàng o Đặt mẫu giao diện Online o Xác nhận đơn hàng o Thêm xóa sửa giao diện o Thêm xóa sửa viết o Lập báo cáo lợi nhuận  Những chức cài đặt: o Thêm, sửa, xóa nhân viên o Thêm, sửa xóa khách hàng o Quản lý hóa đơn o Thêm, sửa xóa viết o Thêm , sửa , xóa danh sách mẫu giao diện o Đặt mẫu o Cập nhật trạng thái toán o Đăng nhập o Đăng xuất  Những chức chưa hoàn chỉnh chưa xử lý: o Lập báo cáo lợi nhuận  Một số điểm bật ứng dụng: o Vì ứng dụng xây dựng dựa mơ hình lớp DTO, DAO BUS, ứng dụng cho phép khả thay đổi sở liệu cách chỉnh sửa lớp DAO mà không làm ảnh hưởng đến lớp khác UI c Hướng phát triển o Hoàn thành chức chưa hoàn chỉnh chưa xử lý o Mở rộng quy mô ứng dụng (Mở rộng phần mềm tích hợp nhiều tính năng, nâng cấp SEO để tiếp nhận nhiều đơn hàng, mang nhiều lợi nhuận cho công ty) ... lớp DoanhThu 3.2 Sơ đồ trạng thái Figure 3.2-3 Sơ đồ trạng thái lớp hóa đơn Figure 3.2-4 Sơ đồ trạng thái đặt mẫu giao diện THIẾT KẾ DỮ LIỆU 4.1 Sơ đồ lớp liệu Figure 4.1-5 Sơ đồ lớp liệu 4.2 Mô... công ty công nghệ chuyên phần mềm ứng dụng nhỏ, đó, thiết kế website thiết kế App mảng dịch vụ chính, mạnh chúng tơi S.P Gitech có đội ngũ chun nghiệp lĩnh vực thiết kế Website Với nguồn lực dồi... lợi Đầu tư thiết kế website, app theo xu hướng lợi to lớn.Đẩy mạnh ành trình tìm kiếm doanh thu lợi nhuận chiến lược hai thác kênh tiếp thị Digital Cơng ty phát triển phần mềm ứng dụng S.P Gitech