WEB NGHE NHẠC ONLINE

BÁO CÁO THỰC TẬP CÔNG NHÂN ĐỀ TÀI: WEB NGHE NHẠC ONLINE i MỤC LỤC MỤC LỤC MỞ ĐẦU CHƯƠNG 1: GIỚI THIỆU TỔNG QUAN VỀ JSP/SERVLET CÔNG CỤ VÀ NGÔN NGỮ SỬ DỤNG KẾT CHƯƠNG 12 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 13 2.1 2.2 2.3 2.4 2.5 TỔNG QUAN 13 ĐÁNH GIÁ HỆ THỐNG 13 YÊU CẦU 13 PHÂN TÍCH HỆ THỐNG 14 THIẾT KẾ HỆ THỐNG 16 CHƯƠNG 3: KẾT QUẢ THỰC HIỆN 17 3.1 DEMO CÁC CHỨC NĂNG HIỆN CÓ CỦA WEBSITE 17 3.2 KẾT QUẢ ĐẠT ĐƯỢC 25 3.3 HƯỚNG PHÁT TRIỂN 25 PHỤ LỤC 26 DANH SÁCH HÌNH ẢNH Hình : Phân cơng nhiệm vụ 12 Hình 2: Usercase phần admin 15 Hình 3: Usecase phần người dùng 15 Hình : Usecase phần người dùng chưa đăng nhập 16 Hình 5: Cơ sở liệu 16 Hình 6: Hiển thị trang chủ phần public 17 Hình 7: Hiển thị chi tiết hát 17 Hình 8: Phần bình luận người dùng 18 Hình 9: Trang dành cho admin 18 Hình 10: Phần quản lý danh mục 19 Hình 11: Thêm danh mục 19 Hình 12: Sửa danh mục 20 Hình 13: Hiển thị danh sách hát 20 Hình 14: Thêm hát 21 Hình 15: Sửa hát 21 Hình 16: Quản lý người dùng 22 Hình 17: Thêm người dùng 22 Hình 18: Sửa người dùng 23 Hình 19: Quản lý liên hệ 23 Hình 20: Quản lý slide 24 DANH SÁCH TỪ VIẾT TẮT Từ viết tắt Diễn giải IP Internet Protocol MD5 Message-Degist Algorithm SHA Secure Hash Algorithm API Application Programming Interface URL Uniform Resource Locator MỞ ĐẦU Tổng quan đề tài Ngày nay, ngành công nghiệp Công nghệ thông tin áp dụng lĩnh vực nghiên cứu khoa học đời sống, máy tính trở thành người bạn công cụ đắc lực cho người việc lưu trữ, thiết kế, xử lý thơng tin giải trí Web lĩnh vực không nhắc đến, ngành công nghiệp web xây dựng phát triển vững nhằm đưa cho trữ lượng thông tin trực tuyến online nhanh chóng mà lớn nơi giải trí tiện lợi nhanh chóng Tiêu biểu web game, phim, nhạc, mạng xã hội … Trong đồ án này, với mục đích xây dựng hệ thống nghe nhạc trực tuyến đáp ứng cầu nghe nhạc cao sử dụng internet xã hội, nhóm chúng em xây dựng trang web cho phép người dùng truy cập vào để nghe nhạc trực tuyến giải trí thơng qua mạng Internet nghe nhạc lúc nơi Web nghe nhạc trực tuyến lựa chọn hữu ích để đáp ứng nhu cầu giải trí người.Hệ thống lập trình ngơn ngữ Java hệ QTCSDL MySQL nhều ngôn ngữ trợ khác Hệ thống thử nghiệm bước đầu hoạt động ổn định mạng LAN Mục đích ý nghĩa đề tài 2.1 Mục đích  Cung cấp kho video âm nhạc hay hot cho người xem  Cung cấp đến người xem nhiều thể loại nhạc đa dạng  Nắm vững kiến thức lập trình JSP/Servlet ngơn ngữ lập trình web khác (CSS, HTML, JAVASCRIPT , )  Biết thêm cách kiến thức để xây dựng dự án  Cải thiện kỹ làm việc nhóm  Phát triển website với quy mơ lớn để đáp ứng với nhu cầu thực tế 2.2 Ý nghĩa  Dịch vụ giải trí tiện lợi thông qua internet  Phát triển ngành cơng nghiêp Cơng nghệ thơng tin nói chung hay cơng nghiệp web nói riêng  Cung cấp phim chất lượng cho người xem đảm bảo chất lượng miễn phí Phương pháp thực Phương pháp phân tích thiết kế hệ thống Bố cục đề tài: Báo cáo đề tài bao gồm nội dung sau: Mở đầu Chương 1: GIỚI THIỆU Chương 2: TRÌNH BÀY VỀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG Chương 3: KẾT QUẢ THỰC HIỆN Kết luận hướng phát triển CHƯƠNG 1: GIỚI THIỆU TỔNG QUAN VỀ JSP/SERVLET JSP: (viết tắt tiếng Anh JavaServer Pages) biết đến với tên khác Java Scripting Preprocessor – tạm dịch “Bộ tiền xử lý văn lệnh Java” – công nghệ Java cho phép nhà phát triển tạo nội dung HTML, XML hay số định dạng khác trang web cách động, hồi âm yêu cầu trình khách Cơng nghệ cho phép người ta nhúng mã Java số hành động xử lý định trước (pre-defined actions) vào nội dung tĩnh trang Java Servlet: chương trình chạy Web server Application server thực tầng trung gian Yêu cầu từ trình duyệt web HTTP client với Database ứng dụng HTTP server Sử dụng Servlets, bạn thu thập Input từ người sử dụng thông qua form trang web, hiển thị ghi (record) từ Database từ nguồn khác, tạo trang web động Java Servlets thường có chung mục đích: chương trình độc lập việc sử dụng Common Gateway Interface (CGI) Nhưng so với CGI, Servlets có lợi sau:  Hiệu tốt đáng kể  Servlets thực thi bên không gian địa Web server, khơng cần thiết phải tạo tiến trình riêng biệt để xử lý yêu cầu từ Client  Servlets độc lập tảng chúng viết Java  Bởi viết Java (mà Java cung cấp tình bảo mật cao Server) nên Servlets đáng tin cậy Nhiệm vụ Servlet: Servlets thực tác vụ chủ yếu sau:  Đọc liệu hiển thị (explicit) gửi Client (hoặc trình duyệt) bao gồm HTML Form trang web từ Applet chương trình Custom từ HTTP Client  Đọc liệu yêu cầu HTTP ẩn (implicit) gửi Client (hoặc trình duyệt) bao gồm cookie, loại media  Xử lý liệu cho kết Tiến trình u cầu Database, thực thi triệu hồi tới RMI CORBA, triệu hồi Web Service, tính tốn phản hồi cách trực tiếp  Gửi liệu hiển thị (ví dụ: tài liệu) tới Client (hoặc trình duyệt) Tài liệu gửi theo nhiều định dạng khác nhau, gồm text (HTML XML), nhị phân (hình ảnh GIF), Excel, v.v  Gửi phản hồi HTTP ẩn tới Client (hoặc trình duyệt), thơng báo cho trình duyệt Client kiểu tài liệu trả (ví dụ: HTML), thiết lập Cookie Caching tham số, tác vụ khác Tính đầy đủ thư viện lớp Java ln ln có sẵn cho Servlets Nó giao tiếp với Applet, Database phần mềm khác thông qua Socket kỹ thuật RMI mà bạn thấy Servlet API, chứa gói Java kế thừa từ Bản mẫu: Javadoc:EE, định nghĩa tương tác cần thiết Web container servlet A Web container thành phần cần thiết Web Server để tương tác với Servlet The Web container chịu trách nhiệm quản lý vòng đời Servlet, ánh xạ đường dẫn đến Servlet cụ thể đảm bảo truy cập vào Ưu điểm JSP/SERVLET  Cho phép thiết kế giao diện web dễ dàng  JSP cho phép tạo nên trang web động  Có thể viết nơi chạy nơi Nhược điểm  Nhìn chung việc thiết kế giao diện JSP nhiều khó khăn  Tiêu tốn dung lượng lưu trữ phía server gấp đôi  Lần truy cập vào trang JSP nhiều thời gian chờ Sử dụng JSP/SERVLET vì:  Đơn giản Servlet khơng cho phép nhúng trực tiếp mã HTML, CSS, XML vào Class  JSP có ưu điểm nhúng mã Java vào ứng dụng Web mở rộng thêm JSP trở nên rối rắm, khó quản lí bảo mật - số mã JSP bị đọc Client CÔNG CỤ VÀ NGÔN NGỮ SỬ DỤNG ECLIPSE Eclipse cơng cụ hỗ trợ lập trình mã nguồn mở phát triển IBM Eclipse mơi trường phát triển Java tích hợp (IDE), với Eclipse mở rộng mã nguồn cách chèn thêm plugins cho project (PDE- Plugin Development Environment) Mặc dù Eclipse viết ngôn ngữ lập trình Java, việc sử dụng khơng hạn chế cho ngơn ngữ Java Ví dụ, Eclipse hỗ trợ sẵn cài thêm plugins để hỗ trợ cho ngơn ngữ lập trình C/C + + COBOL Ngồi ra, nhiều ngơn ngữ khác PHP, Groovy, Eclipse hỗ trợ cho lập trình viên code theo mơ hình phát triển MVC, tạo thêm lib hỗ trợ phát triển phần mềm HTML Ngôn ngữ đánh dấu siêu văn (html) rõ trang Web hiển thị trình duyệt Sử dụng thẻ phần tử html, bạn có thể: Điều khiển hình thức nội dung trang Xuất tài liệu trực tuyến truy xuất thông tin trực tuyến cách sử dụng liên kết chèn vào tài liệu html Tạo biểu mẫu trực tuyến để thu thập thông tin người dùng, quản lý giao dịch Chèn đối tượng audio clip, video clip, thành phần ActiveX, Flash Java Applet vào tài liệu html Tài liệu html tạo thành mã nguồn trang Web Khi xem trình soạn thảo, tài liệu chuỗi thẻ phần tử, mà chúng xác định trang web hiển thị Trình duyệt đọc file có htm hay html hiển thị trang web theo lệnh có HTML kiến thức mà muốn học lập trình web học thiết kế web phải biết Tất trang web dù xử lý phức tạp đến đâu phải trả dạng mã nguồn HTML để trình duyệt hiểu hiển thị lên CSS CSS chữ viết tắt Cascading Style Sheets, đơn dạng file text với phần tên mở rộng css Trong Style Sheet chứa câu lệnh CSS Mỗi lệnh CSS định dạng phần định HTML ví dụ như: Font chữ, đường viền, màu nền, chỉnh hình ảnh Trước chưa có CSS, người thiết kế web phải trộn lẫn thành phần trình bày nội dung với Nhưng với xuất CSS, người ta tách rời hồn tồn phần trình bày nội dung Giúp cho phần code trang web gọn quan trọng dễ chỉnh sửa JavaScript with Jquery Framework  JavaScript Javascript ngôn ngữ thông dịch, chương trình nguồn nhúng tích hợp vào tập tin HTML Khi trang web tải trình duyệt hỗ trợ javascript, trình duyệt thơng dịch thực lệnh Javascript Đặc tính Javascript là: Đơn giản, động hướng đối tượng  JQuery JQuery thư viện kiểu JavaScript,được tạo John Resig vào năm 2006 với phương châm tuyệt vời: Write less, more JQuery làm đơn giản hóa việc truyền tải HTML, xử lý kiện, tạo hiệu ứng động tương tác Ajax Với jQuery, khái niệm Rapid Web Development khơng q xa lạ JQuery cơng cụ tiện ích JavaScript làm đơn giản hóa tác vụ đa dạng với việc viết code Có thể làm việc đâu cần clone mã nguồn từ kho chứa clone phiên thay đổi từ kho chứa, nhánh từ kho chứa Dễ dàng việc deployment sản phẩm Hình : Phân công nhiệm vụ KẾT CHƯƠNG Chương giới thiệu sơ lược ngôn ngữ java jsp/servlet Tổng quan ngơn ngữ lập trình sử dụng vào dự án công cụ phụ trợ khác (xampp, PHPMyadmin , ) trình bày sơ lược cách triển khai dự án thành viên nhóm CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 TỔNG QUAN Xây dựng ứng dụng website sử dụng tảng JSP/ Servlet Trang web nghe nhạc miễn phí với video nhạc chất lượng cao hồn hảo đáp ứng nhu cầu giải trí nhanh tiện lợi cho người sử dụng dịch vụ web nghe nhạc internet nơi lúc với máy tính, điện thoại mà 2.2 ĐÁNH GIÁ HỆ THỐNG Hiện nay, ngành công nghệ thông tin có bước phát triển nhanh chóng ứng dụng lĩnh vực sống phạm vi tồn giới nói chung việt nam nói riêng Cơng nghệ thơng tin phần khơng thể thiếu sống văn minh, góp phần đẩy mạnh cơng cơng nghiệp hóa đại hóa đất nước Máy vi tính với phần mềm công cụ thiếu, giúp quản lý, tổ chức, xếp xử lý công việc cách nhanh chóng hiệu Mạng Royal Pingdom cho biết, với 24,3 triệu người sử dụng Internet số 89,6 triệu dân, Việt Nam đứng thứ 20 danh sách nước giới có số người sử dụng Internet cao Trong có 76% vào mạng để nghe nhạc trực tuyến Nắm bắt hội cung cấp sản phẩm giải trí, , nhóm chúng em cho đời website MySong với mục đích đem lại cho người yêu âm nhạc tác phẩm hay phù hợp với đối tượng khách hàng Những yếu tố thuận lợi bên bên ngoài, với tiềm phát triển thị trường giải trí website Việt Nam sở để chúng em tin MySong trở thành website âm nhạc hàng đầu việt nam năm tới 2.3 YÊU CẦU Hệ thống gồm phần chính: Admin Public Cụ thể sau:  Đối với người Admin: Có thể đăng nhập, đăng xuất o Chức đăng nhập vào hệ thống Người dùng muốn truy cập vào phải đăng nhập Chỉ người có tài khoản truy cập vào o Chức quản lý danh mục, admin xem, sửa, xóa, thêm danh mục o Chức quản lý hát , admin xem, sửa, thêm, xóa hát o Chức quản lý bình luận, người dùng xem xóa bình luận viết tin tức o Chức quản lý người dùng, với người dùng admin, khơng thể xóa admin thêm người dùng, xóa người dùng, với user sửa user  Public: Là phần tất người truy cập, sử dụng web giao diện public Gồm chức năng: o o o o Chức hiển thị hát, danh mục hát Chức hiển thị tin tức ca nhạc theo danh mục Chức nghe nhạc online Chức liên hệ với admin 2.4 PHÂN TÍCH HỆ THỐNG Sơ đồ phân rã chức năng: BIỂU ĐỒ USE CASE Actor Admin User Viewer Description - Đăng nhập đăng xuất tài khoản admin - Sửa đổi thông tin admin -Thêm, sửa, xóa, xem tài khoản quản trị viên -Quản lí nội dung trang web: danh mục, hát, bình luận,… -Đăng nhập đăng xuất tài khoản cá nhân - Sửa đổi thông tin cá nhân - Quản lí nội dung trang web: danh mục, hát, bình luận,… -Xem, tìm kiếm, chia sẻ, bình luận viết -Liên hệ với website Admin Hình 2: Usercase phần admin User Hình 3: Usecase phần người dùng Public Hình : Usecase phần người dùng chưa đăng nhập 2.5 THIẾT KẾ HỆ THỐNG Thiết kế sở liệu Hình 5: Cơ sở liệu CHƯƠNG 3: KẾT QUẢ THỰC HIỆN 3.1 DEMO CÁC CHỨC NĂNG HIỆN CÓ CỦA WEBSITE Địa truy cập local: localhost: Một số hình ảnh website:  Trang chủ: Hiển thị danh sách hát Hình 6: Hiển thị trang chủ phần public Hiển thị chi tiết hát, lời hát: Hình 7: Hiển thị chi tiết hát Chức bình luận Hình 8: Phần bình luận người dùng  Trang quản trị: - Admin quản lí người dùng - Quản lý danh mục, quản lý hát, quản lý liên hệ, quản lý slide Trang admin: Hình 9: Trang dành cho admin Quản lý danh mục: Hình 10: Phần quản lý danh mục Thêm danh mục: Hình 11: Thêm danh mục Sửa danh mục: Hình 12: Sửa danh mục Quản lý hát: - Các chức có thêm, xóa, sửa tìm kiếm hát - Các hát phân trang Hình 13: Hiển thị danh sách hát Thêm hát: Hình 14: Thêm hát Sửa hát: Hình 15: Sửa hát Quản lý người dùng: Hình 16: Quản lý người dùng Thêm người dùng : Hình 17: Thêm người dùng Sửa người dùng: Hình 18: Sửa người dùng Quản lý liên hệ: Hình 19: Quản lý liên hệ Quản lý slide: Hình 20: Quản lý slide KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 3.2 KẾT QUẢ ĐẠT ĐƯỢC Trong thời gian tìm hiểu, nghiên cứu sở lý thuyết triển khai ứng dụng công nghệ, đề tài đạt kết sau: Về mặt lý thuyết, đề tài giúp nhóm tìm hiểu cơng nghệ làm web, sử dụng jsp/servlet lập trình web, cách để triển khai hoàn thành dự án Về mặt thực tiễn ứng dụng, đề tài tạo website tương tác người sử dụng web nghe nhạc online tiện lợi không qua internet Tuy nhiên, đề tài tồn vấn đề sau:  Website chưa đưa thực nghiệm nên chắn nhiều lỗi q trình sử dụng  Một vài chức chưa hoàn thiện tối ưu nhóm mong muốn  Đây lần nhóm thực dự án web nên nhiều thiếu sót nội dung kỹ thuật  Bảo mật người dùng chưa cao quyền sử dụng chưa tối ưu 3.3 HƯỚNG PHÁT TRIỂN Một số hướng nghiên cứu phát triển đề tài sau:  Cải thiện hệ quản trị sở liệu có tính bảo mật cao  Tiếp tục hoàn thiện chức hệ thống, tùy chỉnh giao diện trang web cho đẹp hơn.Thêm hiệu ứng  Xây dựng chức đăng nhập cho người dùng  Chất lượng hình ảnh tốt  Các lệnh xử lý nhanh PHỤ LỤC Phần trình bày cách cài đặt cấu hình website lên mạng Internet hướng dẫn sử dụng (quản trị admin, chức phân quyền) Cách cài đặt (upload) lên mạng Internet Cách sử dụng ... ứng dụng website sử dụng tảng JSP/ Servlet Trang web nghe nhạc miễn phí với video nhạc chất lượng cao hồn hảo đáp ứng nhu cầu giải trí nhanh tiện lợi cho người sử dụng dịch vụ web nghe nhạc internet... xây dựng trang web cho phép người dùng truy cập vào để nghe nhạc trực tuyến giải trí thơng qua mạng Internet nghe nhạc lúc nơi Web nghe nhạc trực tuyến lựa chọn hữu ích để đáp ứng nhu cầu giải... biểu web game, phim, nhạc, mạng xã hội … Trong đồ án này, với mục đích xây dựng hệ thống nghe nhạc trực tuyến đáp ứng cầu nghe nhạc cao sử dụng internet xã hội, nhóm chúng em xây dựng trang web