Phân tích thiết kế hệ thống tin Đề tài xây dựng website nghe nhạc trực tuyến

Khi chọn vào album muốn nghe, thì web sẽ chuyển sang phần giao diện bao gồm các bài hát của album, người dùng muốn nghe bài nhạc nào trong album này có thể ấn vào bài hát đó.- Giao diện

TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN _

BÀI TẬP LỚN MÔN HỌC : PHÂN TÍCH THIẾT KẾ HỆ THỐNG TIN

ĐỀ TÀI : XÂY DỰNG WEBSITE NGHE NHẠC TRỰC TUYẾN

Nhóm thực hiện : Đỗ Văn Tuân

Mã sinh viên: 20111060691

Lớp : ĐH10C4

MỤC LỤC

LỜI NÓI ĐẦU 1

CHƯƠNG 1: TỔNG QUAN BÀI TOÁN 2

1 Giới thiệu về ngôn ngữ PHP 2

1.1 Nguồn gốc hình thành 2

1.2 Ưu điểm 2

1.3 Nhược điểm 3

CHƯƠNG 2: MÔ TẢ BÀI TOÁN VÀ PHÂN TÍCH, THIẾT KẾ HỆ THỐNG 4

1 Giới thiệu bài toán 4

2 Mục tiêu 4

3 Mô tả hệ thống 4

4 Phân tích thiết kế hệ thống 5

CHƯƠNG 3: XÂY DỰNG CƠ SỞ DỮ LIỆU 7

1 Thiết kế cơ sở dữ liệu 7

1.1 Bảng tblalbum 7

1.2 Bảng tblcategory 7

1.3 Bảng tblfeedback 7

1.4 Bảng tbllip 7

1.5 Bảng tblsongs 8

1.6 Bảng tblusers 8

1.7 Bảng tblvotes 8

2 Mô hình cơ sở dữ liệu 9

KẾT LUẬN 36

LỜI NÓI ĐẦU

Cùng với sự phát triển nhanh chóng của công nghệ thông tin, nhất là trong cuộc cách mạng công nghiệp 4.0, chúng ta đã nghĩ ra rất nhiều các ứng dụng phục vụ cho nhu cầu và lợi ích của con người Trong đó xây dựng các ứng dụng có chức năng phục vụ mục đích giải trí cho con người từ lâu đã phát triển mạnh mẽ và là một trong những vấn đề mà các nhà lập trình viên luôn quân tâm hàng đầu Nổi bật trong số đó là các website nghe nhạc trực tuyến Việc xuất hiện các website nghe nhạc trưc tuyến giúp chúng ta có thể nghe nhạc mọi lúc, mọi nơi, không cần phải khó khăn trong việc phải lưu trữ bài hát vào thẻ nhớ như những thập niên trước.

Với mong muốn tìm hiểu một phần nhỏ trong kho tàng phát triển của công nghệ thông tin, cùng với mong muốn tạo ra một website dành cho nhu cầu giải trí của mọi người, chúng em chọn đề tài “xây dựng website nghe nhạc trực tuyến” cho bài tập lớn của mình, sử dụng ngôn ngữ PHP và hệ quản trị cơ sở

dữ liệu MySql Với đề tài này, chúng em muốn thử sức mình, nâng cao trình độ của bản thân để có thể phát triển hơn nữa trong thời gian tới.

CHƯƠNG 1: TỔNG QUAN BÀI TOÁN

1 Giới thiệu về ngôn ngữ PHP

1.1 Nguồn gốc hình thành

PHP là từ viết tắt của từ Hypertext Preprocessor, đây là

một ngôn ngữ của lập trình có thể thực hiện kịch bạn hoặc

là loại mã lệnh mà có thể được dùng chủ yếu trong việc phát triển những ứng dụng có liên quan đến việc viết cho máy chủ, mã nguồn mở hay mục đích tổng quát.

Ngoài việc rất thích hợp cho việc viết một trang web, bên cạnh đó chúng cũng có khả năng nhúng được vào trang

ngôn ngữ lập trình vô cùng phổ biến ở khắp nơi trên thế giới Lý do là bởi việc tối ưu hóa các ứng dụng của web, việc có tốc độ nhanh và nhỏ gọn Hơn thế nữa, các cú pháp của PHP cũng có nhiều điểm giống với C và Java nên các lập trình viên có thể học hoặc xây dựng sản phẩm tương đối nhanh so với những ngôn ngữ khác.

