đồ án chuyên ngành thiết kế website quản lý thực phẩm dinh dưỡng cho trẻ mầm non

Mục tiêu- Nắm rõ và hiểu về thiết kế website dựa trên các ngôn ngữ và công cụ- Tìm hiểu các dịch vụ website, cách làm website - Nghiên cứu, triển khai thiết kế website quản lý thực phẩm

BỘ GIÁO DỤC VÀ ĐÀO TẠOTRƯỜNG ĐẠI HỌC MỎ ĐỊA CHẤT

BÁO CÁOĐỒ ÁN CHUYÊN NGÀNHNGÀNH CÔNG NGHỆ THÔNG TIN

CHUYÊN NGÀNH HỆ THỐNG THÔNG TIN

Thiết kế website quản lý thực phẩm dinh dưỡng cho trẻ

mầm non

Hà Nội, 2023

BỘ GIÁO DỤC VÀ ĐÀO TẠOTRƯỜNG ĐẠI HỌC MỎ ĐỊA CHẤT

BÁO CÁOĐỒ ÁN CHUYÊN NGÀNHNGÀNH CÔNG NGHỆ THÔNG TIN

CHUYÊN NGÀNH HỆ THỐNG THÔNG TIN

Đề Tài: Thiết kế website quản lý thực phẩm dinh dưỡng cho trẻ

mầm non

Giáo viên hướng dẫn: Vương Thị Như QuỳnhSinh viên thực hiện: Nguyễn Văn HùngMã sinh viên: 2021050301

Hà Nội, 2023

MỤC LỤC

Thông Tin Về Kết Quả Nghiên Cứu 4

Mở Đầu 5

1 Lý do chọn đề tài? 5

2 Mục đích nghiên cứu đề tài 6

3 Ý nghĩ thực tiễn của đề bài 6

8 Tổng quan về cơ sở dữ liệu phpMyAdmin MySQL 17

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 21

I Tổng quan về thiết kế website quản lý thực phẩm 21

1 Phân tích yêu cầu của đề bài 21

2 Lên kế hoạch chi tiết trong quá trình thiết kế website 21

3 Mô tả hoạt động quản lí thực phẩm của nhà trường 22

II Phân tích thiết kế hệ thống 24

1 Phân tích và thiết kế chức năng 24

2 Biểu đồ ngữ cảnh 25

3 Sơ đồ phân rã chức năng 26

4 Ma trận thực thể chức năng 28

5 Sơ đồ luồng dữ liệu 29

6 Thiết kế cơ sở dữ liệu 33

7 Mô hình quan hệ 39

Thông Tin Về Kết Quả Nghiên Cứu

1 Thông tin chung

Tên đề tài: Thiết kế website quản lý thực phẩm dinh dưỡng cho trẻ mầm non.Sinh viên thực hiện: Đỗ Quốc Anh

Lớp: DCCTHT64BMã sinh viên: 1921050035Hệ đào tạo: Chính quyĐiện thoại: 0989554158Email: doqanh2011@gmail.comThời gian thực hiện: 2023

2 Mục tiêu- Nắm rõ và hiểu về thiết kế website dựa trên các ngôn ngữ và công cụ- Tìm hiểu các dịch vụ website, cách làm website

- Nghiên cứu, triển khai thiết kế website quản lý thực phẩm dinh dưỡng cho

Mở Đầu

1 Lý do chọn đề tài?

Sự phát triển của công nghệ luôn nằm ở mức thay đổi chóng mặt Cùng theo sựphát triển của công nghệ hiện nay chúng ta đang càng sử dụng nhiều hơn cácwebsite để mua, bán hàng hóa hay tìm hiểu thông tin… Với nhu cần đó thiết kếweb đang đóng vài trò ngày càng quan trọng hơn Thiết kế website được chia đượcchia làm 2 công việc chính là thiết kế front-end được hiểu là lập trình nên giao diệnngười dùng và thiết kế back-end lập trình về phần logic nghiệp vụ phức tạp ở ẩn ởphía sau

Công nghệ đã tạo nên một xã hội toàn cầu, nơi mà mọi người có thể tương tácvà liên lạc với nhau một cách nhanh chóng và hiệu quả Trong hơn 15 năm qua,lĩnh vực công nghệ thông tin Việt Nam đã đạt được nhiều thành tựu quan trọng

Ngày nay, công nghệ thông tin dần trở thành ngành kinh tế mũi nhọn của đấtnước, có tỉ lệ đóng góp cho tăng trưởng GDP đất nước ngày càng cao Công nghệthông tin giờ đây đã có mặt ở nhiều phương diện trong cuộc sống hàng ngày củachúng ta, từ thương mại đến giải trí và thậm chí cả văn hóa, xã hô zi và giáo dục, dulịch…

