báo cáo bài tập lớn lập trình web nghe nhạc zingmp3

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

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC KINH TẾ QUỐC DÂN

- -

Báo cáo bài tập lớn

Đề tài: Lập trình web nghe nhạc zingmp3

Họ và tênMã sinh viên

Nguyễn Quang ThảoLê Quang AnhNguyễn Thiện Tâm

Nguyễn Anh Đức

2.Giới thiệu đề tài 7

2.1 Giới thiệu Website nghe nhạc trực tuyến: 7

2.2 Mục tiêu và yêu cầu xây dựng hệ thống: 7

PHẦN II: PHÂN TÍCH HỆ THỐNG 9

WEBSITE NGHE NHẠC TRỰC TUYẾN 9

1 Phân tích hệ thống về mặt chức năng: 9

1.1 Sơ đồ phân rã chức năng: 10

1.2 Sơ đồ luồng dữ liệu: 12

2 Phân tích hệ thống về dữ liệu: 20

2.1 Sơ đồ thực thể liên kết (Sơ đồ ER): 20

2.2 Mô hình hóa dữ liệu (mô hình cơ sở dữ liệu): 22

PHẦN III: THIẾT KẾ HỆ THỐNG 26

1 Đặc tả một số tiến trình: 26

2.2 Giao diện đăng nhập: 29

2.3 Giao diện đăng ký: 30

3 Một số giao diện demo: 31

KẾT LUẬN 35

TÀI LIỆU THAM KHẢO 36

LỜI MỞ ĐẦU

Hiện nay, ngành công nghệ thông tin đã có những bước phát triển nhanh chóng vềứng dụng của nó trong mọi lĩnh vực của cuộc sống trên phạm vi toàn thế giới nói chungvà Việt Nam nói riêng Tin học được người ta quan tâm và nhắc đến nhiều hơn bao giờ hếtvì nó là một phần không thể thiếu trong cuộc sống văn minh, góp phần đẩy mạnh côngcuộc công nghiệp hoá - hiện đại hoá đất nước, tiến đến nền kinh tế tri thức Máy vi tínhcùng với những phần mềm là công cụ đắc lực giúp ta quản lý, tổ chức, sắp xếp và xử lýcông việc một cách nhanh chóng và chính xác.

Ở Việt Nam hiện nay, máy tính điện tử đặc biệt là máy vi tính trong nhiều năm quađã được sử dụng rất rộng rãi Sự phát triển của tin học, các công nghệ phần mềm, phầncứng, các tài liệu tham khảo đã đưa chúng ta từng bước tiếp cận với công nghệ thông tintrong mọi lĩnh vực nhằm đáp ứng nhu cầu của con người Trong quá trình hội nhập vàphát triển việc tin học hóa công tác quản lý là một nhu cầu cấp thiết đối với tất cả cácngành nghề, lĩnh vực Ứng dụng tin học trong lĩnh vực xây dựng website đã giúp chocông việc thiết kế và quản lý khoa học, hiệu quả hơn và thuận tiện hơn, bên cạnh đó làquảng bá hình ảnh, thương hiệu trong mạng xã hội ngày càng phát triển của internet.

Do nhận thức được tầm quan trọng của tin học trong lĩnh vực xây dựng website,nên nhóm em đã quyết định chọn đề tài “ Xây dựng Website nghe nhạc trực tuyến”.Nhóm em mong rằng đề tài này đáp ứng được phần nào giải trí cho mọi người

Tuy nhiên với khoảng thời gian không nhiều, vừa phân tích thiết kế vừa nghiêncứu tìm hiểu khai thác ngôn ngữ mới, hơn nữa khả năng am hiểu về hệ thống của nhómem còn nhiều hạn chế nên trong quá trình khảo sát, phân tích còn nhiều thiếu sót Rấtmong thầy đóng góp thêm ý kiến cho bài báo cáo của nhóm em hoàn thiện hơn.Em xin chân thành cảm ơn!

PHẦN I: KHẢO SÁT HỆ THỐNG WEBSITE NGHE NHẠC TRỰC TUYẾN1 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ướcngoà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ạcsố 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épnghe 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 đĩacũ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ổnglồ 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ànglớ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ảitiế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íchnhư 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 websitenà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ìmkiế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 trangBaamboo, các nhà điều hành cũng có những kế hoạch marketing cụ thể thông quaviệ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áchhà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êuthích Tuy nhiên, do bản quyền nhạc là vấn đề khá nhạy cảm hiện nay, các trangMP3, 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ếpcậ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àoviệ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

2 Giới thiệu đề tài

2.1Giớ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à vaitrò 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ộcsố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ạcthỏ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ý albumnhạc của mình khi đã là thành viên của trang web Điều đó thật thú vị và cànghay hơn là bạn có thể trao đổi với những người bạn khác trên website về cảmnhận âm nhạc, chia sẻ cho nhau qua những bình luận, đóng góp ý kiến chowebsite.

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 Nghe nhạc trên website Upload/ Download

