Báo cáo Xây dựng hệ thống web bán giày shoes

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN Sinh viên thực : Giảng viên hướng dẫn : BÁO Ngành CÁO MÔN HỌC THỰC TẬP TỐT NGHIỆP : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D13CNPM Khóa : 2018-2023 ĐỀ HỆ THỐNG WEBSITE BÁN GIÀY TÀI: Hà Nội, tháng 10 năm 2022 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: STT Họ tên Chữ ký Điểm XÂY DỰNG Giảng viên chấm: Họ tên Chữ ký Giảng viên chấm 1: Giảng viên chấm 2: MỤC LỤC Ghi LỜI NÓI ĐẦU Trên thực tế khơng có thành cơng mà không gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian từ bắt đầu học tập, chúng em nhận nhiều quan tâm, giúp đỡ Thầy Cô, gia đình bạn bè Em xin chân thành cảm ơn cô tận tâm hướng dẫn chúng em qua buổi học lớp buổi nói chuyện, thảo luận môn học Trong thời gian học tập thực hành hướng dẫn thầy cô, em thu nhiều kiến thức bổ ích, mà cịn truyền say mê thích thú mơn “ Thực tập hệ thống thơng tin quản lý ” Nếu khơng có lời hướng dẫn, dạy bảo thầy em nghĩ đồ án em khó hoàn thành Mặc dù cố gắng hoàn thiện đồ án với tất nỗ lực, nhiên, bước đầu vào thực tế, tìm hiểu xây dựng đồ án thời gian có hạn, kiến thức hạn chế, nhiều bỡ ngỡ, nên đồ án “Xây dựng hệ thống website bán giày shose” chắn tránh khỏi thiếu sót Em mong nhận quan tâm, thơng cảm đóng góp quý báu thầy cô bạn để đồ án ngày hồn thiện Sau cùng, em xin kính chúc thầy cô Khoa Công Nghệ Thông Tin dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp truyền đạt kiến thức cho hệ mai sau CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN 1.1Tìm hiểu “Xây dựng website bán giày shose” Trong thời đại công nghệ thông tin nay, mà Internet trở nên thân quen dần trở thành công cụ thiếu sống lợi ích Website việc quảng bá sản phẩm thương hiệu công ty thật to lớn Các mặt hàng điện tử đến với khách hàng cách trực quan nhanh chóng Tùy lĩnh vực kinh doanh doanh nghiệp mà Website mang lại lợi ích khác Đặc biệt, mặt hàng điện tử hàng hóa dễ bán sản phầm khác Website trở thành cửa ngõ để doanh nghiệp tiếp thị sản phẩm đến khách hàng Dự án “Xây dựng website bángiày shose” tạo Website kinh doanh mặt hàng giày, chi phí thiết kế thấp, giao diện khách hàng đẹp mắt, việc quản lý trở nên dễ dàng, tối ưu hóa sở liệu 1.2 Cơng cụ lập trình ngơn ngữ sử dụng - Hệ quản trị sở liệu:MySql - Công cụ lập trình: Spring Tool Suite 4, Visual Studio Code - Ngơn ngữ lập trình: Java 1.3 Giới thiệu ngơn ngữ lập trình Java Java ngơn ngữ lập trình hướng đối tượng Nó sử dụng phát triển phần mềm, trang web, game hay ứng dụng thiết bị di động Java khởi đầu James Gosling bạn đồng nghiệp Sun MicroSystem năm 1991 Ban đầu Java tạo nhằm mục đích viết phần mềm cho sản phẩm gia dụng, có tên Oak Java phát hành năm 1994, đến năm 2010 Oracle mua lại từ Sun MicroSystem Java tạo với tiêu chí “Viết (code) lần, thực thi khắp nơi” (Write Once, Run Anywhere – WORA) Chương trình phần mềm viết Java chạy tảng (platform) khác thông qua môi trường thực thi với điều kiện có mơi trường thực thi thích hợp hỗ trợ tảng 1.4 Giới thiệu hệ quản trị sở liệu mysql MYSQL hệ quản trị sở liệu quan hệ (Relational Database Management System (RDBMS) ) sử dụng câu lệnh SQL (Transact-SQL) để trao đổi liệu máy Client máy cài SQL Server Một RDBMS bao gồm databases, database engine ứng dụng dùng để quản lý liệu phận khác RDBMS MYSQL tối ưu để chạy mơi trường sở liệu lớn (Very Large Database Environment) lên đến Tera-Byte phục vụ lúc cho hàng ngàn user SQL Server kết hợp “ăn ý” với server khác Microsoft Internet Information Server (IIS), E-Commerce Server, Proxy Server… 1.5 Các thư viện – Framework hỗ trợ 1.5.1 Apache Tomcat 9.0.40 Apache Tomcat Java Servlet phát triển Apache Software Foundation (ASF) Tomcat thi hành ứng dụng Java Servlet JavaServer Pages (JSP) từ Sun Microsystems, cung cấp máy chủ HTTP cho ngôn ngữ Java túy để thực thi chương trình lệnh viết ngơn ngữ Java 1.5.2 Spring Boot 2.2.2 Spring Boot thành viên hệ sinh thái Spring framework Nó giúp cho đơn giản hóa cơng đoạn khởi tạo dự án với Spring, thay vào bạn tập trung vào việc phát triển business cho ứng dụng mà Dưới số ưu điểm Spring Boot: Tạo ứng dụng Spring độc lập, đóng gói dạng file JAR (standalone application) - Tối ưu cơng đoạn cấu hình cho ứng dụng Spring, khơng yêu cầu XML, config… - Nhúng trực tiếp ứng dụng server (Tomcat, Jetty…) khơng cần phải triển khai file WAR - Cung cấp nhiều plugin - Các starter dependency giúp việc cấu hình Maven đơn giản 1.5.3 Spring data JPA Spring Data module Srinng Framework Mục đích Spring Data giảm thiểu việc thực nhiều bước để implement JPA Spring Data JPA phần Spirng Data hỗ trợ Hibernate 5, OpenJPA 2.4 EclipseLink 2.6.1 Spring Data JPA JPA provider điều khác với Hibernate Hiberate JPA provider hay nói cách khác Hibernate implement JPA Spring Data Commonds phần Spring data cung cấp tảng chia sẻ Nó bao gồm repository interfaces metadata model cho persit java class 1.5.4 Java Database Connectivity (JDBC) Java Database Connectivity (JDBC) API thiết kế dành cho ngơn ngữ lập trình Java hỗ trợ Java việc truy cập Cơ Sở Dữ Liệu (CSDL) Nó gồm có phương thức thực truy vấn cập nhật CSDL gián tiếp qua Java Nền tảng Java 2, Standard Edition, version 1.4 (J2SE) bao gồm JDBC 3.0 API mở rộng khả truy cập CSDL môi trường máy ảo Java 1.5.5 Apache Maven Apache maven chương trình quản lý dự án cho phép developers quản lý version, dependencies ( thư viện sử dụng dự án ) , quản lý build, tự động download javadoc & source, … Mục tiêu Maven cung cấp cho nhà phát triển điều sau: - Cung cấp mơ hình tồn diện cho dự án, giúp tái sử dụng, bảo trì dễ hiểu - Cung cấp plugins công cụ tương tác với mơ hình khai báo - Maven cấu trúc dự án nội dung tuyên bố tập tin pom.xml, gọi mơ hình đối tượng dự án (POM), đơn vị toàn hệ thống Maven 1.5.6 Bootstrap Bootstrap front-end framework miễn phí giúp q trình phát triển web nhanh dễ dàng Bootstrap bao gồm mẫu thiết kế dựa HTML CSS typography, forms, buttons, tables, navigation, modals, image carousels… plugin JavaScript tùy chọn Bootstrap cung cấp cho bạn khả tạo responsive designs cách dễ dàng 1.5.7 Apache Tiles Apache Tiles: mã nguồn mở phát triển apache, xây dựng để đơn giản hóa việc phát triển ứng dụng web, đặc biệt với mơ hình MVC Apache titles lấy lí tưởng từ việc xếp viên ngói lại với để tạo nên mái nhà Một trang web bạn coi mái nhà, ghép lại từ viên ngói, viên ngói file jsp (jsp fragment) Apache Titles giúp bạn định nghĩa khuôn mẫu (Template) để ghép thành phần (các mảnh jsp) lại với để thành trang web 1.5.8 JavaServer Pages Standard Tag Library (JSTL) JavaServer Pages Standard Tag Library (JSTL) tập hợp thẻ JSP hữu ích, mà gói tính lõi phổ biến tới ứng dụng JSP JSTL hỗ trợ tới tác vụ phổ biến có tính cấu trúc, ví dụ tính lặp điều kiện, thẻ để thao tác tài liệu XML, thẻ đa ngôn ngữ, thẻ SQL Nó cung cấp Framework để tích hợp Custom Tags với thẻ JSTL CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Hiện trạng thực tế Các trang web toàn giới phát triển với tốc độ vũ bão, số lượng người kết nối với ngày tăng Kinh doanh online trở thành ngành nghề đem lại lợi nhuận cao, nhiều doanh nghiệp cung cấp mặt hàng điện tử trực tuyến Tất bạn cần truy cập vào Website, lựa chọn sản phẩm phù hợp với đặt mua 2.2 Mơ hình nghiệp vụ hệ thống 2.2.1 Sơ đồ cấu tổ chức Hình 1: Sơ đồ cấu tổ chức 2.2.2 Chức phận - Quản trị viên (Admin): Quản lý trực tiếp trang web, chịu trách nhiệm vận hành bảo trì trang web Quản trị viên chịu trách nhiệm quản lý thông tin sản phẩm, bảo mật thông tin website - Người xem (Viewer): Có chức tìm kiếm, xem thơng tin, quản lý giỏ hàng sản phẩm - Khách hàng (Customer): Có chức người xem (Viewer) Thực chức tốn xem thơng tin cá nhân tài khoản 2.2.3 Yêu cầu chức nghiệp vụ hệ thống Vai trò Quản trị viên (Admin) Chức - Đăng nhập, đăng xuất - Quản lý loại sản phẩm - Quản lý thông tin sản phẩm - Quản lý khách hàng - Quản lý đơn hàng - Quản lý thống kê - Đăng ký - Tìm kiếm sản phẩm Người xem (Viewer) - Quản lý giỏ hàng - Xem thơng tin sản phẩm - Thích sản phẩm - Có chức người xem (Viewer) - Đăng nhập, đăng xuất - Thanh tốn Khách hàng (Customer) - Thơng tin cá nhân - Xem lịch sử đơn hàng - Đánh giá chất lượng sản phẩm qua mail - Xem tất sản phẩm mua 2.3 Yêu cầu hệ thống - Hệ thống chạy đúng, ổn định - Giao diện thân thiện, dễ sử dụng - Đáp ứng hầu hết yêu cầu người dù 3.2 Kết thực kiểm thử 3.2.1 Kiểm thử đăng ký ST T - Giả định: username = ”ADMIN”, pass =”123456” - Mục đích: kiểm thử chức đăng ký tài khoản - Pre-conditions: thực chức đăng ký tài khoản Mô tả Hiển thị thông báo Hiển thị thông báo liệụ lỗi không để lỗi không để nhiều trường trống trường tên trống trường bắt buộc, bấm tài khoản, mật khẩu, tên tài khoản, mật button đăng ký địa chỉ, email Hiển thị thông báo khẩu, địa chỉ, email Hiển thị thông báo Nhập tên tài lỗi tên người dùng lỗi tên người dùng khoản có có chọn có chọn tên khác tên khác Hiển thị thông báo Hiển thị thông báo trường mật nhỏ kí tự Nhập trường sai đại email Kết thực tế Không nhập Nhập Kết mong đợi Nhập đầy đủ liệu trường lỗi mật phải lớn lỗi mật phải kí tự lớn kí tự Hiển thị thơng báo Hiển thị thông báo lỗi sai địa email lỗi sai địa email Hiển thị thông báo Hiển thị thông báo bạn đăng ký bạn đăng ký thành công thành công Pass/Fail Pass Pass Pass Pass Pass 3.2.2 Kiểm thử đăng nhập ST T - Mục đích: kiểm thử chức đăng nhập vào hệ thống - Pre-conditions: thực chức đăng nhập vào hệ thống Mô tả Không nhập liệu cho trường bấm button login Nhập sai tên đăng nhập mật Kết mong đợi Kết thực tế Hiển thị thông báo Hiển thị thông lỗi không để báo lỗi vui lòng trống trường tên điền vào trường đăng nhập mật tên tài khoản Hiển thị thông báo mật Hiển thị thông lỗi nhập sai tên báo lỗi nhập sai đăng nhập mật tên đăng nhập Nhập tên Thực chyển mật Thực chyển đăng nhập trang với quyền trang với quyền mật tương ứng tương ứng Pass/Fail Pass Pass Pass 3.2.3 Kiểm thử thêm sản phẩm - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức lớp sản phẩm xem có với mô tả tài liệu - Pre-conditions: + Thực chức thêm sản phẩm vào bảng + Khi người dùng điền không đầy đủ thông tin sẻ trả ST T Mô tả Kết mong đợi Kết thực tế Pass/Fail Không nhập liệu tất Hiển thị thơng báo vui lịng điền vào trường lỗi “bạn chưa nhập trường (tất kích nút thêm liệu” trường bị bỏ Không nhập trống) liệu cho tất trường kích nút thêm Nhập đầy đủ Hiển thị thông báo trường thống tin sản phẩm Hiển thị thông báo lỗi “bạn chưa nhập liệu” pass Hiển thị thông báo vui lòng điền vào trường (trường pass chưa nhập liệu) Xuất thông báo thêm thành công Nhập thành công chuyển qua danh sách sản phẩm hiển pass thị lên table 3.2.4 Kiểm thử cập nhật sản phẩm - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử cập nhật thơng tin sản phẩm - Pre-conditions: + Cập nhật liệu nhập đồng thời cập nhật liệu vào bảng + Cập nhật thay đổi liệu thiếu in thông báo cho người dùng ST T Mô tả Kết mong đợi Kết thực tế Pass/Fail Cập nhật sửa liệu sản phẩm Cập nhật thất bại Thông báo vui thiếu thông tin sản lịng điền vào thơng tin phẩm trường Pass trường Cập nhật đầy đủ Hiển thị thông tin liệu thông báo “cập sản phẩm sửa nhật thành công” Hiển thị chi tiết thông tin sản phẩm sửa Pass thành công Xuất thông Cập nhật điền không định dạng báo người dùng Tự nhận định bắt điền không buộc kiểu kiểu định dạng định dạng(số thông tin sản chữ) Pass phẩm 3.2.5 Kiểm thử xóa sản phẩm ST T - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức xóa sản phẩm - Pre-conditions: xóa tồn thông tin sản phẩm thành công Mô tả Chọn liệu danh sách sản phẩm nhấn nút xóa Kết mong đợi Kết thực tế Xuất thơng báo “xóa sản phẩm thành cơng” 3.2.6 Kiểm thử thêm loại sản phẩm Pass/Fail Xóa thành cơng sản phẩm bị danh sách sản phẩm Pass - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức thêm loại sản phẩm - Pre-conditions: + Thực chức thêm loại sản phẩm vào bảng + Khi người dùng điền không đầy đủ thông tin sẻ trả STT Mô tả Không nhập liệu tất trường kích nút thêm Kết mong đợi Kết thực tế Pass/Fail Hiển thị thông báo Hiển thị thơng báo vui lịng điền vào lỗi “bạn chưa nhập trường (tất liệu” trường bị bỏ trống) Hiển thị thông báo Không nhập liệu cho Hiển thị thơng báo vui lịng điền vào tất trường lỗi “bạn chưa nhập trường kích nút thêm liệu” (trường chưa nhập Pass Pass liệu) Nhập thành công Nhập đầy đủ Hiển thị thông báo chuyển qua danh trường loại sản thêm thành sách loại sản phẩm công phẩm hiển thị lên Pass table Nhập đầy đủ trường trùng mã loại sản Hiển thị thông báo Hiển thị thông báo trùng mã loại sản thêm không phẩm phẩm 3.2.7 Kiểm thử cập nhật loại sản phẩm thành công - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức cập nhật loại sản phẩm Pass - Pre-conditions: + Cập nhật liệu nhập đồng thời cập nhật liệu vào bảng + Cập nhật thay đổi liệu thiếu in thông báo cho người dùng ST T Mô tả Kết mong đợi Kết thực tế liệu loại sản Cập nhật thất bại Thông báo vui phẩm thơng tin loại sản lịng điền vào thiếu thơng tin phẩm trường Pass/Fail Cập nhật sửa Pass trường Cập nhật đầy đủ thông tin liệu loại sản phẩm sửa Hiển thị thông báo “cập nhật thành công” Hiển thị chi tiết thông tin loại sản phẩm sửa thành Pass cơng 3.2.8 Kiểm thử xóa loại sản phẩm ST T - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức xóa loại sản phẩm - Pre-conditions: xóa tồn thơng tin loại sản phẩm thành công Mô tả Chọn liệu danh sách loại sản phẩm nhấn nút xóa Kết mong đợi Xuất thơng báo “xóa loại sản phẩm thành cơng” Kết thực tế Pass/Fail Xóa thành công sản phẩm bị danh sách loại sản phẩm Pass 3.2.9 Kiểm thử tìm kiếm sản phẩm ST T - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức tìm kiếm sản phẩm - Pre-conditions: tìm kiếm hiển thị thông tin sản phẩm Mô tả Kết mong đợi Kết thực tế Xuất sản phẩm Xuất sản Pass/Fail Nhập sản phẩm cần tìm kiếm xem thơng tin sản cần tìm phẩm Nhập sai sản phẩm chưa nhập sản phẩm cần tìm phẩm cần tìm Xuất thơng báo Khơng xuất “khơng tìm thấy sản thơng tin sản phẩm cần tìm” phẩm Pass Pass 3.2.10 Kiểm thử cập nhật thơng tin đơn hàng - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức cập nhật thông tin đơn hàng - Pre-conditions: + Cập nhật liệu nhập đồng thời cập nhật liệu vào bảng + Cập nhật thay đổi liệu thiếu in thông báo cho người dùng ST T Mô tả Kết mong đợi Kết thực tế Pass/Fail Cập nhật sửa Cập nhật thất bại Thông báo vui liệu thông tin đơn thơng tin đơn hàng lịng điền vào hàng thiếu trường Pass thông tin trường Cập nhật đầy đủ Hiển thị thông Hiển thị chi tiết thông tin liệu báo “cập nhật thành thông tin đơn hàng đơn hàng công” sửa thành công Cập nhật điền Xuất thông báo Tự nhận định bắt không định người dùng điền buộc kiểu dạng không kiểu định định dạng(số dạng thơng tin 3.2.11 Kiểm thử xóa đơn hàng ST T Pass chữ) - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức xóa thơng tin đơn hàng - Pre-conditions: xóa tồn thơng tin đơn hàng thành cơng Mô tả Kết mong đợi Chọn liệu danh sách Pass đơn hàng nhấn nút xóa Xuất thơng báo “xóa đơn hàng thành cơng” Kết thực tế Pass/Fail Xóa thành cơng thơng tin đơn hàng bị danh Pass sách đơn hàng 3.2.12 Kiểm thử xóa người dùng ST - Giả định: người dùng truy cập vào hệ thống - Mục đích: kiểm thử chức xóa thơng tin người dùng - Pre-conditions: xóa tồn thơng tin người dùng thành cơng Mô tả Kết mong đợi Kết thực tế Pass/Fail T Chọn liệu danh sách sản phẩm nhấn nút xóa Xuất thơng báo “xóa khách hàng thành cơng” Xóa thành cơng sản phẩm bị danh sách khách hàng Pass TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN Tổng kết Hệ thống xây dựng website giày trực tuyến xây dựng nhằm mục đích giúp doanh nghiệp vừa nhỏ có thể: Quản lý, vận hành thống kê hoạt động kinh doanh mặt hàng điện tử online Tạo nơi cung cấp mặt hàng điện tử thị trường, đồng thời việc tìm kiếm, tốn nhanh gọn Kết đạt được: - Phân tích thiết kế Database - Nắm ngơn ngữ lập trình - Xây dựng sở liệu giao diện cho chương trình hệ quản trị sở liệu mysql Java - Quản lý số lượng sản phẩm - Thống kê doanh thu theo khoảng thời gian chọn cách nhanh chóng xác Ứng dụng biểu đồ vào thống kê: để giao diện dễ nhìn so với số liệu Hạn chế: - Chương trình khơng hoạt động trình trạng khơng có internet - Thiếu kinh nghiệm việc phát triển dự án nên gặp nhiều vấn đề cách tổ chức dự án thời gian thực Hướng phát triển - Chỉnh sửa giao diện đẹp mắt, trực quan, tối ưu hóa hiển thị độ mượt mà trang người dùng - Nâng cấp thêm chức tốn thơng qua ngân hàng, ví điện tử - Đăng nhập Website tài khoản Google, Facebook… - Xây dựng hoàn thiện chức trao đổi trực tiếp với khách hàng chatbox