Có thể nói, thực phẩm dinh dưỡng đóng vai trò rất quan trọng trong việc duy trìsức khỏe và phát triển cơ thể Chúng cung cấp cho cơ thể chất béo, protein,carbohydrate, vitamin, khoáng chất và chất xơ cần thiết để giữ cho cơ thể khỏemạnh và hoạt động tốt Vì vậy, việc chọn lựa và bổ sung các loại thực phẩm dinhdưỡng đúng cách là rất cần thiết để đảm bảo sức khỏe của chúng ta Trong bối cảnhđời sống hiện đại ngày nay, việc lựa chọn các loại thực phẩm dinh dưỡng phù hợpkhông những giúp chúng ta có một cơ thể khỏe mạnh mà còn giúp chúng ta phòngngừa nhiều bệnh tật nguy hiểm

Thật vậy, một chế độ ăn uống lành mạnh và cân đối sẽ giúp trẻ phát triển toàndiện về thể chất và tinh thần, đồng thời giúp tăng cường sức đề kháng, đề khángvới các bệnh tật Quản lí đảm bảo đưa đến cho trẻ những món ăn ngon, bổ dưỡng,đảm bảo vệ sinh an toàn thực phẩm để tránh các bệnh tật, đặc biệt là trong thờiđiểm hiện tại đầy thách thức

Việc xây dựng website quản lý thực phẩm dinh dưỡng cho trẻ mầm non khiếnviệc ăn uống trở nên lành mạnh và cân bằng hơn sẽ đảm bảo rằng cơ thể trẻ nhận

được các chất dinh dưỡng cần thiết để hoạt động bình thường, mang lại nhiều lợiích cho cơ thể…

Được sự đồng ý của cô, Tôi quyết định chọn đề tài đồ án chính là:

“ Thiết kế website quản lý thực phẩm dinh dưỡng cho trẻ mầm non” 2 Mục đích nghiên cứu đề tài

Xây dựng hệ thống website bán mô hình.Vận dụng tốt các kỹ năng đã học được.Trau dồi kỹ năng về lập trình, phân tích và thiết kế hệ thống.Tìm hiểu về ngôn ngữ lâ zp trình PHP, Javascript (NodeJS)

3 Ý nghĩ thực tiễn của đề bàiĐề tài: “ Thiết kế website quản lý thực phẩm dinh dưỡng cho trẻ mầm

non”, có ý nghĩa thực tiễn với đời sống công nghệ 4.0 hiện nay Giúp cải

thiện chế độ ăn uống theo dõi lượng thức ăn và chất dinh dưỡng hàng ngàycủa trẻ Có thể hiểu rõ hơn về mức tiêu thụ của trẻ lượng calo, chất dinhdưỡng đa lượng và chất dinh dưỡng vi lượng, cho phép ta đưa ra quyết địnhsáng suốt hơn về lựa chọn thực phẩm cho trẻ

4 Tổng quan về đề tài

Thiết kế website quản lý thực phẩm dinh dưỡng cho trẻ mầm non là một đềtài quan trọng và hữu ích trong việc nâng cao chất lượng chăm sóc dinhdưỡng cho trẻ mầm non Đây là một trang web giúp nhà trường, giáo viên,và phụ huynh quản lý thông tin về thực phẩm, dinh dưỡng và thực đơn chotrẻ mầm non

Trang web này giúp tăng cường sự tiện lợi, đồng thời nâng cao hiệu quảquản lý và chất lượng chăm sóc dinh dưỡng cho trẻ mầm non

CHƯƠNG 1: TỔNG QUAN VỀ WEBSITE VÀ LẬP TRÌNH WEBSITE

1 Tổng quan về lập trình website

Website còn gọi là trang web (có thể nhầm lẫn với “web page“) hoặc trangmạ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ềnphụ trên World Wide Web của Internet Một trang web là tập tin HTML hoặcXHTML có thể truy nhập dùng giao thức HTTP Trang mạng có thể được xây dựngtừ các tệp tin HTML (trang mạng tĩnh) hoặc vận hành bằng các CMS chạy trênmáy chủ (trang mạng động) Một website có thể được xây dựng từ nhiều ngôn ngữlập trình khác nhau như Java, PHP, ASP.NET,…111Website có 2 dạng cơ bản làwebsite tĩnh và website động111Website tĩnh: Quản trị viên không thể tùy ý thayđổi nội dung và hình ảnh Dạng web này cần lập trình viên có kiến thức về HTMLcơ bản Website tĩnh viết trên nền tảng HTML CSS và một số hiệu ứng từJava111Website động: Là website có bộ công cụ quản trị để tùy biến nội dung dànhcho người quản trị Người quản trị có thể tùy ý thay đổi nội dung và hình ảnh.Ngôn ngữ xây dựng website động thường là PHP, ASP.NET, Java,…

2 Lịch sử ra đời

Đó là ngày 21/12/1990, tại cơ sở của CERN nằm ở dãy núi Alps của Thụy Sĩ,nhà vật lý học, chuyên gia phần mềm người Anh Tim Berners-Lee đã khởi chạythành công trang web đầu tiên trên thế giới, với tên miền info.cern.ch, chạy trên 1máy chủ NeXT của CERN Hiện trang web này vẫn còn tồn tại cho đến ngày nay

