Trang 1 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘIKHOA CÔNG NGHỆ THÔNG TINBÁO CÁO BÀI TẬP LỚNHỌC PHẦN: THỰC TẬP CHUYÊN NGÀNH KỸ THUẬTPHẦN MỀMĐỀ TÀITÌM HIỂU FAMEWORK EXPRESS ÁP DỤNG XÂY DỰNGWEBSIT
lOMoARcPSD|39222638 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN HỌC PHẦN: THỰC TẬP CHUYÊN NGÀNH KỸ THUẬT PHẦN MỀM ĐỀ TÀI TÌM HIỂU FAMEWORK EXPRESS ÁP DỤNG XÂY DỰNG WEBSITE BÁN KHÓA HỌC ONLINE Giảng viên hướng Nguyễn Thái Cường dẫn: 20222IT6041001 Lớp: Khóa: K15 Thành Viên: Đinh Khắc Tuấn 2020605847 Hoàng Văn Vương 2020602011 Phạm Quang Khải 2020605724 Nguyễn Bá Hoàng 2020601315 Hà Nội, tháng 03 năm 2023 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 MỤC LỤC MỤC LỤC 2 PHỤ LỤC HÌNH ẢNH 4 PHỤ LỤC BẢNG 5 LỜI CẢM ƠN 6 MỞ ĐẦU .7 PHẦN 1: GIỚI THIỆU CHUNG VỀ ĐỀ TÀI .8 1.1 Giới thiệu chung 8 1.2 Lý do chọn đề tài và các công nghệ sử dụng .8 1.3 Hệ thống đề nghị .8 1.4 Công nghệ và các công cụ sử dụng 9 1.4.1 Các công cụ sử dụng 9 1.4.2 Quy trình và mô hình sử dụng 9 1.5 Tổng quan cơ sở lý thuyết 9 PHẦN 2: KẾT QUẢ NGHIÊN CỨU 12 2.1 Giới hiệu chung .12 2.1.1 Kiến trúc phần mềm 12 2.1.2 Mô tả bài toán 13 2.2 Phân tích thiết kế hệ thống .14 2.2.1 Khảo sát hệ thống .14 2.2.2 thiết kế giao diện .21 2.2.3 Đặc tả yêu cầu phần mềm 26 2.3 Thực hiện bài toán 39 2.3.1 Trang chủ 39 2.3.2 Trang Đăng ký 39 2.3.3 Trang Đăng Nhập 40 2.3.4 Xem Chi Tiết Sản Phẩm 41 2.3.5 Trang Giỏ Hàng 41 2.3.6 Trang Thanh Toán .42 2.3.7 Trang Quản Lý Người Dùng (User) 42 2.3.8 Trang Quản Trị (Admin) 43 2.3.9 Trang Quản Lý Người Dùng (Admin) 43 2.3.10 Trang Quản Lý Khóa Học (Admin) 43 2.3.11 Trang Quản Lý Danh Sách Tài Khoản Hệ thống (Admin) 44 2.3.12 Trang Tạo Mới Khóa Học (Admin) 44 2.4 Kiểm thử chức năng hệ thống 44 2 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 2.4.1 Kiểm thử chức năng phía khách hàng .44 2.4.2 Kiểm thử chức năng phía người quản trị 46 2.5 Hướng dẫn cài đặt 47 2.5.1 Cài đặt môi trường 47 2.5.2 Cài đặt Cơ sở dữ liệu 47 2.5.3 Kết nối Cơ sở dữ liệu 48 2.5.4 Chạy ứng dụng 48 PHẦN 3: KẾT LUẬN 49 TÀI LIỆU THAM KHẢO 50 PHỤ LỤC HÌNH ẢN 3 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 Hình 2.1 Mô hình MVC 12 Hình 2.2 Biểu đồ khảo sát việc học trực tuyến 16 Hình 2.3 Biểu đồ khảo sát mua khóa học trước đây 17 Hình 2.4 Biểu đồ khảo sát dự định mua khóa học .17 Hình 2.5 Biểu đồ khảo sát thanh toán bằng thẻ tín dụng 18 Hình 2.6 Biểu đồ khảo sát độ tin cậy chất lượng khóa học 18 Hình 2.7 Biểu đồ khảo sát việc giới thiệu khóa học cho mọi người 19 Hình 2.8 Biểu đồ khảo sát nhu cầu nhận thông tin khóa học .19 Hình 2.9 Tổng hợp câu trả lời 19 Hình 2.10 Thiết kế giao diện trang chủ 21 Hình 2.11 Thiết kế giao diện đăng ký 21 Hình 2.12 Thiết kế giao diện đăng nhập 22 Hình 2.13 Thiết kế giao diện xem chi tiết sản phẩm 22 Hình 2.14 Thiết kế giao diện quản lý tài khoản 23 Hình 2.15 Thiết kế giao diện quản lý tài khoản(admin) .24 Hình 2.16 Thiết kế giao diện quản lý tài khoản(user) 24 Hình 2.17 Thiết kế giao diện quản lý khóa học 25 Hình 2.18 Thiết kế giao diện quản lý hệ thống 25 Hình 2.19 sơ đồ use case tổng quát 26 Hình 2.20 Sơ đồ phân rã use case khách hàng chưa có tài khoản 27 Hình 2.21 Sơ đồ phân rã use case khách hàng có tài khoản .27 Hình 2.22 Sơ đồ phân rã use case người quản trị .28 Hình 2.23 Các bảng cơ sở dữ liệu 35 Hình 2.24 Bảng người dùng 36 Hình 2.25 Bảng khóa học 36 Hình 2.26 Bảng giỏ hàng 37 Hình 2.27 Bảng yêu cầu 37 Hình 2.28 Bảng chi tiết yêu cầu 38 Hình 2.29 bảng danh sách yêu cầu 38 Hình 2.30 Giao diện trang chủ 39 Hình 2.31 Giao diện trang đăng ký 39 Hình 2.32 Giao diện trang đăng nhập 40 Hình 2.33 Giao diện trang xem chi tiết sản phẩm 41 Hình 2.34 Giao diện trang giỏ hàng 41 Hình 2.35 Giao diện trang thanh toán 42 Hình 2.36 Giao diện trang quản lý người dùng 42 Hình 2.37 Giao diện trang quản trị(admin) 43 Hình 2.38 Giao diện trang quản lý người dùng(admin) .43 Hình 2.39 Giao diện trang quản lý khóa học(admin) 43 Hình 2.40 Giao diện trang quản lý danh sách tài khoản hệ thống(admin) 44 Hình 2.41 Giao diện trang tạo khóa học(admin) 44 Hình 2.42 giao diện MongoDB 47 Hình 2.43 Đoạn code kết nối tới cơ sở dữ liệu 48 PHỤ LỤC BẢN 4 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 Bảng 2.1 khảo sát online 14 Bảng 2.2 phiếu điều tra về việc sử dụng website bán khóa học online 16 Bảng 2.3 Mô tả use case đăng ký 29 Bảng 2.4 Mô tả use case đăng nhập 29 Bảng 2.5 Mô tả use case xem trang chủ .30 Bảng 2.6 Mô tả use case thêm vào giỏ hàng 31 Bảng 2.7 Mô tả use casexem giỏ hàng .31 Bảng 2.8 Mô tả use case đặt hàng 32 Bảng 2.9 Mô tả use case xem tình trạng đơn hàng 32 Bảng 2.10 Mô tả use case quản lý khách hàng 33 Bảng 2.11 Mô tả use case quản lý tài khoản(admin) 34 Bảng 2.12 Mô tả use case quản lý sản phẩm .34 Bảng 2.13 kiểm thử phía khách hàng 46 Bảng 2.14 kiểm thử phía người quản trị 47 5 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 LỜI CẢM ƠN Đối với một sinh viên trường Đại học Công nghiệp Hà Nội, bài tập lớn là minh chứng cho thành quả xuyên suốt các kì học vừa qua Nó vừa giúp chúng em củng cố kiến thức cũng như giúp em cải thiện các kĩ năng còn thiếu Nhóm em xin gửi lời cảm ơn đến trường Đại học Công nghiệp Hà Nội, khoa Công nghệ thông tin đã tạo điều kiện cho em được học tập và được làm bài tập lớn Chúng em xin chân thành cảm ơn thầy cô trong khoa Công nghệ thông tin đã đã giảng dạy với tất cả tâm huyết, truyền dạy cho chúng em tất cả những tri thức quý báu của mình để chúng em có thể vững bước tiếp trên con đường lập nghiệp của mình Nhóm 07 chúng em xin chân thành cảm ơn đến giảng viên Nguyễn Thái Cường Trong suốt quá trình nghiên cứu, thực hiện bài tập lớn cô đã luôn giúp đỡ, hướng dẫn tận tình để chúng em có thể hoàn thành bài tập lớn đầu tiên này Chúng em đã cố gắng hoàn thiện báo cáo bài tập lớn một cách tốt nhất trong khả năng của mình, tuy nhiên không thể tránh được những thiếu sót Chúng em rất mong nhận được sự góp ý của các cô và các bạn để bài tập lớn này của chúng em được hoàn thiện hơn Lời cuối cùng chúng em xin chúc thầy cô luôn dồi dào sức khỏe, luôn vui vẻ và thành công trong cuộc sống! Chúng em xin chân thành cảm ơn! 6 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 MỞ ĐẦU Ngày nay, công nghệ ngày càng phát triển mạnh mẽ Do vậy, nhu cầu học tập và nâng cao kỹ năng qua các khóa học online cũng ngày càng tăng cao Khóa học online là một hình thức học tập tiện lợi, linh hoạt và hiệu quả cho nhiều đối tượng Nhóm 07 chúng em đã nắm bắt thời cơ và đã cùng nhau lên ý tưởng, từ đó đã thống nhất được chủ đề đó là cùng nhau xây dựng một website bán khóa học để giúp người dạy có thể chia sẻ kiến thức và kinh nghiệm cũng như giúp người học có thể tìm kiếm và lựa chọn các khóa học phù hợp với nhu cầu của mình Website bán khóa học là xu thế tất yếu hiện nay, khi người học có nhu cầu học một kỹ năng nào đó họ đều có xu hướng tìm kiếm thông tin khóa học trên các công cụ tìm kiếm Website bán khóa học là giải pháp hiệu quả giúp người dạy tiếp cận được với nhiều người học hơn, tăng doanh thu và uy tín cho bản thân và tổ chức So với việc tổ chức các lớp học truyền thống, chi phí đầu tư cơ sở vật chất, chi phí thuê nhân viên giảng dạy, chi phí quản lý và điều hành cao, các chi phí phát sinh khác thì việc sở hữu một website bán khóa học rẻ và hiệu quả hơn hẳn Với website bán khóa học phạm vi người học của người dạy sẽ được mở rộng hơn bao giờ hết Nếu tổ chức một lớp học truyền thống thì người học sẽ bị giới hạn trong một phạm vi địa lý nhất định nhưng với internet, mức độ phủ sóng sẽ lan truyền rất nhanh Với dịch vụ giao hàng toàn quốc có thể phục vụ người học ở mọi nơi với thời gian nhanh nhất có thể Với những phương thức quảng cáo, tiếp thị trực tuyến, uy tín của người dạy sẽ có mức độ lan tỏa vô cùng lớn Không những vậy, người dạy cũng dễ dàng với các công việc quản lý như quản lý khóa học, quản lý doanh thu, quản lý phản hồi, thống kê báo cáo, v.v 7 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 PHẦN 1: GIỚI THIỆU CHUNG VỀ ĐỀ TÀI 1.1 Giới thiệu chung Trước sự phát triển vượt bậc của công nghệ số, thương mại điện tử đã trở thành một xu hướng không thể bỏ qua trong kinh doanh Người tiêu dùng ngày càng ưa chuộng mua bán sản phẩm qua ứng dụng trực tuyến và trên website Tuy nhiên, cần phải nhìn thực tế rằng, tại Việt Nam, xu thế mua bán trực tuyến chưa thể lấn át và thay thế hoàn toàn việc học tập trực tiếp Trong thời gian tới, nếu sự kết hợp tốt học tập trực tuyến và học tập trực tiếp sẽ là nền tảng để các cá nhân và tổ chức nâng cao kỹ năng và kiến thức bền vững Đặc biệt là lĩnh vực giáo dục mà đặc biệt là các khóa học online về ngoại ngữ, kinh doanh, thiết kế… thì mua bán trực tuyến chính là giải pháp hiệu quả nhất cho người dạy và người học với mong muốn tiết kiệm chi phí và thời gian nhờ nguồn khách hàng rộng lớn trên Internet Sỡ hữu một website trưng bày bán khóa học chính là giải pháp tốt nhất hiện giờ 1.2 Lý do chọn đề tài và các công nghệ sử dụng Hiện nay, nhu cầu học tập online đã trở nên rất phổ biến và tiện lợi Khóa học online cũng là một mặt hàng rất được ưa chuộng bởi nhiều người muốn nâng cao kỹ năng và kiến thức Tuy nhiên một số tổ chức giáo dục truyền thống vẫn chưa áp dụng công nghệ vào giảng dạy, dẫn đến tình trạng giảm hấp dẫn cũng như hiệu quả Do vậy nhóm em quyết định tạo một website để thuận tiện cho người dạy cũng như người học 1.3 Hệ thống đề nghị - Dễ dàng cho việc quản lý cũng như thống kê - Tiện lợi, năng suất - Giao diện thân thiện, dễ dàng sử dụng 8 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 Nhóm em quyết định sẽ xây dựng website bán khóa học để giải quyết các vấn đề trên 1.4 Công nghệ và các công cụ sử dụng 1.4.1 Các công cụ sử dụng Công cụ phần mềm phát triển website: o Visual studio code o Edrawmax o Extenstion (Live server) o Postman o Mongodb 1.4.2 Quy trình và mô hình sử dụng Xây dựng Website dựa vào mô hình MVC (Model-View-Controller) 1.5 Tổng quan cơ sở lý thuyết HTML là viết tắt của HyperText Markup Language, là ngôn ngữ lập trình cơ bản để xây dựng các trang web Nó được sử dụng để định dạng và cấu trúc nội dung trên trang web, bao gồm định dạng chữ, hình ảnh, liên kết và các phần tử khác HTML được sử dụng chủ yếu trong cả front-end và back-end của các ứng dụng web Nó là một phần không thể thiếu trong việc xây dựng bất kỳ trang web nào Các phiên bản HTML mới được phát triển để cải tiến và nâng cao tính năng và khả năng tương tác của trang web CSS (Cascading Style Sheets) là một ngôn ngữ được sử dụng để định dạng và trang trí trang web CSS được sử dụng để tạo ra một bố cục hấp dẫn và trang trí trang web bằng cách áp dụng các kiểu và định dạng cho các phần tử của trang web như văn bản, hình ảnh, bảng, mục đích, đường viền, nền, v.v CSS có thể giúp tăng khả năng tương tác của trang web và cải thiện trải nghiệm người dùng Ngoài ra, CSS còn giúp tiết kiệm tài nguyên và giảm thời gian tải trang web, đồng thời làm cho trang web dễ bảo trì và nâng cấp 9 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 JavaScript là một ngôn ngữ lập trình phía client-side được sử dụng để tạo ra các trang web tương tác Nó cho phép lập trình viên tương tác với các phần tử HTML, CSS và động cơ JavaScript của trình duyệt JavaScript có thể thực hiện nhiều thao tác như kiểm tra hợp lệ của dữ liệu, kiểm tra yêu cầu của khách hàng, hiển thị các thông báo cảnh báo, v.v JavaScript cũng có thể được sử dụng trong các ứng dụng di động và đa nền tảng Nó được hỗ trợ bởi hầu hết các trình duyệt hiện đại và có thể được sử dụng để tạo ra các ứng dụng web phức tạp SCSS là viết tắt của Sassy CSS, một ngôn ngữ định dạng tệp CSS tiên tiến Nó cung cấp các tính năng động, chia sẻ code và giảm thiểu mã CSS SCSS cung cấp cho người phát triển nhiều tính năng ưu việt bao gồm biến, nested, mixins và inheritance Điều này giúp tăng năng suất, đọc và bảo trì dự án của bạn SCSS được biên dịch thành CSS truyền thống để có thể dễ dàng tích hợp vào các dự án web Node.js là một nền tảng phát triển cho ứng dụ web được xây dựng dựa trên mã nguồn mở và chạy trên môi trường JavaScript Node.js cho phép các nhà phát triển sử dụng JavaScript để viết cả phía client và server-side cho các ứng dụng web, thay vì phải sử dụng nhiều ngôn ngữ khác nhau Node.js sử dụng mô hình hướng sự kiện (event-driven) và không chặn đầu vào/đầu ra để xử lý các yêu cầu trên server Với cách thức hoạt động này, Node.js cho phép xử lý nu yêu cầu của người dùng trong cùng thời điểm mà không gây ra tình trạng bị chặn (blocking) khi truy xuất cơ sở dữ liệu hay tương tác với các API khác Express.js (hay còn gọi là Express) là một framework cho phép xây dựng các ứng dụng web bằng Node.js Express cung cấp một kiến trúc đơn giản và mô-đun hóa các tính năng, giúp người phát triển đơn giản hóa việc thiết kế và xây dựng ứng dụng web Mongodb là một hệ thống cơ sở dữ liệu NoSQL, nó là một hệ thống đa luồng, có khả năng phân tán và hoạt động trên nhiều nền tảng khác nhau Mongodb được phát triển bởi công ty 10gen và được phát hành lần đầu 10 Downloaded by MON MON (monmon2@gmail.com)