Tài liệu Xây dựng website đặt và quản lý tour du lịch

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM SIOUDOMPHANH KHANKEO KEOVICHITH XAYMETH ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE QUẢN LÝ TOUR DU LỊCH Kon Tum, tháng 04 năm 2022 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE QUẢN LÝ TOUR DU LỊCH GIẢNG VIÊN HƯỚNG DẪN : ThS. LÊ THỊ BẢO YẾN SINH VIÊN THỰC HIỆN : SIOUDOMPHANH KHANKEO : KEOVICHIT XAYMETH LỚP : K11TT MSSV : 17152480201014 : 17152480201018 Kon Tum, tháng 04 năm 2022 LỜI CÁM ƠN Trải qua thời gian học tập và rèn luyện dưới mái trường Phân Hiệu Đại Học Đà Nẵng tại Kon Tum, bản thân em và các bạn đã tiếp thu được rất nhiều những kiến thức của thầy cô tại phân hiệu đặc biệt là thầy cô thuộc khoa Công nghệ. Các em xin gửi lời cảm ơn đến thầy cô. Các em xin chân thành cảm ơn cô Lê Thị Bảo Yến đã tận tình hướng dẫn, giúp đỡ nhóm em hoàn thành đồ án tốt nghiệp này. Các em cũng xin gửi lời cảm ơn đến thầy Đồng Ngọc Nguyên Thịnh, người đã đưa ra những ý kiến, đóng góp để giúp em có thể hoàn thiện đồ án một cách chỉnh chu hơn. Cuối cùng, các em chúc tất cả các thầy cô công tác tốt và luôn dồi dào sức khỏe để có thể cống hiến hết mình cho những thế hệ sinh viên tiếp theo. Các xin chân thành cảm ơn! Sinh viên SIOUDOMPHANH Khankeo KEOVICHIT Xaiymeth MỤC LỤC CHƯƠNG 1 TỔNG QUAN ĐỀ TÀI............................................................................1 1.1. TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU ..............................................................1 1.2. LÝ DO CHỌN ĐỀ TÀI ..........................................................................................1 1.3. MỤC TIÊU NGHIÊN CỨU...................................................................................1 1.3.1. Lý thuyết ..........................................................................................................1 1.3.2. Công nghệ ........................................................................................................1 1.3.3. Ứng dụng ..........................................................................................................2 1.4. PHƯƠNG PHÁP NGHIÊN CỨU .........................................................................2 1.4.1. Khảo sát thực tế ...............................................................................................2 1.4.2. Lý thuyết ..........................................................................................................2 1.4.3. Công nghệ ........................................................................................................2 1.5. PHẠM VI ỨNG DỤNG .........................................................................................2 CHƯƠNG 2 CƠ SỞ LÝ THUYẾT ..............................................................................3 2.1. LÝ THUYẾT ÁP DỤNG........................................................................................3 2.1.1. Website .............................................................................................................3 2.1.2. Mô hình MVC ..................................................................................................3 2.1.3. Mô hình thương mại điện tử B2C ..................................................................4 2.2. CÔNG NGHỆ ÁP DỤNG ......................................................................................4 2.2.1. Frontend ...........................................................................................................4 2.2.2. Backend ............................................................................................................7 2.3. PHẦN MỀM SỬ DỤNG ........................................................................................8 2.3.1. Visual Studio Code ..........................................................................................8 2.3.2. XAMPP ............................................................................................................9 CHƯƠNG 3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ........................................10 3.1. ĐỐI TƯỢNG SỬ DỤNG .....................................................................................10 3.1.1. Admin .............................................................................................................10 3.1.2. Khách hàng ....................................................................................................11 3.1.3. Người quản lý tour ........................................................................................11 3.2. PHÂN TÍCH YÊU CẦU ......................................................................................12 3.2.1. Admin .............................................................................................................12 3.2.2. Khách hàng ....................................................................................................24 3.2.3. Người quản lý tour ........................................................................................27 3.3. PHÂN TÍCH THIẾT KẾ HỆ THỐNG ..............................................................33 3.3.1. Sơ đồ use case ................................................................................................33 3.3.2. Sơ đồ tuần tự..................................................................................................42 3.3.3. Sơ đồ lớp.........................................................................................................57 3.3.4. Lược đồ cơ sở dữ liệu ....................................................................................63 CHƯƠNG 4 KẾT QUẢ DEMO .................................................................................68 4.1. FRONTEND ..........................................................................................................68 i 4.1.1. Trang chủ .......................................................................................................68 4.1.2. Trang tour trong nước ..................................................................................69 4.1.3. Trang tour nước ngoài ..................................................................................70 4.1.4. Trang danh sách tour....................................................................................70 4.1.5. Trang xem tour ..............................................................................................71 4.1.6. Trang quản lý tour ........................................................................................73 4.1.7. Trang danh sách blog....................................................................................76 4.1.8. Trang xem bài blog .......................................................................................77 4.1.9. Trang quản lý tài khoản ...............................................................................77 4.1.10. Trang quản lý trợ giúp ...............................................................................78 4.2. BACKEND ............................................................................................................78 4.2.1. Trang chủ .......................................................................................................78 4.2.2. Trang thống kê ..............................................................................................79 4.2.3. Trang quản lý tài khoản ...............................................................................79 4.2.4. Trang quản lý tỉnh ........................................................................................80 4.2.5. Trang quản lý blog ........................................................................................81 4.2.6. Trang quản lý trợ giúp .................................................................................81 4.2.7. Trang quản lý tour ........................................................................................81 4.2.8. Trang quản lý đặt tour .................................................................................82 4.2.9. Trang quản lý slide........................................................................................82 CHƯƠNG 5 KẾT LUẬN ............................................................................................84 5.1. KẾT LUẬN ...........................................................................................................84 5.1.1. Kết quả đạt được ...........................................................................................84 5.1.2. Hạn chế ...........................................................................................................84 5.2. HƯỚNG PHÁT TRIỂN .......................................................................................84 TÀI LIỆU THAM KHẢO...........................................................................................85 ii DANH MỤC CÁC CHỮ VIẾT TẮT API B2C CSDL CSS HTML HTTP MVC PHP VSCODE : : : : : : : : : Application Programming Interface Business To Consumer Cơ sở dữ liệu Cascading Style Sheets HyperText Markup Language Hyper Text Transfer Protocol Model View Controller Hypertext Preprocessor Visual Studio Code iii DANH MỤC CÁC BẢNG Số hiệu bảng 3.1. 3.2. 3.3. 3.4. 3.5. 3.6. 3.7. 3.8. 3.9. 3.10. 3.11. 3.12. 3.13. 3.14. 3.15. 3.16. 3.17. 3.18. 3.19. 3.20. 3.21. 3.22. 3.23. 3.24. 3.25. 3.26. 3.27 . 3.28. 3.29. 3.30. 3.31. 3.32. 3.33. 3.34. 3.35. 3.36. 3.37. Tên bảng Chức năng của Admin Chức năng của Khách hàng Chức năng của Người quản lý tour Giải thích sơ đồ tuần tự đăng ký Giải thích sơ đồ tuần tự đăng nhập Giải thích sơ đồ tuần tự đăng xuất Giải thích sơ đồ tuần tự xem danh sách Giải thích sơ đồ tuần tự xem chi tiết Giải thích sơ đồ tuần tự tìm kiếm Giải thích sơ đồ tuần tự thêm mới Giải thích sơ đồ tuần tự chỉnh sửa Giải thích sơ đồ tuần tự xóa Giải thích sơ đồ tuần tự đặt tour Giải thích sơ đồ tuần tự hủy đặt tour Giải thích sơ đồ tuần tự gửi trợ giúp Giải thích sơ đồ tuần tự phản hồi trợ giúp Giải thích sơ đồ hiển thị danh sách tour Giải thích sơ đồ in hóa đơn đặt tour Lớp tài khoản Lớp tài khoản quản lý Lớp tài khoản khách hàng Lớp blog Lớp tour Lớp tỉnh Lớp quốc gia Lớp trở giúp Lớp loại trở giúp Lớp slide Lớp loại slide Lược đồ CSDL tài khoản Lược đồ CSDL khách hàng Lược đồ CSDL tỉnh Lược đồ CSDL quốc gia Lược đồ CSDL tour Lược đồ CSDL blog Lược đồ CSDL trợ giúp Lược đồ CSDL loại trợ giúp iv Trang 10 11 11 42 44 45 45 46 46 47 48 50 51 52 53 54 55 56 57 58 58 59 59 60 61 61 62 62 62 63 64 64 64 64 65 65 66 3.38. 3.39. 3.40. Lược đồ CSDL đặt tour Lược đồ CSDL slide Lược đồ CSDL loại slide v 66 66 67 DANH MỤC CÁC HÌNH VẼ Số hiệu hình vẽ 2.1. 2.2. 2.3. 2.4. 2.5. 2.6. 2.7. 2.8. 2.9. 2.10. 2.11. 2.12. 2.13. 3.1. 3.2. 3.3. 3.4. 3.5. 3.6. 3.7. 3.8. 3.9. 3.10. 3.11. 3.12. 3.13. 3.14. 3.15. 3.16. 3.17. 3.18. 3.19. 3.20. 3.21. 3.22. 3.23. 3.24. Tên hình vẽ Mô MVC Mô B2C Ngôn ngữ HTML Ngôn ngữ CSS Ngôn ngữ JavaScript Logo bootstrap Logo jQuery Ngôn ngữ PHP Hệ quản trị CSDL MySQL Logo PHPMailer Logo TCPDF Phần mềm Visual Studio Code Công cụ XAMPP Sơ đồ Use case tổng quát Sơ đồ use case đăng ký Sơ đồ use case đăng nhập Sơ đồ use case tìm kiếm Sơ đồ use case quản lý đặt tour Sơ đồ use case đăng nhập Sơ đồ use động từ xem thống kê Sơ đồ use case quản lý tài khoản Sơ đồ use case quản lý tour Sơ đồ use case quản lý Blog Sơ đồ use case trợ giúp Sơ đồ use case quản lý tỉnh Sơ đồ use case quản lý quốc gia Sơ đồ use case quản lý slide Sơ đồ use case quản lý loại slide Sơ đồ use case quản lý đặt tour Sơ đồ use case đăng nhập nhân viên quản lý Sơ đồ use case nhân viên quản lý Blog Sơ đồ use case nhân viên quản lý đặt tour Sơ đồ tuần tự đăng ký Sơ đồ tuần tự đăng nhập Sơ đồ tuần tự đăng xuất Sơ đồ tuần tự xem danh sách Sơ đồ tuần tự xem chi tiết vi Trang 3 4 5 5 6 6 7 7 8 8 8 9 9 33 34 34 35 35 36 36 37 37 38 38 39 39 40 40 41 41 42 42 43 44 45 46 46 3.25. 3.26. 3.27. 3.28. 3.29. 3.30. 3.31. 3.32. 3.33. 3.34. 3.35. 3.36. 4.1. 4.2. 4.3. 4.4. 4.5. 4.6. 4.7. 4.8. 4.9. 4.10. 4.11. 4.12. 4.13. 4.14. 4.15. 4.16. 4.17. 4.18. 4.19. 4.20. 4.21. 4.22. 4.23. 4.24. 4.25. 4.26. 4.27. Sơ đồ tuần tự tìm kiếm Sơ đồ tuần tự thêm mới Sơ đồ tuần tự chỉnh sửa Sơ đồ tuần tự xóa Sơ đồ tuần tự đặt tour Sơ đồ tuần hủy đặt tour Sơ đồ tuần tự gửi trợ giúp Sơ đồ tuần tự phản hồi trợ giúp Sơ đồ tuần tự in danh sách tour Sơ đồ tuần tự in hóa đơn đặt tour Sơ đồ lớp Lược đồ CSDL Giao diện trang chủ trên máy tính Giao diện trang chủ trên điện thoại Giao diện trang tour trong nước Giao diện trang tour nước ngoài Giao diện xem danh sách tour Giao diện xem tour Giao diện hiển thị thông tin đặt tour Thông tin đặt tour được gửi qua email Giao diện quản lý tour Giao diện chỉnh sửa và copy tour Giao diện xem đơn đặt tour Giao diện hiển thị danh sách khách hàng đặt tour Thông tin email đã được xác nhận Thông tin email đã hoành thành tour Thông tin email đã hủy tour Giao diện danh sách blog Giao diện xem bài blog Trang quản lý tài khoản Giao diện chỉnh sửa tài khoản Giao diện quản lý trợ giúp Giao diện trang chủ Giao diện trang thống kê Trang quản lý tài khoản Giao diện trang quản lý tỉnh và quốc gia Giao diện quản lý blog Giao diện quản lý trợ giúp Giao diện quản lý tour vii 47 48 50 51 52 53 54 55 55 56 57 63 68 69 69 70 71 72 72 73 73 74 75 75 75 76 76 76 77 77 77 78 79 79 80 80 81 81 82 4.28. 4.29. Giao diện quản lý đặt tour Giao diện quản lý slide viii 82 83 CHƯƠNG 1 TỔNG QUAN ĐỀ TÀI 1.1. TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU Với xu thế hiện nay, mọi mặt về đời sống xã hội ngày càng được nâng cao, Với những thao tác đơn giản trên máy tính hoặc điện thoại smartphone có kết nối mạng Internet là đã có thể đặt tận tay những gì mình cần qua trang dịch vụ thương mại điện tử mà không phải mất nhiều thời gian và công sức mua tại các cửa hàng. Hơn nữa trước sự phát triển ngày càng nhanh chóng của lĩnh vực công nghệ thông tin, cụ thể hơn là lĩnh vực Mạng và Truyền Thông đang phát triển mạnh mẽ và đi kèm với các dịch vụ tiện ích để phục vụ đời sống công việc, giải trí… và đặc biệt du lịch là nhu cầu không thể thiếu trong cuộc sống hiện nay. Trong đó, sử dụng dịch vụ đặt tour “trực tuyến” qua mạng đang trở nên cấp thiết. Đối với những địa điểm du lịch thì việc sử dụng Internet để quảng bá các tour du lịch sẽ trở nên rất cần thiết, thứ nhất là có thế quảng bá được địa điểm du lịch đến gần hơn với khách du lịch và thứ hai là trợ giúp khách du lịch tìm kiếm, đặt tour du lịch trong nước và ngoài nước một cách nhanh chóng và tiện lợi nhất. 1.2. LÝ DO CHỌN ĐỀ TÀI Trước tác động mạnh mẽ của cách mạng công nghiệp phát triển, việc ứng dụng công nghệ thông tin để nhằm thúc đẩy sự phát triển của các lĩnh vực chính trị, kinh tế, xã hội là điều tất yếu. Đặc biệt trong sự phát triển ngành du lịch, nó được coi là giải pháp đột phá để tạo lợi thế thu hút du khách, nâng cao năng lực cạnh tranh và hội nhập quốc tế. Nắm bắt được xu thế đó và tận dụng ưu điểm về đa dạng các loại hình dịch vụ du lịch Lào, em quyết định sử dụng các công nghệ thiết kế Website để tạo ra một trang web giúp người dùng có thể tiếp cận và đặt những chuyến du lịch một cách dễ dàng hơn qua đó nâng cao chất lượng dịch vụ du lịch của nước Lào hiện nay. Vì vậy em đã quyết định xây dựng Website đặt và quản lý tour du lịch này. 1.3. MỤC TIÊU NGHIÊN CỨU 1.3.1. Lý thuyết - Nắm vững vô hình MVC trong việc thiết kế website. - Nắm được các mô hình kinh doanh du lịch. - Nắm được các phương thức thanh toán website trực tuyến. 1.3.2. Công nghệ - Áp dụng được công nghệ PHP vào trong lập trình website. - Kết nối được cơ sở dữ liệu và quản lý được CSDL bằng công nghệ MySQL. - Nắm được công nghệ gửi email bằng thư hiện PHPMailer. - Tạo được bản in hóa đơn đặt tour và in danh sách đặt tour bằng thư viện TCPDF. - Sử dụng được github để quản lý source code. 1 1.3.3. Ứng dụng Xây dựng được một “Website quản lý đặt tour du lịch” với những chức năng của một website quản lý đặt tour và trển khai được vào hoạt động thực tế. 1.4. PHƯƠNG PHÁP NGHIÊN CỨU 1.4.1. Khảo sát thực tế - Trải nghiệm thực tế các tour du lịch có sẵn trong nước Việt nam và tìm hiểu quy trình đặt tour của họ. - Khảo sát những người quản lý tour xem có mong muốn sử dụng một website giúp quản lý đặt tour và có những khó khăn gì khi quản lý tour. - Khảo sát khách hàng đặt tour có muốn sử dụng website đặt tour không và cần có gì trong website. 1.4.2. Lý thuyết - Nghiên cứu cách hoạt động mô hình MVC. - Tìm hiểu các mô hình thương mại điện tử. - Tìm hiểu các mô hình kinh doanh tour du lịch phổ biến tại Việt Nam. Tìm ra một loại hình kinh doanh phù hợp nhất 1.4.3. Công nghệ - Ứng dụng các công nghệ HTML, CSS, JavaScript và thiết kế website thân thiện, dễ sử dụng, cho phép người dùng có thể dễ dàng thực hiện book các tour du lịch. - Nắm bắt công nghệ PHP dùng trong việc xây dựng backend. - Nắm bắt công cụ Xampp để host server PHP và MySQL. - Tiếp thu và lĩnh hội các kiến thức về database (MySQL). 1.5. PHẠM VI ỨNG DỤNG - Vấn đề nghiên cứu: Đề tài nghiên cứu những công nghệ và kĩ thuật cần thiết để xây dựng nên một website với đầy đủ các tính năng nhằm phục vụ các tour du lịch. - Về mặt không gian: Đề tài nghiên cứu giới hạn trên phạm vi Internet và môi trường du lịch thực tế. - Về mặt thời gian: Việc nghiên cứu được bắt đầu từ tháng 10 năm 2021 đến tháng 3 năm 2022. 2 CHƯƠNG 2 CƠ SỞ LÝ THUYẾT 2.1. LÝ THUYẾT ÁP DỤNG 2.1.1. Website Website, còn gọi là trang web hoặc trang mạng, là một tập hợp trang web, thường chỉ nằm trong một tên miền hoặc tên miền phụ trên World Wide Web của Internet. Một trang web là tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP. Một website gồm nhiều webpage (trang con), đó là các tập tin dạng html hoặc xhtml, được lưu trữ tại một máy tính có chức năng là máy chủ. Thông tin trên đó có nhiều dạng: văn bản, âm thanh, hình ảnh, video... 2.1.2. Mô hình MVC MVC là từ viết tắt bởi 3 từ Model – View – Controller. Đây là mô hình thiết kế sử dụng trong kỹ thuật phần mềm. Mô hình source code thành 3 phần, tương ứng mỗi từ. Mỗi từ tương ứng với một hoạt động tách biệt trong một mô hình[1]. Hình 2.1: Mô hình MVC a. Model (M) Là bộ phận có chức năng lưu trữ toàn bộ dữ liệu của ứng dụng. Bộ phận này là một cầu nối giữa 2 thành phần bên dưới là View và Controller. Model thể hiện dưới hình thức là một cơ sở dữ liệu hoặc có khi chỉ đơn giản là một file XML bình thường. Model thể hiện rõ các thao tác với cơ sở dữ liệu như cho phép xem, truy xuất, xử lý dữ liệu... b. View (V) Đây là phần giao diện (theme) dành cho người sử dụng. Nơi mà người dùng có thể lấy được thông tin dữ liệu của MVC thông qua các thao tác truy vấn như tìm kiếm hoặc sử dụng thông qua các website. Thông thường, các ứng dụng web sử dụng MVC View như một phần của hệ thống, nơi các thành phần HTML được tạo ra. Bên cạnh đó, View cũng có chức năng ghi nhận hoạt động của người dùng để tương tác với Controller. Tuy nhiên, View không có mối quan hệ trực tiếp với Controller, cũng không được lấy dữ liệu từ Controller mà chỉ hiển thị yêu cầu chuyển cho Controller mà thôi. 3 c. Controller (C) Bộ phận có nhiệm vụ xử lý các yêu cầu người dùng đưa đến thông qua view. Từ đó, C đưa ra dữ liệu phù hợp với người dùng. Bên cạnh đó, Controller còn có chức năng kết nối với model. 2.1.3. Mô hình thương mại điện tử B2C B2C là viết tắt của cụm từ Business To Consumer (Doanh nghiệp - Người tiêu dùng). B2C là thuật ngữ mô tả giao dịch giữa các doanh nghiệp với người tiêu dùng. Đây là quá trình bán sản phẩm và dịch vụ trực tiếp giữa những người tiêu dùng là người cuối cùng mua sản phẩm và dịch vụ của doanh nghiệp. Hầu hết các doanh nghiệp bán trực tiếp cho người tiêu dùng có thể được gọi là các doanh nghiệp B2C[5]. Hình 2.2: Mô hình B2C 2.2. CÔNG NGHỆ ÁP DỤNG 2.2.1. Frontend a. HTML HTML là chữ viết tắt của Hypertext Markup Language. Nó giúp người dùng tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, links, blockquotes… Khi làm việc với HTML, chúng ta sẽ sử dụng cấu trúc code đơn giản (tags và attributes) để đánh dấu lên trang web. HTML documents là files kết thúc với đuôi .html hay .htm. Bạn có thể xem chúng bằng cách sử dụng bất kỳ trình duyệt web nào (như Google Chrome, Safari, hay Mozilla Firefox). Trình duyệt đọc các files HTML này và xuất bản nội dung lên internet sao cho người đọc có thể xem được nó[12]. 4 Hình 2.3: Ngôn ngữ HTML b. CSS CSS là ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet language. Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn ngữ đánh dấu, như là HTML. Nó có thể điều khiển định dạng của nhiều trang web cùn lúc để tiết kiệm công sức cho người viết web. Nó phân biệt cách hiển thị của trang web với nội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và font chữ[13]. Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngôn ngữ markup (nền tảng của site) và CSS định hình phong cách (tất cả những gì tạo nên giao diện website), chúng là không thể tách rời. Hình 2.4: Ngôn ngữ CSS c. JavaScript JavaScript là một ngôn ngữ lập trình được sử dụng để tạo ra những trang web tương tác. Nó được tích hợp và nhúng trong HTML. JavaScript cho phép kiểm soát các hành vi của trang web tốt hơn so với khi chỉ có một mình HTML. JavaScript kết hợp vào HTML, chạy trên Windows, Macintosh và các hệ thống hỗ trợ Netscape khác[14]. JavaScript có rất nhiều ưu điểm khiến nó vượt trội hơn so với các đối thủ, đặc biệt trong các trường hợp thực tế. Nó không cần một compiler vì web browser có thể biên dịch nó bằng HTML, dễ học hơn các ngôn ngữ lập trình khác, lỗi dễ phát hiện hơn và vì vậy dễ sửa hơn. Nó có thể được gắn trên một số element của trang web hoặc event của trang web như là thông qua click chuột hoặc di chuột tới, hoạt động trên nhiều trình duyệt, nền tảng. Nó giúp kiểm tra input và giảm thiểu việc kiểm tra thủ công khi truy 5 xuất qua database, giúp website tương tác tốt hơn với khách truy cập, nhanh hơn và nhẹ hơn các ngôn ngữ lập trình khác[15]. Hình 2.5: Ngôn ngữ JavaScript d. Bootstrap Bootstrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn dựa trên những thành tố cơ bản sẵn có như typography, forms, buttons, tables, grids, navigation, image carousels…[15]. Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo ra một mẫu webiste hoàn chỉnh. Với các thuộc tính về giao diện được quy định sẵn như kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình thiết kế giao diện website. Hình 2.6: Logo bootstrap e. Jquery JQuery là một thư viện Javascript rất nổi bật và được sử dụng phổ biến trong các lập trình web. Jquery ra đời bởi John Resig vào năm 2006 và trở thành một trong những phần quan trọng đối với website có sử dụng Javascript. So với việc sử dụng Slogan thì JQuery đã giúp cho lập trình viên có thể tiết kiệm được nhiều công sức cũng như thời gian cho quá trình thiết kế website. 6 Hình 2.7: Logo jQuery 2.2.2. Backend a. PHP PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới[1]. Hình 2.8: Ngôn ngữ PHP b. MySQL MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì MySQL là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh. Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet. Người dùng có thể tải về MySQL miễn phí từ trang chủ. MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS... 7 MySQL được sử dụng cho việc bổ trợ NodeJs, PHP, Perl, và nhiều ngôn ngữ khác, làm nơi lưu trữ những thông tin trên các trang web viết bằng NodeJs, PHP hay Perl [10]. Hình 2.9: Hệ quản trị CSDL MySQL c. PHPMailer Trong php có hàm mail giúp hệ thống gửi mail, nhưng hàm này có nhiều hạn chế trong sử dụng, cụ thể là các hosting ít khi nào cho phép gửi mail với hàm này. Cho nên các web dev thường cần tới sự hỗ trợ của các thư viện gửi mail bên ngoài, như PHPMailer, Swiftmailer… PHPMailer là thư viện gửi mail rất phổ biển, nhiều người dùng. Hình 2.10: Logo PHPMailer d. TCPDF Hiện nay, có rất nhiều ứng dụng web đưa ra các tài liệu văn bản dưới dạng hóa đơn, hợp đồng hoặc chỉ là một trang web dưới dạng PDF. Có một vài class PHP mà có thể dùng để tạo file PDF trực tuyến, và một trong số chúng là TCPDF. Hình 2.11: Logo TCPDF 2.3. PHẦN MỀM SỬ DỤNG 2.3.1. Visual Studio Code Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux và macOS, Visual Studio Code được phát triển bởi Microsoft. Nó được xem là một sự kết hợp hoàn hảo giữa IDE và Code Editor[17]. 8 Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn. Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn khác. Hình 2.12: Phần mềm Visual Studio Code 2.3.2. XAMPP XAMPP là chương trình tạo web server được ứng dụng trên các hệ điều hành Linux, MacOS, Windows, Cross-platform, Solaris. XAMPP hoạt động dựa trên sự tích hợp của 5 phần mềm chính là Cross-Platform (X), Apache (A), MariaDB (M), PHP (P) và Perl (P), nên tên gọi XAMPP cũng là viết tắt từ chữ cái đầu của 5 phần mềm này. Sử dụng XAMPP để xây dựng và phát triển các dự mạng xã hồi án website theo ngôn ngữ PHP. XAMPP được sử dụng cho mục đích nghiên cứu, phát triển website qua Localhost của máy tính cá nhân. XAMPP được ứng dụng trong nhiều lĩnh vực từ học tập đến nâng cấp, thử nghiệm Website của các lập trình viên[16]. Hình 2.13: Công cụ XAMPP 9