Dĩ nhiên, vào thời điểm đó, chỉ có Berners-Lee và các đồng nghiệp của mình tạiCERN mới có thể truy cập vào trang web này bởi 1 lý do đơn giản: chỉ có máy tínhcủa họ mới có trình duyệt web Phải đến tận năm 1993, khi trình duyệt Mosaicdành cho nền tảng Unix và Windows ra đời, lúc này website mới bắt đầu dần trởnên phổ biến hơn

Nội dung của trang web cung cấp các thông tin về world wide web, nền tảng cơbản của Internet, nơi các văn bản và các trang trên Internet có thể truy cập bởi cácURL (Uniform Resource Locator – Định vị Tài nguyên thống nhất) và kết nối vớinhau thông qua các siêu liên kết

Khi Berners-Lee sáng tạo ra trang web đầu tiên, mạng “Internet” là một nhómcác tài liệu tĩnh, sử dụng gần như độc quyền bởi các tổ chức quốc phòng và các tổchức nghiên cứu mang tính học thuật Ý tưởng khởi tạo website của Berners-Leenhằm giúp cho phép các tài liệu điện tử trên Internet dễ dàng được tìm kiếm vàchia sẻ

“Khi chúng ta liên kết thông tin trên web, chúng ta có thể khám phá sự thật, tạora những ý tưởng, mua bán mọi thứ và tạo nên những mối quan hệ với tốc độ vàquy mô không thể tưởng tượng được vào thời đại đó”, Berners-Lee, “cha đẻ” củatrang web đầu tiên chia sẻ.

Mặc dù trang web đầu tiên được ra đời vào ngày 21/12/1990, tuy nhiên đếnngày 6/8/1991, Berners-Lee mới đăng tải công khai bản tóm tắt về dự án xây dựngtrang web của mình trên một số nhóm hoạt động trên Internet Đây là động tháiđánh dấu sự ra mắt công khai của trang web đầu tiên trên thế giới với cộng đồngInternet Năm 1994, Berners-Lee thành lập Tổ chức World Wide Web (thường biếtđến với tên gọi W3C) tại học viện công nghệ MIT (Bang Massachusetts, Mỹ) Tổchức W3C sẽ chịu trách nhiệm để tạo ra những tiêu chuẩn cho các trang web đểđảm bảo rằng các trang web khác nhau sẽ hoạt động theo cách tương tự nhau Hiệntại Berners-Lee vẫn tiếp tục giữ vai trò lãnh đạo W3C Mặc dù hiện nay vẫn có mộtvài sự khác biệt giữa các trang web và trình duyệt, nhưng nếu không có sự địnhhướng của W3C, chắc hẳn thế giới web sẽ trở thành một “mớ hỗn độn” và sẽkhông như chúng ta biết ngày hôm nay

3 Tác dụng của websitea) Dễ dàng quản lý và cân đối dinh dưỡng cho từng bữa ăn của trẻ

Bếp ăn ở mỗi trường mầm non đều có nhiệm vụ lựa chọn thực phẩm, kết hợpvới chúng với nhau để tạo thành những món ăn, thực đơn dinh dưỡng phù hợp vớitrẻ Bên cạnh những thực đơn chính, nhà trường cũng cần chuẩn bị sẵn nhiều thựcđơn khác để thay đổi như: trái cây, cháo ăn dặm Matsuya, thực phẩm ăn xế,… linhhoạt phù hợp với tình hình thực tế hay yêu cầu của phụ huynh

Sử dụng phần mềm quản lý dinh dưỡng, nhà bếp tại các trường mầm non có thểdễ dàng tra cứu toàn bộ thông tin về thành phần và dưỡng chất của hầu hết các loạithực phẩm phổ biến hiện nay Nguồn dữ liệu này được cung cấp và kiểm duyệt bởiViện dinh dưỡng nên nhà trường và phụ huynh hoàn toàn có thể yên tâm tin tưởng

Dựa trên những thông tin bên trong phần mềm, nhà bếp sẽ thiết kế thực đơntheo từng thời điểm, giúp cơ thể trẻ phát triển khỏe mạnh, tránh các bệnh béo phìhay suy dinh dưỡng Bên cạnh đó, phần mềm cũng cân đối giá trị của thực đơn đểtương xứng với cả mức chi phí mà phụ huynh bỏ ra

b) Tự động cập nhật thông tin giá thực phẩm thực tế tại thị trường

Trường mầm non cần mua rất nhiều thực phẩm để chế biến thức ăn của trẻ.Nguyên liệu nấu ăn thường có số lượng nguyên liệu thường lớn, chủng loại đa

dạng tùy theo quy mô và số lượng trẻ ở các trường Việc chi tiêu cũng phức tạphơn do thay đổi liên tục bởi thị trường.

