Đồ án tốt nghiệp - Thiết kế và xây dựng Web Application chỉnh sửa video

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TPHCM
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO


KHÓA LUẬN TỐT NGHIỆP

THIẾT KẾ VÀ XÂY DỰNG WEB APPLICATION
CHỈNH SỬA VIDEO

Giáo viên hướng dẫn: TS. Huỳnh Xuân Phụng
Sinh viên thực hiện: Trần Quốc Việt
MSSV: 18110238
Khóa: K18
Ngành: Công Nghệ Thông Tin
TP. Hồ Chí Minh, … tháng 6 năm 2023

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
-***-

TP. Hồ Chí Minh, ngày … tháng 6 năm 2023

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP
Họ và tên Sinh viên: Trần Quốc Việt
Ngành: Công Nghệ Thông Tin

MSSV: 18110238
Lớp: 18110ST1

Giảng viên hướng dẫn: TS. Huỳnh Xuân Phụng
Ngày nhận đề tài: ......................................... Ngày nộp đề tài: ..................................
1.
Đề tài: THIẾT KẾ VÀ XÂY DỰNG WEB APPLICATION CHỈNH SỬA
VIDEO
2.
Nội dung thực hiện đề tài:

Tìm hiểu các tác vụ cơ bản của việc chỉnh sửa video.

Tìm hiểu về giới hạn của web application khi thực hiện việc chỉnh sửa video

Tìm hiểu và thiết kế giao diện một web application bằng framework Angular

Tìm hiểu về các công cụ cho phép thao tác lên video

Tìm hiểu giới hạn và xây dựng hệ thống có thể rendering video bằng NodeJS.
3.
Sản phẩm: -WebApplication có thể thực hiện được các thao tác chỉnh sửa
video thông dụng và hệ thống rendering video.
TRƯỞNG NGÀNH

GIÁO VIÊN HƯỚNG DẪN

I

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
-***-

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
Họ và tên Sinh viên: Trần Quốc Việt ........................................... MSSV: 18110238
Tên đề tài: THIẾT KẾ VÀ XÂY DỰNG WEB APPLICATION CHỈNH SỬA
VIDEO
Họ và tên Giáo viên hướng dẫn: TS. Huỳnh Xuân Phụng ........................................
......................................................................................................................................
NHẬN XÉT
1.
Về nội dung đề tài và khối lượng thực hiện:
.......................................................................................................................................
.......................................................................................................................................
2.
Ưu điểm:
.......................................................................................................................................
.......................................................................................................................................
3.
Khuyết điểm:
.........................................
...

...
b
Tận dụng giới hạn của webapp để tối đa hóa hiệu năng
Cách tạo ra một server điều khiển một máy tính cá nhân.
Ứng dung phần học của môn tương tác máy tính vào chương trình để thay đỏi
UX cho hợp với một application chạy trên web.
6.2.2. Về mặt ứng dụng
WebApplicaton chỉnh sửa video đã được hoàn thành một cách tương đối, có thể sử
dụng nó như một công cụ để cắt các đoạn video một cách nhanh chóng, ngoài ra có
thể ghép các đoạn lại thành một video hoàn chỉnh theo ý thích
6.2.3. Ưu điểm
Chương trình đã thay đổi một ít về mặt UX so với các phần mềm khác, để trở nên
thân thiện với người dùng web hơn. Ngoài ra, về việc giảm thiểu việc tương tác với
server một cách tối đa đã làm chương trình trở nên nhanh hơn tương đối nếu để so
với một webapp, tận dụng được giới hạn của HTML, làm nó trở nên gói gọn hơn và
dùng ít tài nguyên của máy tính hơn.
6.2.4. Nhược điểm
Về nhược điểm, chương trình thực chất có thời gian phát triển rất ít, vì phần lớn thời
gian là để tìm phương pháp và tài liệu liên quan, cùng với đó toàn bộ được một mình

SVTH: TRẦN QUỐC VIỆT – MSSV: 18110238

58

KHÓA LUẬN TỐT NGHIỆP

GVHD: TS. HUỲNH XUÂN PHỤNG

em phát triển nên nó trở nên chậm chạp. Ngoài ra phần mềm hiện tại rất đơn sơ, tuy
có thể cắt ghép được nhưng một phần cũng không thể nói hoàn chỉnh vì các testcase
được người phát triển trực tiếp nghĩ ra nên không thể bao quát được toàn bộ.
6.3.

HƯỚNG PHÁT TRIỂN

Thêm vào một số chức năng tùy chỉnh thông số về mặt kỹ thuật như bitrate.
Thêm vào phần thêm âm nhạc đè lên phần âm thanh, hoặc tách riêng phần âm
thanh.
Cải thiện giao diện trở nên thân thiện hơn.
Cải thiện hiệu xuất ghép video.

SVTH: TRẦN QUỐC VIỆT – MSSV: 18110238

59

KHÓA LUẬN TỐT NGHIỆP

GVHD: TS. HUỲNH XUÂN PHỤNG

TÀI LIỆU THAM KHẢO
Tiếng Việt
[1] Web cơ bản, Thẻ video trong HTML, [Online]. Available: https://webcoban.vn/html/thevideo-trong-html-nhung-mot-trinh-xem-phim-vao-trang-web.html
[2] @quandv Viblo, Sử dụng @Input() và @Output() trong angular, [Online]. Available:
https://viblo.asia/p/su-dung-atinput-va-atoutput-trong-angular-3P0lPJP8Kox
Tiếng Anh
[3] FFmpeg, Document, [Online]. Available: https://ffmpeg.org/ffmpeg.html
[4] gopinav, Angular-Tutorial, [Online] Available: https://github.com/gopinav/Angular-Tutorials
[5] Samer Buna, Node.js Child Processes: Everything you need to know, [Online]. Available:
https://www.freecodecamp.org/news/node-js-child-processes-everything-you-need-to-knowe69498fe970a/

SVTH: TRẦN QUỐC VIỆT – MSSV: 18110238

60