Báo Cáo Môn Mã Nguồn Mở Đề Tài Xây Dựng Website Quản Lí Chiều Cao Cân Nặng Của Trẻ Em.pdf

lOMoARcPSD|38482106 TRƯỜNG ĐẠI HỌC SƯ PHẠM ĐÀ NẴNG KHOA TIN HỌC NGÀNH CÔNG NGHỆ THÔNG TIN BÁO CÁO MÔN MÃ NGUỒN MỞ ĐỀ TÀI XÂY DỰNG WEBSITE QUẢN LÍ CHIỀU CAO CÂN NẶNG CỦA TRẺ EM SINH VIÊN BÁO CÁO : NGUYỄN QUỐC LỘC 21CNTT2 DƯƠNG QUỐC TRÌNH 21CNTT2 LÊ VĨNH HÙNG 21CNTT2 GVGD: LÊ THỊ THANH BÌNH Đà Nẵng, 12/4/2023 Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 CHƯƠNG 1: CÀI ĐẶT CHƯƠNG TRÌNH 1.Cài Đặc XAPP  Tải xuống XAMPP từ trang web chính thức của Apache Friends  Đã cài đặc hoàn tất ta dùng lệnh sau để mở xampp Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106  Sau khi vào Thành công  Bật apache và mysql Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106  Kiểm tra trên web : http://localhost/ apche đã vào được chưa  Đã vào được thành công  Truy cập vào http://localhost/phpmyadmin/ để vào mysql được không Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106  Đã Chạy thành công phpMyAdmin trên website 2 Cài Đặc Visual Studio Code  Để cài đặc Visual Studio Code trên ubuntun ta vào web chính thức và tải về phiên bản linux và sau khi hoàn thành ta có thể viết code để làm việc với xampp với ngôn ngữ PHP  Đã cài đặc Thành công và ta có thể làm việc với xampp qua Visual Studio Code một cách dễ dàng nhất Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 1 Môi trường: 1.1 Ứng dụng Xampp: Phần mềm Xampp là một trong những phần mềm được nhiều lập trình viên sử dụng để thiết lập website Xampp là một chương trình tạo máy chủ ảo Web server được tích hợp sẵn Apache, PHP, MySQL, Xampp sở hữu thiết kế giao diện thân thiện với người dùng , cho phép tự động đóng mở hoặc reboot các tính năng của server mọi lúc Ngoài ra, Xampp cũng được xây dựng theo mã nguồn mở 1.2 Apache là gì? + Là một phần mềm tích hợp nằm trong Xampp được gọi tắt của Apache HTTP Server là một chương trình máy chủ giao tiếp bằng giao thức HTTP và hoạt động trên hầu hết các hệ điều hành + Mục đích của Apache là giúp chủ trang website đưa nội dung lên web và không chỉ đơn thuần là server vật lý, Apache là một phần mềm chạy trên server, thiết lập kết nối giữa server và các trình duyệt của người dùng, chẳng hạn như Firefox, Google Chrome, Safari,…rồi truyền, trao đổi file cấu trúc 2 chiều dạng client-server Như vậy xét về cách thức hoạt động, Apache là một Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 phần mềm đa nền tảng, hoạt động tốt với cả server Unix và Windows + Khi khách truy cập một trang web, trình duyệt sẽ gửi yêu cầu tải trang web đó lên server Sau đó, Apache sẽ trả kết quả với tất cả đầy đủ các file cấu thành nên trang mà khách hàng muốn truy cập bao gồm cả nội dung, hình ảnh, video,… Server và client sẽ giao tiếp với nhau qua giao thức HTTP, khi đó Apache đảm nhận trách nhiệm đảm bảo tiến trình này diễn ra mượt mà và bảo mật một cách tối ưu nhất +Với cách hoạt động như vậy, Apache là một nền tảng module có độ tùy biến rất cao Nó cho phép quản trị server có cả quyền tắt hoặc thêm chức năng Đặc biệt, Apache có module cho bảo mật caching, URL rewriting, chứng thực mật khẩu,…Giúp bạn bảo vệ trang web của mình một cách an toàn nhất A.Ưu điểm Apache:  Apache là giải pháp tài chính hiệu quả Apache là phần mềm mã nguồn mở và miễn phí, kể cả cho mục đích thương mại  Có độ tin cậy cao, ổn định, không chỉ được cập nhật thường xuyên, mà còn được nâng cấp với nhiều bản vá lỗi bảo mật liên tục  Phần mềm có tính linh hoạt cao, cấu trúc module tiện lợi Apache dễ cấu hình, thân thiện với người dùng, kể cả dân không chuyên  Phần mềm đa nền tảng (hoạt động được cả với server Unix và Windows) Đặc biệt hoạt động cực kỳ hiệu quả với WordPress sites Mạnh mẽ hơn, WordPress có cộng đồng lớn, sẵn sàng hỗ trợ giải quyết mọi vấn đề B.Nhược điểm Apache:  Gặp vấn đề hiệu năng nếu website có lượng truy cập cực lớn  Quá nhiều lựa chọn thiết lập có thể gây ra các điểm yếu bảo mật 2 Giao diện: 2.1 Ngôn ngữ lập trình HTML: Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 * Giới thiệu về ngôn ngữ lập trình HTML: Trang web là sự kết hợp giữa văn bản và các thẻ HTML HTML là chữ viết tắt của HyperText Markup Language được hội đồng World Wide Web Consortium (W3C) quy định Một tập tin HTML chẳng qua là một tập tin bình thường, có đuôi html hoặc htm HTML giúp định dạng văn bản trong trang web nhờ các thẻ Hơn nửa, các thẻ html có thể liên kết từ hoặc một cụm từ với các tài liệu khác trên Internet Đa số các thẻ HTML có dạng thẻ đóng mở Thẻ đóng dùng chung từ lệnh giống như thẻ mở nhưng thêm dấu “/” Ngôn ngữ HTML quy định cú pháp không phân biệt chữ hoa chữ thường Ví dụ, có thể khai báo hoặc Không có khoảng trắng trong định nghĩa thẻ * Cấu trúc chung cho một trang HTML: Tiêu đề của trang web Theo cấu trúc trình bày như trên ta thấy một file HTML chia thành hai phần cơ bản: - Phần đầu: Được tạo bởi hai Tag , : tại đây định nghĩa trên (Tiêu đề) của trang Web Phần này được hiển thị trên thanh tiêu đề của trang Web được khao báo giữa hai tag , - Phần thân: Được khai báo bởi hai tag , : Trình bày nội dung thể hiện trên trang web Các nội dung cần hiển thị hoặc xử lý trên trang web sẽ được định nghĩa trong phần body của HTML Để cho các trang web Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 được sinh động hơn ngôn ngữ HTML cũng bao gồm rất nhiều Tag dựng cho việc định trang, liên kết các tramg với nhau, chèn ảnh vào trang, … Lưu ý: HTML không phân biệt chữ hoa và chữ thường và không có khoảng trắng trong định nghĩa thẻ 2.2 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ùng 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ữ - CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, vì một lý do đơn giản HTML không được thiết kế để gắn tag để giúp định dạng trang web Bạn chỉ có thể dùng nó để “đánh dấu” lên site 3 Máy chủ: 3.1 PHP là gì? PHP là viết tắt của chữ Personal Home Page là ngôn ngữ script trên server chạy trên các máy chủ (Server side) giống như các server script khác như: asp, jsp, cold fusion,…Nó cho phép dễ dàng truy cập các trang web động, mà nó tương tác được với mọi cơ sở dữ liệu như: Informix, MySQL, PostgreSQL, Oracle, Sybase, SQL Server,… Php còn là phần mềm mở, dùng cho mục đích tổng quát Thích hợp với Web và có thể dễ dành nhúng vào trang HTML Mã PHP có thể thực thi trên Webserver để tạo ra mã HTML và xuất ra trình duyệt web theo yêu cầu của người sử dụng 3.2 Tổng quan về phpMyAdmin: 3.2.1 PHPMYADMIN là gì? PhpMyAdmin là phần mềm mã nguồn mở được viết bằng ngôn ngữ PHP giúp quản trị cở sở dữ liệu MySQL thông qua giao diện web MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (gọi tắt là RDBMS) hoạt động theo mô hình client-server Với RDBMS là viết tắt của Relational Database Management System MySQL được tích hợp apache, PHP MySQL quản lý dữ liệu thông qua các cơ sở Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 dữ liệu Mỗi cơ sở dữ liệu có thể có nhiều bảng quan hệ chứa dữ liệu MySQL cũng có cùng một cách truy xuất và mã lệnh tương tự với ngôn ngữ SQL MySQL được phát hành từ thập niên 90s 3.2.2 Các tính năng của phpMyAdmin là gì? Một số tính năng chung thường được sử dụng trên phpMyAdmin:  Quản lý user (người dùng): thêm, xóa, sửa (phân quyền)  Quản lý cơ sở dữ liệu: tạo mới, xóa, sửa, thêm bảng, hàng, trường, tìm kiếm đối tượng  Nhập xuất dữ liệu (Import/Export): hỗ trợ các định dạng SQL, XML và CSV  Thực hiện các truy vấn MySQL, giám sát quá trình và theo dõi  Sao lưu và khôi phục (Backup/Restore): Thao tác thủ công 3.2.3 Ưu điểm của phpMyAdmin:  Hãy cùng điểm qua một số những ưu điểm lớn nhất của phpMyAdmin: - Tăng hiệu quả công tác quản lý cơ sở dữ liệu: phpMyAdmin mang đến giao diện xử lý các thao tác trên cơ sở dữ liệu một cách trực quan Từ đó, tiết kiệm thời gian, thao tác so với việc thực hiện bằng dòng lệnh trên command line - Là công cụ đa năng có thể vừa làm việc với một đối tượng vừa xử lý lỗi hoặc các tính huống bất ngờ - Cộng đồng hỗ trợ rộng lớn: phpMyAdmin có tính chất là một mã nguồn mở, được phát triển bởi rất nhiều lập trình viên trên toàn thế giới Nhờ đó, người dùng sẽ nhận được sử hỗ trợ rất lớn từ cộng đồng - Đa ngôn ngữ: Được duy trì bởi The phpMyAdmin Project hiện có sẵn đến 64 ngôn ngữ khác nhau - Chi phí: Dù có nhiều ưu điểm và mang đến nhiều lợi ích vượt Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 CHƯƠNG 3: XÂY DỰNG & THIẾT KẾ GIAO DIỆN 1.Tạo database với tên loc_store_data  Database này có chức năng là lập nên bản lưu trữ uid , tên , tuổi , giới tính , chiều cao , cân nặng của trẻ em Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 2 Tạo Thư Mục  Ta cần tạo một thư mục có tên là mysite vào thư mục htdocst của xampp  Sau khi tạo thư mục myste và cấp quyền cho nó ta có thể liên kết qua Visual Studio Code  Từ đó ta có thể liên kết qua apche và bắt đầu sử dụng để code 3.Tạo file index.php  File index này có chức năng tạo from ,người dùng phải đăng nhập tên , tuổi , giới tính , chiều cao Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106  Sau khi file index chạy ta được và hiển thị ở website như sau Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 4 Tạo file liên kết với database File này có chức năng liên kết với database với tên loc_store_data Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 Sau khi liên kết Thành Công và lấy dữ liệu từ from về chuyển qua database thì sẽ như sau: Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 5 Tạo File Tính Toán  Đối với website với chức năg kiểm soát và tính toán không thể thiếu được với chức các năng trên ta sử dụng file tính toán để tạo nên như sau:  Để vào giao diện Tính Toán Ta cần nhấn vào thêm mới trang này để tính toán Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106  Sau khi đúp vào ta sẽ được như sau:  Với file tính toán ta code và đưa ra kết quả của nó thông qua chỉ số bim và kết luận Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 6.Kết Luận 6.1 Mục đích tạo ra web Mục đích chính của trang web quản lý chiều cao cân nặng của trẻ em là cung cấp một công cụ quan trọng cho phụ huynh, giáo viên và bác sĩ giúp theo dõi sự phát triển của trẻ em theo thời gian và đánh giá sức khỏe của trẻ em Trang web cung cấp tính năng tính chỉ số BMI, lưu trữ và xem lại dữ liệu về chiều cao, cân nặng và chỉ số BMI của trẻ em, giúp người dùng quản lý và đánh giá sức khỏe của trẻ em một cách dễ dàng và thuận tiện 6.2 Chức năng của web  Tạo From đăng Nhập có chức năng nhập tên trẻ em, giới tính ,cân nặng, chiều cao  Phân tích đánh giá khi người dùng nhập đầy đủ các thông tin của mình về chiều cao cân nặng web sẽ tự đưa ra chỉ số bim(chỉ số khối cơ thể) và đưa ra tính toán về các mặc như béo gầy bình thường 6.3 Đối tượng hướng đến của web  Đối tượng sử dụng trang web quản lý chiều cao cân nặng của trẻ em là phụ huynh, giáo viên và bác sĩ, những người quan tâm đến sức khỏe và sự phát triển của trẻ em Downloaded by tailieu schat (tailieuschat@gmail.com) lOMoARcPSD|38482106 MỤC LỤC CHƯƠNG 1: CÀI ĐẶT CHƯƠNG TRÌNH .2 1.Cài Đặc XAPP 2 2 Cài Đặc Visual Studio Code 5 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 6 1 Môi trường: 6 1.1 Ứng dụng Xampp: .6 1.2 Apache là gì? 6 A.Ưu điểm Apache: 7 B.Nhược điểm Apache: .7 2 Giao diện: 7 2.1 Ngôn ngữ lập trình HTML: 7 * Giới thiệu về ngôn ngữ lập trình HTML: 7 * Cấu trúc chung cho một trang HTML: 8 3 Máy chủ: 9 3.1 PHP là gì? 9 3.2 Tổng quan về phpMyAdmin: 9 3.2.1 PHPMYADMIN là gì? .9 3.2.2 Các tính năng của phpMyAdmin là gì? 10 3.2.3 Ưu điểm của phpMyAdmin: 10 CHƯƠNG 3: XÂY DỰNG & THIẾT KẾ GIAO DIỆN 11 1.Tạo database với tên loc_store_data 11 2 Tạo Thư Mục 11 3.Tạo file index.php 12 4 Tạo file liên kết với database 14 5 Tạo File Tính Toán 16 6.Kết Luận 19 6.1 Mục đích tạo ra web 19 6.2 Chức năng của web 19 6.3 Đối tượng hướng đến của web 19 Downloaded by tailieu schat (tailieuschat@gmail.com)