WEBSITE NGHE NHẠC TRỰC TUYẾN

TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN Tel (84-236) 3736949, Fax (84-236) 3842771 Website: http://dut.udn.vn/khoacntt, E-mail: cntt@dut.udn.vn BÁO CÁO THỰC TẬP CÔNG NHÂN PHẦN THIẾT KẾ WEBSITE ĐỀ TÀI : WEBSITE NGHE NHẠC TRỰC TUYẾN MỤC LỤC MỞ ĐẦU CHƯƠNG 1: TỔNG QUAN VỀ JSP/SERVLET VÀ MYSQL 1.1 1.2 1.3 1.4 Giới thiệu JSP/Servlet Ưu nhược điểm JSP/Servlet Giới thiệu MySQL Kết chương CHƯƠNG 2: THIẾT KẾ WEBSITE Phát biểu toán Các quy trình website 2.2.1 Liên hệ với admin để nhận tài khoản thành viên 2.2.2 Quy trình đăng nhập chế độ thành viên 2.3 Yêu cầu hệ thống 2.4 Thiết kế giao diện website 2.4.1 Trang quản trị Admin 2.4.2 Trang đăng nhập dành cho thành viên 2.4.3 Trang liên hệ dành cho người dùng 10 2.4.4 Giao diện website 11 2.5 Kết chương 12 2.1 2.2 CHƯƠNG 3: XÂY DỰNG WEBSITE 13 3.1 3.2 3.3 Xây dựng sở liệu 13 Xây dựng trang Admin 14 Kết chương 19 KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN 20 KẾT QUẢ ĐẠT ĐƯỢC 20 HƯỚNG PHÁT TRIỂN 20 i DANH SÁCH HÌNH ẢNH HÌNH 1: QUY TRÌNH ĐĂNG NHẬP THÀNH VIÊN HÌNH 2: FORM ADMIN ĐĂNG NHẬP HÌNH FORM ĐĂNG NHẬP DÀNH CHO THÀNH VIÊN 10 HÌNH FORM LIÊN HỆ DÀNH CHO NGƯỜI DÙNG 10 HÌNH MÀN HÌNH TẠI TRANG CHỦ 11 HÌNH MÀN HÌNH TẠI TRANG NGHE NHẠC 12 HÌNH CƠ SỞ DỮ LIỆU CỦA WEBSITE 13 HÌNH CHỨC NĂNG ADMIN QUẢN LÍ DANH MỤC 14 HÌNH 10 FORM THÊM DANH MỤC BÀI HÁT 14 HÌNH 11 CHỨC NĂNG ADMIN QUẢN LÍ BÀI HÁT 15 HÌNH 12 FORM ADMIN THÊM BÀI HÁT MỚI 16 HÌNH 13 CHỨC NĂNG ADMIN QUẢN LÍ NGƯỜI DÙNG 16 HÌNH 14 FORM THÊM THÀNH VIÊN DÀNH CHO ADMIN 17 HÌNH 15 FORM SỬA THÀNH VIÊN DÀNH CHO ADMIN 17 HÌNH 12 CHỨC NĂNG ADMIN QUẢN LÍ LIÊN HỆ 18 HÌNH 13 CHỨC NĂNG ADMIN QUẢN LÍ BÌNH LUẬN 19 ii DANH SÁCH TỪ VIẾT TẮT Từ viết tắt Diễn giải JSP JavaServer Pages HTML HyperText Markup Language XML Xtensible Markup Language API Application Programming Interface CSDL Cơ sở liệu iii MỞ ĐẦU Tổng quan đề tài 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 toàn giới nói chung Việt Nam nói riêng Cơng nghệ thơng tin phần 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 “Nghe nhạc trực tuyến” 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 “Nghe nhạc trực tuyến” trở thành website âm nhạc có tiềm thời gian tới Mục đích ý nghĩa đề tài 2.1 Mục đích Với nhu cầu đa dạng khắc khe người nghe nhạc nhóm chúng em xây dựng website “Nghe nhạc trực tuyến” nhằm thỏa mãn người nghe, đem lại cho người yêu âm nhạc tác phẩm hay phù hợp với đối tượng nghe nhạc 2.2 Ý nghĩa Nếu khơng có nguồn âm nhac, chắn chắn sống nhàm chán, sống khơng ý nghĩa Âm nhạc ln ăn tinh thần hàng đầu giúp giúp thư giản thoái mái với cơng việc Người ta cho âm nhạc làm dịu tâm thần Một liệu pháp chữa bệnh áp dụng kết hợp cho bệnh nhân tầm thần dùng âm nhạc làm giảm GVHD: Th.S Võ Đức Hồng phấn khích, đưa người bệnh vào trạng thái buồn ngủ “Website nghe nhạc trực tuyến” đáp ứng tất điều cho người nghe sống tinh thần đầy tính phong phú, đa dạng Phương pháp thực Để có nhìn đầy đủ, đắn xác website xây dựng tương lai  Tránh sai lầm thiết kế truy cập  Tăng nhu cầu sử dụng website  Dễ sửa chữa, bổ sung phát triển website trình sử dụng website yêu cầu Nhóm chúng em chọn phương pháp phương pháp phân tích thiết kế hệ thống để thực trình xây dựng website Bố cục đề tài Chương 1: Tổng quan JSP/Servlet MySQL Chương 2: Thiết kế website Chương 3: Xây dựng website Kết luận hướng phát triển GVHD: Th.S Võ Đức Hoàng CHƯƠNG 1: TỔNG QUAN VỀ JSP/SERVLET VÀ MYSQL 1.1 Giới thiệu 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 Cú pháp JSP cho thêm thẻ XML mới, gọi JSP actions - hành động JSP Những "hành động JSP" dùng để khởi động chức sẵn có, chức xây dựng trước Cộng thêm vào đó, cơng nghệ cho phép tạo thư viện thẻ JSP (JSP tag libraries), đóng vai trò vào việc mở rộng thẻ HTML hay XML tiêu chuẩn Thư viện thẻ (Tag libraries) phương pháp mở rộng khả máy chủ web mở rộng khơng phụ thuộc vào hệ (về cấu trúc máy hệ điều hành dùng) Trước hiển thị trình duyệt, tập tin JSP phải biên dịch thành Servlet, dùng biên dịch JSP (JSP compiler) Bộ biên dịch JSP tạo servlet thành mã nguồn Java trước, biên dịch mã nguồn tập tin class dùng biên dịch Java, trực tiếp tạo mã byte code cho servlet từ trang JSP Về mặt kiến trúc mà nói, ta xem JSP trừu tượng mức độ cao servlet, phần mở rộng thực thi Servlet 2.1 API Cả hai, servlet và, nguyên công ty Sun Microsystems tạo dựng Bắt đầu từ phiên 1.2 đặc tả JSP, JavaServer Pages xây dựng Tiến trình cộng đồng Java (Java Community Process) JSR 53 - Java Specification Requests hay "Yêu cầu đặc tả cho Java" - định nghĩa đặc tả hai, JSP 1.2 Servlet 2.4, JSR 152 định nghĩa đặc tả JSP 2.0 Tại thời điểm năm 2006 đặc tả JSP 2.1 xây dựng yêu cầu JSR 245 GVHD: Th.S Võ Đức Hoàng 1.2 Ưu nhược điểm JSP/Servlet  Ưu điểm: Cho phép thiết kế giao diện web dễ dàng hơn.- 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ờ 1.3 Giới thiệu MySQL MySQL hệ quản trị sở liệu, hệ quản trị sở liệu quan hệ, phát triển, phân phối hỗ trợ MySQL AB Để làm việc với MySQL cần đăng ký kết nối, tạo cở sở liệu, quản lý người dùng, phân quyền sử dụng, thiết kế đối tượng Table sở liệu xử lý liệu.Để quản lý thao tác sở liệu ta sử dụng giao diện đồ họa dạng Command line Đặc điểm MySQL: MySQL giống hệ quản trị CSDL: Access, SQL Server, PostgreSQL, Oracle, phần mềm mã nguồn mở tải miễn phí từ trang chủ.Nó có nhiều phiên cho hệ điều hành khác nhau: phiên Win32 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, Solaris… MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh.Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet.MySQL server hoạt động hệ thống nhúng client/server GVHD: Th.S Võ Đức Hoàng 1.4 Kết chương Ở chương chúng em giới thiệu ngôn ngữ sở liệu sử dụng trình xây dựng “Website nghe nhạc trực tuyến” Do hiểu biết hạn chế nên chúng em giới thiệu khái quát ngôn ngữ chúng em sử dụng, chúng em mong nhận đồng cảm từ q thầy GVHD: Th.S Võ Đức Hồng CHƯƠNG 2: THIẾT KẾ WEBSITE 2.1 Phát biểu toán  Khi truy cập vào website người dùng xem thông tin hát theo chuyên mục, nghe nhạc miễn phí, liên hệ với Admin để đăng kí làm thành viên website  Các thành viên tiến hành upload nhạc mình, chỉnh sửa xóa nội dung nhạc, đồng thời download nhạc 2.2 Các quy trình website 2.2.1 Liên hệ với admin để nhận tài khoản thành viên Vì lí kiểm sốt việc upload hát lên website để tránh việc va chạm quyền nên có thành viên cấp phát tài khoản có quyền đăng nhập vào website Người dùng phải chọn chức “liên hệ” để nhập thông tin yêu cầu cấp tài khoản, phản hồi nội dung, upload hát GVHD: Th.S Võ Đức Hoàng 2.3 Yêu cầu hệ thống a.Yêu cầu chức admin  Chức admin  Đăng nhập  Quản lí danh mục hát  Quản lí hát  Quản lí liên hệ  Quản lí người dùng  Quản lí bình luận  Chức cập nhật thông tin hát  Cập nhật hát theo chuyên mục  Cập nhật thông tin thành viên ban quản trị  Chức xử lí  Tìm kiếm  Liên hệ  Thêm , sữa , xóa b.Yêu cầu phi chức  Giao diện trực quan dễ sử dụng, thân thiện  Chương trình chạy ổn định, xác an tồn  Tốn tài nguyên hệ thống  Dễ dàng nhập xuất liệu, nâng cấp sữa website 2.4 Thiết kế giao diện website 2.4.1 Trang quản trị Admin Trang admin cho phép Admin kiểm sốt hoạt động website, quản lí thành viên, thêm, sửa xóa tài khoản, danh mục, hát, Mục 1: Admin tiến hành đăng nhập GVHD: Th.S Võ Đức Hồng Hình 2: Form admin đăng nhập Mục 2: Admin hiệu chỉnh thơng tin website Hình 3: Các chức admin 2.4.2 Trang đăng nhập dành cho thành viên Thành viên tiến hành đăng nhập vào giao diện sau GVHD: Th.S Võ Đức Hoàng Hình Form đăng nhập dành cho thành viên 2.4.3 Trang liên hệ dành cho người dùng Người dùng muốn liên hệ với admin để yêu cầu cấp tài khoản thành viên, phản hồi website, góp ý, vào mục liên hệ có giao diện bên để gửi thơng tin Hình Form liên hệ dành cho người dùng 10 GVHD: Th.S Võ Đức Hoàng 2.4.4 Giao diện website Mục 1:Giao diện trang chủ Hình Màn hình trang chủ 11 GVHD: Th.S Võ Đức Hoàng Mục 2: Giao diện trang nghe nhạc Hình Màn hình trang nghe nhạc 2.5 Kết chương Ở chương chúng em trình khái quát yêu cầu chức năng, phi chức năng, giao diện Website nghe nhạc trực tuyến Còn nhiều chức chúng em chưa hoàn thiện chưa làm nên giao diện thiếu sót định 12 GVHD: Th.S Võ Đức Hoàng CHƯƠNG 3: XÂY DỰNG WEBSITE 3.1 Xây dựng sở liệu Sử dụng xampp, hệ quản trị sở liệu để tạo nên bảng chứa thơng tin, cụ thể: Hình Cơ sở liệu website  Bảng users: Lưu thông tin thành viên  Bảng songs: Lưu thông tin hát gồm tên hát, ca sỹ trình bày, lời hát, ngày đăng,  Bảng contacts: Lưu liên hệ từ phía người dùng gửi cho admin  Bảng comments: Lưu bình luận, đánh giá người dùng hát  Bảng categories: Lưu danh mục hát mà admin thêm 13 GVHD: Th.S Võ Đức Hoàng 3.2 Xây dựng trang Admin  Quản lí danh mục Chức năng: Tạo, sửa, xóa lưu trữ danh mục (thể loại) hát Hình Chức Admin quản lí danh mục Sau ấn vào “Thêm” xuất giao diện sau để admin thêm danh mục: Hình 10 Form thêm danh mục hát 14 GVHD: Th.S Võ Đức Hồng  Quản lí hát Chức năng: Thêm mới, sửa xóa hát Hình 11 Chức Admin quản lí hát Sau admin chọn “Thêm” xuất giao diện bên để admin thêm hát mới: 15 GVHD: Th.S Võ Đức Hoàng Hình 12 Form admin thêm hát  Quản lí người dùng Chức năng: Thêm mới, sửa , xóa thơng tin người dùng đăng ký thành viên Hình 13 Chức Admin quản lí người dùng 16 GVHD: Th.S Võ Đức Hoàng Sau chọn “Thêm” xuất giao diện bên để admin thêm thành viên : Hình 14 Form thêm thành viên dành cho admin Sau chọn “Sửa” giao diện sau xuất để admin sửa thơng tin thành viên: Hình 15 Form sửa thành viên dành cho admin 17 GVHD: Th.S Võ Đức Hồng  Quản lí liên hệ Chức năng: Xem giải thông tin liên hệ từ phía người dùng, người dùng yêu cầu cấp tài khoản thành viên admin lập tài khoản theo yêu cầu cấp cho người dùng Hình 12 Chức Admin quản lí liên hệ 18 GVHD: Th.S Võ Đức Hồng  Quản lí comment Chức năng: Xem xóa bình luận khơng hợp lệ Hình 13 Chức Admin quản lí bình luận 3.3 Kết chương Ở chương chúng em trình bày sở liệu chúng em sử dụng, Quy trình xây dựng, chức trang Admin Vì thời gian hạn chế nên chúng em chưa xây dựng trang đăng nhập, chức thành viên website.Các chức trang web mức độ sơ khai, nhiều thiếu sót 19 GVHD: Th.S Võ Đức Hồng KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN 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, chúng em vận dụng đa phần kiến thức học, tạo thiết kế đáp ứng yêu cầu toán đặt Đề tài áp dụng mơ hình MVC mơ hình phổ biến vào trình xây dựng Qua q trình làm việc nhóm, trao đổi với đề tài chúng em trau dồi nhiều kỹ quan trọng để áp dụng vào trình làm việc sau Về mặt thực tiễn ứng dụng, đề tài đạt chức website nghe nhạc trực tuyến Tuy nhiên, đề tài tồn vấn đề sau: - Vấn đề thứ : Q trình phân tích thiết kế chưa hoàn thiện, phải sửa chữa lại nhiều lần - Vấn đề thứ : Website đơn giản, chưa hoàn thiện nhiều chức năng, cần mở rộng nâng cấp nhiều lần HƯỚNG PHÁT TRIỂN Một số số hướng nghiên cứu phát triển đề tài sau:  Là website nên để người dùng biết đến tồn cần phải có chương trình quản bá phù hợp  Liên tục cập nhật hát với tốc độ nhanh để người dùng lựa chọn website mà website khác để thưởng thức âm nhạc  Nâng cấp mạnh mẽ website , tạo thêm nhiều chức phục vụ tối đa nhu cầu sử dụng người dùng 20 GVHD: Th.S Võ Đức Hoàng TÀI LIỆU THAM KHẢO Tiếng Việt [1] Đặng Văn Đức (2001), Hệ thống thông tin địa lý, Nhà xuất Khoa học Kỹ Thuật Hà Nội [2] Phạm Hữu Đức (2005), Cơ sở liệu hệ thống thông tin địa lý GIS, Nhà xuất Xây dựng Tiếng Anh [3] Senthil Shanmugan (2004) “Digital urban management programme - Evolution of Bangalore GIS model”, Proceedings of the third International Conference on Environment and Health, India [4] Teemu Nuortio, Harri Niska (2003), “Improved route planning and scheduling of waste collection and transport”, Department of Environmental Sciences, University of Kuopio, Finland Internet [5] http:// www.mapreduce.org [6] http:// www.vre.cse.hcmut.edu.vn 21 GVHD: Th.S Võ Đức Hoàng PHỤ LỤC Cách cài đặt (upload) lên mạng Inetrnet: Bước 1: Chọn nhà cung cấp hosting đáng tin cậy Bước Chọn phương pháp upload website Bước Upload file website (hay gọi source code) lên hosting Bước 4: Kiểm tra xem file thư mục public_html chưa Bước 5: Upload database lên web hosting Bước 6: Kiểm tra xem website hoạt động bình thường khơng 22 ... 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 Nghe nhạc trực tuyến Những yếu tố thuận lợi bên bên ngoài,... trí website Việt Nam sở để chúng em tin Nghe nhạc trực tuyến trở thành website âm nhạc có tiềm thời gian tới Mục đích ý nghĩa đề tài 2.1 Mục đích Với nhu cầu đa dạng khắc khe người nghe nhạc. .. nghe nhạc nhóm chúng em xây dựng website Nghe nhạc trực tuyến nhằm thỏa mãn người nghe, đem lại cho người yêu âm nhạc tác phẩm hay phù hợp với đối tượng nghe nhạc 2.2 Ý nghĩa Nếu khơng có nguồn