Cập nhật thông tin giá thực phẩm từ sớm giúp nhà bếp nhanh chóng thay đổithực đơn phù hợp

Giá cả nhập vào các các loại thực phẩm lại thường không cố định Nhà bếp chỉcó thể lên thực đơn và đưa ra mức chi tiêu dự kiến Tuy nhiên sau khi khảo giáthực tế mỗi ngày thì thực đơn có thể sẽ cần thay đổi đề phù hợp hơn Việc cập nhậtthông tin giá cả, sữa chữa thực đơn mới sẽ mất nhiều thời gian, ảnh hưởng đếncông việc tại nhà bếp

Phần mềm quản lý dinh dưỡng mầm non sẽ giúp nhà trường giảm bớt đi bướcnày bằng tính năng tự động cập nhật giá trị thực phẩm theo tình hình thực tế ngoàithị trường Các cơ sở chăm sóc trẻ em chỉ cần đăng nhập phần mềm, thông tin vềgiá của từng lại nguyên liệu sẽ được hệ thống cập nhật liên tục mỗi ngày theo khodữ liệu tổng hợp từ các siêu thị lớn hay các đơn vị chuyên cung cấp thực phẩm uytín

c) Tiết kiệm thời gian trong quy trình chế biến bữa ăn hàng ngày cho trẻ

Ở hầu hết các trường mầm non hiện nay, mỗi sáng người phụ trách bếp cónhiệm vụ kiểm tra số lượng trẻ tại từng lớp học Họ cần nắm rõ số lượng trẻ đếnlớp, trẻ nào nghỉ, trẻ nào chỉ đến muộn để chế biến số lượng suất ăn phù hợp Vớiquy mô chỉ một vài lớp học, công việc này sẽ rất nhanh Với các cơ sở lớn thì việcnày sẽ tốn nhiều thời gian hơn, lại kém chuyên nghiệp

Hiện nay, nhờ phần mềm quản lý dinh dưỡng số lượng trẻ đến lớp mỗi ngày sẽđược hệ thống cập nhật tự động ngay trên phần mềm Thay vì phải đi điểm danhnhư trước, người phụ trách bếp chỉ cần mở phần mềm lên là có thể biết rõ đượccon số cụ thể để chế biến

d) Thu chi rõ ràng – Tạo sự tin tưởng giữa nhà trường và phụ huynh

Chi phí để chăm sóc cho trẻ thường tại trường mầm non thường rất tốn kém.Phụ huynh luôn muốn biết rõ những khoản chi phí mà mình đóng góp cho nhàtrường có được sử dụng đúng mục đích hay không? Điều này được thể hiện rõ ràngnhất trên các loại phiếu xuất nhập kho thực phẩm tại các trường mầm non

Tính minh bạch là yếu tố để thắt chặt mối quan hệ giữa nhà trường và phụhuynh

Tuy nhiên, công khai cho tất cả phụ huynh xem các giấy tờ, chứng từ sẽ rất bấttiện Thay vào đó, nhà trường có thể gửi hay thậm chí cấp quyền cho các phụhuynh vào xem những thông tin ngay thông qua phần mềm quản lý dinh dưỡngmầm non Các thông tin giao dịch được trình bày cụ thể và minh bạch ngay trênphần mềm Nhà trường có thể dễ dàng chứng minh về các khoản thu chi, nguồngốc và cả sự an toàn của thực phẩm.

Với sự giúp đỡ của công nghệ, công việc chăm sóc cho trẻ của gia đình và nhàtrường sẽ trở lên dễ dàng hơn Bạn sẽ không cần phải lo lắng trẻ sẽ cảm thấy nhàmchán khi liên tục ăn một món nhất định Trẻ ăn ngon miệng, đầy đủ dưỡng chất sẽgiúp cơ thể và trí tuệ phát triển hoàn hảo hơn

Sở hữu nhiều tính năng tiện lợi cho người dùng, thế nhưng phần mềm quản lýdinh dưỡng mầm non lại được tối ưu về cả giao diện và thao tác dễ sử dụng Dùkhông có nhiều kỹ năng tin học, bạn cũng nhanh chóng làm quen phần mềm vớichỉ vài giờ sử dụng

Trong thời điểm mà yêu cầu của các phụ huynh ngày càng cao, ngoài cơ sở vậtchất thì áp dụng công nghệ vào trong công việc chăm sóc trẻ sẽ được nhiều ngườiđánh giá cao Tiết kiệm thời gian, nâng cao chất lượng bữa ăn, gây dựng niềm tinvới phụ huynh – Đây chính là những lí do quan trọng khiến trường mầm nonkhông thể thiếu phần mềm quản lý dinh dưỡng tại mỗi cơ sở