Việc xây dựng ngôn ngữ, tài liệu gốc và thư viện

rất lớn Nhằm tạo ra một môi trường làm việc chuyên nghiệp, có thể đưa được PHP vào quy mô phát triển của doanh nghiệp thì các công ty do nhà phát triển PHP tính cốt lõi là vô cùng quan trọng.

- Thứ nhất, PHP được sử dụng miễn phí, do đó mà bạn có thể rất nhiều cơ hội học và nắm bắt loại ngôn ngữ này Các bạn có thể học loại ngôn ngữ này theo dạng online

mà không cần phải lo sợ việc bỏ ra một khoản tiền quá lớn để học.

sẽ không mất nhiều thời gian để có thể học được, đây chính là một ưu điểm cực kỳ hấp dẫn của PHP.

cũng như được cộng đồng hỗ trợ một cách vô cùng mạnh mẽ Vậy nên bạn có thể dễ dàng tìm nguồn tài liệu mình cần cũng như có thể nhận được sự hỗ trợ một cách đắc lực nhất.

việc làm hơn từ đó cũng giúp tăng thêm thu nhập.

tại, trong tương lai thì nó sẽ cón có thể phát triển mạnh

mẽ hơn để khẳng định sự vượt trội của mình.

CHƯƠNG 2: MÔ TẢ BÀI TOÁN VÀ PHÂN TÍCH, THIẾT KẾ HỆ

THỐNG

Xuất phát từ nhu cầu nghe nhạc trực tuyến từ thực tế, trang web nghe nhạc trực tuyến này cho phép người dùng tương tác, nghe nhạc qua website một cách miễn phí, có thể phản hồi về bài hát, bình chọn cho các bài hát hay album mà

họ yêu thích.

Qua bài tập lớn này, hoàn thành việc xây dựng một website âm nhạc trực tuyến với các chức năng cơ bản, có tương tác từ người dùng với trang web.

 Phản hồi ý kiến của mình với bài hát.

- Đối với ngươi quản trị

 Phải có tài khoản quản trị, khi đăng nhập mà không đúng thông tin sẽ hiển thị lỗi đăng nhập lại.

 Có thể thêm, sửa, xóa album bài hát.

 Có thể thêm, sửa, xóa thể loại bài hát.

 Có thể xem danh sách bài hát trong album cụ thể

 Xóa các ý kiến mang tính tiêu cực quá, dùng các từ ngữ phản cảm.

4 Phân tích thiết kế hệ thống

- Chức năng chính của người dùng là nghe nhạc theo

album, theo danh sách các bài hát mới nhất, tìm kiếm album theo thể loại hoặc tên, thực hiện vote bài hát yêu thích, phản hồi ý kiến với bài hát họ muốn.

+ Sơ đồ use-case tổng quát:

 Đối với người dùng:

 Đối với khách hàng:

CHƯƠNG 3: XÂY DỰNG CƠ SỞ DỮ LIỆU

1 Thiết kế cơ sở dữ liệu

1.1 Bảng tblalbum

1.2 Bảng tblcategory

1.3 Bảng tblfeedback

1.4 Bảng tbllip

1.5 Bảng tblsongs

1.6 Bảng tblusers

1.7 Bảng tblvotes

2 Mô hình cơ sở dữ liệu

CHƯƠNG 4: XÂY DỰNG WEBSITE

1 Môi trường làm việc

- Sản phẩm website nghe nhạc trực tuyến được code bởi

ứng dụng visual studio code

- Cơ sở dữ liệu được xây dựng và lưu trữ trong PHP

MyAdmin.

- Chương trình được chạy trên ứng dụng Xampp, với

server ảo là localhost.

2 Giao diện của website

- Giao diện chính

- Giao diện phần nghe nhạc theo album

Khi chọn vào album muốn nghe, thì web sẽ chuyển sang phần giao diện bao gồm các bài hát của album, người dùng muốn nghe bài nhạc nào trong album này có thể ấn vào bài hát đó.

- Giao diện phần Vote bài hát yêu thích

Khi chọn vào phần vote bài hát, chương trình sẽ hiển thị giao diện với các bài hát trong danh sách bài hát đang

có của chương trình Nếu không chọn bài hát nào, sẽ hiển thị thông báo phải chọn bài hát Khi người dùng chọn bài hát và ấn vào nút vote song, chương trình sẽ hiển thị thông báo đã vote thành công.

