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

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

TRƯỜNG ĐẠI HỌC SƯ PHẠM ĐÀ NẴNG

KHOA TIN HỌCNGÀNH CÔNG NGHỆ THÔNG TIN

BÁO CÁO MÔN MÃ NGUỒN MỞ

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

 Sau khi vào Thành công

 Bật apache và mysql

 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

 Đã 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

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 Webserver được tích hợp sẵn Apache, PHP, MySQL, Xampp sở hữu thiết kế giaodiện thân thiện với người dùng , cho phép tự động đóng mở hoặc reboot cáctí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ênserver, 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ẳnghạn như Firefox, Google Chrome, Safari,…rồi truyền, trao đổi file cấu trúc 2chiều dạng client-server Như vậy xét về cách thức hoạt động, Apache là một

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 trangweb đó lên server Sau đó, Apache sẽ trả kết quả với tất cả đầy đủ các file cấuthà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 đảmnhậ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áchtố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ùybiế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ựcmậ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ớiWordPress sites Mạnh mẽ hơn, WordPress có cộng đồng lớn, sẵnsà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:

* 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ắtcủ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 <html> hoặc <HTML> Không có khoảng trắng trongđịnh nghĩa thẻ

* Cấu trúc chung cho một trang HTML:

- Phần thân: Được khai báo bởi hai tag <body>, </body>: Trình bày nộidung thể hiện trên trang web Các nội dung cần hiển thị hoặc xử lý trên trangweb sẽ được định nghĩa trong phần body của HTML Để cho các trang web

được sinh động hơn ngôn ngữ HTML cũng bao gồm rất nhiều Tag dựng choviệ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 Sheetlanguage Nó dùng để tạo phong cách và định kiểu cho những yếu tố đượcviết dưới dạng ngôn ngữ đánh dấu, như là HTML Nó có thể điều khiển địnhdạng của nhiều trang web cùng lúc để tiết kiệm công sức cho người viếtweb Nó phân biệt cách hiển thị của trang web với nội dung chính của trangbằ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ácnhư: 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ớiWeb và có thể dễ dành nhúng vào trang HTML Mã PHP có thể thực thi trênWebserver để tạo ra mã HTML và xuất ra trình duyệt web theo yêu cầu củangười sử dụng

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

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

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

 Sau khi file index chạy ta được và hiển thị ở website như sau.

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

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:

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

 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

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

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

BIÊN BẢN LÀM VIỆC NHÓM 2