Áp dụng kiến thức về công nghệ XMLJSON đã được học và thực hiện phân tích bài toán quản lý sinh viên, sau đó xây dựng cơ sở dữ liệu XMLJSON cho phép chạy trên môi trường web với một số chức năng tối thiểu như hiển thị danh sách, thêm, xóa, tìm kiếm, xuất

TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN KỲ THI KẾT THÚC HỌC PHẦN HỌC KÌ NĂM HỌC 2021-2022 Tên đề tài : Áp dụng kiến thức công nghệ XML-JSON học thực phân tích tốn quản lý sinh viên, sau xây dựng sở liệu XML/JSON cho phép chạy môi trường web với số chức tối thiểu hiển thị danh sách, thêm, xóa, tìm kiếm, xuất file sang dạng JSON Giảng viên hướng dẫn : Nguyễn Đức Toàn Sinh viên thực : Phạm Nhật Ninh Mã sinh viên : 1911060090 Lớp : ĐH9C1 Tên học phần : XML JSON Khóa học : 2019 - 2023 i Hà Nội – Ngày10 Tháng 12 Năm 2021 i MỤC LỤC LỜI MỞ ĐẦU 1 Lý chọn đề tài Đối tượng phạm vi nghiên cứu đề tài 2.1 Đối tượng nghiên cứu: 2.2 Phạm vi nghiên cứu: Nội dung: CHƯƠNG 1: TỔNG QUAN VỀ CÔNG NGHỆ XML VÀ JSON 1.1 Khái niệm XML 1.1.1 Cú pháp XML: .2 1.2 Khái niệm JSON .2 1.2.1 Cú pháp JSON .2 1.3 So sánh XML JSON 1.4 Giới thiệu Python 1.5 Giới thiệu PHP CHƯƠNG 2: MÔ TẢ THUẬT TOÁN 2.1 Bài toán đặt .6 2.2 Giải toán 2.2.1 Một số phần mềm dùng giải toán 2.2.2 Phần mềm XAMPP 2.3 Làm việc với XML JSON tảng PHP Python .7 2.3.1 Xây dựng tệp XML 2.3.2 Xây dựng python hiển thị tệp tin XML lên hình 2.3.3 Xây dựng giao diện chương trình chức PHP CHƯƠNG 3: SẢN PHẨM THỰC TẾ .10 3.1 Tệp liệu XML 10 3.2 Chương trình Python 10 i 3.3 PHP sử dụng CSS làm giao diện chức 11 3.3.1 Giao diện hệ thống 11 3.3.2 Chức Thêm 11 3.3.2 Chức Xóa 13 3.3.3 Chức xuất file JSON 14 TÀI LIỆU THAM KHẢO 15 LỜI MỞ ĐẦU Lý chọn đề tài Ứng dụng XML để trao đổi thông tin website với thường dùng để trao đổi website, cần thiết lập trình tương tác Nếu mơ tả cách đơn giản XML giống máy phiên dịch ngôn ngữ hệ thống với Ngồi chức thơng dịch, cịn giúp đơn giản hóa liệu platform hệ thống khác XML dùng kho lưu trữ liệu trao đổi Khi liệu luân chuyển website phải có cấu trúc đọc Hiểu ứng dụng tuyệt vời XML JSON em vận dụng vào đề tài Với mục đích củng cố kiến thức học được, xây dựng danh sách quản lý nhỏ gọn, đơn giản, thân thiện, đem lại cho người dùng cảm giác thoải mái với số thao tác đơn giản Đối tượng phạm vi nghiên cứu đề tài 2.1 Đối tượng nghiên cứu: Đề tài: “Quản lý sinh viên” 2.2 Phạm vi nghiên cứu: Là sinh viên khoa Công Nghệ Thông Tin học tập trường Đại Học Tài Nguyên Và Môi Trường Hà Nội Nội dung: - Tìm hiểu khái quát công nghệ XML JSON, Python PHP - Mô tả toán, hướng giải phần mềm cần thiết để thực đề tài - Sản phẩm thực tế làm cách chức hoạt động 2 CHƯƠNG 1: TỔNG QUAN VỀ CÔNG NGHỆ XML VÀ JSON 1.1 Khái niệm XML XML (Extensible Markup Language) ngôn ngữ đánh dấu tạo World Wide Web Consortium (W3C) để xác định cú pháp mã hóa tài liệu giúp người, máy móc đọc Để XML mã hóa tài liệu, sử dụng thẻ xác định cấu trúc tài liệu cách tài liệu lưu trữ vận chuyển File XML viết tắt Extensible Markup Language hay gọi ngôn ngữ đánh dấu mở rộng 1.1.1 Cú pháp XML: Sơ đồ sau minh họa qui tắc cú pháp để viết kiểu đánh dấu text khác tài liệu XML Hình 1.1.1 Sơ đồ qui tắc cú pháp XML 1.2 Khái niệm JSON JSON tên viết tắt cụm từ JavaScript Object Notation, kiểu định dạng liệu tuân theo quy tắc định mà hầu hết ngơn ngữ lập trình đọc thay XML JSON tiêu chuẩn mở giúp trao đổi liệu có website Nói cách khách, JSON định dạng giúp lưu trữ thơng tin có cấu trúc chủ yếu dùng để truyền tải liệu server client ngôn ngữ độc lập (phần cứng, hệ điều hành) Các nhà phát triển thường xuyên sử dụng JSON để làm việc với AJAX, cách định dạng phối hợp hiệu với để nén liệu tải khơng đồng Có nghĩa sau: trang web cập nhật thơng tin mà bạn không cần phải làm trang Đây trình dễ thực nhiều trang web áp dụng AJAX, file Json dần trở nên phổ biến JSON mặc định hỗ trở JavaScript, PHP Java hỗ trợ JSON 3 1.2.1 Cú pháp JSON Cú pháp JSON tập hợp cú pháp JavaScript - Các quy tắc để viết cú pháp JSON:  Dữ liệu nằm cặp (“tên”: “giá trị”)  Dữ liệu ngăn cách dấu phẩy  Các đối tượng đặt cặp dấu ngoặc nhọn ({}) giữ đối tượng  Các mảng đặt cặp dấu ngoặc vuông ([]) giữ mảng  Tên giá trị phải rào lại cặp nháy kép - Giá trị JSON là:  Số bao gồm số nguyên số thực  Chuỗi (đặt dấu nháy kép)  Boolean (true/false)  Mảng (đặt dấu ngoặc vuông)  Đối tượng (đặt dấu ngoặc nhọn) 1.3 So sánh XML JSON Bảng 1.3 So sánh XML JSON Giống nhau: - Các thẻ người sử dụng tự mơ tả - Có thứ bậc thành phần - Sử dụng để lưu trữ trao đổi liệu Khác JSON Đối tượng JSON hỗ trợ loại liêu Các kiểu liệu JSON: chuỗi, số, mảng, Boolean Dữ liệu truy cập dạng đối tượng JSON Hầu hết trình duyệt hỗ trợ JSON XML Dữ liệu XML khơng có kiểu Tất liệu XML chuỗi Dữ liệu XML phải phân tích cú pháp Phân tích cú pháp XML nhiều trình duyệt phức tạp 4 Khơng có khả hiển thị Chỉ hỗ trỡ kiểu liệu văn Dễ dàng lấy giá trị thật Được hỗ trợ nhiều công cụ Ajax Giải má JavaScripr/ hóa tự động Hỗ trợ đối tượng gốc Chỉ hỗ trợ mã hóa UTF-8 Khơng hỗ trợ comment Các file JSON dễ đọc so với XL Không hỗ trợ namespace Bảo mât XML ngôn ngữ đánh dấu nên có khả hiển thị liệu Hỗ trợ nhiều kiểu liệu khác số, văn bản, hình ảnh, biểu đồ, đồ thị,… Lấy giá trị thực khó Khơng hỗ trợ đủ công cụ Ajax Các nhà phát triển phải viết mã JavaScript để hóa/ hủy tần tự hóa từ XML Đối tượng phải thể quy ước- không sử dụng thuộc tính phân tử Hỗ trợ nhiều mã hóa khác Hỗ trợ comment Các tài liệu XML tương đối khó đọc khóa hiểu JSON Hỗ trợ namespace Bả mât tốt JSON 1.4 Giới thiệu Python Python sáng tạo Guido van Rossum vào cuối năm 1980s, ngơn ngữ lập trình phổ biến sử dụng để phát triển website thiết kế nhiều ứng dụng khác Python ngơn ngữ lập trình hướng đối tượng đa Ngôn ngữ sở hữu cấu trúc liệu cấp cao mạnh mẽ hệ thống thư viện lớn Python sử dụng chế cấp phát nhớ tự động với cú pháp đơn giản rõ ràng, giúp người học dễ tiếp cận làm quen, kể người bắt đầu học lập trình Với cách tiếp cận đơn giản hiệu lập trình hướng đối tượng, Python sử dụng linh hoạt vào mục đích đây: Lập trình ứng dụng web, khoa học phân tích liệu, tạo nguyên mẫu phần mềm, giảng dạy lập trình Các đặc điểm Python:  Ngữ pháp đơn giản, dễ đọc, hỗ trợ module hỗ trợ gói (package)  Vừa hướng thủ tục (procedural-oriented), vừa hướng đối tượng (object-oriented)  Xử lý lỗi ngoại lệ (Exception)  Kiểu liệu động mức cao 5  Có thư viện chuẩn module ngoài, đáp ứng tất nhu cầu lập trình  Có khả tương tác với module khác viết trên C/C+ + (Hoặc Java cho Jython, hoặc .Net cho IronPython)  Có thể nhúng vào ứng dụng giao tiếp kịch (scripting interface) 1.5 Giới thiệu PHP PHP từ viết tắt cụm từ Hypertext Pre Processor Là ngơn ngữ lập trình thường sử dụng để phát triển ứng dụng Những thứ có liên quan đến viết máy chủ, mã nguồn mở hay mục đích tổng qt Ngồi ra, cịn thích hợp để lập trình web dễ dàng nhúng vào trang HTML Ngày nay, PHP chiếm tới 70% web nay, trang web giới thiệu công ty influxwebtechnologies, Monamedia xây dựng WordPress – mã nguồn viết ngôn ngữ PHP Bởi tính tối ưu hóa cho ứng dụng web Tốc độ load web nhanh, nhỏ gọn, cú pháp giống C JAVA Rất dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác PHP dùng để :  PHP tạo trang web động (sản sinh nội dung HTML/CSS/JavaScript), lý mà nên tìm hiểu HTML/CSS trước đến với PHP  PHP mở, đọc, ghi, xóa file máy chủ, tương tác với phần mềm khác máy chủ  PHP kết hợp với hệ quản trị CSDL, lưu trữ, truy vấn, xử lý liệu trả kết cho người dùng  PHP gửi/nhận cookie, mã hóa, giải mã liệu  PHP phát triển dịch vụ web (web services) CHƯƠNG 2: MÔ TẢ THUẬT TỐN 2.1 Bài tốn đặt “Quản lý sinh viên” Giả sử muốn xây dựng hệ thống danh sách quản lý sinh viên trường Yêu cầu hệ thống cần phải có tính thêm, xóa xuất file JSON 2.2 Giải tốn 2.2.1 Một số phần mềm dùng giải toán Subline Text, Atom, Adobe dreamweather, Visual Studio Code,… Em sử dụng Visual Studio Code để làm đề tài 2.2.2 Phần mềm XAMPP XAMPP là chương trình sử dụng để tạo máy chủ web (web server) được tích hợp sẵn với FTP Server, Apache, PHP, MySQL và phpMyAdmin Xampp có giao diện tương đối dễ hiểu tiện lợi, tạo điều kiện cho người dùng việc bật tắt hay khởi động lại dịch vụ máy chủ. Về ưu điểm, Xampp ưa chuộng điểm cộng tuyệt vời như:  Xampp hoạt động tốt Cross-platform, Linux, Window MacOS  Cấu hình đơn giản  Nhiều tính trội giả lập Server, Mail Server, hỗ trợ cài đặt SSL Localhost  XAMPP tích hợp thành phần với nhiều tính Apache; PHP; MySql; giúp hỗ trợ phát triển web tồn diện, khơng cần cài đặt thêm nhiều phần mềm  Mã nguồn mở giúp giao diện quản lý XAMPP tương đối tiện lợi Bạn hồn tồn bật tắt hay khởi động lại dịch vụ máy chủ dễ dàng Tuy vậy, Xampp tồn vài nhược điểm định Hãy cân nhắc chúng để đưa định có nên sử dụng chương trình khơng Cụ thể:  Khơng hỗ trợ Module  Khơng tích hợp Version MySQL, đó, đơi mang đến bất tiện cho người dùng.   Dung lượng nặng, khoảng 141MB cho file cài đặt  Chi tiết giao diện, cấu hình cách sử dụng phần mềm XAMPP - Sau download phần mềm tiến hành giải nén, mở phần mềm tiến hành “Start” Module “Apache” Hình 2.2.2 Giao diện XAMPP 2.3 Làm việc với XML JSON tảng PHP Python 2.3.1 Xây dựng tệp XML Mở phần mềm Visual Studio code chọn File→ Open Folder→xampp / htdocs→ New Folder→Tạo Folder để chứa toàn dự án →New File (Tạo file XML) Xây dựng tệp XML, mô tả thông tin cho khoảng 05 sinh viên 8 Hình 2.3.1 Tạo xây dựng tệp liệu XML 2.3.2 Xây dựng python hiển thị tệp tin XML lên hình Cài đặt Python máy tính→mở IDLE Python→ File→ New File→ xây dựng chương trình xuất liệu khách hàng từ tệp XML (2.3.1) lên hình 9 Hình 2.3.2 Xây dựng chương trình Python 2.3.3 Xây dựng giao diện chương trình chức PHP Tạo file PHP ta thao tác giống tạo file XML trên: Sử dụng ngơn ngữ lập trình PHP xây dựng giao diện chức hệ thống 10 Hình 2.3.3 Xây dựng giao diện 11 Hình 2.3.4 Xây dựng chức thêm Hình 2.3.5 Xây dựng chức xóa Hình 2.3.6 Xây dựng chức xuất file JSON 12 CHƯƠNG 3: SẢN PHẨM THỰC TẾ 3.1 Tệp liệu XML File “sinhvien.xml” mô tả đầy đủ trường thông tin khách hàng tạo phần mềm ‘Visual Studio Code’ hiển thị liệu trường thơng tin XML lên Web Hình 3.1 Dữ liệu trường thông tin XML Web 3.2 Chương trình Python Sử dụng Python, chương trình dùng để hiển thị liệu từ file “sinhvien xml” lên hình 13 Hình 3.2 Dữ liệu hiển thị lên hình từ XML 3.3 PHP sử dụng CSS làm giao diện chức CSS là chữ viết tắt Cascading Style Sheets, ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngôn ngữ đánh dấu (HTML) Nói ngắn gọn ngơn ngữ tạo phong cách cho trang web Bạn hiểu đơn giản rằng, HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,… CSS giúp thêm style vào phần tử HTML đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc… Để giao diện đẹp mắt ta phải sử dụng thêm CSS để chỉnh màu cho thân thiện mang lại cảm giác dễ chịu cho người dùng 14 3.3.1 Giao diện hệ thống Giao diện đơn giản với nút chức bên Hình 3.3.1 Giao diện hệ thống 3.3.2 Chức Thêm Sử dụng form đơn giản có hiển thị sẵn liệu XML bên để kiểm tra lại thông tin ta vừa nhập Sau nhập thông tin cập nhân lên giao diện Chức thêm có sử dụng chức tự thêm mệnh giá tiền gửi nên ta khơng phải nhập mệnh giá vào form 15 Hình 3.3.2 Form thêm thơng tin sinh viên 16 Hình 3.3.3 Hệ thống lưu thông tin vào XML 3.3.2 Chức Xóa Danh sách liệu XML đưa vào giao diện để thuận tiện cho việc kiểm tra lại thông tin Sau xóa khách hàng hệ thống xếp lại danh sách khách hàng theo thứ tự 17 Hình 3.3.4 Form xóa thơng tin sinh viên 3.3.3 Chức xuất file JSON Chức giúp ta chuyển liệu XML sang JSON Hình 3.3.6 File JSON chuyển đổi từ XML 18 TÀI LIỆU THAM KHẢO Tiếng Việt Phạm Thị Thu Thúy, (2018), Công Nghệ XML Ứng Dụng, Nhà xuất Khoa học kỹ thuật Hoàng Đức Hải, (2005), Giáo Trình Nhập Mơn PHP & MySQL - Xây Dựng Ứng Dụng Web, Nhà xuất Lao động – Xã hội Nguyễn Phương Lan, Hoàng Đức Hải (2003), XML Nền tảng & Ứng dụng, Nhà xuất Lao động – Xã hội Bùi Việt Hà, (2020), Python bản, Nhà xuất Đại học Quốc Gia Hà Nội Phạm Thị Nhung, (2008), Giáo Trình Lập Trình Web Với HTML Và JavaScript, Nhà xuất Đại học Quốc Gia TP.HCM Tiếng Anh Mark Birbeck and et al, (2001), Professional XML (2nd Edition), Wrox Press Ltd Jeff Friesen, (2019), Java XML and JSON Document Processing for Java SE, Apress WallPearl, (2008), Simple CSS Standard Edition, WallPearl’sBlog Võ Duy Tuấn, (2010), PHP Beginning & Intermediate Study Guide, Rasmus Lerdorf  ... TỐN 2.1 Bài toán đặt ? ?Quản lý sinh viên” Giả sử muốn xây dựng hệ thống danh sách quản lý sinh viên trường u cầu hệ thống cần phải có tính thêm, xóa xuất file JSON 2.2 Giải toán 2.2.1 Một số phần... trên: Sử dụng ngơn ngữ lập trình PHP xây dựng giao diện chức hệ thống 10 Hình 2.3.3 Xây dựng giao diện 11 Hình 2.3.4 Xây dựng chức thêm Hình 2.3.5 Xây dựng chức xóa Hình 2.3.6 Xây dựng chức xuất. .. XML JSON em vận dụng vào đề tài Với mục đích củng cố kiến thức học được, xây dựng danh sách quản lý nhỏ gọn, đơn giản, thân thiện, đem lại cho người dùng cảm giác thoải mái với số thao tác đơn