PHẦN MỀM MÃ NGUỒN MỞ ĐỀ TÀI : Xây dựng website bán máy tính cho cửa hàng An An trên nền tảng Spring Framework

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI LOGO KHOA MÔN HỌC PHẦN MỀM MÃ NGUỒN MỞ ĐỀ TÀI : Xây dựng website bán máy tính cho cửa hàng An An tảng Spring Framework Giảng viên HD : Thạc sĩ Nguyễn Thái Cường Lớp : 0503149.3 Mã học phần : 202110503149003 Sinh viên : Trần Đình Hồng Bùi Cơng Khải Mạc Duy Khánh Phan Anh Minh Nguyễn Văn Thành Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA PHÂN CƠNG CƠNG VIỆC Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA BỐ CỤC Phần I :Tổng quan đề tài Phần II :Phân tích thiết kế Webiste: https://haui.edu.vn • • • • Giới thiệu đề tài Lí chọn đề tài Tính cấp thiết đề tài Cơng cụ thực đề tài • Phân tích thiết kế hệ thống xây dựng website • Nguyên mẫu giao diện website © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA PHẦN I:TỔNG QUAN VỀ ĐỀ TÀI Giới thiệu đề tài •Chủ đề: Xây dựng website bán máy tính cho cửa hàng An An tảng Spring Framework •Mục tiêu: áp dụng kiến thức mã nguồn mở để thực hành xây dựng trang web bán hàng •Biết cách ứng dụng framework vào sản phẩm thực tế, đồng thời rèn luyện kĩ làm việc nhóm Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA PHẦN I:TỔNG QUAN VỀ ĐỀ TÀI Lý chọn đề tài Cách mạng 4.0 phát triển nhanh vũ bão Việc kinh doanh địi hỏi cần phải có website để tiếp cận với khách hàng Phần mềm mã nguồn mở giải pháp tối ưu giải vấn đề Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA PHẦN I:TỔNG QUAN VỀ ĐỀ TÀI Tính cấp thiết đề Nhận thức vai trò to lớn của việc sử dụng phần mềm mã nguồn mở cơng việc xây dựng phát triền ứng dụng Nhóm thực đề tài “Xây dựng website bán máy tính cho cửa hàng An An tảng Spring Framework” Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA PHẦN I:TỔNG QUAN VỀ ĐỀ TÀI Các công cụ thực • My SQL • Eclipse • Notepad++ • Rational Rose Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA PHẦN I:TỔNG QUAN VỀ ĐỀ TÀI SPRING FRAMEWORK • Spring Framework phát triển ứng dụng Java sử dụng hàng triệu lập trình viên Nó giúp tạo ứng dụng có hiệu cao, dễ kiểm thử, sử dụng lại code… • Spring nhẹ suốt (nhẹ: kích thước nhỏ, version khoảng 2MB; suốt: hoạt động cách suốt với lập trình viên) • Spring mã nguồn mở, phát triển, chia sẻ có cộng đồng người dùng lớn Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA KIẾN TRÚC TỔNG THỂ CỦA SPRING FRAMEWORK Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Ưu điểm Spring Framework: PHẦN I:TỔNG QUAN VỀ ĐỀ TÀI • Spring cho phép lập trình viên sử dụng POJOs giúp bạn làm việc với EJB, ứng dụng, luồng chạy, cấu hình… đơn giản nhiều • Spring tổ chức theo kiểu mô đun Số lượng gói lớp nhiều, bạn cần quan tâm đến bạn cần khơng cần quan tâm đến phần cịn lại • Spring hỗ trợ sử dụng nhiều công nghệ ORM Framework, logging framework, JEE, thư viện tạo lịch trình (Quartz JDK timer)… • Module Web Spring thiết kế theo mơ hình MVC nên cung cấp đầy đủ tính giúp thay web framework khác Struts Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 10 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện danh sách sản phẩm Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 55 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện thêm sản phẩm Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 56 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện danh sách danh mục: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 57 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện thêm danh mục: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 58 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện đơn hàng: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 59 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện sửa đơn hàng: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 60 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện báo cáo: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 61 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện thống kê: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 62 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX a) Giao diện bên phía Admin - Giao diện khách hàng: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 63 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX b) Giao diện bên phía người dùng - Giao diện trang chủ: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 64 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX b) Giao diện bên phía người dùng - Giao diện liên hệ: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 65 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX b) Giao diện bên phía người dùng - Giao diện đăng kí: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 66 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX b) Giao diện bên phía người dùng - Giao diện thông tin sản phẩm: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 67 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thiết kế UI/UX b) Giao diện bên phía người dùng - Giao diện giỏ hàng: Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 68 PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA Thank You !!! Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved 69 ... din website â 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA PHẦN I:TỔNG QUAN VỀ ĐỀ TÀI Giới thiệu đề tài •Chủ đ? ?: Xây dựng website bán máy tính cho cửa hàng. .. thực đề tài ? ?Xây dựng website bán máy tính cho cửa hàng An An tảng Spring Framework? ?? Webiste: https://haui.edu.vn © 2021 Hanoi University of Industry All rights reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO... reserved PHẦN MỀM MÃ NGUỒN MỞ LOGO KHOA PHẦN I:TỔNG QUAN VỀ ĐỀ TÀI Tính cấp thiết đề Nhận thức vai trò to lớn của việc sử dụng phần mềm mã nguồn mở công việc xây dựng phát triền ứng dụng Nhóm thực đề