Website quản lý thực phẩm cho trẻ mầm non cũng có tác dụng đáng kể trongviệc cung cấp thông tin về các loại thực phẩm an toàn và dinh dưỡng cho trẻ nhỏ.Nó cũng giúp chủ động kiểm soát và quản lý các sản phẩm thực phẩm được sửdụng trong các cơ sở giáo dục mầm non, đảm bảo chúng đáp ứng các yêu cầu vềchất lượng và an toàn Website cũng cung cấp cho phụ huynh và giáo viên các lờikhuyên và hướng dẫn về cách chế biến thực phẩm và cách lựa chọn thực phẩm antoàn và dinh dưỡng cho trẻ mầm non Tất cả những điều này giúp đảm bảo sự pháttriển và tăng trưởng toàn diện cho trẻ mầm non

4 Lập trình Website

Lập trình web là công việc của một Web Developer (Lập trình viên website)có nhiệm vụ nhận toàn bộ dữ liệu (Giao diện web tĩnh) từ bộ phận thiết kế web đểchuyển thành một hệ thống website hoàn chỉnh có tương tác với CSDL và tươngtác với người dùng dựa trên ngôn ngữ máy tính

Thiết kế web là công việc của một Web Designer (Chuyên viên Thiết kế web)có nhiệm vụ tạo ra bộ mặt hay còn gọi là Giao diện (Template) website một cáchhoàn chỉnh Giao diện này có thể ở dạng Ảnh hoặc dạng Web Tĩnh HTML Lậptrình Website là công việc có nhiệm vụ nhận tất cả dữ liệu từ bộ phận thiếtkế Web để chuyển thành một bộ máy Web hoàn chỉnh có tác động qua lại vớiCSDL và tương tác với người dùng dựa trên ngôn ngữ máy tính Một khi xâydựng trang Web xong thì có thể lập trình viên có thể được phân công quảntrị Website, lúc đó bạn cần trang bị thêm một vài, nhằm giúp cho việc quản trị trởnên đơn giản hơn Các công cụ đó sẽ hỗ trợ bạn kiểm tra những lần uptime,downtime, phần trăm thoát trang Web, nguồn traffic đổ vào Web, hoặc tìnhtrạng quá tải băng thông,… Tuy nhiên đấy sẽ là những công việc sau này, bạn cóthể vừa học cách lập trình Website cơ bản, cùng lúc đó bổ sung kiến thức quảntrị Website vào thời gian rảnh rỗi.

Trên thực tế giữa lập trình web và thiết kế web luôn có sự giao thoa về mộtvùng nội dung, công việc Công việc của lập trình web hay của thiết kế web có thểđảm đương thay nhau Sự nhập nhằng giữa hai công việc khiến nhiều người nhầmlẫn và gộp chung là thiết kế web, vì sự bổ trợ đấy mãi còn tồn tại nên khái niệmchính xác và thực tế sẽ không thể chuẩn được Đôi khi người lập trình web phảiđảm nhiệm một phần nhỏ vai trò của người thiết web và ngược lại Tùy vào từngtrường hợp cụ thể chúng ta mới có thể phân biệt rõ ràng vai trò cũng như công việccủa Web Developer và Web Designer

5 Cách thức hoạt động

Từ máy client gõ địa chỉ URL của trang web vào thanh địa chỉ của web browser,khi đó web browser sẽ dựa vào tên domain để tìm kiếm IP của web server (bằngcách dò trên DNS Server) Khi có IP, web browser sẽ gửi yêu cầu đến web serverđể lấy nội dung trang web Web server sẽ xử lý yêu cầu của client: lấy nội dung của

website mà client yêu cầu để gửi client Khi nhận được nội dung trang web thì webbrowser sẽ hiển thị lên cho người dùng Trình duyệt web sẽ tách địa chỉ website ralàm ba phần: Giao thức (http), Máy chủ tên miền (www.webname.com),Tên tệp(file.htm) Trình duyệt web liên hệ với máy chủ tên miền (DNS server) để phângiải tên miền “www.webname.com” thành địa chỉ IP của web server Trình duyệtsẽ gửi tiếp 1 kết nối tới máy chủ địa chỉ IP tương ứng cổng 80 Dựa trên giao thứcHTTP, trình duyệt gửi yêu cầu đến máy chủ, yêu cầutệp: http://webname.com/file.html Máy chủ sẽ gửi đoạn text dạng html đến trìnhduyệt của web client Trình duyệt đọc các thẻ html, định dạng trang web và kếtxuất ra màn hình.

Cch thc hot đô ng website

6 Các yếu tố trở thành 1 lập trình viên website

Muốn trở thành 1 lập trình website giỏi, bạn luôn phải tích cực học hỏi các côngnghệ mới vì thế giới ngày càng phát triển dẫn theo rất nhiều công nghệ mới đượctạo ra để nhằm mục đích giúp đỡ các tác vụ của con người Ngoài ra bạn cần phảicó thái độ tích cực, hãy luôn yêu những dự án mà bạn định hướng và làm chúngmột cách tốt nhất có thể

