ĐỀ tài THIẾT kế TRANG WEB bán SÁCH

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT VĨNH LONG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO MÔN HỌC ĐỀ TÀI: THIẾT KẾ TRANG WEB BÁN SÁCH MƠN HỌC: LẬP TRÌNH WEB MÃ HỌC PHẦN: 2011_1TH1336 Sinh viên thực hiện: Quách Kim Nguyên - 18004088 Lê Võ Chí Phong – 18004098 Nguyễn Huỳnh Trúc Phượng - 18004102 Lớp: 1CTT18A1 Khóa: 43 Học kì I: 2020 - 2021 Người hướng dẫn: ThS Nguyễn Thanh Hoàng ThS Trần Phan An Trường Vĩnh Long, năm 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT VĨNH LONG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO MÔN HỌC ĐỀ TÀI: THIẾT KẾ TRANG WEB BÁN SÁCH MÔN HỌC: LẬP TRÌNH WEB MÃ HỌC PHẦN: 2011_1TH1336 Sinh viên thực hiện: Quách Kim Nguyên - 18004088 Lê Võ Chí Phong – 18004098 Nguyễn Huỳnh Trúc Phượng - 18004102 Lớp: 1CTT18A1 Khóa: 43 Học kì I: 2020 - 2021 Người hướng dẫn: ThS Nguyễn Thanh Hoàng ThS Trần Phan An Trường Vĩnh Long, năm 2020  Nhận xét đánh giá điểm người hướng dẫn - Ý thức thực hiện: …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… - Nội dung thực hiện: …….…………………………………………………………………………… …………………………………………………………………………………… ………………………………………………………………………………… - Hình thức trình bày: …………………………………………………………………………………… ………………………………………………………………………………….… ……………………………………………………………………………… - Tổng hợp kết quả: ………………………………………………………………………………… …………………………………………………………………………………… ………………………………………………………………………………… (Người hướng dẫn xác định vào ô tương ứng) - Tổ chức báo cáo trước hội đồng - Tổ chức chấm thuyết minh Vĩnh Long, ngày .tháng .năm Người hướng dẫn (ký ghi rõ họ tên) i LỜI NÓI ĐẦU Trước tiên chúng em xin cảm ơn đến thầy Trần Thanh Hoàng thầy Trần Phan An Trường nhiệt tình hướng dẫn giúp đỡ chúng em hồn thành đề tài Chúng em xin chân thành cảm ơn ban giám hiệu, văn phịng khoa Cơng nghệ thơng tin trường Đại học Sư phạm Kỹ thuật Vĩnh Long thầy mơn tận tình giảng dạy trang bị kiến thức bản, cần thiết cho chúng em trình học tập trường Xin cảm ơn tất bạn lớp đóng góp ý kiến cho đề tài Mặc dù cố gắng, khoảng thời gian cho phép, hạn chế mặt kiến thức chúng em, tránh khỏi nhiều thiếu sót Chính vậy, chúng em mong nhận góp ý thầy giáo, giáo bạn bè để hoàn thành đề tài tốt Thời đại Công nghệ 4.0 thời đại tập trung vào phát triển công nghệ Tức tất liên quan đến hệ thống vật lý khơng gian mạng Internet Chúng ta cảm nhận công nghệ tạo ảnh hưởng to lớn lên tất ngành lĩnh vực đời sống Kỷ nguyên khác biệt tạo tốc độ phát triển sản xuất, xã hội siêu nhanh chóng, phá bỏ truyền thống trước Với phát triển làm việc nơi nhằm đáp ứng nhu cầu người dần bỏ quên tầm quan trọng sách việc giúp cho người đọc phát huy sáng tạo, áp dụng kiến thức sách vào ứng dụng thực tế thân để xử lý tình khác Chính hình thành nên ý tưởng đề tài “Thiết kế trang web bán sách” Việc mua sách qua trang web giúp người tiết kiệm thời gian không tiền cho không hay Đối với người làm họ thời gian đến cửa hàng để mua lúc tan ca nhà sách cửa hàng gần đóng cửa có khơng thể xem trước bên có nội dung gì, có làm người đọc thích thú khơng Trang web bán sách thay nhà sách làm điều ii MỤC LỤC LỜI NÓI ĐẦU i DANH MỤC CÁC HÌNH iv CHƯƠNG 1:TỔNG QUAN 1.1.Động nghiên cứu 1.2.Mục đích nghiên cứu 1.3.Phạm vi nghiên cứu 1.4.Phương pháp nghiên cứu 1.5.Đối tượng sử dụng CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Cơng cụ phân tích 2.2 Công cụ xây dựng 2.2.1.Visual Studio Code 2.2.2 Bootstrap 2.2.3 jQuery 2.3.Công cụ lưu trữ CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1.Đặc tả yêu cầu hệ thống 3.2.Thiết kế hệ thống 3.2.1.Mơ hình CDM 10 3.2.2.Mơ hình LDM 11 3.2.3.Mơ hình PDM 12 CHƯƠNG 4: HỆ THỐNG QUẢN LÝ BÁN SÁCH 13 4.1.Sơ đồ phân rã chức 13 4.2.Giao diện chức theo sơ đồ phân rã chức 13 CHƯƠNG 5: GIAO DIỆN TRANG WEB 16 5.1.Giao diện trang web 16 5.2.Giao diện sách 17 5.3.Giao diện giỏ hàng 17 5.4.Giao diện đăng nhập admin 18 iii CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 19 6.1.Kết luận 19 6.1.1.Kết đạt 19 6.1.2.Kết chưa đạt 19 6.2.Hướng phát triển 19 TÀI LIỆU THAM KHẢO 20 iv DANH MỤC CÁC HÌNH Hình 2.1 Bootstrap Hình 2.2 Jquery Hình 2.3.1 Bản ghi sở liệu Hình 2.3.2.Bản ghi hóa đơn Hình 2.3.4 Bản ghi khách hàng Hình 2.3.5.Bản ghi nhân viên Hình 2.3.6.Bản ghi phiếu xuất Hình 2.3.7.Bản ghi sách Hình 2.3.8.Bản ghi admin Hình 2.3.9.Bản ghi đơn đặt hàng Hình 2.3.10.Bản ghi đặt hàng Hình 2.3.11.Bản ghi nhà xuất CHƯƠNG 1:TỔNG QUAN 1.1.Động nghiên cứu Ngày nay, công nghệ thông tin có bước phát triển mạnh mẽ theo chiều rộng sâu Máy tính khơng cịn thứ phương tiện quý mà ngày trở thành cơng cụ làm việc giải trí thông dụng người, không công sở mà cịn gia đình Đứng trước vai trị thơng tin hoạt động cạnh tranh gay gắt, tổ chức doanh nghiệp tìm biện pháp để xây dựng hồn thiện hệ thống thơng tin nhằm tin học hóa hoạt động tác nghiệp đơn vị Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa Internet Thông qua sản phẩm công nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác đơn giản máy có nối mạng Internet có tận tay cần mà nhiều thời gian Chỉ cần vào trang dịch vụ thương mại điện tử, làm theo hướng dẫn “click” vào cần Các nhà dịch vụ mang đến tận nhà Ở Việt Nam có nhiều doanh nghiệp tiến hành thương mại hóa Internet khó khăn sở hạ tầng viễn thông chưa phát triển mạnh, dịch vụ toán điện tử qua ngân hàng chưa phổ biến nên dừng lại mức độ giới thiệu sản phẩm tiếp nhận đơn đặt hàng thơng qua web 1.2.Mục đích nghiên cứu Để nâng cao việc học tìm hiểu chúng em nghiên cứu đề tài “ Bán sách online” để tìm hiểu kĩ biết rõ việc tạo trang web, để người khác đọc sách mà tạo trang trãi nghiệm mua sách trước mua sách Để phụcss vụ cho việc vừa học nhắm rõ chi tiết trang web Ý thức tương lai thương mại điện tử Việt Nam chúng em định chọn đề tài thiết kế trang web bán sách Website đáp ứng nhu cầu mua bán trực tuyến mạng Với mong muốn đề tài đưa vào ứng dụng cho doanh nghiệp, chúng em cố gắng mong nhận đóng góp ý kiến đạo thầy cô Xây dựng website có vai trị chức cổng thông tin liên lạc người kinh doanh người dùng.Trang web mang đến thơng tin bổ ích cho khách hàng, giúp khách hàng mua sắm trực tuyến giảm bớt chi phí 1.3.Phạm vi nghiên cứu - Các trang mạng - Sách, báo 1.4.Phương pháp nghiên cứu - Tham khảo trang web có sẵn - Các mơ hình mà trang bán sách mạng làm 1.5.Đối tượng sử dụng -Đối với người dùng: sử dụng chức website: xem tin tức, tìm kiếm, bình luận viết… -Đối với người quản trị có đầy đủ quyền hành người quản lý website:  Thêm, xóa, sửa chức năng, liên kết, viết…  Đổi thông tin tài khoản CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Cơng cụ phân tích Sử dụng “PowerDesigner” làm cơng cụ thiết kế mơ hình quan hệ PowerDesigner phần mềm hỗ trợ đắc lực việc thiết kế mô hình quan hệ, mơ hình CDM, 4PDM, ERD, ER,… Phần mềm SAP PowerDesigner kết hợp số mẫu đạt tiêu chuẩn kỹ thuật với tảng phát triển hàng đầu nhằm mục đích mang lại cho người dùng giải phát thiết kế siêu liệu Hơn phần mềm cịn hoạt động với 60 hệ thống quản lý sở liệu liên quan khác Các tính đặc biệt:  Thiết kế Conceptual Data model (CDM) cách sử dụng sơ đồ thực thể kết hợp  Phát sinh kịch Physical Data Model (PDM) tương ứng DBMS  Phát sinh kịch tạo CSDL DBMS đích  Phát sinh ràng buột toàn vẹn tham chiếu  Ứng dụng cho phép người dùng hiệu chỉnh in model  Người dùng thơng qua định nghĩa thuộc tính mở rộng có đối tượng PDM  Phát sinh ngược lại Database application tồn  Định nghiã thuộc tính mở rộng có đối tượng PDM  Khả chia sẻ chuyển liệu với bảo mật cao  Dễ dàng sử dụng framework 2.2 Công cụ xây dựng 2.2.1.Visual Studio Code Visual Studio Code trình soạn thảo mã nguồn miễn phí Microsoft tạo cho Windows , Linux macOS Các tính bao gồm hỗ trợ gỡ lỗi , tơ sáng cú pháp , hồn thành mã thơng minh , đoạn mã , tái cấu trúc mã Git nhúng Người dùng thay đổi chủ đề , phím tắt , tùy chọn cài đặt tiện ích mở rộng thêm chức bổ sung Visual Studio Code mở rộng thơng qua phần mở rộng , có sẵn thơng qua kho lưu trữ trung tâm Điều bao gồm bổ sung cho trình chỉnh sửa hỗ trợ ngơn ngữ Một tính đáng ý khả tạo tiện ích mở rộng hỗ trợ thêm cho ngơn ngữ , chủ đề trình gỡ lỗi , thực phân tích mã tĩnh thêm đoạn mã cách sử dụng Giao thức Máy chủ Ngôn ngữ Visual Studio Code bao gồm nhiều phần mở rộng cho FTP, cho phép phần mềm sử dụng giải pháp thay miễn phí để phát triển web Mã đồng hóa trình chỉnh sửa máy chủ mà khơng cần tải xuống phần mềm bổ sung Hình 2.3.4 Bản ghi khách hàng Hình 2.3.5.Bản ghi nhân viên Hình 2.3.6.Bản ghi phiếu xuất Hình 2.3.7.Bản ghi sách Hình 2.3.8.Bản ghi admin Hình 2.3.9.Bản ghi đơn đặt hàng Hình 2.3.10.Bản ghi đặt hàng Hình 2.3.11.Bản ghi nhà xuất CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1.Đặc tả yêu cầu hệ thống 3.3.1 Mô tả: Trong hệ thống trang web giao diện bán sách có website trang đăng nhập dành cho khác hàng, trang giao diện trang dành cho admin Khi lần vào trang web khách hàng phải đăng kí tài khoản, lần sau đăng nhập cần khách hàng đăng nhập tên mật vào trang giao diện trang bán sách Với sách online, việc trực tiếp đến nhà sách việc đỡ tốn mà tốn nhiều sức lại Tại trang web khách hàng tự chọn lựa thêm vào giỏ hàng, sau mua thành cơng khách hàng đợi tí thời gian, sản phẩm tự chuyển đến nhà theo thông tin 3.3.2 Đặc tả:  Khi bắt đầu đăng ký người quản trị quản lý tài khoản có tên trùng mật trùng báo lại cho người đăng kí Người quản lý trang web quản lý đăng lên trang, kho bình luận mà khách để lại để góp ý cho trang web  Khách hàng đăng kí lần đầu vào trang, biết thơng tin sách mà người quản lý cung cấp sẵn Khi muốn mua sách, khách cần chọn vào giỏ hàng, đăng kí số lượng, lưu lại làm bước Khi khách đồng ý khơng muốn mua khách hàng đặc hàng chờ đến ngày nhận sản phẩm  Người đăng sách biết lượt xem, người mua sách tuần, tháng góp ý người mua để lại 3.2.Thiết kế hệ thống 10 3.2.1.Mơ hình CDM 11 3.2.2.Mơ hình LDM 12 3.2.3.Mơ hình PDM 13 CHƯƠNG 4: HỆ THỐNG QUẢN LÝ BÁN SÁCH 4.1.Sơ đồ phân rã chức 4.2.Giao diện chức theo sơ đồ phân rã chức *Quản lý tài khoản 14 *Quản lý sách 15 *Quản lý user *Quản lý doanh số 16 CHƯƠNG 5: GIAO DIỆN TRANG WEB 5.1.Giao diện trang web 17 5.2.Giao diện sách 5.3.Giao diện giỏ hàng 18 5.4.Giao diện đăng nhập admin 19 CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1.Kết luận Với kiến thức tảng cộng thêm giảng dạy lớp tận tình giảng viên, chúng em hoàn thành đề tài chúng em phần hiểu quy trình,cách thức xây dựng website Chúng em hiểu ngôn ngữ HTML, CSS, javascript, biết cách sử dụng công cụ hỗ trợ để xây dựng trang web nhằm tiết kiệm thời gian, công sức thiết kế website Là phận tách rời khỏi phát triển xã hội người, cách mạng khoa học - kỹ thuật đại đem lại thay đổi to lớn mang tính bước ngoặt phát triển xã hội Sự phát triển mạnh mẽ khoa học kỹ thuật tạo bước nhảy vọt chưa thấy trình phát triển lực lượng sản xuất suất lao động, làm xuất nhiều ngành sản xuất có liên quan đến tiến triển khoa học công nghệ (công nghiệp tên lửa, điện tử, vi sinh ) thay đổi hoàn toàn cấu ngành kinh tế nhiều khu vực Với phát triển khoa học kỹ thuật, mạng máy tính phát triển cách nhanh chóng đa dạng quy mơ, hệ điều hành ứng dụng Do việc nghiên cứu chúng ngày trở nên phức tạp Tuy nhiên mạng máy tính có điểm chung thơng qua đánh giá phân loại chúng 6.1.1.Kết đạt Bước đầu xây dựng website có giao diện đầy đủ.Cung cấp đầy đủ thơng tin sách,nhà xuất Chỉ đưa trang giao diện lên server 6.1.2.Kết chưa đạt Điểm hạn chế nhóm em chưa tối ưu hóa tốt trang web, chưa tối ưu điện thoại thông minh Website chưa chạy máy tính khác 6.2.Hướng phát triển Sẽ tìm hiểu thêm điều chỉnh số tính kèm theo giao diện phù hợp tốt hơn, xây dựng thêm chức kết nối liệu, chạy nhiều thiết bị khác… 20 TÀI LIỆU THAM KHẢO [1] https://www.w3schools.com/ [2] https://sharecode.vn/source-code/source-code-website-ban-sach-online-phpbootstrap-full-database-25460.htm [3] https://shopee.vn/ ... nghiệm mua sách trước mua sách Để phụcss vụ cho việc vừa học nhắm rõ chi tiết trang web Ý thức tương lai thương mại điện tử Việt Nam chúng em định chọn đề tài thiết kế trang web bán sách Website... tả: Trong hệ thống trang web giao diện bán sách có website trang đăng nhập dành cho khác hàng, trang giao diện trang dành cho admin Khi lần vào trang web khách hàng phải đăng kí tài khoản, lần sau... quan trọng sách việc giúp cho người đọc phát huy sáng tạo, áp dụng kiến thức sách vào ứng dụng thực tế thân để xử lý tình khác Chính hình thành nên ý tưởng đề tài ? ?Thiết kế trang web bán sách? ?? Việc