BÀI TIỂU LUẬN Môn học Lập trình Web TMĐT. ĐỀ 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 TRƯỜNG CAO ĐẲNG CÔNG NGHỆ BÁCH KHOA HÀ NỘI KHOA CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ĐỀ 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 Mã số sinh viên: 20012030398 Lớp: K20.PR3.03 Ngành: Lập trình Khoa: Cơng nghệ thơng tin I Đề tài: Module Xác thực II Nội dung thực hiện: ……………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………… III 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 TRƯỜNG CAO ĐẲNG CÔNG NGHỆ BÁCH KHOA HÀ NỘI KHOA ……………… CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc 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) TRƯỜNG CAO ĐẲNG CÔNG NGHỆ BÁCH KHOA HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc DANH SÁCH Tên sinh viên, tên đề tài tiểu luận Môn học, mơ đun: Tìm hiểu module xác thực TT MSSV Họ tên sinh viên Lớp Tên đề tài 20012030398 Lộc Quang Sơn K20.PR3.03 Module xác thực Mơn học: Lập trình web TMĐT TT MSSV Họ tên sinh viên Lớp Tên đề tài 20012030398 Lộc Quang Sơn K20.PR3.03 Module xác thực TRƯỞNG KHOA Hà Nội, ngày…tháng…năm 2022 GIÁO VỤ 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 ngày càng trở lên phổ biến và hữu dụng sống hiện Đặc biệt là ứ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 và 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 Đó là: "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 bài tập lớn này em muốn nâng cao hiểu biết của lĩnh vực Cơng nghệ thơng tin nói chung, khả xây dựng chuơng trình và kỹ thuật lập trình của Em rất mong đuợc quan tâm, giúp đỡ của 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) khơng thể đọ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 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 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 q 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, thế, code PHP ln 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 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ố đị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 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 Internet đa giúp cho công ty cửa hàng nhỏ khơng việc quảng cáo Với việc đời trang web thơng tin đầy đủ cơng ty cửa hàng đến với khách nhiều Và ngày nay, người 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à toá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 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 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 III Ư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ý: Người dùng đăng ký tài khoản vào hệ thống Khi tài khoản hợp lệ, hệ thống cấp quyền truy cập người dùng từ họ đăng nhập vào website trải nghiệm dịch vụ mà website mang lại (*) Đăng nhập: Người dùng có sẵn tài khoản từ trước tái sử dụng lại cách đăng nhập Hệ thống kiểm tra xem tài khoản có server chưa, có duyệt tài khoản gửi thơng báo "Đăng nhập thành cơng" cho user Nếu chưa có tài khoản, hệ thống yêu cầu khách hàng đăng ký tài khoản trước đăng nhập vào hệ thống V Cơng cụ lập trình  Ngơn ngữ kịch sử dụng: PHP  Phần mềm chạy source code: XAMPP  Phần mềm Web Server: Apache, MySQL Giới thiệu ngôn ngữ PHP PHP ngôn ngữ lập trình web, dạng mã nguồn mở (xem PHP: Hypertext Preprocessor) ngôn ngữ script sever thiết kế dễ dàng xây dựng trang Web động Mã PHP thực thi Webserver để tạo mã HTML xuất trình duyệt web theo yêu cầu người sử dụng PHP phát triển với mục đích xây dựng trang web cá nhân (Personal Home Page) Sau đƣợc phát triển thành ngơn ngữ hoàn chỉnh ưa chuộng toàn việc phát triển ứng dụng Web based Theo NetCraft:  Tháng 11 năm 1999, triệu máy chủ  Tháng năm 2000, 1.4 triệu máy chủ PHP thường hoạt động theo thứ tự sau: Người dùng gửi yêu cầu lên máy chủ Máy chủ xử lý yêu cầu (thông dịch mã PHP chạy chương trình, mã PHP truy xuất CSDL, tạo hình ảnh, đọc ghi file, tương tác với máy chủ khác ) Máy chủ gửi liệu cho người dùng (thƣờng dạng HTML) Lý nên chọn ngôn ngữ PHP Khi sử dụng PHP, người dùng có tốc độ nhanh nhiều so với ngôn ngữ kịch khác, PHP phần mềm mã nguồn mở Ngoài PHP chạy nhiều hệ điều hành khác Rút ngắn thời gian phát triển: PHP 10 Chương : PHÂN TÍCH HỆ THỐNG I Phân tích chức hệ thống Sơ đồ phân rã chức Hệ thống quản lý tài khoản Đăng nhập Đăng ký Tạo tài khoản Báo cáo, thống kê Số tài khoản Số lượt truy cập vào web Sơ đồ mức khung cảnh Thông tin người dùng 0.0 Đăng nhập & Đăng ký Người dùng Xác nhận/Đăng ký thông tin Sơ đồ mức đỉnh(mức 1) Bên cạnh sơ đồ ngữ cảnh sơ đồ luồng liệu mức Ở cấp độ này, hệ thống phải hiển thị tiết lộ thêm thông tin xử lý Sau liệu cần thiết để điều chỉnh: • Hồ sơ người dùng • Thơng tin người dùng • Ngày ghi nhật ký • Hồ sơ giao dịch 13 Kiểm tra thông tin 1.1 1.3 Quản lý thông tin người dùng Kiểm tra đăng ký thông tin TT người dùng TT người dùng Người dùng Người dùng TT 1.2 1.4 Xác nhận cập nhật Ghi lại thông tin Cập nhật thông tin Sơ đồ mức đỉnh(mức 2) Kiểm tra thông tin 1.1 Quản lý thông tin người dùng CSDL người dùng 1.3 Xác nhận CSDL Kiểm tra đăng ký thông tin TT người dùng TT người dùng Người dùng TT Người dùng 1.2 Ghi lại thông tin Xác nhận cập nhật Cập nhật thông tin CSDL nhật ký/giao dịch Xác nhận cập nhật 14 1.4 II Phân tích liệu hệ thống Thuộc tính Mơ tả Kiểu liệu id id_user int(11) first_name Họ varchar(255) last_name Tên varchar(255) email email varchar(255) password Mật varchar(255) 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 II 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 II 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 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 chun 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