Có khả năng tự học và tìm hiểu cũng là yếu tố giúp bạn trở thành 1 lập trình viênxuất sắc, bạn sẽ tìm được nhiều thứ bổ ích trong quá trình tự học Đi kèm với đó làkiểm soát thời gian hợp lý cũng giúp bạn điều chỉnh được thời gian làm việc vàgiúp thúc đẩy khả năng của bạn nhanh hơn

7 Tổng quan về HTML, CSS và PHP

a) HTML

HTML là viết tắt của từ Hyper Text Markup Language, có nghĩa là ngôn ngữ đánhdấu siêu văn bản HTML được sử dụng để định dạng và hiển thị văn bản trên trìnhduyệt tới người sử dụng Nó là xương sống của một trang web

Hyper Text: siêu văn bản có nghĩa là "văn bản trong văn bản" Một văn bản cóchứa một liên kết (link) là một siêu văn bản Mỗi lần bạn click vào một từ, từ đóđưa tới một trang web mới, đó là siêu văn bản

Markup Language: ngôn ngữ đánh dấu là một ngôn ngữ lập trình được sử dụng đểgiúp văn bản dễ tương tác và linh động hơn Nó có thể đặt văn bản vào trong cácảnh, bảng, liên kết Một tài liệu HTML chứa nhiều thẻ HTML và mỗi thẻ HTMLchứa các nội dung khác nhau

Khác nhau giữa HTML và HTML5:HTML5 (hay cũng được gọi chung là HTML) được phát hành vào năm 1999.Trong khi đó, phiên bản nâng cấp mới nhất của HTML là HTML5 được phát hành

vào năm 2014 So với HTML, HTML5 đã được bổ sung thêm rất nhiều tính năngquan trọng Cụ thể, một số tính năng mới của HTML5 có thể kể đến như:

o Khả năng hỗ trợ video và audio: Thay vì phải sử dụng Flash Player để phátvideo/audio thì với HTML5, lập trình viên có thể nhúng trực tiếp filevideo/audio vào trang web bằng cặp tag <audio></audio> hoặc<video></video>

o Hỗ trợ scalable vector graphic (SVG) và MathML cho các công thức toánhọc hoặc phương trình hóa học

o Có thêm nhiều cải thiện về mặt ngôn ngữ Chứa nhiều semantic tag giúpngười dùng hiểu được nội dung chính của website

o Hỗ trợ nhiều loại kiểu form hơn so với HTML như: email, ngày, giờ, sốđiện thoại, URL, tìm kiếm

Ngoài ra, một số tag lỗi thời của HTML đã được loại bỏ ở phiên bản HTML5 Vídụ như: isindex, noframes, acronym, applet, basefont, dir, font, frame, frameset,big, center, strike

b) CSS

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụngđể tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụnhư HTML) Có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng cácphần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSSsẽ giúp có thể thêm style (phong cách) vào các phần tử HTML đó như đổi màu sắctrang, đổi màu chữ, thay đổi cấu trúc

Tác dụng của css là tạo cho website có giao diện như ý muốn và không làm rối mãnguồn HTML trên web với các định dạng css (như in đậm, in nghiêng, gạch chân,màu chữ…) Ngoài ra css còn giúp:

 Mã nguồn HTML của web được gọn gàng và tối ưu. Tách biệt được web với css để dễ dàng cập nhật nội dung mà không phải lo

về định dạng bài viết Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang Web, giúp tránh phải

lặp lại việc định dạng cho các trang Web giống nhau

c) PHP

Ngôn ngữ PHP là từ viết tắt của Personal Home Page (hiện nay là HypertextPreprocessor) Thuật ngữ này chỉ chuỗi ngôn ngữ kịch bản hay mã lệnh, phù hợpđể phát triển cho các ứng dụng nằm trên máy chủ

Khi viết phần mềm bằng ngôn ngữ PHP, chuỗi lệnh sẽ được xử lý trên serverđể từ đó sinh ra mã HTML trên client Và dựa vào đó, các ứng dụng trên websitecủa bạn sẽ hoạt động một cách dễ dàng

Người ta thường sử dụng PHP trong việc xây dựng và phát triển các ứng dụngwebsite chạy trên máy chủ Mã lệnh PHP có thể nhúng được vào trang HTMLbằng cách sử dụng cặp thẻ PHP Nhờ đó, website bạn phát triển dễ dàng kết nốiđược với các website khác trên hệ thống mạng internet

PHP cũng là ngôn ngữ lập trình mã nguồn mở và miễn phí PHP tương thíchvới nhiều nền tảng khác nhau như Windows, MacOS và Linux, v.v

Đa phần các trang website bạn đang sử dụng hàng ngày để học tập, làm việcvà giải trí đều sử dụng ngôn ngữ lập trình PHP Chẳng hạn như Facebook,Pinterest, Wikipedia, WordPress, v.v

Ngôn ngữ lập trình PHP được đánh giá là dễ đọc Do vậy, cũng dễ hiểu tại saonó lại trở thành ngôn ngữ được nhiều bạn trẻ ưu tiên lựa chọn học trước khi bắt đầuvào nghề.

Ngôn ngữ lập trình web PHP có ưu nhược điểm gì?

Ưu điểm của lập trình PHP là gì? PHP là một trong những ngôn ngữ lập trình phổ biến nhất vì những lợi ích mànó đem lại Về cơ bản, có 4 ưu điểm chính:

 Tính đơn giản và linh động: PHP sử dụng mã nguồn mở nên việc cài đặt và

sử dụng nó rất dễ dàng Ngôn ngữ này phù hợp với cả những người hoàn

toàn mới với nghề lập trình viên Bạn chỉ cần học chăm chỉ trong 3 – 6

tháng để thuần thục nó.

 Cộng đồng hỗ trợ lớn: PHP là một ngôn ngữ phổ biến nên các diễn đàn, đội

nhóm chuyên sâu của PHP thuộc hàng ngũ đầu của ngành Bên cạnh đó, thịtrường tuyển dụng cho công việc này cũng chưa bao giờ giảm nhiệt. Cơ sở dữ liệu đa dạng: PHP cho phép kết nối với hầu hết các loại cơ sở dữ

liệu như MySQL, mSQL, MS-SQL, SQLite, PostgreSQL, v.v Nhờ vậy, bạnsẽ không bị giới hạn và có thể chọn cơ sở dữ liệu tối ưu nhất cho ứng dụngcủa mình

 Thư viện phong phú: Nhiều sách hướng dẫn và các tài liệu tham khảo có

sẵn, cung cấp các kiến thức hữu ích cho các lập trình viên mới làm quen dần.Hạn chế của ngôn ngữ PHP là gì?

Mặc dù ngôn ngữ lập trình PHP hữu ích cho việc phát triển web, nhưng nó cũngcó một số nhược điểm nhất định Trong đó, hạn chế lớn nhất có thể kể đến chính làlỗi bảo mật đến từ hai nguyên do chính:

 Bản chất mã nguồn PHP: Ngôn ngữ PHP có mã nguồn mở Điều này có

nghĩa là các lỗ hổng của mã nguồn sẽ bị công khai ngay sau khi chúng đượctìm thấy Do đó, trước khi kịp sửa chữa, các lỗ hổng có thể bị khai thác chocác mục đích xấu

 Một số ứng dụng bằng ngôn ngữ PHP được thiết kế bởi người thiếukinh nghiệm: Bởi PHP phù hợp với lập trình viên mới vào nghề Cho nên

một số trang web và ứng dụng được phát triển bởi những người còn thiếukinh nghiệm cũng sẽ đem đến hiệu suất và bảo mật kém hơn

d) JavaScript

JavaScript là một ngôn ngữ lập trình của HTML và WEB Nó là nhẹvà được sử dụng phổ biến nhất như là một phần của các trang web, mà sựthi hành của chúng cho phép Client-Side script tương tác với người sửdụng và tạo các trang web động Nó là một ngôn ngữ chương trình thôngdịch với các khả năng hướng đối tượng

JavaScript được biết đến đầu tiên với tên Mocha, và sau đó là LiveScript,nhưng công ty Netscape đã đổi tên của nó thành JavaScript, bởi vì sự phổbiến như là một hiện tượng của Java lúc bấy giờ JavaScript xuất hiện lầnđầu trong Netscape 2.0 năm 1995 với tên LiveScript Core đa năng củangôn ngữ này đã được nhúng vào Netscape, IE, và các trình duyệt khác. Client-side JavaScript

Client-Side JavaScript là Form phổ biến nhất của ngôn ngữ này.Script nên được bao gồm trong một tài liệu HTML cho việc mã hóa đểđược thông dịch bởi trình duyệt

Nghĩa là một trang web không cần là một HTML tĩnh, nhưng cóthể bao gồm các chương trình mà tương tác với người dùng, điều khiểntrình duyệt, và tạo nội dung HTML động

Kỹ thuật Client-Side JavaScript cung cấp nhiều lợi thế hơn cácCGI Server-Side Script Ví dụ, bạn có thể sử dụng JavaScript để kiểmtra nếu người sử dụng đã nhập một địa chỉ Email hợp lệ trong mộttrường Form.

JavaScript code được thực thi khi người sử dụng đệ trình Form, vàchỉ nếu tất cả đầu vào là hợp lệ, chúng sẽ được đệ trình tới Web Server.JavaScript có thể được sử dụng để nắm bắt các sự kiện được khởi tạo từngười sử dụng như nhấp chuột, điều hướng link, và các hoạt động khácmà người dùng khởi tạo

 Các lợi thế của JavaScriptCác lợi thế của việc sử dụng JavaScript là:Sự tương tác Server ít hơn: Bạn có thể xác nhận đầu vào (input)người sử dụng trước khi gửi trang tới Server Điều này làm tiết kiệmlưu lượng tải ở Server, nghĩa là Server của bạn tải ít hơn