- 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ườiquả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ủatrang 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 Quản lý thành viên

PHẦN II: PHÂN TÍCH HỆ THỐNG WEBSITE NGHE NHẠC TRỰC TUYẾN1 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 tincậ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ớitạo nên một website hoàn thiện về cả chất lượng và uy tín Website được đặtmụ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ủacon 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ý:

 Người quản trị:

- 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ằmxâ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ớivà người quản trị có thể đăng thêm nhạc từ các link đăng trên internethoặ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êntheo 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âythu hút cho khách vào thăm website.

 Thành viên:

- Quản lý thông tin cá nhân: thêm, sửa, xóa thông tin cá nhân của mìnhvà xem thông tin cá nhân của mình cũng như của những thành viênkhá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 theochủ đề và thể loại, nghe từng bài, nghe album top 10 của tuần, báo linkhỏng, đăng ký thành viên, đăng nhập vào hệ thống.

nhưng thành viên có thể thêm bài hát vào website (với đường link nhạc trêninternet) và có thể quản lý album của mình, nghe toàn bộ list nhạc do mìnhtự 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.1Sơ đồ 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 đơngiả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ềuchức năng con và trong trường hợp như vậy coi chức năng con có quan hệ phâncấ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 Websitenghe 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ả ạ ộ ử ụ1 Qu n tr h thốếngả ị ệ

1.1.Qu n lý ch đếềảủ

1.2.Qu n lý th ảểlo iạ

1.3.Qu n lý nh cảạ

1.4.C p nh t ậậngười 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.1.3.Qu n lý c m ảảnh n/ góp ýậ

2.2.1.TK theo tến ca sĩ

2.2.2.TK theo bài hát

2.2.3.TK theo album2.2.4.TK theo l i ờbài hát

2.3.1.Nghe theo bài hát

2.3.2.Nghe theo album

2.3.4.Nghe theo top

1.5.Phân quyếền

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 tinthành viên sử dụng trong hệ thống Vì là website hoạt động rộng rãi trên internetnê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ánhmấ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ủatrang 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 danhsá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 đăngbà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ínhcủ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íchngay 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 theoalbum, 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.2Sơ đồ 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:“Làm như thế nào?”.

- 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àothấ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.

Tr l i thống tin ả ờ Xác nh nậ

0 Xây d ng website nghe nh c tr c tuyếếnựạự

Người qu n ảtrị

Thành viếnĐăng nh pậ

Trong biểu đồ luồng dữ liệu thì chức năng “Xây dựng website nghe nhạc trựctuyế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ứcnă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…

Người sử dụng ở đây khách tham quan khi vào website có thể yêu cầu tìmkiếm (tìm kiếm bài hát, album, lời bài hát), tải nhạc, nghe nhạc theo các tiêu chícủa webiste và có thể trở thành thành viên khi đã đăng ký thành công.

Thành viên: khi đã là thành viên thì được quyền sử dụng chức năng quản lýthông tin cá nhân, quản lý nhạc cá nhân (tạo album, tạo list nhạc yêu thích, ), đónggóp ý kiến, bình luận, cảm nhận Bên cạnh đó có thể upload nhạc lên website.

1 Qu n tr h thốếngả ị ệ

2 Qu n lý ho t đ ng s d ngả ạ ộ ử ụ

Thành viến Danh sách người

1.1 Qu n lý ch đếềả ủ

Người qu n trả ị

Thống tin ch ủđếề

Ch đếềủ

Th lo iể ạ1.2 Qu n lý th lo iả ể ạ

Thống tin Th lo iểạ

Người dùng

Thống tin Người dùng

2.1.1 Qu n lý nh c cá nhânảạ

Thành viênYêu câầu

Xác nhận

Người qu n trảịYêu câầu

2.2.1 Tìm kiếm theo tên ca sĩ

c Chức năng “Quản lý tìm kiếm”:Yêu cầu

2.3.1.Nghe theo bài hát

Bài hát

Xác nhậnYêu cầu

Người quản trị

Xác nhậnYêu cầu

2.3.2.Nghe theo Album

Yêu cầu

Yêu cầuXác nhận

Xác nhận

2.3.3.Nghe theo top

Top nhạc

Xác nhậnd Chức năng “Quản lý nghe nhạc”:

2 Phân tích hệ thống về dữ liệu:2.1Sơ đồ 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êntrong tổ chức mà ta nghiên cứu, nhằm xác định các đơn vị thông tin cơ sở (thựcthể) 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ớitổ 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ựcthể 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ôngtin 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ộtcủ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ộtthuộ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ầnthiế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)