Thiết kế, xây dựng website nghe nhạc trực tuyến

N TT NGHIP ============================================================== tr-ờng đại học vinh Khoa CNTT ĐỒ ÁN TỐT NGHIỆP THIẾT KẾ, XÂY DỰNG WEBSITE NGHE NHẠC TRỰC TUYẾN Giáo viên hƣớng dẫn: Th.S Nguyễn Quang Ninh Sinh viên thực : Nguyễn Hữu Thắng Lớp : 46K3 - CNTT Sinh viên thực : Nguyễn Trung Thƣởng Lớp : 45K - CNTT ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== Vinh, tháng 05 Năm 2010 LỜI CẢM ƠN Với khả mình, từ ban đầu nhận đề tài, thấy thật khó khăn nhiều vướng mắc để thực Sau trình học hỏi, tìm hiểu, nghiên cứu giúp đỡ thầy cô, bạn bè Đặc biệt bảo tận tình, trực tiếp thầy giáo hướng dẫn Th.s Nguyễn Quang Ninh, hồn thành đồ án Vì lực thời gian có hạn nên đồ án cịn nhiều thiếu sót bất cập Rất mong góp ý chân thành tất người Cuối xin chân thành cảm ơn thầy cô giáo khoa công nghệ thông tin bạn lớp học, đặc biệt thầy giáo Th.s Nguyễn Quang Ninh, người trực tiếp hướng dẫn trình thực đề tài ! Vinh, tháng năm 2010 SV thực Nguyễn Trung Thưởng Nguyễn Hữu Thắng ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== MỤC LỤC LỜI NÓI ĐẦU CHƢƠNG I: TỔNG QUAN ĐỂ TÀI 1.1 Thực trạng web nghe nhạc, giải trí 1.2 Lý chọn đề tài 1.3 Nhiệm vụ đề tài 1.4 Quy trình hoạt động hệ thống 1.5 Kết cần đạt 10 1.6 Cấu trúc đồ án tốt nghiệp 11 CHƢƠNG II: GIỚI THIỆU VỀ CÁC PHẦN MỀM ỨNG DỤNG VÀ PHẦN MỀM CÔNG CỤ 2.1 Giới thiệu Asp 12 2.1.1 Giới thiệu Asp 12 2.1.2 Khái niệm Asp files 12 2.1.3 Cơ chế hoạt động Asp 13 2.1.4 Giới thiệu IIS (Internet Information Server) 13 2.2 Giới thiệu Visual Basic 6.0 13 2.3 Giới thiệu Microsoft office Access 14 2.3.1 Khái niệm 14 2.3.2 Các phiên 15 2.4 Giới thiệu Macromedia Dreamweave 18 2.5 Giới thiệu Firework 8, Flash 19 2.5.1 Giới thiệu Firework 8: 19 2.5.2 Giới thiệu Macromedia Flash 21 CHƢƠNG III: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE NGHE NHẠC TRỰC TUYẾN ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== 3.1 Phân tích hệ thống mặt chức 23 3.2 Phân tích hệ thống mặt liệu 30 3.2.1 Thực thể liên kết 30 3.2.2 Thiết kế bảng liệu 31 CHƢƠNG IV: THIẾT KẾ XÂY DỰNG WEBSITE NGHE NHẠC TRỰC TUYẾN Thiết kế chương trình 34 4.1 Trang chủ 34 4.2 Trang tìm kiếm 35 4.3 Trang Đăng nhập 36 4.4 Trang thêm mới, xóa chuyên mục 37 4.5 Trang quản trị thành viên 38 4.6 Trang đăng tin tức 39 4.7 Trang đăng album 40 4.8 Trang đăng ca sĩ 41 4.9 Trang đăng nhạc sĩ 42 4.10 Trang đăng hát 43 4.11 Trang sửa, xóa hát đăng 44 KẾT LUẬN 45 TÀI LIỆU THAM KHẢO 46 ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== LỜI NÓI ĐẦU Ngày công nghệ thông tin phát triển cách vượt bậc tồn giới Với xu nước ta công nghệ thông tin ứng dụng vào lĩnh vực kinh tế, xã hội đất nước Mạng thơng tin tồn cầu Internet phát triển mãnh mẽ, rộng khắp, tác động đến mặt đời sống người Từ năm 1997 nước ta bắt đầu nghiên cứu tham gia vào mạng Internet tồn cầu, từ tới mạng Internet phát triển rộng khắp toàn quốc ứng dụng vào nhiều mặt đời sống nhân dân Với nhu cầu tìm kiếm thơng tin, vui chơi giải trí mạng Internet trang web đáp ứng nhu cầu thiết yếu người Hiện Website nghe nhạc, Web báo điện tử, phát triển không ngừng mặt số lượng chất lượng Với phát triển khơng ngừng website Website giải trí trang web nghe nhạc trực tuyến xây dựng hoạt động mạng Internet Với vốn kiến thức học CNTT trường tự tìm tịi học hỏi chúng tơi xây dựng website nghe nhạc online nhằm thử sức đóng góp phần nhỏ bé để mơi trường giải trí, nghe nhạc mạng thêm phong phú phát triển mặt số lượng chất lượng, nội dung tạo môi trương nghe nhạc lành mạnh, sáng website nghe nhạc nhằm đáp ứng nhu cầu giải trí đơng đảo bạn trẻ tồn thể khán thính giả u nhạc Rất mong hướng dẫn, góp ý thầy giáo tất bạn Được giúp đỡ, bảo tận tình giáo viên hướng dẫn thầy giáo Th.s Nguyễn Quang Ninh đề tài hồn thành.Vì khả thời ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== gian có hạn trang web cịn nhiều thiếu sót bất cập mong bảo, góp ý thầy cô giáo tất bạn Xin trân trọng cảm ơn ! CHƢƠNG I : TỔNG QUAN ĐỀ TÀI 1.1 Thực trạng web nghe nhạc, giải trí Cùng với phát triển nhanh chóng công nghệ kết nối, giúp đẩy nhanh tốc độ truy cập, trang Web giải phát triển không ngừng mặt số lượng chất lượng Website nghe nhạc trực tuyến coi loại hình giải trí đáp ứng nhu cầu thưởng thức âm nhạc đông đảo người Giờ truy cập vào mạng Internet, dễ dàng nghe hát trang web nghe nhạc Online với đầy đủ thông tin: Ca sĩ, nhạc sỹ, lời hát Ta lướt Web ca nhạc để nghe hát chất lượng, hay bắt gặp hát dở lỗi người thiết kế, tốc độ truyền tải nội dung hát Khi nhu cầu giải tri ngày nâng cao, khán, thính giả nghe nhạc mạng có chọn lọc Website nghe nghạc phải thay đổi, phát triển lên không bị tụt hậu, đào thải Cùng với phát triển phần mềm xây dựng website Dreamweave, stepzilla,… joomla Joomlar hệ quản trị nội dung mã nguồn mở Joomla viết ngôn ngữ PHP kết nối tới CSDL MySQL, cho phép người sử dụng dễ dàng xuất nội dung họ lên Internet Intranet.Chúng ta xây dựng Website ASP, ASP.Net PHP với MySQL SQL Server Hiện nay, trang nhạc thường làm PHP HTML PHP ngôn ngữ cấp cao việc tạo trang nhạc ngơn ngữ thường có tính bảo mật tốt ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== Ngoài thuận lợi phái triển nhanh chóng công nghệ kết nối, giúp đẩy nhanh tốc độ truy cập, truyền tải thông tin Khi trang web hoàn thành xong, vấn đề cuối upload lên mạng để hoạt động Để làm điều cần phải có Hosting Domain mạng Internet Thơng thường phải mua từ nhà cung cấp, có nhiều nhà cung cấp cho ta Hosting Domain free http://websamba.com/, http://geocities.jp, http://1and1.com … Với môi trường thuận lợi trang web nghe nhạc Online ngày phát triển lên với nhu cầu, địi hỏi ngày khắt khe khán, thính giả 1.2 Lý chọn đề tài Tuy làm quen với việc thiết kế, xây dựng website với kiến thức đam mê học hỏi lĩnh vực gợi ý, bảo tận tình thầy hướng dẫn chúng tơi mạnh dạn lựa chọn xây dựng, thiết kế Website Hiện trang web giải trí nghe nhạc cịn nhiều hạn chế bất cập Nhiều trang Web đưa vào sử dụng thiết kế đơn giản, trình hoạt động sinh nhiều lỗi, khơng mặt nội dung thiếu cân nhắc đưa tin tức, hát có nội dung khơng lành mạnh, nhạt nhẽo, chí cịn mang tính chống phá quyền, đồi trụy, đen tối…gây tác động tiêu cực đến độc giả, người nghe giới trẻ Vì cần xây dựng trang web giải trí nước ta phong phú, đa dang có chất lượng nội dung tốt, tạo mơi trường giải trí lành mạnh, bổ ích sáng cho tất người Cơng việc thiết kế Website nước ta tiềm lớn, Công ty thiết kế Website cịn ít, thiếu tính chun nghiệp, u cầu lực ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== lượng lao động lớn lĩnh vực giới trẻ: sinh viên, học sinh,… tốt nghiệp trường Khi thực xong đề tài chúng tơi mong thu thành tốt đẹp, kinh nghiệm quý báu để phục vụ cho công việc trường làm 1.3 Nhiệm vụ đề tài Để hoàn thành tốt nhiệm vụ, yêu cầu, mục tiêu mà đề tài đặt ra, đề tài hoàn thành sản phẩm chất lượng, em tiến hành nghiên cứu thực công việc sau:  Đầu tiên cần tìm hiểu, nghiên cứu cách xây dựng trang web hoàn chỉnh  Tìm tịi, học hỏi, tham khảo từ thầy cơ, bạn bè website nghe nhạc…  Tìm ngơn ngữ lập trình, phần mềm ứng dụng xây dựng website  Tìm hiểu hệ quản trị sở liệu đặc biệt Microsoft office Access 2003  Tiến hành xây dựng chương trình, thiết kế giao diện: Phân tích, thiết kế, lập trình chương trình ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== 1.4 Quy trình hoạt động hệ thống Các tin tức hát có chất lượng cao nội dung hình ảnh Sau quy trình hệ thống: Thu thập hát, tin tức Kiểm Duyệt Không đạt yêu cầu Biên tập hát, tin tức Kiểm Duyệt Không đạt yêu cầu Đăng tải hát, tin ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang ĐỒ ÁN TỐT NGHIỆP ============================================================== Bộ phận tìm kiếm, thu thập hát, tin tức đưa lên hệ thống thu thập hát mới, hay, bật quan tâm nhiều Tiếp theo phận biên tập hát, tin tức đủ tiêu chuẩn chất lượng để kiểm duyệt đưa vào phận phát hành tin Sau qua công đoạn trên, phận phát hành nhận tin, hát đủ tiêu chuẩn để phát hành Sau phát hành hát, tin kiểm tra hệ thống để đảm bảo lần phát hành tin tức, hát phát hành đảm bảo chất lượng hệ thống hoạt động tốt 1.5 Kết cần đạt Trang Web sau hoàn thành cần đạt tiêu chuẩn, kết sau: -Thiết kế giao diện: Trang web có giao diện đẹp, bắt mắt thu hút người truy cập vào.Giao diện mặt site, mà người truy cập nhìn thấy Đó khơng trang chủ đẹp không cần thật siêu việt hay theo trào lưu hành Giao diện tốt giao diện có chất lượng cao, phù hợp, liên quan đến người sử dụng nội dung mà hỗ trợ Giao diện tốt làm cho người xem thích thú say mê - Cấu trúc định hƣớng: Cấu trúc định hướng site thể khung site, thức bố trí xếp nội dung, xếp thông tin theo tầm quan trọng, phương pháp di chuyển từ trang sang trang khác site Site có cấu trúc định hướng tốt phải site có tính qn, có phong cách rõ ràng Site có cấu trúc định hướng tốt cho phép người sử dụng hình dung mơ hình rõ ràng site, tìm thơng tin dễ dàng, tiên đoán nội dung trang site Site có định hướng tốt giúp người sử dụng đến nơi cần cách nhanh chóng dễ dàng truy cập vào chiều sâu chiều rộng site ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 10 ĐỒ ÁN TỐT NGHIỆP ==============================================================  Bảng Album : Tên Trường Kiểu Dữ Liễu id Autonumber Ten_album Text 25 Tênalbum Casi_album Text 25 Ca sĩ Nhacsi_album Text 25 Nhạc sĩ Gioithieu_album Memo Theloại_Album Text  Độ Dài Mô Tả Mã album Giới thiệu 25 Thể loại Bảng hát : Tên Trường Kiểu Dữ liễu Độ Dài Mô tả id Authonumber Ten_baihat Text 35 Tên hát Album_baihat Number 10 Album Casi_baihat Number 10 Ca sĩ Loi_baihat Memo Nhacsi_baihat Number 10 Nhạc sĩ Theloai_baihat Text 25 Thể loại nhạc Group_baihat Number 15 Chuyên mục Pic_baihat Text 50 Hình ảnh Mã hát Lời hát ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 33 ĐỒ ÁN TỐT NGHIỆP ==============================================================  Bảng ca sĩ : Tên Trường Kiểu Dữ liệu id Authonumber Ten_casi Text Gioithieu_casi Memo Pic_casi Text Ngaysinh_casi Date/time  Độ dài Mô tả Mã ca sĩ 20 Tên ca sĩ Giới thiệu 45 Hình ảnh Ngày sinh cs Bảng Nhạc Sĩ: Tên Trường Kiểu Dữ Liễu id Authonumber Ten_Nhacsi Text Gioithiêu_nhacsi Memo Pic_nhacsi Text Ngaysinh_ Date/time Độ Dài Mô Tả Mã Nhạc sĩ 20 Tên Nhạc sĩ Giới thiệu 50 Hình ảnh Ngày Sinh ns ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 34 ĐỒ ÁN TỐT NGHIỆP ============================================================== CHƢƠNG IV : THIẾT KẾ CHƢƠNG TRÌNH XÂY DỰNG WEBSITE NGHE NHẠC TRỰC TUYẾN 4.1 Thiết kế chương trình 4.1.1 Trang chủ Việc thiết kế Banner công việc quan trọng góp phần vào thành cơng sản phẩm Giao diện trang chủ cho người xem có nhìn tổng quát trang Web Trang chủ nơi giới thiệu tin tức, nhạc phẩm cập nhật chuyên mục Ở kết hợp Macromedia Dreamweaver8, phần mềm đồ họa Flash8, Firework để thiết kế ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 35 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.2 Trang tìm kiếm Trang tìm kiếm nơi người sử dụng dùng để tìm kiếm thơng tin, hát Ở ta tìm kiếm thơng tin theo ba trường khác nhau, là: Tìm kiếm theo ca sĩ, theo nhạc sĩ tìm kiếm theo hát Một hát tìm kiếm có đầy đủ thông tin về: Ca sĩ thể hiện, nhạc sĩ sáng tác lời hát ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 36 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.3 Trang Đăng nhập ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 37 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.4 Trang thêm mới, xóa chuyên mục ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 38 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.5 Trang quản trị thành viên ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 39 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.6 Trang đăng tin tức ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 40 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.7 Trang đăng album ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 41 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.8 Trang đăng ca sĩ ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 42 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.9 Trang đăng nhạc sĩ ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 43 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.10 Trang đăng hát Trang đăng hát nơi cho phép người quản trị đăng tải hát với đầy đủ thông tin hát đăng Một hát đăng có thơng tin sau: Tiêu đề hát, nhạc sĩ sáng tác, ca sĩ thể lời hát ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 44 ĐỒ ÁN TỐT NGHIỆP ============================================================== 4.1.11 Trang sửa, xóa hát đăng Trang lưu trữ thông tin tất hát đăng tải Nó cho phép người quản trị chỉnh sửa thông tin hát đăng Ở người quản trị xóa bỏ hát bị lỗi hát cần thay ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 45 ĐỒ ÁN TỐT NGHIỆP ============================================================== KẾT LUẬN Nghe nhạc trực tuyến trở nên ngày phổ biến tất người giới trẻ, trang Web nghe nhạc thu hút số lượng người truy cập ngày nhiều Internet thục nơi mà tất người tìm kiếm thơng tin, học tập, vui chơi giải trí… Việc phát triển trang Web nghe nhạc trực tuyến điềucần thiết, giải nhu cầu giair trí, cảm thụ âm nhạc cho tất người Đề tài thiết kế, xây dựng trang web nghe nhạc trực tuyến thu kết sau:  Thiết kế, xây đựng trang web nghe nhạc trực tuyến  Học cách nghiên cứu, làm việc chuyên nghiêp, logic, nghiêm túc để thực dự án  Có cách nhìn tổng thể, hệ thống quy trình thực Website  Website thực có giao diện đơn giản, thân thiện với người sử dụng Hƣớng phát triển đồ án Xây dựng bổ sung thêm chức cần thiết để trang web ngày phong phú, hoàn thiện  Quản lý người sử dụng tài khoản đăng nhập  Viết lại đề tài ngôn ngữ C#  ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 46 ĐỒ ÁN TỐT NGHIỆP ============================================================== TÀI LIỆU THAM KHẢO 1/ Tự học Asp Tác giả: KS Hoàng Anh Quang - Phan Anh NXB Văn hóa thơng tin 2/ Web Page Designing With DreamWeaver Tác giả: APTECH computer education 3/ http://www.4shared.com/file/13303062/80cd839c/asp_net.html 4/ http://diendantinhoc.net/ 5/ http://diendanaptech.com/ 6/ http://vi.wikibooks.org/ 7/ http://www.ebook.edu.vn/ 8/ http://tailieu.vn/ ====================================================== Nguyễn Trung Thưởng 45K-Cntt - Nguyễn Hữu Thắng 46K3-Cntt Trang 47 ... trang Web nghe nhạc trực tuyến điềucần thiết, giải nhu cầu giair trí, cảm thụ âm nhạc cho tất người Đề tài thiết kế, xây dựng trang web nghe nhạc trực tuyến thu kết sau:  Thiết kế, xây đựng trang... cầu thiết yếu người Hiện Website nghe nhạc, Web báo điện tử, phát triển không ngừng mặt số lượng chất lượng Với phát triển khơng ngừng website Website giải trí trang web nghe nhạc trực tuyến xây. .. ============================================================== CHƢƠNG IV : THIẾT KẾ CHƢƠNG TRÌNH XÂY DỰNG WEBSITE NGHE NHẠC TRỰC TUYẾN 4.1 Thiết kế chương trình 4.1.1 Trang chủ Việc thiết kế Banner cơng việc quan trọng góp phần