Em đã tìm hiểu và nhận thấy Ngôn ngữJavascript,HTML,CSS được ứng dụng rất nhiều.Qua thực nghiệm khảo sát trên em đã quyết định xây dựng một Website nghe nhạctrực tuyến nhằm giải quyết nh
KHẢO SÁT HỆ THỐNG
Khảo sát hiện trạng
Thị trường các trang web nhạc số Việt Nam được đánh giá là vô cùng tiềm năng vì có gần 7 triệu người dùng Internet trong nước, khoảng 5 triệu người Việt ở nước ngoài và ước tính gần 8 triệu người sử dụng điện thoại di động trong nước. Thời điểm năm 2004/2005, Việt Nam mới được quan tâm đến các trang web nhạc số trong xã hội công nghệ thông tin ngày càng phát triển Ban đầu, những website đã có mặt sớm là Yeuamnhac, Giaidieuxanh, Vietnamaudio, Nhacso Tuy nhiên, những địa chỉ này mới chỉ dừng lại là các kênh âm nhạc trực tuyến của các tờ báo điện tử, hay đến với các website âm nhạc cho phép nghe nhạc trực tuyến Tiếp đó là sự góp mặt từ các diễn đàn của sinh viên-học sinh, website của ca sĩ cho phép nghe nhạc, post nhạc và tải nhạc miễn phí Ngoài ra, các hãng sản xuất băng đĩa cũng góp phần làm phong phú thêm thị trường âm nhạc trực tuyến
Và thời điểm đó, những kho âm nhạc trực tuyến này vẫn chỉ dừng lại ở một địa chỉ nghe nhạc miễn phí, chưa đa dạng về thể loại nhạc cũng như số lượng Tuy vậy, vào thời gian đầu, những trang web này cũng phần nào đáp ứng nhu cầu giải trí và thưởng thức âm nhạc của cư dân mạng, đặc biệt là giới trẻ Đối với thị trường nhạc số trực tuyến trên thế giới cũng đang phát triển rất rầm rộ.
Cư dân mạng dường như đã khá quen thuộc với những kho nhạc trực tuyến khổng lồ trên thế giới như Napster, RealNetwork, iTunes, Rhapsody
Ngày càng đa phương tiện Cho đến thời gian gần đây, với sự phát triển ồ ạt cả về chất và lượng của công nghiệp nội dung số Việt Nam, âm nhạc trực tuyến đã có nhiều thay đổi và có nhiều tiên bộ hơn Tiếp theo đó là hàng loạt địa chỉ tìm kiếm âm nhạc trực tuyến ra đời và được giới trẻ đón nhận Các chuyên gia công nghệ thông tin nhìn nhận, thực tế đã cho thấy sự tiến triển này là do nhu cầu ngày càng lớn của dân cư mạng, đặc biệt là thế hệ trẻ cùng sự năng động và không ngừng cải tiến của chính các địa chỉ âm nhạc trực tuyến
Hiện nay, các bạn trẻ biết nhiều về nhạc số luôn quan tâm và chia sẻ web yêu thích như Tuyetdieu, 7sac, Baamboo, Movana và Zing MP3 tại địa chỉ http://mp3.zing.vn tới bạn bè, người thân Cơ chế hoạt động của những website này tương tự Google tìm kiếm, hệ thống sẽ tự động tìm kiếm những đường link có chứa nội dung âm nhạc trên khắp Internet, giúp người dùng chỉ cần vào một địa chỉ duy nhất để tìm kiếm nhạc từ nhiều nguồn khác nhau Bên cạnh các hoạt động tìm kiếm nhạc trực tuyến, các trang web này đang mở rộng thêm nhiều lĩnh vực, cụ thể như 7sac ngoài tìm nhạc, blog còn có công cụ tìm tin tức Còn đối với trang Baamboo, các nhà điều hành cũng có những kế hoạch marketing cụ thể thông qua việc thường xuyên thăm dò, tìm hiểu và tiến hành thay đổi dựa trên nhu cầu khách hàng
Giờ đây, người sử dụng chỉ cần thao tác nhấp chuột là có thể đến với bài hát yêu thích Tuy nhiên, do bản quyền nhạc là vấn đề khá nhạy cảm hiện nay, các trang MP3, kỹ thuật tìm kiếm hiện nay đa phần chọn hình thức là không lưu trữ nhạc mà chỉ giúp người dùng tìm kiếm thông tin trên Internet Hiện mới có Tuyetdieu và Zing MP3 là ghi rõ tên nguồn nhạc trong kết quả tìm kiếm, giống như cách tiếp cận trong việc đăng lại thông tin của các báo điện tử phổ biến hiện nay
Nhóm em cũng đã khảo sát hiện trạng về việc sử dụng Công Nghệ Thông Tin vào việc thiết kế Website Em đã tìm hiểu và nhận thấy Ngôn ngữ Javascript,HTML,CSS được ứng dụng rất nhiều.
Qua thực nghiệm khảo sát trên em đã quyết định xây dựng một Website nghe nhạc trực tuyến nhằm giải quyết nhu cầu giải trí của con người về mặt âm nhạc cũng như giúp các thành viên web trao đổi, bình luận giữa các bài hát cũng như Album.
Sử dụng Ngôn ngữ lập trinh Javascript,HTML,CSS và JsonSever
Giới thiệu đề tài
2.1 Giới thiệu Website nghe nhạc trực tuyến:
Website nghe nhạc trực tuyến hiện nay đã là trang âm nhạc phổ biến và vai trò của nó giúp cho con người giải trí, thư giãn sau những mệt nhọc của cuộc sống Website cung cấp cho người dùng với tất cả các loại nhạc với kho tàng âm nhạc phong phú đa dạng trên toàn thế giới Vì vậy người yêu cầu nghe nhạc thỏa sức tìm kiếm những bài hát mà mình yêu thích và có thể quản lý album nhạc của mình khi đã là thành viên của trang web Điều đó thật thú vị và càng hay hơn là bạn có thể trao đổi với những người bạn khác trên website về cảm nhận âm nhạc, chia sẻ cho nhau qua những bình luận, đóng góp ý kiến cho website.
2.2 Mục tiêu và yêu cầu xây dựng hệ thống: a Mục tiêu xây dựng hệ thống:
- Hướng tới việc đáp ứng nhu cầu giải trí và chia sẻ về lĩnh vực âm nhạc
- Sử dụng chức năng download nhạc (tải nhạc).
- Sử dụng chức năng Upload nhạc (đăng nhạc).
- Cập nhật bài hát, ca sĩ, album, các bảng xếp hạng âm nhạc.
- Là nơi chia sẻ, trao đổi thông tin, cảm nhận về lĩnh vực âm nhạc Ngoài ra nó còn tạo môi trường tốt cho mọi người có thêm nhiều bài hát hay.
- Xây dựng một website thân thiện, đáp ứng phụ hợp về mặt âm nhạc cho tất cả mọi người.
- Luôn chú ý quan tâm chăm sóc khách hàng và giao diện website có bố cục rõ ràng, hình thức gây thiện cảm cho khách thăm quan. b Yêu cầu đặt ra cho hệ thống:
- Hỗ trợ người dùng với tiêu chí sau:
+ Đăng ký là thành viên của website
+ Đăng nhập và sử dụng các chức năng sau:
Quản lý thông tin cá nhân
Quản lý album cá nhân
- Hỗ trợ cho người quản trị:
+ Hệ thống website cần được bảo mật thông tin an toàn Chính vì thế người quản trị sẽ có tài khoản và có quyền được sử dụng tất cả các chức năng của trang web, có khả năng thâm nhập vào cơ sở dữ liệu và thao tác trên nó như:
Quản lý thông tin cơ sở dữ liệu
PHÂN TÍCH HỆ THỐNG
Phân tích hệ thống về mặt chức năng
Xây dựng website nghe nhạc trực tuyến: Đây là đề tài trong đó chủ yếu là xử lý quá trình quản lý những thông tin cập nhật, đăng, tải, xóa, sửa nhạc của các thành viên và ban quan trị hướng tới tạo nên một website hoàn thiện về cả chất lượng và uy tín Website được đặt mục tiêu chủ yếu là tạo ra môi trường giải trí lành mạnh đáp ứng nhu cầu của con người về lĩnh vực âm nhạc.
Hoạt động chính của website là: Quản lý và Sử dụng a Hoạt động quản lý:
- Quản lý album: thêm, sửa, xóa các bài hát có trong album
- Quản lý chủ đề: thêm, sửa, xóa các chủ đề trong danh mục chủ đề
- Quản lý thể loại: người quản trị có thể thêm, sửa, xóa các chủ đề sao cho phù hợp với thời điểm để có những đổi mới, chiến thuật tốt nhằm xây dựng website tốt hơn.
- Quản lý bài hát: người quản trị thường xuyên cập nhật các bài hát mới và người quản trị có thể đăng thêm nhạc từ các link đăng trên internet hoặc từ file tải Sử dụng chức năng xóa, sửa các bài hát.
- Quản lý thành viên: cũng tương tự như các thao tác quản lý trên thì người quản trị cũng có thể thêm, sửa, xóa thông tin của các thành viên theo quy định đặt ra của website.
- Quản lý các thông tin trao đổi giữa các thành viên về lĩnh vực âm nhạc
- Quản lý tin tức, sự kiện liên quan đến âm nhạc: update các thông tin về nhân vật nổi tiếng và những bài hát, album có tầm ảnh hưởng để gây thu hút cho khách vào thăm website.
- Quản lý thông tin cá nhân: thêm, sửa, xóa thông tin cá nhân của mình và xem thông tin cá nhân của mình cũng như của những thành viên khác.
- Quản lý album cá nhân: thêm, xóa các bài hát trong list nhạc của mình.
- Quản lý bài hát: có thể xóa hoặc thêm bài hát từ link trên internet. b Hoạt động sử dụng:
Nếu là khách thì có thể tìm kiếm, xem danh sách các bài hát theo chủ đề và thể loại, nghe từng bài, nghe album top 10 của tuần, báo link hỏng, đăng ký thành viên, đăng nhập vào hệ thống.
Nếu là thành viên có thể đóng vai trò như một khách thăm quan nhưng thành viên có thể thêm bài hát vào website (với đường link nhạc trên internet) và có thể quản lý album của mình, nghe toàn bộ list nhạc do mình tự tạo
Nếu là người thuộc ban quản trị thì có toàn quyền chỉnh sửa hệ thống website.
1.1 Sơ đồ phân rã chức năng:
Biểu đồ phân rã chức năng là công cụ để biểu diễn việc phân rã có thứ bậc đơn giản của các công việc cần thực hiện trong hệ thống Chức năng là công việc mà tổ chức cần làm (chức năng nghiệp vụ) Một chức năng được phân rã thành nhiều chức năng con và trong trường hợp như vậy coi chức năng con có quan hệ phân cấp với chức năng cha.
Qua khái niệm trên ta đi xây dựng sơ đồ phân rã chức năng của hệ thống Website nghe nhạc trực tuyến:
0 Xây d ng website nghe nh c tr c tuyếếnự ạ ự
2 Qu n lý ho t đ ng s d ngả ạ ộ ử ụ
2.1.Qu n lý thành viến ả 2.2.Qu n lý tm kiếếm ả 2.3.Qu n lý nghe nh c ả ạ
2.1.1.Qu n lý nh c ả ạ cá nhân
2.1.2.Qu n lý ả thống tin cá nhân
2.2.1.TK theo tến ca sĩ
Giải thích các chức năng:
Chức năng Quản lý thành viên bao gồm các chức năng: Thêm, sửa, xóa thông tin thành viên sử dụng trong hệ thống Vì là website hoạt động rộng rãi trên internet nên việc kiểm soát người dùng với chức năng sửa, xóa người dùng cần thông qua điều khoản đưa ra của website Nếu người dùng vi phạm sẽ bị xóa tên theo mức độ của quy định
Phân quyền trong hệ thống giúp cho việc hạn chế tối đa sự truy cập tràn lan tránh mất mát thông tin bảo mật Vì vậy hệ thống chia ra hai cấp bậc để quản lý tốt nhất
- Người sử dụng: chỉ được xem bên ngoài của website và sử dụng các chức năng đã cho phép.
- Người quản trị website: được sử dụng tất cả các chức năng của trang web.
Quản lý nhạc (hệ thống): Thêm, sửa, xóa thông tin ca sĩ, bài hát, album trong danh sách mà người quản trị đã cập nhật.
Chức năng Quản lý nhạc cá nhân (Upload/ Download): cho phép người dùng đăng bài hát của mình lên trang web và được yêu cầu tải bài hát của website về máy tính của mình.
Cảm nhận: Người dùng tham gia bình luận về chủ đề như bài hát, ca sĩ yêu thích ngay bên dưới mục phát nhạc
Chức năng Nghe nhạc: Cho phép người dùng lựa chọn nghe theo bài hát, nghe theo album, nghe theo top xếp hạng
Chức năng Tìm kiếm theo 4 tiêu chí:
- Tìm kiếm theo tên bài hát
- Tìm kiếm theo tên ca sĩ
- Tìm kiếm theo tên album
- Tìm kiếm theo lời bài hát
1.2 Sơ đồ luồng dữ liệu:
Sơ đồ luồng dữ liệu (hay biểu đồ luồng dữ liệu) là công cụ mô tả mối quan hệ tương tác giữa các công việc.
- Sự diễn tả ở mức logic nghĩa là nhằm câu hỏi: “Làm gì?”,mà bỏ qua câu hỏi:
- Chỉ rõ các chức năng con phải thực hiện, để hoàn tất quá trình xử lý cần mô tả.
- Chỉ rõ các thông tin được chuyển giao giữa các chức năng đó,qua đó phần nào thấy được trình tự thực hiện của nó.
Các loại biểu đồ luồng dữ liệu:
- Biểu đồ luồng dữ liệu mức khung cảnh.
- Biểu đồ luồng dữ liệu mức đỉnh.
- Biểu đồ luồng dữ liệu mức dưới đỉnh.
Tến kho d li uữ ệ Kho d li u (b ng)ữ ệ ả
Tến tác nhân ngoài Tác nhân ngoài
Yếu câều qu n lý ả thống tin
Tr l i thống tin ả ờ Xác nh nậ
0 Xây d ng website nghe nh c tr c tuyếến ự ạ ự
Thành viến Đăng nh pậ
Yếu câều Xác nh nậ Các loại kí hiệu dùng trong biểu đồ luồng dữ liệu:
1.2.1 Sơ đồ mức ngữ cảnh (khung cảnh):
Mức ngữ cảnh hay còn gọi là mức 0 của biểu đồ luồng dữ liệu chỉ gồm một BLD, trong đó chỉ có một chức năng duy nhất (chức năng tổng quát của hệ thống) trao đổi các luồng thông tin với các đối tác.
Trong biểu đồ luồng dữ liệu thì chức năng “Xây dựng website nghe nhạc trực tuyến” là chức năng duy nhất và có 3 tác nhân ngoài tác động trực tiếp tới chức năng này bao gồm: Người quản trị, Người sử dụng và Thành viên
Người quản trị: là người có quyền cao nhất trong hệ thống người dùng Vì vậy người quản trị có thể sử dụng tất cả các chức năng của website Yêu cầu quản lý thông tin chủ đề, thông tin nhạc, album, tin tức, sự kiện, quản lý thể loại, quản lý người dùng…
Phân tích hệ thống về dữ liệu
2.1 Sơ đồ thực thể liên kết (Sơ đồ ER): a, Mô hình thực thể liên kết
Việc phân tích dữ liệu là phân tích các cấu trúc thông tin được dùng bên trong tổ chức mà ta nghiên cứu, nhằm xác định các đơn vị thông tin cơ sở (thực thể) cần thiết cho hệ thống, xác định các thành phần thông tin của mỗi thực thể và các mối liên hệ giữa các thực thể Trong mô hình thực thể có một số khái niệm như sau:
- Thực thể: là một nhiệm vụ,một đối tượng hay một sự kiện đáng quan tâm đối với tổ chức (và cả bên trong lĩnh vực hệ thống), kể cả các thông tin mà nó lưu trữ Một thực thể tương đương với một dòng trong một bảng nào đó.
- Kiểu thực thể: là việc nhóm tự nhiên một số thực thể lại, mô tả cho một loại thông tin chứ không phải là bản thân thông tin Kiểu thực thể tương đương với bảng logic và có dạng hộp trong sơ đồ mô hình thực thể.
- Thuộc tính: là các đặc trưng của thực thể được biểu thị bằng các trường hoặc cột của bảng, có mối liên hệ chặt chẽ với các kiểu thực thể, mọi thực thể ít nhất phải có một thuộc tính và bất cứ một kiểu thực thể nào cũng có một trong ba kiểu thuộc tính sau: thuộc tính tên gọi, thuộc tính mô tả, thuộc tính kết nối.
Dựa vào các khái niệm trên, chúng ta tiến hành xây dựng các kiểu thực thể cần thiết như sau:
Kiểu thực thể Nhạc (Mã nhạc, Tên nhạc, Link nhạc, Tình trạng nhạc,
Mã thể loại Mã thành viên Mã album, , , List nhạc)
Kiểu thực thể Danh sách ca sĩ (Mã ca sĩ Mã nhạc, )
Kiểu thực thể Thành Viên (Mã thành viên, Tên thành viên, Mật khẩu,
Họ tên thành viên, Email, Quyền thành viên, Ảnh thành viên)
Kiểu thực thể Album (Mã album, Tên album, Mô tả album, Ảnh album, Thời gian album, Mã thành viên)
TenAlbum MoTaAlbum AnhAlbum T/gian Album MaThanhVien
TenNhac LinkNhac TinhTrangNhac MaTheLoai MaThanhVien MaAlbum ListNhac
MaThanhVien# TenThanhVien MatKhau HoTenThanhVien Email QuyenThanhVien AnhThanhVien ChuDe
MaNgheNhac# Thoi gian nghe MaNhac b, Sơ đồ thực thể liên kết
2.2 Mô hình hóa dữ liệu (mô hình cơ sở dữ liệu): a Cài đặt dữ liệu:
Bảng ChuDe: Lưu trữ thông tin về các chủ đề trong hệ thống để người dùng có nhiều lựa chọn cho việc vào website nghe nhạc phong phú đa dạng.
STT Tên trường Kiểu dữ liệu Kích thước trường
#1 MaChuDe Char 20 Mã Chủ Đề (Khóa)
2 TenChuDe nvarchar 50 Tên chủ đề
Bảng TheLoai: Lưu trữ thông tin về các thể loại âm nhạc trong hệ thống Bảng Thể Loại nhằm phục vụ giải trí nghe nhạc phù hợp với tất cả lứa tuổi.
STT Tên trường Kiểu dữ liệu Kích thước trường
#1 MaTheLoai Char 20 Mã Thể Loại (Khóa)
3 MaChuDe Char 20 Mã Chủ Đề
Bảng AlbumCaNhan: là bảng chứa các album có nhiều bài hát trong cùng 1 album tương ứng vơi từng ca sĩ hoặc theo chủ đề bất kỳ nào đó.
STT Tên trường Kiểu dữ liệu Kích thước trường
#1 MaAlbum Char 20 Mã Album(Khóa)
3 MoTaAlbum ntext Mô tả Album
5 T/gianAlbum datetime Thời gian Album
6 MaThanhVien Char 10 Mã Thành Viên
Bảng CamNhan: là bảng chứa thông tin cảm nhận của các thành viên về bài hát hoặc về một album.
Tên trường Kiểu dữ liệu Kích thước trường
#1 MaCamNhan Char 20 Mã Cảm Nhận (Khóa)
3 T/gian CamNhan datetime Thời gian cảm nhận
5 MaThanhVien Char 20 Mã Thành Viên
Bảng DanhSachCaSi: Lưu trữ thông tin ca sĩ được thống kê dưới dạng danh sách giúp cho người dùng có nhiều lựa chọn về ca sĩ mình yêu thích.
Tên trường Kiểu dữ liệu Kích thước trường
#1 MaCaSi Char 20 Mã Ca Sĩ (Khóa)
#2 MaBaiHat Char 20 Mã Nhạc (Khóa)
Bảng BaiHat: là bảng có mối liên quan với nhiều bảng khác Bảng BaiHat hiển thị chi tiết thông tin về một bài hát, một album, về ca sĩ liên quan tới bài hát
Tên trường Kiểu dữ liệu Kích thước trường
#1 MaBaiHat Char 20 Mã bài hát (Khóa)
2 TenBaiHat nvarchar 50 Tên bài hát
3 LinkBaiHat nvarchar 50 Link bài hát
4 TinhTrangBH bit Tình Trạng bài hát
5 MaTheLoai Char 20 Mã Thể Loại
6 MaThanhVien Char 20 Mã Thành Viên
Bảng ThanhVien: Bảng chứa thông tin của các thành viên được lưu trữ trên hệ thống để việc quản lý thành viên thuận lợi.
Tên trường Kiểu dữ liệu Kích thước trường
#1 MaThanhVien Char 20 Mã Thành Viên (Khóa)
2 TenThanhVien nvarchar 50 Tên Thành Viên
4 HoTenThanhVien nvarchar 50 Họ và tên thành viên
6 QuyenThanhVien Varchar 50 Quyền Thành Viên
7 AnhThanhVien ntext Ảnh Thành Viên b Sơ đồ mối quan hệ giữa các bảng
THIẾT KẾ HỆ THỐNG
Đặc tả một số tiến trình
Khi khách vào thăm quan website và muốn là thành viên thì cần phải đăng kí các thông tin cá nhân.
Lưu thông tin vào bảng Thành
Nh p tến tài kho nậ ả
Ki m tra tến tài kho n và m t kh uể ả ậ ẩ Đăng nh p thành cốngậ Đăng nh p ậ thâết b iạ Đ
Output: Đưa ra thông báo
+ Đăng nhập thất bại do tên tài khoản hoặc mật khẩu không đúng Người quản trị lấy thông tin từ bảng Thành Viên (Mã thành viên, Tên thành viên, Mật khẩu, Họ tên thành viên, Email, Quyền thành viên, Ảnh thành viên) để làm điều kiện đối chiếu thông tin đưa vào và đưa ra thông báo cho thành viên.
Nh p tến bài hát, ca sĩ, l i bài hát, albumậ ờ
Ki m tra tnh h p l t ể ợ ệ ươ ng ng v i tiếu chí ứ ớ
Input: + Nhập tên bài hát
Output: Đưa ra kết quả theo yêu cầu Để tìm kiếm theo tên bài hát, theo tên ca sĩ, theo tên album hay theo lời bài hát thì các bài hát, tên ca sĩ, tên album sẽ được gán mã và đưa vào các bảng
Ca sĩ, Nhạc, Album nhằm quản lý thông tin tìm kiếm đưa ra kết quả cho khách tìm kiếm.
Một số thông tin mới nhất luôn được cập nhật tại đây cùng các hình ảnh nổi bật.
2 Thiết kế một số giao diện:
Một số thông tin khác Đăng nhập
Tên đăng nhậpMật khẩu Đăng kí thành viên
Email: Đăng ký Hủy bỏ
Ghi chú: (*) Bắt buộc điền vào thông tin này
Một số giao diện demo
3.3 Giao diện trang Đăng Ký:
3.4 Giao diện trang Đăng Nhập:
3.6 Giao diện người dùng khi chưa đăng nhập: