BÁO CÁO CHUYÊN đề HỌC PHẦN LẬP TRÌNH WEB NÂNG CAO đề TÀI WEBSITE BÁN GIÀY VANS

lOMoARcPSD|10162138 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: WEBSITE BÁN GIÀY VANS Sinh viên thực : NGUYỄN HỮU MINH DƯƠNG ĐỖ THỊ MAI HƯƠNG Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D14CNPM3 Khóa : 2019-2023 Hà Nội, ngày 14 tháng 12 năm 2021 lOMoARcPSD|10162138 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ tên Chữ ký Ghi Nguyễn Hữu Minh Dương Đỗ Thị Mai Hương Giảng viên chấm: Họ tên Giảng viên chấm 1: Giảng viên chấm 2: Chữ ký Ghi lOMoARcPSD|10162138 LỜI MỞ ĐẦU Trong phát triển mạnh mẽ khoa học cơng nghệ giới, nói nghà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 những 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 nhữ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 những 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 những 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, hay 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 cơng ty việc xây dựng website riêng ngày trở nên cấp thiết Thông qua những 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 những người quan tâm, đến với khách hàng họ cách nhanh nhất, kịp thời, tránh những phiền hà mà phương thức giao tiếp truyền thống gặp phải Hoạt động shop bán giày có quy mơ lớn tăng cường mở rộng xây dựng website có khả giới thiệu shop cho phép quản lý mẫu giày cách nhanh chóng xác Bắt nguồn với ý tưởng này, em thực đề tài “website bán giày Vans” lOMoARcPSD|10162138 CHƯƠNG I: GIỚI THIỆU ĐỀ TÀI 1.Tìm hiểu “Xây dựng website bán giày Vans” Trong thời đại công nghệ thông tin nay, mà Internet trở lên thân quen dần trở thành công cụ thiếu sống lợi ích cảu 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 những lợi ích khác Đặc biệt, mặt hàng điện tử hàng hóa dễ bán những 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án giày Vans” nhằm đưa người dùng có những lựa chọn giày Vans mơ ̣t cách tồn diê ̣n, với thủ tục nhanh chóng để có mơ ̣t đơi giày ưng ý 2.Cơng cụ lập trình -Hệ quản trị sở dữ liệu: My SQL -Cơng cụ lập trình: PhpStorm, Visual Studio Code -Ngơn ngữ lập trình: PHP 3.Giới thiệu ngơn ngữ lập trình PHP Php ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác lOMoARcPSD|10162138 nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Ngôn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc., cơng ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô doanh nghiệp PHP phát triển từ sản phẩm có tên PHP/FI PHP/FI Rasmus Lerdorf tạo năm 1994, ban đầu xem tập đơn giản mã kịch Perl để theo dõi tình hình truy cập đến sơ yếu lý lịch ông mạng Ông đặt tên cho mã kịch 'Personal Home Page Tools' Khi cần đến chức rộng hơn, Rasmus viết thực thi C lớn để truy vấn tới sở dữ liệu giúp cho người sử dụng phát triển ứng dụng web đơn giản Rasmus định công bố mã nguồn PHP/FI cho người xem, sử dụng sửa lỗi có đồng thời cải tiến mã nguồn 4.Giới thiệu hệ quản trị sở liệu My SQL MySQL hệ quản trị sở dữ liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL hệ quản trị sở dữ liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet Người dùng tải MySQL miễn phí từ trang chủ MySQL có nhiều phiên cho hệ điều hành khác nhau: window, linux, MAC OS, lOMoARcPSD|10162138 MySQL những ví dụ Hệ Quản trị Cơ sở dữ liệu quan hệ sử dụng Ngơn ngữ truy vấn có cấu trúc (SQL) MySQL sử dụng cho việc bổ trợ NodeJs, PHP, Perl, nhiều ngôn ngữ khác, làm nơi lưu trữ những thông tin trang web viết NodeJs, PHP hay Perl, CHƯƠNG II: KHẢO SÁT HIỆN TRẠNG 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 những 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.Mơ hình nghiệp vụ hệ thống 2.1 Sơ đồ cấu tổ chức Hình 1: Sơ đồ cấu tổ chức 2.2 Chức phận Quản trị viên (Admin): Quản lý trực tiếp website, 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 mẫu giày, bảo mật thông tin website Người xem (Viewer): Có chức tìm kiếm, xem thơng tin giày, viết giới thiệu lOMoARcPSD|10162138 Khách Hàng (Customer): Có chức người xem (Viewer) Chức đăng nhập, đặt sản phẩm 2.3 Yêu cầu chức nghiệp vụ hệ thống lOMoARcPSD|10162138 Vai trò Quản trị viên (Admin) Chức -Đăng nhập, đăng xuất -Quản lý thông tin mẫu giày Vans -Quản lý viết giới thiệu tiểu sử Vans -Quản lý đơn đặt hàng người dùng -Quản lý thống kê Người xem (Viewer) -Đăng ký -Tìm kiếm thơng tin mẫu giàu Vans, viết giới thiệu Khách hàng (Customer) -Có đầy đủ chức người xem(Viewer) -Đăng nhập, đăng xuất, -Đặt giày -Nhận email sau hoàn thành đặt mẫu giày 2.4 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 cảu người dùng lOMoARcPSD|10162138 CHƯƠNG III PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 1.Các tác nhận hệ thống ST T Tác nhân Ý nghĩa, nhiệm vụ Actor Tác nhân Admin tác nhân giữ vai trị hệ thống website, người điều hành, quản lý theo dõi hoạt động hệ thống Tác nhân Admin thực tất chức có hệ thống quản trị như: đăng nhập, quản lý viết, quản lý mẫu giày, quản lý danh mục, quản lý khách hàng, tìm kiếm… Khách hàng truy cập vào website, xem nội dung website Khách hàng truy cập thực tìm kiếm, xem, chọn, đặt sản phẩm Xem viết khuyến mãi, mẫu giày mới… Khách hàng hỗ trợ trực tuyến, đóng góp ý kiến lOMoARcPSD|10162138 website 2.Các chức hệ thống Dựa văn mơ tả tốn việc phân tích tác nhân, ta xác định ca sử dụng sau: STT Tên chức Mô tả Chức cho phép Admin, Khách Hàng Đăng nhập thành viên vào hệ thống tài khoản để thực chức họ Chức cho phép khách hàng duyệt gi Đặt giày Thêm mẫu giày yêu thích website nhấn nút đặt giày chọn Chức cho phép khách hàng thêm mẫu giày vào danh sách yêu thích Chức cho phép Admin thêm, xem, Quản lý giày sửa, xóa thơng tin hình ảnh giày Chức cho phép Admin thêm, Quản lý viét xem, sửa, xóa, xem thơng tin viết Chức cho phép khách hàng Xem viết Admin xem thông tin viết lOMoARcPSD|10162138 Gửi phản hồi Chức cho phép khách hàng trao đổi qua mail với quản trị viên 3.Biểu đồ use case 3.1.Biểu đồ use case khác hàng Hình 3.1 Biểu đồ use case khách hàng lOMoARcPSD|10162138 3.2.Biểu đồ use case quản trị viên Hình 3.2 Biểu đồ use case quản trị viên 3.3 Sơ đồ use case chức đăng nhập Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 Hình 3.3 Biểu đồ use case đăng nhập 3.4 Biểu đồ use case chức đặt giày Hình 3.4 Biểu đồ use case chức đặt giày Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 CHƯƠNG IV: THIẾT KẾ GIAO DIỆN VÀ KIỂM THỬ 1.Thiết kế giao diện 1.1 Giao diện Admin 1.1.1 Form đăng nhập Hình 1.1.1 Form đăng nhập Admin Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 1.1.2 Form thêm mẫu giày Hình 1.1.2 Form thêm mẫu giày Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 1.1.3 Form thêm viết Hình 1.1.3 Form thêm bài viết Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 1.2 Giao diện người dùng 1.2.1 Form trang chu Hình 1.2.1a Form trang chu 1.2.2 Form mẫu giày Hình 1.2.2 Form các mẫu giày Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 1.2.3 Form đặt giày Hình 1.2.3 From đặt giày Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 1.2.4 Form lịch sử Vans Hình 1.2.4 Form lịch sử cua Vans Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 1.2.5 Form Admin 1.2.6 Form Tin Tức Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 1.2.7 Form giày nam 1.2.8 Form giày nữ 1.2.9 Form giỏ hàng Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN  Tổng kết Website bán giày Vans xây dựng nhằm mục đích giúp doanh nghiệp có thể: quản lý, vận hành mẫu giày Vans hay trình khách hàng đặt giày, giải những thắc mắc khách hàng qua hệ thống, tăng trải nghiệm người dùng Trong trình nghiên cứu hồn thiện dự án Website nhóm nỗ lực hoàn thiện hầu hết những chức như: đẩy dữ liệu từ database; thêm, xóa, sửa bảng; thống kê Thông qua đề tài, chúng em đạt nhiều mục tiêu đặt bổ sung nhiều kiến thức  Kết đạt -Phân tích thiết kế Database -Nắm ngơn ngữ lập trình -Xây dựng sở dữ liệu giao diện chương trình hệ quản trị sở dữ liệu MySQL PHP -Quản lý thông tin mẫu giày  Hạn chế -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 Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 -Chỉnh sửa giao diện đẹp mắt hơn, trực quan, tối ưu hóa thị độ mượt mà website -Phát triển thêm chức toán online qua cổng tốn 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 Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) lOMoARcPSD|10162138 LỜI CẢM ƠN Đầu tiên, xin chân thành cảm ơn đến thầy cô, giảng viên trường Đại học Điện Lực nói chung, chun ngành Cơng Nghệ Phần Mềm nói riêng hướng dẫn, cung cấp những kiến thức quan trọng khía cạnh chuyên ngành xã hội, giúp chúng tơi có kinh nghiệm, kỹ công việc, học tập, cách sống thật đắn Đặc biệt, xin chân thành cảm ơn hướng dẫn bảo tận tình thầy Phương Văn Cảnh, người hướng dẫn, quan tâm, động viên, thông cảm, tạo điều kiện thuận lợi cho nhóm nhiều q trình thực đề tài Các định hướng hiểu biết khoa học thầy tiền đề để chúng tơi hoàn thành đề tài Bài báo cáo ứng dụng cịn nhiều hạn chế Kính mong thầy góp ý để đề tài chúng tơi hồn thiện Cho chúng tơi những lời khun để có thêm kinh nghiệm bước vào tương lai Chân thành cảm ơn! Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com) ... 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, hay website. .. tăng cường mở rộng xây dựng website có khả giới thiệu shop cho phép quản lý mẫu giày cách nhanh chóng xác Bắt nguồn với ý tưởng này, em thực đề tài ? ?website bán giày Vans? ?? lOMoARcPSD|10162138... THIỆU ĐỀ TÀI 1.Tìm hiểu “Xây dựng website bán giày Vans? ?? Trong thời đại công nghệ thông tin nay, mà Internet trở lên thân quen dần trở thành cơng cụ khơng thể thiếu sống lợi ích cảu Website