ĐỒ án môn lập TRÌNH MẠNG đề tài thiết kế website xem phim và nghe nhạc

ĐẠI HỌC QUỐC GIA TP.HỒ CHÍ MINH Trường Đại học Khoa học Tự nhiên Khoa Điện tử - Viễn thông Bộ mơn Máy tính Hệ thống nhúng -o0o - ĐỒ ÁN MƠN LẬP TRÌNH MẠNG Đề tài: Thiết kế website xem phim nghe nhạc Nhóm 12 Tô Anh Khoa Trần Anh Phương Đặng Hữu Tài GVHD: ThS Lê Đức Trị Mục lục I Giới thiệu Mô tả sơ Mơ hình II Chức Giao diện người dùng Giao diện admin Giao diện quản lý liệu III Cách sử dụng XAMPP Giao diện người dùng Giao diện admin Giao diện quản lý liệu IV Đánh giá sản phẩm V Bảng phân chia công việc I Giới thiệu Mô tả sơ Dùng ngơn ngữ lập trình PHP, JAVA SCRIPT ngôn ngữ đánh dấu HTML, CSS để tạo trang web có chức nghe nhạc xem phim Giao diện: HTML, CSS, Bootstrap Backend: PHP CSDL: o Môi trường chạy Server: mySQL o Ngôn ngữ: SQL Mô hình LAN Client Server Client Upload II Chức Hệ thống có giao diện với chức Giao diện Client Là trang dành cho người dùng để nghe nhạc xem phim Khu vực xem phim có trình xem phim gồm: Play/Pause, bật/tắt tiếng, điều chỉnh âm lượng, phóng to, tải phim Khu vực nghe nhạc có thông tin tên hát, tác giả, ca sĩ trình chơi nhạc với chức Giao diện Upload Là nơi để chủ trang web tải lên file nhạc video để người dùng thưởng thức Khu vực Upload videos: chọn video có sẵn máy để tải lên sở liệu trang web Khu vực Upload musics: chọn file mp4 có máy để tải lên sở liệu, chủ sở hữu trang web cần điền số thông tin nhạc tên hát, tác giả, ca sĩ Có bảng liệu: Movies table Musics table liệt kê danh sách video nhạc tải lên Tại người quản trị kiểm tra liệu tải lên có xác hay khơng xóa bỏ thành phần không phù hợp Cách sử dụng BI XAMPP XAMPP chương trình tạo trường Web server ứng dụng hệ điều hành Linux, MacOS, Windows, Cross-platform, Solaris Cấu hình XAMPP để giúp máy tính trở thành web server: Sử dụng chức Apache MySQL Apache sử dụng port 80 443: - Port 80: Sử dụng Http (HyperText Transfer Protocol), giao thức truyền tải siêu văn sử dụng www dùng để truyền tải liệu Web server đến trình duyệt Web ngược lại - Lưu ý: + Lỗi 404 hay Http 404 lỗi không tồn địa truy cập + Lỗi 401 lỗi truy cập vào nơi yêu cầu xác thực khơng vượt qua có lỗi + Lỗi 500 lỗi thường Web server mà bạn truy cập bị lỗi nên truy cập + Ngoài Http 200 tức bạn truy cập thành công Port 443: - + Đây cổng tăng cường bảo mật + Cổng 443 cổng tiêu chuẩn cho tất lưu lượng HTTP bảo mật, có nghĩa hồn tồn cần thiết cho hầu hết hoạt động web đại Mã hóa thứ cần thiết để bảo vệ thơng tin, nằm máy tính máy chủ web Mã hóa ngăn thứ mật thông tin nhạy cảm hiển thị trang (như thông tin ngân hàng) khỏi bị theo dõi đường + Cổng 443 cho phép trang web khả dụng qua HTTP HTTPS Hầu hết trang web cấu hình để hoạt động với HTTPS qua cổng 443, khơng khả dụng lý đó, trang web hoạt động qua HTTPS cổng 80 - Port 3306: + Đây cổng mặc định MySQL + Để kết nối, ta cần sử dụng ứng dụng khách mà ta yêu cầu, chẳng hạn máy khách MySQL + Hoặc qua URL biên dịch thư viện Giao diện Client Để truy cập vào giao diện người dùng, địa trình duyệt web, gõ localhost Tại người dùng thưởng thức đoạn phim Tên video Các nút điều khiển Tên hát nhạc có giao diện trang web Ngồi ra, người dùng cịn Các nút điều khiển truy cập thông qua địa IP mạng LAN, VD: 192.168.68.112 Gia o diện Upl oad Đ ể t r u y c ậ p v o g i a o d i ện admin, gõ localhost/admin Chủ sở hữu trang web thực upload file video âm nhạc Nhập tên video Chọn file để tải lên Nút xác nhận tải lên Nhập tên hát Tác giả Ca sĩ Chọn file để tải lên Nút xác nhận tải lên Xóa video khỏi database Xóa nhạc khỏi database Khu vực tables có liệu tải lên: IV Đánh giá sản phẩm Mặt tích cực Đã hoàn thành trang web với chức nghe nhạc xem phim theo yêu cầu đề tài Trang web hoạt động ổn định có đủ chức cần thiết Thiếu sót Sản phẩm cịn q đơn giản, thiếu tính sáng tạo Chưa truy cập qua Internet mà truy cập qua mạng LAN địa IP server tên trang web Cơ sở liệu bị giới hạn 50MB Định hướng phát triển Xây dựng giao diện tối ưu bắt mắt Sử dụng host để truy cập Internet Tăng cường bảo mật đề phòng cơng mạng Sử dụng thuật tốn trí tuệ nhân tạo để quảng cáo trang web có người tìm kiếm nội dung liên quan V Bảng phân chia công việc Thực đồ án cá nhân sau đưa chọn lựa Xem xét code sử dụng ứng dụng Làm file báo cáo 10 ... dùng để nghe nhạc xem phim Khu vực xem phim có trình xem phim gồm: Play/Pause, bật/tắt tiếng, điều chỉnh âm lượng, phóng to, tải phim Khu vực nghe nhạc có thơng tin tên hát, tác giả, ca sĩ trình. .. tables có liệu tải lên: IV Đánh giá sản phẩm Mặt tích cực Đã hồn thành trang web với chức nghe nhạc xem phim theo yêu cầu đề tài Trang web hoạt động ổn định có đủ chức cần thiết Thiếu sót Sản phẩm... Đánh giá sản phẩm V Bảng phân chia công việc I Giới thiệu Mô tả sơ Dùng ngôn ngữ lập trình PHP, JAVA SCRIPT ngơn ngữ đánh dấu HTML, CSS để tạo trang web có chức nghe nhạc