Tìm hiểu công nghệ web đa phương tiện và ứng dụng

LỜI CAM ĐOAN Tôi xin cam đoan nội dung luận văn thực dƣới hƣớng dẫn PGS.TS Nguyễn Thị Hoàng Lan Để hoàn thành luận văn áp dụng tài liệu tham khảo khơng chép tồn luận văn nào, mơ giải thích nhƣ phần xây dựng giải pháp ứng dụng luận văn hoàn toàn trung thực cơng trình nghiên cứu riêng LỜI CẢM ƠN Trƣớc hết, em xin đƣợc chân thành gửi lời cảm ơn tới thầy cô giáo trƣờng Đại học Bách khoa Hà Nội nói chung thầy cô giáo Viện Công nghệ thơng tin Truyền thơng nói riêng tận tình giảng dạy, truyền đạt cho em kiến thức kinh nghiệm quý báu suốt trình học tập Em xin đƣợc gửi lời cảm ơn sâu sắc đến giáo PGS.TS Nguyễn Thị Hồng Lan hết lịng giúp đỡ, hƣớng dẫn bảo tận tình trình em thực luận văn tốt nghiệp Xin đƣợc gửi lời cảm ơn chân thành tới Ban Giám hiệu, Ban thƣ viện thầy cô khoa Công nghệ thông tin trƣờng ĐHSPKT Hƣng yên tạo điều kiện thuận lợi giúp đỡ cho trình triển khai thử nghiệm hệ thống Cuối tơi xin cảm ơn gia đình, bạn bè quan tâm, động viên, đóng góp ý kiến giúp đỡ em suốt trình học tập, nghiên cứu để hoàn thành luận văn tốt nghiệp MỤC LỤC MỤC LỤC DANH MỤC TỪ VIẾT TẮT DANH MỤC BẢNG DANH MỤC HÌNH PHẦN MỞ ĐẦU CHƢƠNG 1: TÌM HIỂU VỀ CƠNG NGHỆ WEB ĐA PHƢƠNG TIỆN 1.1 Tổng quan công nghệ web đa phƣơng tiện 1.1.1 khái niệm web đa phƣơng tiện 1.1.2 Đặc điểm công nghệ web đa phƣơng tiện 1.2 Tìm hiểu HTML5 1.2.1 Giới thiệu công nghệ HTML5 .4 1.2.2 Các tính HTML5: 1.2.3 Tìm hiểu số thẻ HTML5 .8 1.2.3.1 Tính thẻ 1.2.3.2 Các vùng Article Section 1.2.3.3 Các phần tử hình ảnh 11 1.2.3.4 Các phần tử đa phƣơng tiện 11 1.2.3.5 Các phần tử video 28 1.3 Tìm hiểu MySQL 30 1.3.1 Giới thiệu MySQL 30 1.3.2 Quản trị sở liệu MySQL 30 1.4 Tìm hiểu PHP 35 1.4.1 Giới thiệu PHP 35 1.4.2 Ứng dụng PHP 36 CHƢƠNG 2: KHẢO SÁT YÊU CẦU WEBSITE TRƢỜNG ĐHSPKT HƢNG YÊN43 2.1 Khảo sát hệ thống .43 2.2 Đối tƣợng khảo sát 43 2.3 Thông tin khảo sát đƣợc 44 2.4 Hiện trang website trƣờng 46 2.5 Định hƣớng phát triển quản trị CSDL tài liệu đa phƣơng tiện cho website trƣờng ĐHSPKT Hƣng yên 46 2.5.1 Sự cần thiết sở liệu tài liệu đa phƣơng tiện: 46 2.5.2 Xác định yêu cầu nhiệm vụ luận văn là: .47 CHƢƠNG 3: XÂY DỰNG HỆ THỐNG CSDL TÀI LIỆU ĐA PHƢƠNG TIỆN CHO WEBSITE TRƢỜNG ĐHSPKT HƢNG YÊN 48 3.1 Phân tích thiết kế hệ thống 48 3.1.1 Kiến trúc hệ quản trị sở liệu tài liệu đa phƣơng tiện 48 3.1.2 Biểu đồ phân cấp chức hệ quản trị CSDL .50 3.2 Xây dựng CSDL tài liệu đa phƣơng tiện 51 3.2.1 Yêu cầu hệ quản trị sở liệu tài liệu đa phƣơng tiện 51 3.2.2 Mơ hình hóa liệu tài liệu đa phƣơng tiện 51 3.2.3 Lƣu trữ đối tƣợng đa phƣơng tiện .52 3.3 Sơ đồ Uses cases chức 53 3.3.1 Xây dựng sơ đồ Uses cases 53 3.3.2 Chức ngƣời dùng 54 3.3.3 Chức đăng ký thành viên .55 3.3.4 Đăng nhập vào hệ thống .55 3.3.5 Các chức ngƣời quản trị 56 3.3.6 Chức quản lý thành viên 57 3.3.7 Chức quản lý CSDL multimedia 58 3.3.8 Chức cập nhật video 59 3.3.9 Chức cập nhật âm 59 3.3.10 Chức cập nhật văn , hình ảnh 60 3.4 Thiết kế xây dựng bảng liệu 60 3.5 Xây dựng mơ hình liệu quan hệ CSDL tài liệu đa phƣơng tiện 64 3.6 Cài đặt thực nghiệm 65 3.6.1 Cài đặt CSDL 65 3.6.2 Cài đặt chức 67 3.6.3 Một số giao diện 68 KẾT LUẬN 79 TÀI LIỆU THAM KHẢO 81 DANH MỤC TỪ VIẾT TẮT STT Chữ viết tắt Giải thích CSDL Cơ sở liệu DOM Document Object Model HTML5 Hyper Text Markup Language ver.5 PHP Personal Home Page ĐHSPKT Đại học sƣ phạm kỹ thuật DANH MỤC BẢNG Bảng 1-1: Bảng định danh 31 Bảng 1-2: Bảng phân quyền nhóm ngƣời dùng 32 Bảng 1-3: Bảng phân quyền móm quản trị hệ thống 32 Bảng 1-4: Bảng cấp quyền cho thành viên 33 Bảng 1-5: Bảng tham số 37 Bảng 3-1: Bảng quản lý thành viên quản trị 61 Bảng 3-2: Quản lý file tài liệu download 61 Bảng 3-3: Bảng quản lý thành viên ngƣời dùng 62 Bảng 3-4: Bảng quản lý nhóm multimedia 62 Bảng 3-5: Bảng quản lý video 63 Bảng 3-6: Bảng quản lý Audio 63 Bảng 3-7: Bảng quản lý ảnh 64 DANH MỤC HÌNH Hình 2-1: Giao diện tìm kiếm tài liệu multimedia 44 Hình 3-1: Kiến trúc hệ quản trị sở dƣ liệu tài liệu đa pƣơng tiện 48 Hình 3-2: Biểu đồ phân cấp chức 50 Hình 3-3 Sơ đồ hệ thống lƣu trữ file vật lý liệu đa phƣơng tiện 52 Hình 3-4: Sơ đồ Uses cases quản lý CSDL tài liệu 53 Hình 3-5: Sơ đồ use case ngƣời dùng 54 Hình 3-6 sơ đồ use case đăng ký thành viên 55 Hình 3-7: Sơ đồ đăng nhập 55 Hình 3-8: Sơ đồ use case Admin 56 Hình 3-9: Sơ đồ use case quản lý thành viên 57 Hình 3-10 Sơ đồ use case quản lý CSDL multimedia 58 Hình 3-11: Sơ đồ use case cập nhật video 59 Hình 3-12: Sơ đồ use case cập nhật âm 60 Hình 3-13: Sơ đồ use case cập nhật văn , hình ảnh 60 Hình 3-14: Mơ hình quan hệ CSDL 64 Hình 3-15 giao diện tạo CSDL database 65 Hình 3-16: Cập nhật CSDL database vào hệ thống 66 Hình 3-17: giao diện quản trị Multimedia 67 Hình 3-18: Giao diện đăng ký thành viên 68 Hình 3-19: Giao diện ngƣời dùng xem clip download file 68 Hình 3-20: Giao diện xem tài liệu văn 69 Hình 3-21 Giao diện xem ảnh 70 PHẦN MỞ ĐẦU o Lý chọn đề tài Ngày cơng nghệ web hồn tồn thay cho ứng dụng desktop cộng đồng mã nguồn mở hy vọng đƣa ứng dụng web đến gần với ứng dụng desktop Mọi trao đổi đƣợc diễn mơi trƣờng web, cơng việc ngày thành thực đƣợc dựa tảng công nghệ web phần mềm kết nối môi trƣờng internet CNTT đƣợc ứng dụng rộng rãi nhiều lĩnh vực khác nhƣ kinh doanh, giáo dục, nông nghiệp, y học Trong lĩnh vực giáo dục bên cạnh nhu cầu tìm kiếm thơng tin phục vụ cho công việc học tập sinh viên ngày nhiều, phần lớn trƣờng số hóa tài liệu xây dựng hệ thống website quản lý CSDL tài liệu, qua khảo sát nhu cầu tìm kiếm tài liệu học tập nghiên cứu thực tế sinh viên nhƣ cán giảng viên trƣờng với phát triển Nhà Trƣờng, đƣợc ủng hộ ban lãnh đạo toàn thể cán bộ, giảng viên sinh viên trƣờng nhà trƣờng đầu tƣ trang thiết bị hệ thống máy chủ(sever) phục vụ cho lƣu trữ sở liệu tài liệu đa phƣơng tiện sở sử dụng hệ thống website quản lý cập nhật CSDL tài liệu đa phƣơng tiện ( văn bản, sách điện tử, video, âm thanh, hình ảnh ), Xuất phát từ nhu cầu tìm kiếm thơng tin tài liệu để phục vụ nghiên cứu học tập thực đề tài luận văn “Tìm hiểu cơng nghệ web đa phương tiên ứng dụng” Với mục đích xây dựng hệ thống CSDL tài liệu đa phƣơng tiện cho website trƣờng Đại học SPKT Hƣng Yên Luận văn nhằm tìm hiểu công nghệ web đa phƣơng tiện nghiên cứu xây dựng ứng dụng quản trị CSDL tài liệu đa phƣơng tiện cho cho phép tìm kiếm, download upload CSDL tài liệu đa phƣơng tiện cho website trƣờng ĐHSPKT Hƣng yên o Mục tiêu nghiên cứu - Tìm hiểu cơng nghệ web đa phƣơng tiện - Tìm hiểu công nghệ phát triển web đa phƣơng tiện nhƣ HTML5, PHP - Khảo sát yêu cầu hệ thống website trƣờng ĐHSPKT Hƣng yên - Nghiên cứu giải pháp xây dựng hệ thống CSDL tài liệu đa phƣơng tiện cho website Trƣờng ĐHSPKT Hƣng yên - Thực nghiệm ứng dụng đánh giá kết hệ thống CSDL tài liệu đa phƣơng tiện o Nhiệm vụ luận văn - Tìm hiểu cơng nghệ phát triển xây dựng hệ quản trị CSDL tài liệu đa phƣơng tiện website trƣờng ĐHSPKT Hƣng yên - Trình bày giải pháp xây dựng hệ thống CSDL tài liệu đa phƣơng tiện cho website Trƣờng ĐHSPKT Hƣng yên o Cấu trúc luận văn Luận văn đƣợc chia thành nội dung sau: Chƣơng 1: Tìm hiểu công nghệ web đa phƣơng tiện Chƣơng 2: Khảo sát yêu cầu website trƣờng ĐHSPKT Hƣng yên Chƣơng 3: Xây dựng hệ thông CSDL tài liệu đa phƣơng tiện cho website trƣờng ĐHSPKT Hƣng yên 3.6.2 Cài đặt chức Giao diện quản trị MULTIMEDIA Hình 3-17: giao diện quản trị Multimedia 67 3.6.3 Một số giao diện Hình 3-18: Giao diện đăng ký thành viên Hình 3-18 giao diện cho phép ngƣời dùng đăng ký thành viên Hình 3-19: Giao diện ngƣời dùng xem clip download file Hình 3-19 giao diện cho phép ngƣời dùng xem nội dung file video chƣa đăng nhập,và ngƣời dùng muốn download file video phải đăng 68 nhập thành viên download đƣợc Hình 3-20: Giao diện xem tài liệu văn Hình 3-20 giao diện xem nọi dung file văn ngƣời dùng chƣa đăng nhập, ngƣời dùng muốn download file tài liệu hệ thống yêu cầu ngƣời dùng phải nhập 69 Hình 3-21 Giao diện xem ảnh Hình 3-21là giao diện xem file hình ảnh ngƣời xem chƣa đăng nhập, ngƣời dùng muốn download file ảnh phải đăng nhập thành viên hệ thống cho phép ngƣời dùng download file ảnh Mã code đăng ký thành viên:   Đăng ký thành viên