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

Mô tả sơ bộ Dùng ngôn ngữ lập trình PHP, JAVA SCRIPT và ngôn ngữ đánh dấu HTML, CSS để tạo ra 1 trang web có chức năng nghe nhạc và xem phim.. Giao diện Client Là trang dành cho người dù

ĐẠ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 và Hệ thống nhúng

-o0o -ĐỒ ÁN MÔN LẬP TRÌNH MẠNG

Đề tài: Thiết kế website xem phim và 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

1. Mô tả sơ bộ 3

2. Mô hình 3

II Chức năng 4

1 Giao diện người dùng 4

2 Giao diện admin 4

3 Giao diện quản lý dữ liệu 5

III Cách sử dụng 6

1 XAMPP 6

2 Giao diện người dùng 6

3 Giao diện admin 7

4 Giao diện quản lý dữ liệu 7

IV Đánh giá sản phẩm 8

V Bảng phân chia công việc 8

I Giới thiệu

1 Mô tả sơ bộ

Dùng ngôn ngữ lập trình PHP, JAVA SCRIPT và ngôn ngữ đánh dấu HTML, CSS để tạo ra 1 trang web có chức năng nghe nhạc và xem phim Giao diện: HTML, CSS, Bootstrap

Backend:

PHP CSDL:

2 Mô hình

LAN

Client Upload

3

II Chức năng

Hệ thống có 2 giao diện với các chức năng chính

1 Giao diện Client

Là trang dành cho người dùng để nghe nhạc hoặc xem phim

Khu vực xem phim có các năng cơ bản của một 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 sẽ có các thông tin như tên bài hát, tác giả, ca sĩ

và một trình chơi nhạc với các chức năng cơ bản

2 Giao diện Upload

Là nơi để chủ trang web tải lên các file nhạc và video để người dùng có thể thưởng thức

Khu vực Upload videos: chọn 1 video có sẵn trong máy để tải lên

cơ sở dữ liệu của trang web

Khu vực Upload musics: chọn 1 file mp4 có trong máy để tải lên

cơ sở dữ liệu, ngoài ra chủ sở hữu trang web cần điền một số thông tin về bản nhạc như tên bài hát, tác giả, ca sĩ

Có 2 bảng dữ liệu: Movies table và Musics table liệt kê danh sách

các video và nhạc đã được tải lên Tại đây người quản trị có thể kiểm tra dữ liệu đã được tải lên có chính xác hay không và có thể xóa bỏ đi những thành phần không phù hợp

5

III Cách sử dụng

1 XAMPP

XAMPP là một chương trình tạo ra mọi trường Web server được ứng dụng trên các hệ điều hành Linux, MacOS, Windows, Cross-platform, Solaris

Cấu hình XAMPP để có thể giúp máy tính trở thành 1 web server:

Sử dụng 2 chức năng chính là Apache và MySQL.

Apache sử dụng port 80 và 443:

- Port 80: Sử dụng trong Http (HyperText Transfer Protocol), đây là giao thức truyền tải siêu văn bản được sử dụng trong www dùng để truyền tải

dữ liệu giữa Web server đến các trình duyệt Web và ngược lại

+ Lỗi 404 hay Http 404 là lỗi không tồn tại địa chỉ đang truy cập

+ Lỗi 401 là lỗi khi truy cập vào nơi yêu cầu xác thực nhưng không vượt qua sẽ có lỗi này

+ Lỗi 500 là lỗi thường do Web server mà bạn truy cập bị lỗi nên không thể truy cập được

+ Ngoài ra Http 200 tức là bạn truy cập thành công

+ Đây là cổng tăng cường bảo mật

+ Cổng 443 là cổng tiêu chuẩn cho tất cả lưu lượng HTTP được bảo mật,

có nghĩa là nó hoàn toàn cần thiết cho hầu hết những hoạt động web hiện đại Mã hóa

là thứ cần thiết để bảo vệ thông tin, vì nó nằm giữa máy tính và máy chủ web Mã hóa

đó ngăn những thứ như mật khẩu và thông tin nhạy cảm hiển thị trên các trang (như thông tin ngân hàng) khỏi bị bất kỳ ai theo dõi trên đường đi

+ Cổng 443 cũng cho phép các trang web khả dụng qua cả HTTP và HTTPS Hầu hết các trang web được cấu hình để hoạt động với HTTPS qua cổng 443, nhưng nếu nó không khả dụng vì lý do nào đó, trang web sẽ vẫn hoạt động qua

HTTPS trên cổng 80

+ Đây là cổng mặc định của MySQL

+ Để kết nối, ta chỉ cần sử dụng bất kỳ ứng dụng khách nào mà ta yêu cầu, chẳng hạn như máy khách MySQL cơ bản

+ Hoặc qua một URL được biên dịch bởi thư viện

2 Giao diện Client

Để truy cập vào giao diện người dùng, tại thanh địa chỉ của trình duyệt

web, gõ localhost Tại đây người dùng có thể thưởng thức đoạn phim hoặc

Tên video

7 Các nút

điều khiển

bản nhạc có trên giao diện của trang web Ngoài ra, người

dùng còn truy cập thông qua địa chỉ IP mạng LAN, VD:

192.168.68.112

Tên bài hát

Các nút điều khiển

3 Giao diện Upload

Để truy cập vào giao diện admin, gõ localhost/admin Chủ sở hữu

trang web sẽ thực hiện upload các file video và âm nhạc tại đây

Chọn file để tải lên

Chọn file để tải lên

Nút xác nhận tải lên

Nút xác nhận tải

lên

Nhập tên video

Nhập tên bài hát

Tác giả

Ca sĩ

8

Xóa video khỏi database

Xóa nhạc khỏi database

Khu vực tables khi đã có dữ liệu được tải lên:

IV Đánh giá sản phẩm

1 Mặt tích cực

Đã hoàn thành được 1 trang web với chức năng nghe nhạc và xem phim theo yêu cầu đề tài Trang web hoạt động ổn định và có đủ các chức năng

cơ bản cần thiết

2 Thiếu sót

Sản phẩm còn quá đơn giản, thiếu tính sáng tạo

Chưa truy cập được qua Internet mà chỉ truy cập qua mạng LAN bằng địa chỉ IP của server hoặc tên trang web

Cơ sở dữ liệu bị giới hạn ở 50MB

3 Định hướng phát triển

Xây dựng giao diện tối ưu và bắt mắt hơn Sử dụng host để truy cập Internet

Tăng cường bảo mật đề phòng tấn công mạng

Sử dụng thuật toán trí tuệ nhân tạo để quảng cáo trang web khi

có người tìm kiếm nội dung liên quan

V Bảng phân chia công việc

Khoa Phương Tài

chọn lựa

dụng ứng dụng

10