- Giao diện phần feedback (phản hồi)

Giao diện phản hồi bao gồm các thông tin của người dùng muốn gửi phản hồi như tên, địa chỉ email, tin nhắn phản hồi Khi người dùng bỏ trống một hoặc nhiều ô, chương trình sẽ hiển thị thông báo phải nhập đủ thông tin.

Khi nhập đầy đủ thông tin và ấn nút submit, chương trình sẽ hiển thị thông báo thành công.

- Giao diện phần tìm kiếm album

Phần tìm kiếm album sẽ bao gồm danh sách thể loại đang có , mục tìm kiếm theo album và thể loại Khi ấn vào danh sách thể loại thì sẽ hiện ra album thuộc thể loại đó, khi nhập tên album và tìm kiếm sẽ hiện ra album cần tìm.

- Form đăng nhập của admin

Form đăng nhập admin bao gồm username và phần mật khẩu của admin, nếu đăng nhập sai thông tin hoặc điền thiếu thông tin thì sẽ không thể đăng nhập vào phần admin.

- Giao diện quản lý thể loại

Ở giao diện quản lý thể loại bao gồm tên các thể loại đang có, có thể sửa, xóa, thêm mới thể loại

trường thêm ảnh của thể loại đó, nếu điền thiếu thông tin một trường, chương trình sẽ hiển thị thông báo yêu cầu admin nhập đầy đủ thông tin Nếu nhập đầy đủ thi hiển thị thông báo thêm thành công.

Tại phần sửa thể loại sẽ hiển thị các trường thông tin như tên thể loại, mô tả của thể loại trước khi sửa cùng trường thêm ảnh của thể loại đó, nếu điền thiếu thông tin một trường, chương trình sẽ hiển thị thông báo yêu cầu admin nhập đầy đủ thông tin Nếu nhập đầy đủ thi hiển thị thông báo thêm thành công.

- Giao diện quản lý album

Ở giao diện quản lý album bao gồm thông tin album đang có, có thể sửa, xóa, thêm mới album, thêm mới bài hát.

- Giao diện thêm album

Tại phần thêm album sẽ hiển thị các trường thông tin như tên album, thể loại album, ca sĩ, nhạc sĩ,

mô tả album cùng trường thêm ảnh của album đó, nếu điền thiếu thông tin một trường, chương trình sẽ hiển thị thông báo yêu cầu admin nhập đầy đủ thông tin Nếu nhập đầy đủ thi hiển thị thông báo thêm thành công.

Tại phần thêm album sẽ hiển thị các trường thông tin như tên album, thể loại album, ca sĩ, nhạc sĩ, mô tả album trước khi sửa cùng trường thêm ảnh của album

đó, nếu điền thiếu thông tin một trường, chương trình sẽ hiển thị thông báo yêu cầu admin nhập đầy đủ thông

tin Nếu nhập đầy đủ thi hiển thị thông báo thêm thành công.

Ở giao diện quản lý bài hát trong album bao gồm tên các bài hát đang có, có thể xóa bài hát mà mình muốn.

- Giao diện thêm bài hát trong album

Trong phần thêm bài hát trong album, sẽ bao gồm các trường là tên bài hát, tên ca sĩ, thể loại, album của bài hát đó, mô tả bài hát và file định dạng mp3 của bài hát đó Nếu điền thiếu thông tin bất kì trường nào thì chương trình sẽ hiển thị thông báo để admin nhập đầy

đủ thông tin, ngược lại thì thông báo thêm bài hát thành công.

- Giao diện thêm admin

Giao diện thêm admin bao gồm tên của admin, tên admin sử dụng và mật khẩu Nếu điền thiếu thông tin một trường, chương trình sẽ hiển thị thông báo để admin nhập đầy đủ thông tin Nếu nhập đầy đủ thì khi nhấn nút Add User sẽ hiển thị thông báo thêm thành công Thông tin của admin sẽ được hiển thị ở dưới danh sách bảng bên dưới phần thêm admin.

- Giao diện sửa thông tin admin

Giao diện sửa thông tin admin bao gồm tên của admin, tên admin sử dụng và mật khẩu trước khi sửa Nếu điền thiếu thông tin một trường, chương trình sẽ hiển thị thông báo để admin nhập đầy đủ thông tin Nếu nhập đầy đủ thì khi nhấn nút Update sẽ hiển thị thông báo thêm thành công Thông tin của admin sẽ được hiển thị ở dưới danh sách bảng bên dưới phần thêm admin.

