Báo cáo thực tập tốt nghiệp nghiên cứu và triển khai website âm nhạc với vue js và springboot

TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP TỐT NGHIỆP NGHIÊN CỨU VÀ TRIỂN KHAI WEBSITE ÂM NHẠC VỚI VUE.JS VÀ SPRINGBOOT Đơn vị thực tập tốt nghiệp : Cơng ty cổ phần dịch vụ giải trí Thăng Long Cán hướng dẫn : ThS Phan Huy Anh & ThS Dương Thị Thúy Sinh viên thực : Nguyễn Ngọc Ngân Lớp : ĐH9C5 Hệ Đại học : Chính quy Khóa học : 2019 - 2023 Hà Nội, tháng 02 năm 2023 LỜI CẢM ƠN Trên thực tế khơng có thành cơng mà khơng gắn liền với giúp đỡ người dù hay nhiều, dù trực tiếp hay gián tiếp Trong suốt thời gian học tập trình thực tập, em nhận nhiều quan tâm giúp đỡ nhiệt tình … Vì thời gian, điều kiện cịn có hạn, em cố gắng nhiều để hồn thành đợt thực tập tốt nghiệp, cịn nhiều hạn chế tránh khỏi thiếu sót, mong thầy bạn có ý kiến đóng góp để em hồn thiện phát triển đề tài Em xin chân thành cảm ơn! Sinh viên thực Nguyễn Ngọc Ngân MỤC LỤC LỜI CẢM ƠN .2 DANH MỤC HÌNH ẢNH TÌM HIỂU VỀ ĐƠN VỊ THỰC TẬP NỘI DUNG THỰC TẬP Ở CÔNG TY CỔ PHẦN DỊCH VỤ VÀ GIẢI TRÍ THĂNG LONG PHẦN MỞ ĐẦU 14 CHƯƠNG Phân tích hệ thống Website nghe nhạc trực tuyến 18 1.1 Phân tích hệ thống mặt chức 18 1.2 Phân tích quy trình hoạt động website 18 1.3 Yêu cầu đặt cho hệ thống website 20 CHƯƠNG Phân tích thiết kế hệ thống 21 2.1 Xác định chức cần thiết đưa mối quan hệ thành phần website 21 2.3 Quy trình đăng nhập chế độ thành viên 24 2.4 Yêu cầu hệ thống .25 2.4.1 Yêu cầu chức .25 2.4.2 Yêu cầu phi chức 25 CHƯƠNG Xây dựng website 26 3.1 Xây dựng sở liệu 26 3.2 Xây dựng trang Đăng ký, Đăng nhập 27 3.2.1 Trang đăng ký cho thành viên 27 3.2.2 Trang đăng ký cho thành viên 27 3.3 Xây dựng trang quản trị Admin 28 3.4 Giao diện website 29 3.5 Danh sách thể loại nhạc, quốc gia ca sĩ 29 3.6 Gói chi phí sử dụng 31 CHƯƠNG Kết đạt 32 Hướng rèn luyện , phấn đấu thân thời gian tới 34 TÀI LIỆU THAM KHẢO 35 DANH MỤC HÌNH ẢNH Hình Quy trình đăng ký thành viên Hình 2: Quy trình đăng nhập thành viên Hình : Cơ sở liệu Hình 4: Giao diện đăng nhập trang Hình 5: Giao diện trang đăng nhập cho thành viên Hình 6: Trang web hiển thị người dùng Quản trị viên (Admin) quản lý Hình 7: Giao diện website sau đăng nhập thành viên Hình 8: Các thể loại nhạc website Hình 9: Danh sách ca sĩ quản lý Admin Hình 10: Danh sách quốc gia phát triển âm nhạc website Hình 11: Gói chi phí sử dụng cho người dùng có trải nghiệm hồn hảo PHẦN MỞ ĐẦU Tính cấp thiết đề tài Ngày công nghệ thông tin phát triển nhanh chóng, nắm giữ vai trị quan trọng việc thúc tăng trưởng kinh tế, với đời nhiều công nghệ mới, dịch vụ CNTT đáp ứng nhu cầu người dùng doanh nghiệp, Tuy nhiên, giai đoạn suy thối kinh tế nay, việc ứng dụng công nghệ hay dịch vụ CNTT đáp ứng việc quản lý tốt, hiệu liệu riêng công ty liệu khách hàng, đối tác toán ưu tiên hàng đầu cho doanh nghiệp Để quản lý nguồn liệu đó, ban đầu doanh nghiệp phải đầu tư, tính tốn nhiều loại chi phí chi phí cho phần cứng, phần mềm, mạng, chi phí cho quản trị viên, chi phí bảo trì, sửa chữa,…Ngồi họ cịn phải tính tốn khả mở rộng, nâng cấp thiết bị; phải kiểm soát việc bảo mật liệu tính sẵn sàng cao liệu Để giải vấn đề thấy có nơi tin cậy giúp doanh nghiệp quản lý tốt nguồn liệu đó, doanh nghiệp khơng cịn quan tâm đến sở hạ tầng, cơng nghệ mà tập trung vào cơng việc kinh doanh họ mang lại cho họ hiệu lợi nhuận ngày cao Khái niệm “điện toán đám mây” đời hồn cảnh dần trở nên quen thuộc doanh nghiệp, đặc biệt doanh nghiệp vừa nhỏ Trang web khác với hồ sơ theo cách thức chúng thiết kế để hiểu trình duyệt Microsoft Internet Explorer (IE) Netscape Navigator hiểu phần tử văn bản, đồ họa chí phần tử tương tác, Form nhập, âm thanh, video cho phép người truy cập chúng từ website Internet dần biết đến với tên gọi Word, Wide, Web vị trí mạng gọi website Có thể nói trang web công cụ thiếu lĩnh vực như: Âm nhạc, du lịch, văn hóa,… Ngày âm nhạc nhu cầu thiếu đời sống người Chính vật trang web ca nhạc giúp cho người giải trí sau phút làm việc mệt mỏi thêm yêu âm nhạc Do nhiều vấn đề, nhiều yếu tố nguyên nhân khách quan chủ quan mà tập tốt nghiệp cịn hạn chế thiếu sót Tuy nhiên, em thực cố gắng để hoàn thành tốt vấn đề nghiên cứu, xây dựng phát triển web nên nói phần hồn thành mục tiêu mà khóa luận đặt Tổng quan đề tài nghiên cứu Website nghe nhạc trực tuyến trang âm nhạc phổ biến vai trò giúp cho người dùng với tất loại nhạc với kho tàng âm nhạc phong phú đa dạng tồn giới Vì vậy, người u cầu nghe nhạc thỏa sức tìm kiếm hát mà u thích quản lý album nhạc thành viên trang web Điều thật thú vị hay bạn trao đổi với người bạn khác website cảm nhận âm nhạc, chia sẻ cho qua bình luận, đóng góp ý kiến cho website Mục đích nghiên cứu  Hướng tới việc đáp ứng nhu cầu giải trí chia sẻ âm nhạc rộng rãi  Xây dựng chức đăng ký, đăng nhập  Xây dựng chức upload nhạc (được kiểm duyệt qua admin web)  Thiết kế giao diện đơn giản, dễ nhìn, thân thiện, dễ sử dụng, mang lại cảm giác thoải mái cho người dùng Đối tượng nghiên cứu phạm vi nghiên cứu Đối tượng nghiên cứu gồm có:  Cơ sở lý thuyết ngôn ngữ vue.js srpingtool  Xu hướng âm nhạc thị trường Phạm vi nghiên cứu:  Khái niệm, đặc điểm, mơ hình hướng dịch vụ, cách thức hoạt động, mơ hình triển khai, ưu điểm, nhược điểm website  Khái niệm, kiến trúc hoạt động, thành phần chức website âm nhạc Phương pháp nghiên cứu  Phương pháp nghiên cứu lý thuyết: tiến hành thu nhập tài liệu, thông tin liên quan đến đề tài  Tham khảo trang web âm nhạc mắt từ trước  Thống kê toán học để phân tích số liệu điều tra thực nghiệm tính phần trăm, tính trung bình Những đóng góp báo cáo Đồ án hồn thành có đóng góp chủ yếu sau đây: Tạo trang web thân thiện, dễ nhìn, dễ sử dụng mang đến âm nhạc phù hợp cho đối tượng khách hàng  Có đủ chức bản: đăng ký, đăng nhập, quản lý ca sĩ, quản lý hát, quyền quản trị admin  Tải nhạc lên dễ dàng có kiểm duyệt quản trị viên  Thanh toán paypal dễ dàng, tiện lợi: mã QR toán riêng cho trang web, toán quốc tế v.v Kết cấu báo cáo Đồ án gồm có chương sau: Chương Phân tích hệ thống 1.1 Bài tốn quản lý thơng tin cho người dùng 1.2 Phân tích quy trình hoạt động website 1.3 u cầu đặt phân tích hệ thống website Chương Thiết kế website 2.1 Xác định chức cần thiết đưa mối quan hệ thành phần website 2.2 Quy trình đăng ký thành viên 2.3 Quy trình đăng nhập chế độ thành viên 2.4 Yêu cầu hệ thống Chương Xây dựng website 3.1.Xây dựng sở liệu 3.2 Xây dựng trang đăng ký, đăng nhập 3.3 Xây dựng trang Admin 3.4 Giao diện website 3.5 Danh sách thể loại nhạc, quốc gia ca sĩ 3.6 Gói chi phí sử dụng dịch vụ TÌM HIỂU VỀ ĐƠN VỊ THỰC TẬP I Giới thiệu công ty Giới thiệu chung - Tên công ty: Công ty Cổ phần Dịch vụ Giải trí Thăng Long (TLC) - Trụ sở: Số 05, P Tú Mỡ, Trung Hoà, Cầu Giấy, Hà Nội - Văn phịng: Số 05, P Tú Mỡ, Trung Hồ, Cầu Giấy, Hà Nội - Chi nhánh: Số 9, Ngõ 1A, Nguyễn Cơ Thạch, Mỹ Đình 2, Nam Từ Liêm, Hà Nội - Điện thoại: (024) 629 24788 - E-mail: mkt.tlcvn@gmail.com - Website: http://tlcgroup.vn/ - Đăng ký Kinh doanh: số 0108637940 Sở Kế hoạch Đầu tư Hà Nội cấp Sứ mệnh cơng ty Ngồi kinh doanh lĩnh vực : Chuỗi nhà hàng Vườn thượng đế, Chuỗi Dịch vụ chăm sóc sức khỏe Lặng Spa, Khu nghỉ dưỡng, Khách sạn, Đầu tư tài Thì lĩnh vực Nghệ Thuật TLC trọng phát triển để mang tới quý khán giả tiếng cười, câu chuyện nhân văn sâu sắc qua phim TLC Công ty đặt mục tiêu chất lượng lên hàng đầu, bao gồm chất lượng sản phẩm dịch vụ, kỹ thuật cao chất lượng dịch vụ sau bán hàng Chính cơng ty đối tác tin cậy nhiều doanh nghiệp Sản xuất XNK, Giao nhận Logistics nước Thành công Công ty ghi nhận qua nhiều hợp đồng, dự án có giá trị "Nỗ lực - sáng tạo - liên tục cải tiến chất lượng" không trách nhiệm, niềm hạnh phúc tồn thể lãnh đạo, cơng nhân viên tập đồn Thăng Long Việt Nam mang tới sản phẩm, dịch vụ tốt sức khỏe lợi ích cộng đồng II Các lĩnh vực Ẩm thực Đứng trước cạnh tranh gay gắt thị trường, phong phú số lượng, đa dạng văn hóa ẩm thực, F&C mạnh mẽ chinh phục chiếm lĩnh thị trường ngành kinh doanh ẩm thực TLC F&C không đáp ứng ăn vượt trội giá cả, chất lượng, không gian ẩm thực chăm chút tỉ mỉ, tinh tế, đảm bảo trình thưởng thức thực khách thoải mái, tiện nghi Du lịch nghỉ dưỡng Khu nghỉ dưỡng The Billionaires Hill (Ngọn Đồi Tỷ Phú): dự án đặt xóm Cời, huyện Lương Sơn, Thành phố Hịa Bình TLC đầu tư cho dự án thời gian phát triển xây dựng Nghệ thuật giải trí Lĩnh vực Nghệ Thuật TLC trọng phát triển để mang tới quý khán giả tiếng cười, câu chuyện nhân văn sâu sắc qua phim 10 ... người dùng Đối tượng nghiên cứu phạm vi nghiên cứu Đối tượng nghiên cứu gồm có:  Cơ sở lý thuyết ngơn ngữ vue. js srpingtool  Xu hướng âm nhạc thị trường Phạm vi nghiên cứu:  Khái niệm, đặc... nghiên cứu Website nghe nhạc trực tuyến trang âm nhạc phổ biến vai trị giúp cho người dùng với tất loại nhạc với kho tàng âm nhạc phong phú đa dạng toàn giới Vì vậy, người yêu cầu nghe nhạc thỏa... thức hoạt động, mơ hình triển khai, ưu điểm, nhược điểm website  Khái niệm, kiến trúc hoạt động, thành phần chức website âm nhạc Phương pháp nghiên cứu  Phương pháp nghiên cứu lý thuyết: tiến hành