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 TỬ

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 TỬ Sinh viên thực : Lương Ngọc Hải : Nguyễn Tiến Đạt : Đoàn Phan Duy 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-2024 Hà Nội, ngày 12 tháng 10 năm 2021 PHIẾU CHẤM ĐIỂM Sinh viên thực Họ tên Lương Ngọc Hải 19810310309 Nguyễn Tiến Đạt 19810310528 Đoàn Phan Duy 1781510022 Chữ ký Ghi Chú Giảng viên chấm Họ tên Giảng viên chấm Giảng viên chấm Chữ ký Ghi MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG : TỔNG QUAN VÀ MÔ TẢ HỆ THỐNG 1.1 Tổng quan PHP 1.1.1 Tổng quan lập trình ứng dụng web 1.1.2 Giới thiệu PHP 1.2 Mô tả hệ thống 10 1.2.1 Mơ tả tốn 10 1.2.2 Mục đích tốn 10 1.2.3 Cơ cấu tổ chức 11 CHƯƠNG : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .12 2.1 Phân tích thiết kế hệ thống 12 2.1.1 Các chức hệ thống 12 2.1.2 Các tác nhân hệ thống .12 2.2 Các biểu đồ mô tả hệ thống 14 2.2.1 Activity Diagram 14 2.2.2 UseCase Diagram 20 1.2.3 Database Diagram 28 CHƯƠNG : CÀI ĐẶT HỆ THỐNG 29 3.1 Quản lý Admin 29 3.1.1 Trang chủ .29 3.1.2 Trang Quản lý User .30 3.1.3 Trang Quản lý Đơn đặt hàng 30 3.1.4 Trang Quản lý Tin tức 31 3.2 Quản lý hệ thống 31 3.2.1 Trang Đăng nhâ ̣p 31 3.2.2 Trang chủ .32 3.2.3 Trang liên ̣ 34 KẾT LUẬN 35 DANH MỤC HÌNH ẢNH Hình 1– Biểu đồ Activity Login 14 Hình 2-Biểu đồ Activity Đăng Xuất 15 Hình 3-Biểu đồ Activity Quản lý sản phẩm (thêm) 16 Hình 4– Biểu đồ Activity Quản lý sản phẩm (xóa) 17 Hình 5– Biểu đồ Activity Nhập hàng 18 Hình 6– Biểu đồ Activity Order 19 Hình 7-Biểu dồ tổng quát 21 Hình 8-Biểu đồ use case login 21 Hình 9-Biểu đồ use case quản lý sản phẩm .22 Hình 10-Biểu đồ cộng tác chức cập nhật 22 Hình 11-Biểu đồ chức thêm sản phẩm 23 Hình 12-Biểu đồ chức sửa thơng tin sản phẩm 24 Hình 13-Biểu đồ chức xóa sản phẩm 25 Hình 14-Use case tìm kiếm .25 Hình 15-Biểu đồ cộng tác chức tìm kiếm 26 Hình 16-Biểu đồ chức tìm kiếm 26 Hình 17-Biểu đồ chức đăng nhập 27 Hình 18- Database Diagram 28Y Hình – Giao diê ̣n Trang chủ 29 Hình 2– Giao diê ̣n Trang Quản lý User .30 Hình 3– Giao diê ̣n Trang Quản lý Đơn đặt hàng 30 Hình 4– Giao diê ̣n Trang Quản lý Tin tức 31 Hình 5– Giao diê ̣n Trang Đăng nhâ ̣p 31 Hình 6– Giao diê ̣n Trang chủ 33 Hình 7– Giao diê ̣n Trang liên .34 ̣ 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ủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySql nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Đă ̣ng Trần Đức, nhóm em chọn đề tài “Xây dựng Website Shop 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 q trình thực đồ án nhóm em nhận giúp đỡ bảo tận tình thầy, giáo Nhóm 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 Nhóm em mong nhận thơng cảm, lời góp ý bảo tận tình quý Thầy Cô bạn 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 ln đặ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 CHƯƠNG : TỔNG QUAN VÀ MÔ TẢ HỆ THỐNG 1.1 Tổng quan PHP 1.1.1 Tổng quan lập trình ứng dụng web Ứng dụng Web hệ thống phức tạp, dựa nhiều yếu tố: phần cứng, phần mềm, giao thức, ngôn ngữ thành phần giao diện Trong phần này, giới thiệu sơ lược cho bạn thành phần ứng dụng Web: HTTP (giao thức trao đổi tài nguyên) HTML (ngôn ngữ xây dựng trang web) Quá trình Request – Response Hình – Quá trình Request - Response Web Server – Web Browser – HTTP - Web Server nhận điều phối yêu cầu từ Web Browser gửi kết - Web Browser thể liệu, tập hợp liệu người dùng gửi đến Web Server - HTTP dùng để trao đổi thông tin Web Browser với Web Server 24  Biểu đồ use case Quản lý Sản phẩm Interface + Danh sách sản phẩm + Thêm() : int +Sửa () : int +Xố() : int login Control + Thơng tin + Chi tiết SP () : void Database Process - username - pass + login () Admin - ID sản phẩm : int + Thêm() : int +Sửa () : int + Xố() : int Hình 9-Biểu đồ use case quản lý sản phẩm - Lớp biên: Login, Interface - Lớp điều khiển: Control - Lớp thực thể: Database / Kiểm tra ( user / pass ) Ðăng nhập(user/pass) _Login Process _ Thêm();sửa();Xoá() Admin Kết PageLoad() Danh sách TL() Thêm() Sửa() Xố() Kết Control _ Kết Database Hình 10-Biểu đồ cộng tác chức cập nhật 25  Chức thêm sản phẩm Admin Control login _ Process _ Database _ Đăng nhập( user / pass) Kiểm tra (user /pass) Yêu cầu chọn thao tác Hiển thị danh sách () Thêm () Thêm () Thêm () Kết Kết Kết Hình 11-Biểu đồ chức thêm sản phẩm 26  Chức sửa thông tin sản phẩm Control login Admin Process _ Database Đăng nhập( user / pass) Kiểm tra( user/ pass) Yêu cầu thao tác Chọn chỉnh sửa SP Danh sách SP() Chọn sản phẩm () Lấy SP (id) Lấy SP (id) Kết Kết Hiển thị() Chỉnh sửa () Chỉnh sửa () Sửa() Kết Kết Kết Hình 12-Biểu đồ chức sửa thông tin sản phẩm 27  Chức xóa sản phẩm: Control login _ Admin Đăng nhập( user / pass) Process _ Database _ Kiểm tra (user /pass) Yêu cầu chọn thao tác Danh sách tài liệu () Chọn xoá SP Chọn sản phẩm() Thao tác Xoá () Xoá(id) Xoá(id) Kết Kết Kết Hình 13-Biểu đồ chức xóa sản phẩm Hình 21 Biểu đồ chức xóa sản phẩm  Use-case tìm kiếm Interface Control + Xem chi tiêt() : void + Tìm kiếm() : void + Tìm kiếm nâng cao () : void + Tìm kiếm() : void + Tìm kiếm SP tương tự () : void Database User Hình 14-Use case tìm kiếm 28 / Hiển thị () Click on Tìm kiếm() Tìm kiếm() PageLoad() Interface User Lấy liệu() Database _ Control _ Hình 15-Biểu đồ cộng tác chức tìm kiếm - Lớp biên: Interface - Lớp điều khiển: Control - Lớp thực thể: Database Dưới biểu đồ User Interface _ Control _ Database Yêu cầu tìm kiếm (Từ khóa ) Tìm kiếm(Từ khóa ) Kết Lấy liệu() Kết Hiển thị() Hình 16-Biểu đồ chức tìm kiếm Tương tự Use-case quản lý người dùng hệ thống quản lý khách hàng (với chức thêm, sửa, xóa) 29 Chức đăng nhập: Member Interface Proccess Control Database 1:[Chọn chức Đăng nhập] Gửi yêu cầu đăng nhập 2:Nhập UserName Password 3: Kiểm tra User 4: Kiểm tra 5: Xác thực thành công 6: Xác thực thành công 7: Thông báo đăng nhập thành công 8:[Chọn chức đổi mật khẩu] Gửi yêu cầu đổi mật 9: Hiện chức đổi mật 10: Nhập xác nhận Password 11: Thay đổi Password 12: Thay đổi Password 13: Xác nhận thay đổi thành công 14: Xác nhận thay đổi thành công 15: Thông báo đổi Password thành cơng Hình 17-Biểu đồ chức đăng nhập 30 1.2.3 Database Diagram Hình 18- Database Diagram 31 CHƯƠNG : CÀI ĐẶT HỆ THỐNG 3.1 Quản lý Admin 3.1.1 Trang chủ Hình – Giao diê ̣n Trang chủ 32 3.1.2 Trang Quản lý User Hình 2– Giao diê ̣n Trang Quản lý User 3.1.3 Trang Quản lý Đơn đặt hàng Hình 3– Giao diê ̣n Trang Quản lý Đơn đặt hàng 33 3.1.4 Trang Quản lý Tin tức Hình 4– Giao diê ̣n Trang Quản lý Tin tức 3.2 Quản lý hệ thống 3.2.1 Trang Đăng nhâ ̣p Hình 5– Giao diê ̣n Trang Đăng nhập 34 3.2.2 Trang chủ 35 Hình 6– Giao diê ̣n Trang chủ 36 3.2.3 Trang liên ̣ Hình 7– Giao diê ̣n Trang liên ̣ 37 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 điện thoại 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 cịn nhiều vấn đề hệ thống chưa giải kính mong nhận góp ý thầy Chúng em xin chân thành cảm ơn 38