- Giao diện quản lý phản hồi

Giao diện phần này gồm thông tin cũng như tin nhắn của phản hồi, admin có thể xem, trả lời tin nhắn của người dùng hoặc xóa những phản hồi đó

- Giao diện trả lời phản hồi

Phần trả lời phản hồi bao gồm thông tin của người dùng mà admin muốn phản hồi, tin nhắn người dùng phản hồi và tin nhắn mà admin muốn phản hồi lại Nếu không nhập đầy đủ thông tin các trường, chương trình

sẽ thông báo để admin nhập đầy đủ thông tin Nếu nhập đầy đủ thông tin, khi nhấn nút send thì chương trình sẽ hiển thị thông báo admin đã gửi thành công phản hồi vào email của khách hang.

- Code trang chủ (index.php)

- <!DOCTYPEhtml PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

- <title>BMEG Music</title>

- <link rel="stylesheet" type="text/css"href="CSS/index.css" />

- <script type="text/javascript"src=

"Javascript/jquery-1.6.2.min.js"></script>

- <script type="text/javascript">

- $ document).ready(function(){

- $ '.error').delay(1200).fadeOut('normal');

- $ '.success').delay(1200).fadeOut('normal');

- animate({opacity:1.0}, 1000, function() {

- $active.removeClass('active last-active');

- <div class="header_menu">

- <divclass="menu">

- <ul>

- <li><a href="index.php">HOME</a></li>

- <li><a href="Frontend/Albums.php">ALBUMS</a></li>

- <li><a href="Frontend/Licensing.php">LICENSING</ ></a li>

- <li><a href="Frontend/Songs.php">VOTE</a></li>

- <li><a href="Frontend/AboutUs.php">ABOUT US</a></li>

- <li><a href="Frontend/News.php">NEWS</a></li>

- <div class="header_under"></div>

- <div class="container_wrapper"><! Start Container for the web content >

- <divclass="home_content"><! Start Web Content >

- <divclass="banner">

- <! Banner place >

- <divid="apDiv1">

-

- <div id="slideshow">

- <divclass="active">

- <imgsrc="image/Callalily.jpg"alt="Slideshow Image 1" />

- <divclass="vote_container">

- <form id="vote"name="vote"method="post"

=

action "vote.php">

- <divclass="header_vote">

- <divid="header_vote_title">Community Poll Survey</div>

- <divid="message">Please Vote for you favorite waray song genre listed below.< href="ShowVoteStat.php"

id="link">See Statistic here!</a></div>

- <br />

- <?php

- require_once('Administrator/PHP/connect.php');

- $query = "SELECT *FROM tblvotes";

- $getVote = mysqli_query($conn, "SELECT * FROM tblvotes");

- while($row = mysqli_fetch_array($getVote)){

- ?>

- <inputtype="radio" name="id" value="<?phpecho

$row['vid'] ?>"/>&nbsp;<label <?php> echo$row['vname']?></label><br

- &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

-&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

- <div class="success">Thank you</div>

- <?php } ?>

- </div>

- </form>

- </div>

- </div> <! End Web Content >

- <div class="img_container"><! Start image container >

- <divid="class_col2"><imgsrc="image/slapshock.jpg"

height="165"width="216"id="img"/></div>

- <divid="class_col3"><imgsrc="image/Callalily.jpg"

height="165"width="216"id="img"/></div>

- <divid="class_col4"><imgsrc="image/kmkz.jpg"height="165"width="216"id="img"/></div>

- </div><! End image containers >

- <div class="col1"><! Start Bottom web content >

- <divclass="header">

- <div id="header_title">NEW RELEASE</div>

- <div class="album_holder">

- <divclass="content_holder">

- <divclass="content">

- <?phpecho "<img

src=Administrator/PHP/upload_images/album/$rowAlbum[albumimage] height=50 width=60>"?>

- <divclass="left">

- <?php

- echo'<label id=title>&nbsp;<a

href=Frontend/ViewSongs.php?id='.$rowAlbum['id'].' id=link>'

$rowAlbum['albumname'].'</a></label><br/>';

- echo'<label id=title1>&nbsp;'

$rowAlbum['albumsinger'].'</label><br/>';

- echo'<label id=title1>&nbsp;'

$rowAlbum['albumwriter'].'</label>';

- ?>