đồ án xây dựng ứng dụng xem video, nhạc chờ

lOMoARcPSD|17838488 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP MÔN THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG XEM VIDEO, NHẠC CHỜ Sinh viên thực : Nguyễn Quang Huy Giảng viên hướng dẫn : Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CƠNG NGHỆ PHẦN MỀM Lớp : D13CNPM5 Khóa : 2018 - 2023 Hà Nội, tháng 10 năm 2022 lOMoARcPSD|17838488 PHIẾU CHẤM ĐIỂM Giảng viên hướng dẫn chấm: Họ tên Chữ ký Ghi Sinh viên thực hiện: Họ tên Điểm Chữ ký Chữ ký Ghi Nguyễn Quang Huy 18810310405 Giảng viên chấm: Họ tên lOMoARcPSD|17838488 MỤC LỤC CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ ĐẶT VẤN ĐỀ CẦN GIẢI QUYẾT 1.1.Giới thiệu công ty .1 1.1.1 Giới thiệu chung công ty Cổ phần Công nghệ Viễn thông ELCOM 1.1.2 Dịch vụ, sản phẩm công nghệ 1.2.Quy trình sản xuất phần mềm công ty 1.3.Xác lập dự án .3 1.3.1 Giới thiệu .3 1.4.Mô tả yêu cầu toán .4 CHƯƠNG 2: GIẢI PHÁP KỸ THUẬT CÔNG NGHỆ .5 2.1 Hệ quản trị sở liệu 2.1.1 Hệ quản trị CSDL MySQL 2.1.2 Cách thức hoạt động MySQL 2.1.3 Các tính cốt lỗi MySQL 2.1.4 Các nhánh MySQL 2.2 Ngôn ngữ lập trình 2.2.1 Ngơn ngữ lập trình Vuejs 2.3 Tool hỗ trợ lập trình 2.3.1 Phần mềm WebStorm 2.3.2 Các lợi ích phần mềm WebStorm 10 2.3.3 Các tính phần mềm WebStorm .10 2.4 Sơ đồ hệ thống 11 CHƯƠNG 3: TRIỂN KHAI DỰ ÁN 13 3.1.Các mơ hình Usecase .13 3.1.1 Biểu đồ Use case tổng quát 13 3.1.2 Biểu đồ Use case đăng nhập 14 3.1.3 Biểu đồ Use case đăng xuất 15 3.1.4 Biểu đồ Use case xem video .15 lOMoARcPSD|17838488 3.1.5 Biểu đồ use case thịnh hành 16 3.1.6 Biểu đồ Use case tải lên video 17 3.1.7 Biểu đồ Use case tài khoản 18 3.1.8 Biểu đồ Use case cài đặt video 19 3.2.Biểu đồ hoạt động 19 3.2.1 Đặc tả biểu đồ hoạt động đăng nhập 19 3.2.2 Biểu đồ hoạt động đăng xuất .21 3.2.3 Đặc tả biểu đồ hoạt động xem video 22 3.2.4 Đặc tả biểu đồ hoạt động thịnh hành 23 3.2.5 Biểu đồ hoạt động tải lên video 23 3.2.6 Biểu đồ hoạt động tài khoản 25 3.3.Giao diện ứng dụng 26 3.3.1 Trang chủ landing page .26 3.3.2 Giao diện trang chủ ứng dụng .29 3.3.3 Giao diện xem video 31 3.3.4 Giao diện đăng nhập 33 3.3.5 Giao diện upload video .34 3.3.6 Giao diện tài khoản .35 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG NGHIÊN CỨU TRONG TƯƠNG LAI 36 4.1 Kết đạt .36 4.2 Hướng phát triển tương lai 36 KẾT LUẬN 37 lOMoARcPSD|17838488 DANH MỤC HÌNH Ả Hình 1: Giá trị cốt lỗi công ty .2Y Hình 1: CSDL MySQL Hình 2: Ngôn ngữ Vuejs .8 Hình 3: Tool lập trình WebStorm .10 Hình 4: Sơ đồồ hệ thồống Hình 1: UseCase tổng quát 13 Hình 2: UseCase đăng nhập .14 Hình 3: UseCase đăng xuất 15 Hình 4: UseCase xem video .15 Hình 5: UseCase thịnh hành .16 Hình 6: UseCase tải video 17 Hình 7: UseCase tài khoản 18 Hình 8: Use case cài đặt video 19 Hình 9: Biểu đồ hoạt động đăng nhập 20 Hình 10: Biểu đồ hoạt động đăng xuất 21 Hình 11: Biểu đồ hoạt động xem video 22 Hình 12: Biểu đồ hoạt động thịnh hành .23 Hình 13: Biểu đồ hoạt động tải lên video 24 Hình 14: Biểu đồ hoạt động tài khoản .25 Hình 15: Giao diện trang chủ landing page .26 Hình 16: Giao diện trang chủ landing page .27 Hình 17: Giao diện trang chủ landing page .28 Hình 18: Giao diện trang chủ ứng dụng .30 Hình 19: Giao diện trang chủ ứng dụng .30 Hình 20: Giao diện trang chủ ứng dụng .31 Hình 21: Giao diện xem video 32 Hình 22: Giao diện đăng nhập 33 Hình 23: Giao diện upload video .35 Hình 24: Giao diện tài khoản .36 lOMoARcPSD|17838488 LỜI NÓI ĐẦU Ngày Công nghệ thống tin trở thành phần tất yếu sống người, có người nói nước Mỹ hùng mạnh phần nhờ vào công nghệ thông tin Nếu lúc trước công nghệ thông tin điều viễn tưởng trở thành phần thiếu tất lĩnh vực từ y học, kinh doanh đến giáo dục, Trong lĩnh vực giải trí mạng xã hội giới trẻ lứa tuổi quan tâm nhiều, mà người dùng muốn có phần mềm cơng nghệ để xem video thịnh hành, xu hướng đăng tải video chơi vào dịp nghỉ lễ hay cuối tuần gia đình, bạn vè Từ yêu cầu nhu cầu người lớn nên em lựa chọn đề tài phát triển “Xây dựng ứng dụng xem video, nhạc chờ “ Mặc dù cố gắng hoàn thiện đồ án với tất nỗ lực, nhưng, bước đầu vào thực tế, tìm hiểu xây dựng đồ án thời gian có hạn, kiến thức hạn chế nên đồ án “ Xây dựng ứng dụng xem video, nhạc chờ” chắn khơng thể tránh khỏi thiếu sót Em mong nhận quan tâm, thông cảm đóng góp q báu thầy bạn để đồ án ngày hoàn thiện lOMoARcPSD|17838488 LỜI CẢM ƠN Trong trình thực đề tài này, em cịn nhiều thiếu xót, thầy tận tình giúp đỡ hướng dẫn nhiệt tình Xin chân thành cảm ơn anh chị công ty động viên, giúp đỡ nhiệt tình chia sẻ với tơi kinh nghiệm học tập, cơng tác suốt khố học Em xin chân thành cảm ơn thầy Nguyễn Khánh Tùng tận tâm hướng dẫn em qua buổi học lớp buổi nói chuyện, thảo luận mơn học Trong thời gian học tập thực hành hướng dẫn thầy,em thu nhiều kiến thức bổ ích, mà cịn truyền say mê thích thú mơn “Đồ Án Thực Tập Tốt Nghiệp” Nếu khơng có lời hướng dẫn, dạy bảo thầy em nghĩ đồ án em khó hồn thành Và lời cuối cùng, tơi xin bày tỏ lịng chân thành biết ơn tới cha mẹ, anh chị, người gia đình bạn bè ln bên cạnh tơi lúc khó khăn nhất, giúp tơi vượt qua khó khăn học tập sống Hà Nội, tháng 10 năm 2022 Sinh viên thực lOMoARcPSD|17838488 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ ĐẶT VẤN ĐỀ CẦN GIẢI QUYẾT 1.1 Giới thiệu công ty 1.1.1 Giới thiệu chung công ty Cổ phần Công nghệ Viễn thông ELCOM Được thành lập từ năm 1995, trải qua 1/4 kỷ hình thành phát triển, ELCOM bước vươn lên trở thành doanh nghiệp dẫn đầu giải pháp công nghệ thông tin cung cấp sản phẩm, dịch vụ viễn thông ELCOM đối tác lâu đời, uy tín tập đồn cơng nghệ thơng tin - viễn thơng lớn ngồi nước Sở hữu đội ngũ nhân giàu lực tinh thần thiện chiến, ELCOM tiên phong cung cấp giải pháp cơng nghệ có độ khó cao, ứng dụng hiệu cho ngành kinh tế trọng điểm, bao gồm: Viễn thơng, Cơng nghệ thơng tin, An ninh Quốc phịng, Giao thông vận tải, Giáo dục Y tế ELCOM liên tục đổi mới, nghiên cứu mở rộng dòng sản phẩm, nhằm định hướng, dẫn dắt nhu cầu xã hội tương lai, để kiến tạo sống tốt đẹp dựa tảng cơng nghệ Bằng trí tuệ sức sáng tạo không ngừng nghỉ, ELCOM tự hào đưa sản phẩm, dịch vụ "Made by ELCOM" ghi dấu 20 quốc gia toàn giới Dấu chân người ELCOM lãnh thổ bên Việt Nam minh chứng rõ nét cho sức mạnh niềm tin ELCOM hành trình làm sản phẩm cơng nghệ "Make in Vietnam", khơng phục vụ người Việt mà cịn vươn mình, khẳng định thương hiệu quốc gia với cộng đồng quốc tế Tên công ty Công ty Cổ phần Công nghệ Viễn thông ELCOM Số nhân viên 250 người Địa Toà nhà ELCOM ngõ 15 Duy Tân, Phường Dịch Vọng Hậu, Quận Cầu Giấy, Thành phố Hà Nội lOMoARcPSD|17838488 Chức vụ công ty: - Giám đốc: đại diện quan cao công ty Quản lý hoạt động công ty - Quản lý nhân sự: phụ trách vấn đề nhân sự, tuyển dụng, tổ chức thi tìm kiếm nhân cho công ty,… - Quản lý phận: phụ trách quản lý dự án, nhiên viên phận,… - Nhân viên: Người thực nhiệm vụ giao Hình 1: Giá trị cốt lỗi công ty 1.1.2 Dịch vụ, sản phẩm công nghệ  Dịch vụ: - Các hệ thống quản lý kế tốn, tài ngân hàng - Các ứng dụng dựa tảng web lOMoARcPSD|17838488 - Các sản phẩm công nghệ Viễn thông & CNTT, giao thông thơng minh, an ninh quốc phịng, dịch vụ trực tuyến  Với việc sử dụng quy trình phát triển phần mềm chuẩn đội ngũ nhân viên giỏi, công ty tạo sản phẩm phần mềm với chất lượng tốt đáp ứng yêu cầu khắt khe thị trường  Sản phẩm: - Xây dựng AI Vision tảng phân tích video thơng minh ứng dụng cơng nghệ trí tuệ nhân tạo - Xây dựng AI Camera cho giao thông thông minh - Xây dựng website Colearn ứng dụng học trực tuyến sử dụng công nghệ dạy học trực tuyến nhất, đưa giáo dục chất lượng cao đến số đông nước  Công nghệ chính: - VueJs, Nuxjs, Java, PHP,… 1.2 Quy trình sản xuất phần mềm công ty - Quản lý mã nguồn (source code) có áp dụng dự án/ sản phẩm phần mềm công ty? - Đội ngũ chuyên viên phần mềm tạo build cho sản phẩm vòng bước? - Các dự án có áp dụng tạo build hàng ngày vào cố định? - Trong trình phát triển phần mềm, lỗi sản phẩm tìm thấy có lưu giữ lại sở liệu lỗi? - Trong dự án, đội ngũ chuyên viên phần mềm thường sửa lỗi trước viết code mới? lOMoARcPSD|17838488 Hình 13: Biểu đồ hoạt động tải lên video * Đặc tả quy trình hoạt động tải lên video: - Người dùng yêu cầu muốn tải lên video - Sau chọn vào mục tải lên Hệ thống hiển thị giao diện tải video, quay video - Yêu cầu người dùng phải đăng nhập - Thực thành cơng Kết thúc quy trình 27 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.2.6 Biểu đồ hoạt động tài khoản Hình 14: Biểu đồ hoạt động tài khoản * Đặc tả quy trình hoạt động tài khoản: - Người dùng yêu cầu muốn xem chức tài khoản - Sau chọn vào mục tài khoản Hệ thống hiển thị giao diện chức tài khoản 28 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 - Thực thành cơng Kết thúc quy trình 3.3 Giao diện ứng dụng 3.3.1 Trang chủ landing page Hình 15: Giao diện trang chủ landing page 29 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 16: Giao diện trang chủ landing page 30 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 17: Giao diện trang chủ landing page 31 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.3.2 Giao diện trang chủ ứng dụng 32 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 18: Giao diện trang chủ ứng dụng Hình 19: Giao diện trang chủ ứng dụng 33 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 20: Giao diện trang chủ ứng dụng 3.3.3 Giao diện xem video 34 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 21: Giao diện xem video 35 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.3.4 Giao diện đăng nhập Hình 22: Giao diện đăng nhập 36 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.3.5 Giao diện upload video Hình 23: Giao diện upload video 37 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.3.6 Giao diện tài khoản Hình 24: Giao diện tài khoản 38 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG NGHIÊN CỨU TRONG TƯƠNG LAI 4.1 Kết đạt - Biết cách phân tích hệ thống - Thành thạo ngôn ngữ Vuejs, NuxtJs - Sử dụng cơng cụ lập trình - Dự án hoàn thành theo mục tiêu đề vào hoạt động - Về mặt kỹ thuật: Giúp quản lý cách rõ ràng, hiệu quả, xác từ quản lý đặt sản phẩm, quản lý trạng thái…giúp tiết kiệm thời gian đồng thời tránh sai sót làm sổ sách thống kê Tiết kiệm thời gian nhanh chóng theo dõi viết danh sách viết … - Về mặt tài chính: Hệ thống giúp nhà cung cấp tiết kiệm thời gian,chi phí thuê nhân viên, tránh nhầm lẫn mặt tài làm báo cáo thống kê Tiết kiệm thời gian cho khách hàng đồng thời tạo niềm tin nơi khách hàng giúp tăng doanh thu cho nhà cung cấp… 4.2 Hướng phát triển tương lai - Để phần mềm hoạt động có hiệu hơn, em cố gắng hoàn thiện bổ sung, sửa đổi số giao diện cho thân thiện với người sử dụng đặc biệt dễ dàng sử dụng mà tính bảo mật đảm bảo - Hệ thống cần mở rộng thêm nhiều chức có tính tự động hóa cao - Những kết đạt được: Xây dựng thành công hệ thống ứng dụng xem video, nhạc chờ đăng nhập chức hệ thống quản lý, dễ sử dụng với người dùng, tối ưu với người sử dụng,… - Những hạn chế hướng phát triển: Phạm vi sử dụng chưa lớn, cần cải thiện tốc độ nhiều khách hàng lúc sử dụng, phát triển , mở rộng thêm chức khác 39 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 KẾT LUẬN Sau thời gian tìm hiểu nghiên cứu đề tài “Xây dựng ứng dụng xem video, nhạc chờ” em phát triển hoàn thành theo yêu cầu nội dung thời gian định Trong trình nghiên cứu thực đề tài với tâm cao hạn chế kinh nghiệm kiến thức nên đề tài chúng em tránh khỏi thiếu xót Em mong nhận ý kiến đóng góp từ q thầy bạn để đề tài hoàn thiện * Kết đạt được: - Hoàn thiện số chức phần mềm, xem video, upload video,… - Việc trao đổi kiến thức người dùng trở nên dễ dàng tiện lợi - Có hội học tập nghiên cứu nhiều môn công cụ hỗ trợ, ngôn ngữ khác * Hạn chế đề tài: Do thời gian làm có hạn nên em chưa thể hồn thiện đầy đủ chức chương trình Trên số chức phần mềm * Hướng phát triển: - Để phần mềm hoạt động có hiệu hơn, em cố gắng hồn thiện bổ sung, sửa đổi số giao diện cho thân thiện với người sử dụng đặc biệt dễ dàng sử dụng mà tính bảo mật đảm bảo 40 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 - Hệ thống cần mở rộng thêm nhiều chức có tính tự động hóa cao Cuối cùng, lần em xin chân thành cảm ơn thầy Nguyễn Khánh Tùng định hướng giúp đỡ giúp em phát triển đề tài này! 41 Downloaded by hây hay (vuchinhhp3@gmail.com) ... video, nhạc chờ “ Mặc dù cố gắng hoàn thiện đồ án với tất nỗ lực, nhưng, bước đầu vào thực tế, tìm hiểu xây dựng đồ án thời gian có hạn, kiến thức hạn chế nên đồ án “ Xây dựng ứng dụng xem video, nhạc. .. hành Tên dự án: Xây dựng ứng dụng xem video, nhạc nhờ Dịch vụ cung cấp tính hấp dẫn: - Tính dịch vụ cho phép khách hàng cài đặt Video nhạc chờ độc đáo thay cho tiếng chuông chờ tút tút chờ người... ứng dụng xem video, nhạc nhờ” dịch vụ nhạc chờ video cho phép khách hàng cài đặt video phát thay cho âm tút tút âm nhạc chờ thông thường để người gọi đến thưởng thức chờ người nghe nhấc máy xem