Phản hồi ngay lập tức tới khách truy cập: Họ không phải chờ chomột trang web tải lại để thấy xem nếu họ đã quên nhập cái gì đó

Khả năng tương tác tăng lên: Bạn có thể tạo các giao diện mà phảnứng lại khi người sử dụng rê chuột qua chúng hoặc kích hoạt chúngthông qua bàn phím

Giao diện phong phú hơn: Bạn có thể sử dụng JavaScript để bao gồmnhững mục như các thành phần Drag và Drop (DnD) và các con trượt(Slider) để cung cấp một Rich Interface (Giao diện giàu tính năng) tớisite khách truy cập của bạn

 Hạn chế của JavaScriptChúng ta không thể đối xử JavaScript như là một ngôn ngữ chươngtrình chính thức (full-fledged) Nó thiếu các tính năng quan trọng sau:

Client-side JavaScript không cho phép đọc và ghi các file, bởi vì lý dobảo mật.

JavaScript không được sử dụng cho việc kết nối mạng các ứng dụngbởi vì không có những hỗ trợ có sẵn

JavaScript không có bất kỳ khả năng đa luồng hoặc đa xử lý.Một lần nữa, JavaScript là một ngôn ngữ chương trình thông dịch, nhẹmà cho phép bạn xây dựng khả năng tương tác trong các trang HTMLtĩnh

 NodeJSNodeJS là một môi trường runtime chạy JavaScript đa nền tảng và cómã nguồn mở, được sử dụng để chạy các ứng dụng web bên ngoài trìnhduyệt của client Nền tảng này được phát triển bởi Ryan Dahl vào năm2009, được xem là một giải pháp hoàn hảo cho các ứng dụng sử dụngnhiều dữ liệu nhờ vào mô hình hướng sự kiện (event-driven) khôngđồng bộ

 ReactJS là một opensource được phát triển bởi Facebook, ra mắt vàonăm 2013, bản thân nó là một thư viện Javascript được dùng để để xâydựng các tương tác với các thành phần trên website Một trong nhữngđiểm nổi bật nhất của ReactJS đó là việc render dữ liệu không chỉ thựchiện được trên tầng Server mà còn ở dưới Client nữa

ReactJS là một thư viện JavaScript chuyên giúp các nhà phát triểnxây dựng giao diện người dùng hay UI Trong lập trình ứng dụng front-end, lập trình viên thường sẽ phải làm việc chính trên 2 thành phần sau:UI và xử lý tương tác của người dùng UI là tập hợp những thành phầnmà bạn nhìn thấy được trên bất kỳ một ứng dụng nào, ví dụ có thể kểđến bao gồm: menu, thanh tìm kiếm, những nút nhấn, card,… Giả sửbạn đang lập trình một website thương mại điện tử, sau khi người dùng

chọn được sản phẩm ưng ý rồi và nhấn vào nút “Thêm vào giỏ hàng”,thì việc tiếp theo mà bạn phải làm đó là thêm sản phẩm được chọn vàogiỏ hàng và hiển thị lại sản phẩm đó khi user vào xem => xử lý tươngtác.

Trước khi có ReactJS, lập trình viên thường gặp rất nhiều khókhăn trong việc sử dụng “vanilla JavaScript”(JavaScript thuần) vàJQuery để xây dựng UI Điều đó đồng nghĩa với việc quá trình pháttriển ứng dụng sẽ lâu hơn và xuất hiện nhiều bug, rủi ro hơn Vì vậyvào năm 2011, Jordan Walke – một nhân viên của Facebook đã khởitạo ReactJS với mục đích chính là cải thiện quá trình phát triển UI

Hơn nữa, để tăng tốc quá trình phát triển và giảm thiểu những rủiro có thể xảy ra trong khi coding, React còn cung cấp cho chúng ta khảnăng Reusable Code (tái sử dụng code) bằng cách đưa ra 2 khái niệmquan trọng bao gồm: JSX, Virtual DOM

8 Tổng quan về cơ sở dữ liệu phpMyAdmin MySQL1) Giới thiệu về phpMyAdmin MySQL

PhpMyAdmin là một công cụ nguồn mở được viết bằng ngôn ngữ PHP đểgiúp người dùng quản lý cơ sở dữ liệu của MySQL thông qua một trình duyệtweb Đây là công cụ quản trị MySQL phổ biến nhất được sử dụng bởi hàngtriệu người dùng trên toàn thế giới, đặc biệt là các nhà quản trị cơ sở dữ liệuhay database administrator

2) Đặc trưng của phpMyAdmin MySQL

Thay vì sử dụng giao diện cửa sổ dòng lệnh (command line interface), vớitrình duyệt web của mình, thông qua giao diện người dùng (user interface),PhpMyAdmin có thể thực hiện nhiều tác vụ như tạo, cập nhật, sửa đổi hoặc xóabỏ cơ sở dữ liệu, bảng hoặc bản ghi; thực hiện báo cáo SQL; phân quyền vàquản lý người dùng,…