ĐỒ án lập TRÌNH WEB NÂNG CAO xây DỰNG WEBSITE SHOP bán điện THOẠI

lOMoARcPSD|17343589 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN LẬP TRÌNH WEB NÂNG CAO ĐỀ T䄃I: XÂY DỰNG WEBSITE SHOP BÁN ĐIỆN THOẠI Sinh viên thực : NGUYỄN QUỐC PHONG : HỒ VĂN NGUYÊN Giảng viên hướng dẫn : TS ĐẶNG TRẦN ĐƯ꼁C Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CƠNG NGHỆ PHẦN MỀM Lớp : D14CNPM6 Khóa : 2019-2023 Hà Nội, ngày 11 tháng 10 năm 2021 lOMoARcPSD|17343589 PHIẾU CHẤM ĐIỂM Sinh viên thực Họ tên Chữ ký Ghi Chú Chữ ký Ghi Nguyễn Quốc Phong 19810310437 Nguyễn Thị D 19810310458 Giảng viên chấm Họ tên Giảng viên chấm Giảng viên chấm lOMoARcPSD|17343589 M甃⌀c L甃⌀c LỜI MỞ ĐẦU CHƯƠNG : TỔNG QUAN VÀ MÔ TẢ HỆ THỐNG 1.1 Tổng quan Internet, World Wide Web HTML PHP 1.1.1 Giới thiệu chung Giới thiệu PHP .5 1.2 Mô tả hệ thống 1.2.1 Mơ tả tốn .9 1.2.2 Mục đích toán 1.2.3 Cơ cấu tổ chức CHƯƠNG : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 11 2.1 Phân tích thiết kế hệ thống 11 2.1.1 Các chức hệ thống 11 2.1.2 Các tác nhân hệ thống .11 Dựa vào mơ tả hệ thống, ta xác định tác nhân hệ thống sau: 11 2.2 Các biểu đồ mô tả hệ thống 12 2.2.1 Activity Diagram 12 2.2.2 UseCase Diagram 25 2.2.3 Sequence Diagram 31 2.2.4 Class Diagram .35 2.2.5 Database Diagram .36 CHƯƠNG : CÀI ĐẶT HỆ THỐNG 37 3.1 Quản lý Admin 37 3.1.1 Trang chủ .37 3.1.2 Trang Quản lý User .37 3.1.3 Trang Quản lý Đơn đặt hàng 38 3.1.4 Trang Quản lý Tin tức 38 3.2 Quản lý hệ thống 39 3.2.1 Trang Đăng nhâ ̣p 39 3.2.2 Trang chủ .39 lOMoARcPSD|17343589 3.2.3 Trang giỏ hàng .41 KẾT LUẬN 42 lOMoARcPSD|17343589 DANH MỤC BẢNG BIỂU Bảng – Phân loại tệp tin ASP.NET…………………………………… Bảng – Đặc tả use case tổng quát…………………………………………… 26 Bảng – Đặc tả use case login………………………………………………….27 Bảng – Đặc tả use case quản lý sản phẩm…………………………………….28 Bảng – Đặc tả use case orders…………………………………………………29 Bảng – Đặc tả use case quản lý tài khoản…………………………………… 30 Bảng – Đặc tả use case thống kê………………………………………………31 lOMoARcPSD|17343589 LỜI CÁM ƠN Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá cơng ty hay Website cá nhân khơng cịn điều xa xỉ Thơng qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với công nghệ Word Wide Web, hay cịn gọi Web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngơn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP kịch phía trình chủ cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP Sql Server nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Đă ̣ng Trần Đức, em chọn đề tài “Xây dựng Website bán điện thoại ” làm đề tài cho môn học Đồ án Lập trình Web nâng cao Trong trình thực đồ án em nhận giúp đỡ bảo tận tình thầy, cô giáo Em xin chân thành cảm ơn thầy Đă ̣ng Trần Đức hưỡng dẫn trình làm đề tài Tuy nhiên, thời gian hạn hẹp, nỗ lực đồ án khó tránh khỏi thiếu sót Em mong nhận thơng cảm, lời góp ý bảo tận tình q Thầy Cơ bạn lOMoARcPSD|17343589 LỜI MỞ ĐẦU Trong phát triển mạnh mẽ khoa học công nghệ giới, nói ngành cơng nghệ thơng tin phát triển với tốc độ nhanh ngày thể vai trò to lớn, quan trọng toàn đời sống người Hầu hết lĩnh vực xã hội ứng dụng công nghệ thông tin, nhiều phần mềm đãmang lại hiệu phụ nhận Song thực tiễn đặt u cầu địi hỏi ngành cơng nghệ thơng tin không ngừng phát triển để thỏa mãn đáp ứng thay đổi sống Ngày nay, ứng dụng cơng nghệ thơng tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty; đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, cơng ty chí cá nhân, ngày nay, khơng lấy làm xa lạ Một người trở thành chủ website giới thiệu quan tâm: website giới thiệu thân gia đình anh ta, website trình bày sưu tập hình ảnh loại xe mà thích chẳng hạn Đối với phủ cơng ty việc xây dựng website riêng ngày trở nên cấp thiết Thông qua website này, thông tin họ công văn, thơng báo, định phủ hay sản phẩm, dịch vụ công ty đến với người quan tâm, đến với khách hàng họ cách nhanh chóng kịp thời, tránh phiền hà mà phương thức giao tiếp truyền thống thường gặp phải Hoạt động cơng ty du lịch có quy mô lớn tăng cường mở rộng xây dựng website có khả giới thiệu công ty cho phép quản lý tour du lịch cách nhanh chóng xác lOMoARcPSD|17343589 CHƯƠNG : TỔNG QUAN V䄃 MÔ TẢ HỆ THỐNG 1.1 Tổng quan 1.1.1 Giới thiệu chung Internet mạng máy tính toàn cầu thành lập từ năm 80 bắt nguồn từ mạng APARRNET quốc phòng Mỹ Vào mạng Internet, bạn tìm thấy nhiều tài liệu để nghiên cứu, học tập, trao đổi thư từ, đặt hàng, mua bán Một mục tiêu Internet chia sẻ thông tin người dùng nhiều lĩnh vực khác Mỗi máy tính Internet gọi host Mỗi host có khả truyền thông tới máy khác Internet Một số host nối tới mạng đường nối Dial-up (quay số) tạm thời, số khác nối đường nối mạng thật 100% (như Ethernet, Tokenring ) Phân loại Các máy tính mạng chia làm nhóm Client Server - Client: Máy khách mạng, chứa chương trình Client - Server: Máy phục vụ-Máy chủ Chứa chương trình Server, tài nguyên (tập tin, tài liệu ) dùng chung cho nhiều máy khách Server trạng thái chờ yêu cầu đáp ứng yêu cầu Client - Internet Server: Là server cung cấp dịch vụ Internet Web Server, Mail Server, FPT Server… Các dịch vụ thường dùng Internet - Dịch vụ World Wide Web (gọi tắt Web) - Dịch vụ Electronic Mail (viết tắt Email) - Dịch vụ FPT Để truyền thông với máy tính khác, máy tính Internet phải hỗ trợ giao thức chung TCP/IP (Transmission Control Protocol/Internet Protocollà giao thức điều khiển truyền liệu giao thức Internet), giao thức đồng lOMoARcPSD|17343589 bộ, cho truyền thơng điệp từ nhiều nguồn tới nhiều đích khác Ví dụ vừ lấy thư từ hộp thư, đồng thời vừa truy cập trang Web TCP đảm bảo tính an tồn liệu, IP giao thức chi phối phương thức vận chuyển liệu Internet World Wide Web Các khái niệm World Wide Web World Wide Web (WWW) hay gọi Web dịch vụ phổ biến Internet, 85% giao dịch Internet ước lượng thuộc WWW Ngày số Website giới đạt tới số khổng lồ WWW cho phép bạn truy xuất thơng tin văn bản, hình ảnh, âm thanh, video tồn giới Thơng qua Website, q cơng ty giảm thiểu tối đa chi phí in ấn phân phát tài liệu cho khách hàng nhiều nơi Cách tạo trang Web Có nhiều cách để tạo trang Web: - Có thể tạo trang Web chương trình xử lí văn - Tạo Web cách viết mã nguồn trình soạn thảo văn như: Notepad, WordPad…là chương trình soạn thảo văn có sẵn Window - Thiết kế cách dùng Web Wizard công cụ Word 97, Word 2000 - Thiết kế Web phần mềm chuyên nghiệp: FrontPage, Dreamweaver, Nescape Editor… Phần mềm chuyên nghiệp DreamWeaver giúp bạn thiết kế trang Web dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh HTML có sẵn phần Code cho bạn Để xây dựng ứng dụng Web hồn chỉnh có tính thương mại, bạn cần kết hợp Client Script (kịch trình khách) Server Script (kịch trình lOMoARcPSD|17343589 chủ) với loại sở liệu đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, Khi bạn muốn triển khai ứng dụng Web mạng, điều kiện cấu hình phần cứng, bạn cần có trình chủ Web thường gọi Web Server Trình duyệt Web (Web Client hay Web Browser) Trình duyệt Web công cụ truy xuất liệu mạng, phần mềm giao diện trực tiếp với người sử dụng Nhiệm vụ Web Browser nhận yêu cầu người dùng, gửi yêu cầu qua mạng tới Web Server nhận liệu cần thiết từ Server để hiển thị lên hình Để sử dụng dịch vụ WWW, Client cần có chương trình duyệt Web, kết nối vào Internet thông qua ISP Các trình duyệt thơng dụng là: Microsoft Internet Explorer, Mozilla Firefox Google Chrome… Trong Internet Explorer trình duyệt chuẩn cho phép trình bày nội dung Web server cung cấp, cho phép đăng kí tới Website Internet, hỗ trợ trình bày trang Web Webserver Webserver: máy tính nối vào Internet chạy phần mềm thiết kế Webserver đóng vai trị chương trình xử lí nhiệm vụ xác định, tìm trang thích hợp, xử lí tổ hợp liệu, kiểm tra liệu hợp lệ Webserver nơi lưu trữ sở liệu, phần mềm đảm nhiệm vai trò Server cung cấp dịch vụ Web Webserver hỗ trợ công nghệ khác nhau: - IIS (Internet Information Service) : Hỗ trợ ASP, mở rộng hỗ trợ PHP - Apache: Hỗ trợ PHP - Tomcat: Hỗ trợ JSP (Java Servlet Page) Phân loại Web Web tĩnh Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 phẩm Thêm sản phẩm Sửa sản phẩm Xóa sản phẩm Thơng tin khuyến Đăng nhập vào hệ thống Điều kiện tiên Các yêu cầu đặc Giao diện thao tác dễ dùng với người lần đầu biệt tiên sử dụng Bảng – Đặc tả use case quản lý sản phẩm  Biểu đồ use case Order Hình 2.17 – Biểu đồ use case order Order Tên Tóm tắt Dịng kiện Order Đặt hàng, thêm sản phẩm vào giỏ hàng, xem thông tin đơn hàng Người dùng đăng nhập hệ thống để sử dụng chức năng, 29 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Các dòng kiện Điều kiện tiên Các yêu cầu đặc biệt cập nhật thông tin 1a Đăng nhập vào hệ thống 2a Hệ thống thị thơng tin sản phẩm, hình ảnh Thêm sản phẩm vào giỏ hàng Đặt hàng Xem thông tin đơn hàng Sửa thông tin giỏ hàng Xóa sản phẩm giỏ hàng Đăng nhập vào hệ thống Giao diện thao tác dễ dùng với người lần sử dụng Bảng – Đặc tả usecase order  Biểu đồ use case Quản lý thành viên Hình 2.18 – Biểu đồ use case quản lý thành viên Tên Tóm tắt Dịng kiện Các dịng kiện Quản lý thành viên Quản lý thành viên Xem, sửa, xóa tài khoản thành viên Người dùng đăng nhập hệ thống để sử dụng chức 1a Đăng nhập vào hệ thống 30 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 2a Hệ thống thị chức thông tin thành viên Xem thông tin thành viên Thêm thông tin thành viên Sửa thơng tin Xóa thơng tin thành viên Đăng nhập vào hệ thống Điều kiện tiên Các yêu cầu đặc Giao diện thao tác dễ dùng với người lần đầu biệt tiên sử dụng Bảng – Đă ̣c tả Usecase Quản lý thành viên  Biểu đồ use case Thống kê Hình 2.19 – Biểu đồ use case thống kê Thống kê Tên Tóm tắt Dịng kiện Các dòng kiện Thống kê Xem danh sách thống kê Người dùng đăng nhập hệ thống để sử dụng chức 1a Đăng nhập vào hệ thống 2a Hệ thống thị chức Xem thông tin thống kê 31 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Điều kiện tiên Các yêu cầu đặc biệt Hiển thị danh sách Đăng nhập vào hệ thống Giao diện thao tác dễ dùng với người lần sử dụng Bảng – Đặc tả use case thống kê 2.2.3 Sequence Diagram Biểu đồ Sequence Diagram - Login Hình 2.20 – Biểu đồ Sequence Diagram - Login Biểu đồ Sequence Diagram - Quản lý Sản phẩm 32 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 2.21 – Biểu đồ Sequence Diagram - Quản lý Sản phẩm Biểu đồ Sequence Diagram - Order 33 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 2.22 – Biểu đồ Sequence Diagram - Order Biểu đồ Sequence Diagram - Quản lý User 34 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 2.23 – Biểu đồ Sequence Diagram - Quản lý User 35 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 2.2.4 Class Diagram Hình 2.24 – Class Diagram 36 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 2.2.5 Database Diagram Hình 2.25 – Database Diagram 37 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 CHƯƠNG : C䄃I ĐẶT HỆ THỐNG 3.1 Quản lý Admin 3.1.1 Trang chủ Hình 3.1 – Giao diê ̣n Trang chủ 3.1.2 Trang Quản lý User Hình 3.2 – Giao diê ̣n Trang Quản lý User 38 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.1.3 Trang Quản lý Đơn đặt hàng Hình 3.3 – Giao diê ̣n Trang Quản lý Đơn đặt hàng 39 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.2 Quản lý hệ thống 3.2.1 Trang Đăng nhâ ̣p Hình 3.5 – Giao diê ̣n Trang Đăng nhâ ̣p 3.2.2 Trang chủ 40 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 41 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 3.6 – Giao diê ̣n Trang chủ 3.2.3 Trang giỏ hàng Hình 3.7 – Giao diê ̣n Trang giỏ hàng 42 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 KẾT LUẬN Để làm đồ án chúng em vận dụng kiến thức thầy cô giảng dạy qua môn học với tài liệu mạng để tìm hiểu thêm Nhóm nắm bắt q trình nghiệp vụ q trình phân tích thiết kế hệ thống quản lý website bán giày nhìn nhận thành phần hệ thống cách chi tiết Nhóm rút số kinh nghiệm xây dựng biểu đồ biểu diễn hoạt động hệ thống, hiểu cách khái quát sở liệu hệ thống Tuy nhiên trình độ thời gian hạn chế nhóm chúng em nhiều vấn đề hệ thống chưa giải kính mong nhận góp ý thầy cô Chúng em xin chân thành cảm ơn 43 Downloaded by v? ngoc (vuchinhhp10@gmail.com) ... bán điện thoại ” làm đề tài cho môn học Đồ án Lập trình Web nâng cao Trong trình thực đồ án em nhận giúp đỡ bảo tận tình thầy, cô giáo Em xin chân thành cảm ơn thầy Đă ̣ng Trần Đức hưỡng dẫn trình. .. trình chủ cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP Sql Server nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Đă ̣ng Trần Đức, em chọn đề tài ? ?Xây dựng Website bán. .. Wide Web, hay gọi Web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với cơng cụ ngơn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp