TIỂU LUẬN môn họcmô đunlập trình web TMĐT tên đề tài tìm hiểu về module xác thực

TRƯỜNG CAO ĐẲNG CÔNG NGHỆ BÁCH KHOA HÀ NỘI KHOA CƠNG NGHỆ THƠNG TIN BÀI TIỂU LUẬN Mơn học/Mơ đun:Lập trình Web TMĐT Ngành: Lập trình Sinh viên thực Mã số sinh viên Lớp Giảng viên hướng dẫn : Lộc Quang Sơn : 20012030398 : K20.PR3.03 : Nguyễn Minh Đức Hà Nội, năm 2022 ĐỀ TÀI BÀI TIỂU LUẬN Môn học/Mơ đun: Lập trình Web TMĐT Họ tên: Lộc Quang Sơn Ma số sinh viên: 20012030398 Lơp: K20.PR3.03 Ngành: Lập trình Khoa: Cơng nghệ thơng tin I Đê tai: Module Xác thực AI Nội dung thực hiện: …………………………………………………………………………………………………………………… … …………………………………………………………………………………………………………………… … …………………………………………………………………………………………………………………… … …………………………………………………………………………………………………………………… … …………………………………………………………………………………………………………………… … BI Ngày giao đề tài: 28/02/2022 IV Ngày hoàn thành: 22/04/2022 Hà Nội, ngày … tháng… năm 20 TRƯỞNG KHOA GIẢNG VIÊN HƯỚNG DẪN PHIẾU ĐÁNH GIÁ NỘI DUNG BÀI TIỂU LUẬN Môn học/Mơ đun: Lập trình web TMĐT Họ tên sinh viên: Lộc Quang Sơn MSSV: 20012030398 Ngành: Lập trình Tên đề tài: Tìm hiểu module xác thực Nhận xét: ………………………………………………………………………………………………………………………………… … ………………………………………………………………………………………………………………………………… … ………………………………………………………………………………………………………………………………… … ………………………………………………………………………………………………………………………………… … ………………………………………………………………………………………………………………………………… … ………………………………………………………………………………………………………………………………… … ………………………………………………………………………………………………………………………………… … ………………………………………………………………………………………………………………………………… … Điểm chấm:………………………………………………………………………………………………………… Cán chấm (Ký ghi rõ họ tên) Tên sinh viên, tên đề tài tiểu Mơn học, mơ đun: Tìm hiểu module xác thực TT Môn học: Lập trình web TMĐT TT TRƯỞNG KHOA NHẬN XÉT Nhận xét giảng viên giảng dạy: GIẢNG VIÊN GIẢNG DẠY (Ký ghi rõ họ tên) LỜI MỞ ĐẦU Công nghê thông tin cang trở lên phổ biến va hữu dụng sông hiên Đặc biêt la ứng dụng phần mềm với nhiều chuơng trình ứng dụng có hiêu Trong có chuơng trình quản lý giúp nguời tổ chức xử lý công viêc trở lên đơn giản, nhanh chóng va chính xác Chính môn học này, em xây dựng Modul khơng thể thiếế́u q trình hồn thiện website Đó la: "Module xác thực (Module đăng ký/đăng nhập)" Module giúp ngườờ̀i dùng đăng nhập/ đăng ký tài khoản vào website từ tối ưu hóa trải nghiệm ngườờ̀i dùng Thông qua đợt xây dựng bai tập lớn em muôn nâng cao hiểu biết cua lĩnh vực Cơng nghê thơng tin nói chung, khả xây dựng chuơng trình va kỹ thuật lập trình cua Em rất mong đuợc quan tâm, giúp đỡ cua thầy cô Xin chân thành cảm ơn! MỤC LỤC LỜI MỞ ĐẦU Chương I : KHẢO SÁT HỆ THỐNG Mô tả môi trườờ̀ng hoạt động II Khảo sát toán III Ưu, nhược điểm hệ thống cũ Ưu điểm Nhược điểm IV Yêu cầu đề tài V Cơng cụụ̣ lập trình 10 Giới thiệu ngôn ngữ PHP 10 Lý nên chọn ngôn ngữ PHP 10 MySQL 11 Web Server: Apache 11 XAMPP 11 Chương I : PHÂN TÍCH HỆ THỐNG 13 Phân tíế́ch chức hệ thống 13 Sơ đồ phân rã chức 13 Sơ đồ mức khung cảnh 13 Sơ đồ mức đỉnh(mức 1) 13 Sơ đồ mức đỉnh(mức 2) 14 II Phân tíế́ch liệu hệ thống 15 Chương I : THIẾT KẾ HỆ THỐNG 16 Thiếế́t kếế́ sở liệu 16 II Thiếế́t kếế́ giao diện 17 Chương I : CÀI ĐẶT VÀ CHẠY THỬ 22 Cài đặt 22 Các công cụụ̣ cần cài đặt 22 Chạy thao tác để cài đặt chương trình 22 II Chạy thửử 23 KẾT LUẬN 26 TÀI LIỆU THAM KHẢO 27 Chương : KHẢO SÁT HỆ THỐNG I Mô tả môi trường hoạt động Môi trườờ̀ng để PHP hoạt động cần có thành tố sau: Phần mềm phiên dịch PHP (PHP Parser): Bản thân hệ điều hành máy tíế́nh (máy tíế́nh cá nhân hay máy chủ/server) đọc, hiểu xửử lý đoạn code PHP Chíế́nh vậy, cần có phần mềm để phiên dịch lại Và dĩ nhiên, nhà phát triển phần mềm chíế́nh nhà phát triển loại ngôn ngữ mã nguồn mở Các lập trình viên tải phần mềm phiên dịch PHP trang web chíế́nh thức www.php.net Phần mềm sở liệu: Code PHP hoạt động mà không cần đếế́n sở liệu Tuy nhiên, việc thiếế́u vắng sở liệu khiếế́n trình lập trình trở nên khó khăn, sản phẩm tạo khơng có khả cập nhật lưu trữ liệu mới, chíế́nh thếế́, code PHP cần kếế́t nối với sở liệu Chíế́nh thếế́, bạn cần phần mềm để cung cấế́p tíế́nh liên quan đếế́n xây dựng, kếế́t nối tương tác với sở liệu Ở thờờ̀i điểm tại, PHP làm việc tốt với hầu hếế́t phần mềm quản lý sở liệu tiếế́ng Oracle Sybase, hếế́t Mysql - lựa chọn ưu tiên hàng đầu sửử dụụ̣ng PHP Phần mềm Web server: Mặc dù không cần đếế́n Web server, code PHP hoạt động Terminal (giao diện thao tác lệnh hệ điều hành Linux) hay Cmd (giao diện thao tác lệnh hệ điều hành Windows) Tuy nhiên nếế́u dừng đó, code PHP xửử lý tương tác ngườờ̀i lập trình sản phẩm chẳng thể tiếế́p cận ngườờ̀i dùng Chíế́nh thếế́, PHP cần Web Server đóng vai trị cầu kếế́t nối ngườờ̀i dùng PHP PHP làm việc với phần mềm web server phổ biếế́n Apache (lựa chọn hàng đầu cho PHP), Nginx, Microsoft's Internet Information Server II Khảo sát toán Ngày với bùng nổ cách mạng thơng tin tồn cầu, thương mại điện tửử tồn cầu có bước đột phá lớn qua việc áp dụụ̣ng thương mại điện tửử làm phương tiện giao dịch thực nghiệp vụụ̣ thương mại Trong thương mại tíế́nh phổ dụụ̣ng, dễ dàng thuận tiện, an tồn nhanh chóng giao dịch yếế́u tố quyếế́t định việc thành bại, áp dụụ̣ng thông tin yếế́u tố tấế́t yếế́u Trong thờờ̀i đại ngày nay, nhu cầu lưu trữ truyền tải thông tin rấế́t lớn Khoa học công nghệ phát triển giúp cho doanh nghiệp, cá nhân có cơng cụụ̣ làm việc học tập vô hiệu Internet phát triển thâm nhập vào ngõ ngách, tầng lớp xã hội, giúp cho ngƣờờ̀i mở mang kiếế́n thức, cập nhật thông tin cách nhanh nhấế́t Internet đa giúp cho công ty cửửa hàng nhỏ không íế́t việc quảng cáo Với việc đờờ̀i trang web thơng tin đầy đủ nhấế́t công ty cửửa hàng đếế́n với khách nhiều Và ngày nay, ngườờ̀i thếế́ giới sửử dụụ̣ng internet cho việc tìm kiếế́m thơng tin, giao dịch mua bán đặc biệt vấế́n đề giải tríế́ đượcc ngườờ̀i quan tâm âm nhạc, phim truyện…ngày phổ biếế́n Vì vậy, việc thiếế́t kếế́ cho cơng ty trang web quảng bá thương hiệu đáp ứng nhu cầu ngườờ̀i sửử dụụ̣ng tìm kiếế́m Website có vai trị quan trọng phát triển kinh doanh doanh nghiệp Và lợi nhuận đem lại khơng phải nhỏ Mà tốn đặt ? Khi ngườờ̀i dùng cần trao đổi, mua bán hàng hóa sàn thương mại điện tửử dùng cách ? Để giải qúế́t tốn đó, nhà phát triển tạo module với tên gọi Module xác thực Với module xác thực, ngườờ̀i dùng đăng ký tài khoản để thực phương thức trao đổi, mua bán với ngườờ̀i khác Hoặc nếế́u ngườờ̀i dùng có tài khoản hệ thống tái đăng nhập lại để sửử dụụ̣ng dịch vụụ̣ website BI Ưu, nhược điểm hệ thống cũ Ưu điểm Khả lưu trữ data lớn Những rủi ro ngườờ̀i dùng chưa đăng nhập tiếế́t chếế́ lại Nhược điểm Thờờ̀i gian phản hồi từ server đếế́n ngườờ̀i dùng lâu Chi phíế́ bảo trì server tăng cao chưa áp dụụ̣ng kỹ thuật quản lý IV Yêu cầu đề tài Xây dựng module xác thực để khách hàng đăng ký/đăng nhập vào vào hệ thống để sửử dụụ̣ng dịch vụụ̣ website (*) Đăng ký: 13 Qu tin TT Ngư Gh Sơ đồ mức đỉnh(mức 2) Kiểm tra thông tin 1.3 Quản lý thông tin người dùng Xác nhận CSDL TT người dùng Kiểm tra đăng ký thông tin TT người dùng Người dùng Người dùng Ghi lại tin 14 II Phân tích liệu hệ thống 15 Chương : THIẾT KẾ HỆ THỐNG I Thiết kế sở liệu Bước 1: Trong XAMPP, khởi chạy MySQL Bước 2: Truy cập vào địa chỉ: localhost/phpmyadmin Bước 3: Trong Phpmyadmin, ta tạo database với tên gọi: baitaplon_php Bước 4: Tiếế́p tụụ̣c truy cập vào Database "baitaplon_php" vừa tạo để tạo bảng với tên gọi "members" thêm liệu vào bảng Sau ấế́n thực để chạy câu lệnh 16 Bước 5: Trong Vscode, tạo file folder với tên gọi "Modul_Xacthuc_php" Chú ý: File folder phải nằm thư mụụ̣c "htdocs" Folder "xampp" Nhấế́n tổ hợp phíế́m Ctrl + N để tạo file với tên gọi "config.php" File giúp kếế́t nối CSDL MySQl vào source code Sửử dụụ̣ng phương pháp truy xuấế́t sở liệu PDO AI Thiết kế giao diện Mở công cụụ̣ Visual Studio Code, tạo file với tên gọi login.php để làm form đăng nhập Sửử dụụ̣ng framework Bootstrap để dễ dàng hoàn thành giao diện Source code: Phần php: 17 Hình ảnh giao diện: 18 Tương tự, ta tạo thêm file với tên gọi "register.php" để làm form Đăng ký Tạo đườờ̀ng dẫn form với thẻ "a" Source code: Phần php: 19 20 Hình ảnh giao diện: Giao diện có trườờ̀ng để ngườờ̀i dùng điền thơng tin vào như: First Name, Last Name, Email, Password 21 Chương : CÀI ĐẶT VÀ CHẠY THỬ I Cài đặt Các công cụ cần cài đặt Lựa chọn môi trườờ̀ng sau cho việc cài đặt hệ thống web Hệ điều hành: Windows 7, Windows 10, Windows 11 Hệ quản trị sở liệu: MySQL Sever Ngơn ngữ lập trình: PHP Tải cài đặt XAMPP để khởi chạy web server Apache, MySQL Cài đặt VSCode Cài đặt thêm phần mềm Navicat Chạy thao tác để cài đặt chương trình Để cài đặt chương trình ta dùng thao tác sau Bước 1: Mở công cụụ̣ XAMPP lên, khởi chạy với quyền admin "Run as Administrator" Bước 2: Trong XAMPP Control Pannel, khởi chạy Apache MySQL để bắt đầu phiên làm việc Bước 3: Khởi chạy trình duyệt Web VD: GG Chrome 22 Bước 4: Trong tìm kiếế́m gõ địa chứa file cần làm việc VD: " localhost/file_name" Bước 5: Chọn vào file cần làm việc AI Chạy thử Lần lượt kiểm tra điều kiện đưa source code Ở form đăng nhập kiểm tra trườờ̀ng hợp đăng nhập thành công, đăng nhập thấế́t bại, email/password nhập có hay khơng ? Đăng nhập thành cơng: Nếế́u đăng nhập thành công hệ thống chuyển sang file dashboard.php đồng thờờ̀i tên ngườờ̀i dùng 23 Đăng nhập thấế́t bại: Kiểm tra xem tài khoản email password nhập có khơng Nếế́u chưa có tài khoản chuyển sang form đăng ký để tạo tài khoản Ở form đăng ký, kiểm tra điều kiện vd: trườờ̀ng nhập thiếế́u, địa email đăng ký, địa email không tồn tại, tạo tài khoản thành cơng Các trườờ̀ng nhập cịn thiếế́u: Địa email tồn tại: 24 Địa email không tồn Tạo tài khoản thành công: Hệ thống lưu tài khoản vào Database dẫn đếế́n trang Đăng nhập 25 KẾT LUẬN Trong dự án tập lớn này, xây dựng module xác thực hoàn thành Đã thực nhiệm vụụ̣ đề đạt kếế́t sau: Mô tả đầy đủ hoạt động nghiệp vụụ̣ tốn, qua làm rõ yêu cầu toán đặt Áp dụụ̣ng phương pháp phân tíế́ch thiếế́t kếế́ hướng cấế́u trúc để phân tíế́ch thiếế́t kếế́ hệ thống web Bản thiếế́t kếế́ đầy đủ chi tiếế́t, đảm bảo chấế́t lượng để dễ dàng chuyển sang chương trình Tiếế́n hành lựa chọn môi trườờ̀ng phát triển, tiếế́n hành lập trình cài đặt hệ thống Bước đầu thửử nghiệm với số liệu cho kếế́t chấế́p nhận Hạn chếế́ hệ thống chương trình Do thờờ̀i gian hạn chếế́ giao diện chưa đạt tíế́nh thân thiện cao Một số yếế́u tố an toàn bảo mật hệ thống chưa xem xét Hướng hoàn thiện là: Hoàn thiện hệ thống giao diện cho tiện dụụ̣ng Tăng cườờ̀ng yếế́u tố an toàn bảo mật hệ thống Đưa hệ thống vào ứng dụụ̣ng thửử nghiệm thực tếế́ 26 TÀI LIỆU THAM KHẢO [1] Nguyễn Văn Vỵ, Phân tích thiết kế hệ thống thông tin đại, Hướng đối tượng hướng cấu trúc NXB Thống kê, 2002 [2] Nguyễn Văn Vỵ, Phân tích thiết kế hệ thống thông tin quản lý, NXB Khoa học tự nhiên Cơng nghệ, 2008 [3] Nhóm tác giả Elicom (2000), Ngôn ngữ HTML cho World Wide Web, NXB Hà Nội [4] Phạm Hữu Khang, Phương Lan (hiệu đíế́nh) (2010), Lập trình web với PHP 5.3 sở liệu My SQL 5.1, NXB Phương Đông [5] Phạm Hữu Khang, Lập trình ứng dụng chuyên nghiệp SQL Server 2000 toàn tập, NXB Lao động – Xã Hội [6] Tham khảo tài liệu: https://www.php.net/ 27 ... chấm:………………………………………………………………………………………………………… Cán chấm (Ký ghi rõ họ tên) Tên sinh viên, tên đề tài tiểu Môn học, mô đun: Tìm hiểu module xác thực TT Mơn học: Lập trình web TMĐT TT TRƯỞNG KHOA NHẬN XÉT Nhận xét giảng...ĐỀ TÀI BÀI TIỂU LUẬN Mơn học/Mơ đun: Lập trình Web TMĐT Họ tên: Lộc Quang Sơn Ma số sinh viên: 20012030398 Lơp: K20.PR3.03 Ngành: Lập trình Khoa: Cơng nghệ thơng tin I Đê tai: Module Xác thực. .. triển tạo module với tên gọi Module xác thực Với module xác thực, ngườờ̀i dùng đăng ký tài khoản để thực phương thức trao đổi, mua bán với ngườờ̀i khác Hoặc nếế́u ngườờ̀i dùng có tài khoản