WEBSITE NGHE NHẠC TRỰC TUYẾN

Để làm việc với MySQL cần đăng ký kết nối, tạo cở sở dữ liệu, quản lý người dùng, phân quyền sử dụng, thiết kế đối tượng Table của cơ sở dữ liệu và xử lý dữ liệu.Để quản lý và thao tác t

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Ở ĐẦU

CHƯƠNG 1: TỔNG QUAN VỀ JSP/SERVLET VÀ MYSQL 3

1.1 Giới thiệu về JSP/Servlet 3

1.2 Ưu và nhược điểm của JSP/Servlet 4

1.3 Giới thiệu về MySQL 4

1.4 Kết chương 5

CHƯƠNG 2: THIẾT KẾ WEBSITE 6

2.1 Phát biểu bài toán 6

2.2 Các quy trình trên website 6

2.2.1 Liên hệ với admin để nhận được tài khoản thành viên 6

2.2.2 Quy trình đăng nhập dưới chế độ thành viên 7

2.3 Yêu cầu hệ thống 8

2.4 Thiết kế giao diện website 8

2.4.1 Trang quản trị Admin 8

2.4.2 Trang đăng nhập dành cho thành viên 9

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

CHƯƠNG 3: XÂY DỰNG WEBSITE 13

3.1 Xây dựng cơ sở dữ liệu 13

3.2 Xây dựng trang Admin 14

3.3 Kết chương 19

KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN 20

1 KẾT QUẢ ĐẠT ĐƯỢC 20

2 HƯỚNG PHÁT TRIỂN 20

HÌNH 1: QUY TRÌNH ĐĂNG NHẬP THÀNH VIÊN. 7

HÌNH 2: FORM ADMIN ĐĂNG NHẬP 9

HÌNH 4 FORM ĐĂNG NHẬP DÀNH CHO THÀNH VIÊN. 10

HÌNH 5 FORM LIÊN HỆ DÀNH CHO NGƯỜI DÙNG. 10

HÌNH 6 MÀN HÌNH TẠI TRANG CHỦ. 11

HÌNH 7 MÀN HÌNH TẠI TRANG NGHE NHẠC. 12

HÌNH 8 CƠ SỞ DỮ LIỆU CỦA WEBSITE. 13

HÌNH 9 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

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ở dữ liệu

1 Tổng quan về đề tài

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 trong cuộc sống trên phạm vi toàn thế giới nói chung và Việt Nam nói riêng Công nghệ thông tin là một phần không thể thiếu của cuộc sống văn minh, góp phần đẩy mạnh công cuộc công nghiệp hóa hiện đại hóa đất nước Máy vi tính cùng với những phần mềm là công cụ không thể thiếu, giúp chúng 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à hiệu quả Mạng Royal Pingdom cho biết, với 24,3 triệu người sử dụng Internet trong

số 89,6 triệu dân, Việt Nam đứng thứ 20 trong danh sách các nước trên thế giới có số người sử dụng Internet cao nhất Trong đó có 76% vào mạng để nghe nhạc trực tuyến Nắm bắt được những cơ hội cung cấp các sản phẩm giải trí, , nhóm chúng em đã cho ra đời website “Nghe nhạc trực tuyến” Những yếu tố thuận lợi bên trong và bên ngoài, cùng với tiềm năng phát triển thị trường giải trí trên website ở Việt Nam chính

là cơ sở để chúng em tin rằng “Nghe nhạc trực tuyến” sẽ trở thành website âm nhạc

có tiềm năng trong thời gian sắp tới

2 Mục đích và ý nghĩa của đề tài

2.1 Mục đích

Với nhu cầu đa dạng và khắc khe của người nghe nhạc hiện nay 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 những tác phẩm hay phù hợp với mọi đối tượng nghe nhạc

2.2 Ý nghĩa

Nếu không có nguồn âm nhac, chắn chắn cuộc sống của chúng ta sẽ nhàm chán, cuộc sống của chúng ta không còn ý nghĩa Âm nhạc luôn là món ăn tinh thần hàng đầu giúp chúng ta giúp chúng ta thư giản thoái mái với công việc mới của mình Người ta cũng cho rằng âm nhạc làm dịu tâm thần Một liệu pháp chữa bệnh được áp dụng kết hợp cho các bệnh nhân tầm thần là dùng âm nhạc làm giảm các

cơn 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” sẽ đáp ứng tất cả những điều đó và cho người nghe một cuộc sống tinh thần đầy tính phong phú, đa dạng

3 Phương pháp thực hiện

Để có một cái nhìn đầy đủ, đúng đắn và chính xác về website được xây dựng trong tương lai

 Tránh sai lầm trong thiết kế và truy cập

 Tăng nhu cầu sử dụng của website

 Dễ sửa chữa, bổ sung và phát triển website trong quá trình sử dụng hoặc khi 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 hiện quá trình xây dựng website

4 Bố cục của đề tài

Chương 1: Tổng quan về JSP/Servlet và MySQL

Chương 2: Thiết kế website

Chương 3: Xây dựng website

Kết luận và hướng phát triển

CHƯƠNG 1: TỔNG QUAN VỀ JSP/SERVLET VÀ

MYSQL

1.1 Giới thiệu về JSP/Servlet

JSP (viết tắt của tiếng Anh JavaServer Pages) còn được biết đến với một cái tên khác là Java Scripting Preprocessor - tạm dịch là "Bộ tiền xử lý văn lệnh Java" - là một công nghệ Java cho phép các nhà phát triển tạo nội dung HTML, XML hay một

số định dạng khác của trang web một cách năng động, trong khi hồi âm yêu cầu của trình khách Công nghệ này cho phép người ta nhúng mã Java và một số hành động

xử lý đã được định trước (pre-defined actions) vào trong nội dung tĩnh của trang

Cú pháp của JSP cho thêm các thẻ XML mới, gọi là JSP actions - hành động JSP Những "hành động JSP" này được dùng để khởi động chức năng sẵn có, là những chức năng đã được xây dựng trước Cộng thêm vào đó, công nghệ còn cho phép chúng

ta tạo ra các thư viện thẻ JSP (JSP tag libraries), là những cái đóng vai trò vào việc

mở rộng các thẻ HTML hay XML tiêu chuẩn Thư viện thẻ (Tag libraries) là phương pháp mở rộng khả năng của một máy chủ web trong khi những mở rộng đó không phụ thuộc vào hệ nền (về cả cấu trúc máy cũng như hệ điều hành được dùng)

Trước khi hiển thị ra trình duyệt, tập tin JSP phải được biên dịch thành Servlet, dùng bộ biên dịch JSP (JSP compiler) Bộ biên dịch JSP có thể tạo servlet thành mã nguồn Java trước, rồi biên dịch mã nguồn ra tập tin class dùng bộ biên dịch Java, hoặc có thể 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 có thể xem JSP là một trừu tượng ở mức độ cao của servlet, một phần mở rộng thực thi của Servlet 2.1 API Cả hai, servlet và, đều nguyên do công ty Sun Microsystems tạo dựng Bắt đầu từ phiên bản 1.2 đặc tả của JSP, JavaServer Pages đã được xây dựng do 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 bản đặc tả của cả hai, JSP 1.2 và Servlet 2.4, và JSR 152 định nghĩa bản đặc tả JSP 2.0 Tại thời điểm năm 2006 bản đặc tả JSP 2.1 được xây dựng trên nền của yêu cầu JSR 245

1.2 Ưu và nhược điểm của JSP/Servlet

 Ưu điểm: Cho phép chúng ta thiết kế giao diện web dễ dàng hơn.- Jsp có

thể cho phép chúng ta tạo nên những trang web động.- Có thể viết một nơi

và chạy bất cứ nơi nào

 Nhược điểm: Nhìn chung thì việc thiết kế giao diện bằng JSP vẫn còn

nhiều khó khăn.- Tiêu tốn dung lượng lưu trữ phía server gấp đôi.- Lần đầu tiên truy cập vào trang JSP sẽ mất nhiều thời gian chờ

1.3 Giới thiệu về MySQL

MySQL là một hệ quản trị cơ sở dữ liệu, một hệ quản trị cơ sở dữ liệu quan hệ, được phát triển, phân phối và hỗ trợ bởi MySQL AB

Để làm việc với MySQL cần đăng ký kết nối, tạo cở sở dữ liệu, quản lý người dùng, phân quyền sử dụng, thiết kế đối tượng Table của cơ sở dữ liệu và xử lý dữ liệu.Để quản lý và thao tác trên cơ sở dữ liệu ta có thể sử dụng giao diện đồ họa hoặc dạng Command line

Đặc điểm của MySQL:

MySQL cũng giống như các hệ quản trị CSDL: Access, SQL Server, PostgreSQL, Oracle, phần mềm mã nguồn mở do đó có thể tải miễn phí từ trang chủ.Nó có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, Solaris…

MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh.Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet.MySQL server hoạt động trong các hệ thống nhúng hoặc client/server

1.4 Kết chương

Ở chương này chúng em đã giới thiệu về ngôn ngữ và cơ sở dữ liệu đã sử dụng trong quá trình xây dựng “Website nghe nhạc trực tuyến” Do sự hiểu biết còn hạn chế nên chúng em chỉ giới thiệu khái quát về ngôn ngữ chúng em đã sử dụng, chúng

em mong nhận được sự đồng cảm từ quý thầy cô

CHƯƠNG 2: THIẾT KẾ WEBSITE

2.1 Phát biểu bài toán

 Khi truy cập vào website thì người dùng có thể xem các thông tin bài hát theo từng chuyên mục, nghe nhạc miễn phí, liên hệ với Admin để đăng kí làm thành viên của website

 Các thành viên có thể tiến hành upload nhạc của mình, chỉnh sửa hoặc xóa nội dung của các bài nhạc, đồng thời có thể download nhạc

2.2 Các quy trình trên website

2.2.1 Liên hệ với admin để nhận được tài khoản thành viên

Vì lí do kiểm soát việc upload bài hát lên website để tránh việc va chạm bản quyền nên chỉ có những thành viên được cấp phát tài khoản mới có quyền đăng nhập vào website Người dùng sẽ phải chọn chức năng “liên hệ” để nhập thông tin yêu cầu cấp tài khoản, phản hồi về nội dung, upload bài hát mới

2.2.2 Quy trình đăng nhập dưới chế độ thành viên

Hình 1: Quy trình đăng nhập thành viên

 Mô tả

- Thành viên được cấp tài khoản sẽ tiến hành đăng nhập tại mục đăng nhập của website, hệ thống sẽ kiểm tra các thông tin thành viên đưa vào, nếu hợp lệ thì thành viên đăng nhập bình thường, có thể thực hiện các quyền của một thành viên, ngược lại hệ thống sẽ yêu cầu thành viên cung cấp thông tin chính xác hoặc yêu cầu cấp lại tài khoản

Bắt đầu

Thành viên nhập username và

password

Kiểm tra thông tin thành viên

Thông báo đăng nhập thành công

Không hợp lệ

Đưa thành viên về trang chủ

Yêu cầu cấp lại tài khoản

 Chức năng cập nhật thông tin bài hát

 Cập nhật bài hát theo các chuyên mục

 Cập nhật thông tin của thành viên và ban quản trị

 Chức năng xử lí

 Tìm kiếm

 Liên hệ

 Thêm , sữa , xóa

b.Yêu cầu phi chức năng

 Giao diện trực quan dễ sử dụng, thân thiện

 Chương trình chạy ổn định, chính xác và an toàn

 Tốn ít tài nguyên hệ thống

 Dễ dàng nhập xuất dữ liệu, nâng cấp và sữa website

2.4 Thiết kế giao diện website

2.4.1 Trang quản trị Admin

Trang admin sẽ cho phép Admin có thể kiểm soát mọi hoạt động của website, quản lí các thành viên, thêm, sửa xóa các tài khoản, danh mục, bài hát,

Hình 2: Form admin đăng nhập

Mục 2: Admin hiệu chỉnh các thông tin trên website

Hình 3: Các chức năng của 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

Hình 4 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 về website, góp ý, có thể vào mục liên hệ có giao diện như bên dưới để gửi thông tin

2.4.4 Giao diện website

Mục 1:Giao diện tại trang chủ

Hình 6 Màn hình tại trang chủ

Mục 2: Giao diện tại trang nghe nhạc

Hình 7 Màn hình tại trang nghe nhạc

2.5 Kết chương

Ở chương này chúng em đã trình bài khái quát yêu cầu về chức năng, phi chức

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

3.1 Xây dựng cơ sở dữ liệu

Sử dụng xampp, hệ quản trị cơ sở dữ liệu để tạo nên các bảng chứa thông tin,

cụ thể:

Hình 8 Cơ sở dữ liệu của website

 Bảng users: Lưu thông tin các thành viên

 Bảng songs: Lưu thông tin bài hát gồm tên bài hát, ca sỹ trình bày, lời bài

hát, ngày đăng,

 Bảng contacts: Lưu các liên hệ từ phía người dùng gửi về cho admin

 Bảng comments: Lưu các bình luận, đánh giá của người dùng về bài hát

 Bảng categories: Lưu các danh mục của bài hát mà admin đã thêm

3.2 Xây dựng trang Admin

 Quản lí danh mục

Chức năng: Tạo, sửa, xóa và lưu trữ danh mục (thể loại) bài hát

Hình 9 Chức năng Admin quản lí danh mục

Sau khi ấn vào “Thêm” sẽ xuất hiện giao diện như sau để admin thêm danh mục:

 Quản lí bài hát

Chức năng: Thêm mới, sửa xóa các bài hát

Hình 11 Chức năng Admin quản lí bài hát

Sau khi admin chọn “Thêm” sẽ xuất hiện giao diện như bên dưới để admin thêm bài hát mới:

Hình 12 Form admin thêm bài hát mới

 Quản lí người dùng

Chức năng: Thêm mới, sửa , xóa thông tin những người dùng đăng ký thành viên

Sau khi chọn “Thêm” sẽ xuất hiện giao diện bên dưới để admin thêm thành viên mới :

Hình 14 Form thêm thành viên dành cho admin

Sau khi chọn “Sửa” giao diện sau sẽ xuất hiện để admin sửa thông tin thành viên:

Hình 15 Form sửa thành viên dành cho admin

 Quản lí liên hệ

Chức năng: Xem và giải quyết các thông tin liên hệ từ phía người dùng, nếu người dùng yêu cầu cấp tài khoản thành viên thì admin lập tài khoản theo yêu cầu và cấp cho người dùng

Hình 12 Chức năng Admin quản lí liên hệ

 Quản lí comment

Chức năng: Xem và xóa các bình luận không hợp lệ

Hình 13 Chức năng Admin quản lí bình luận

KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN

1 KẾT QUẢ ĐẠT ĐƯỢC

Trong thời gian tìm hiểu, nghiên cứu cơ sở lý thuyết và triển khai ứng dụng công nghệ, đề tài đã đạt được những kết quả sau:

Về mặt lý thuyết, chúng em đã vận dụng được đa phần kiến thức đã được học,

tạo được thiết kế cơ bản đáp ứng được yêu cầu bài toán đặt ra Đề tài đã áp dụng mô hình MVC một mô hình khá phổ biến hiện nay vào trong quá trình xây dựng Qua quá trình làm việc nhóm, trao đổi với nhau về đề tài chúng em đã trau dồi được nhiều

kỹ năng quan trọng để áp dụng vào quá trình làm việc sau này

Về mặt thực tiễn ứng dụng, đề tài đã đạt được chức năng cơ bản của một website

nghe nhạc trực tuyến

Tuy nhiên, đề tài còn tồn tại các vấn đề như sau:

- Vấn đề thứ nhất : Quá trình phân tích và thiết kế chưa hoàn thiện, phải sửa chữa lại nhiều lần

- Vấn đề thứ 2 : Website còn đơn giản, chưa hoàn thiện nhiều chức năng, cần được mở rộng và nâng cấp nhiều lần

2 HƯỚNG PHÁT TRIỂN

Một số số hướng nghiên cứu và phát triển của đề tài như sau:

 Là một website mới nên để người dùng biết đến sự tồn tại của nó thì cần phải có một chương trình quản bá phù hợp

 Liên tục cập nhật những bài hát với tốc độ nhanh để người dùng có thể lựa chọn website này mà không phải website nào 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 năng mới phục vụ tối

TÀI LIỆU THAM KHẢO

[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

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 2 Chọn phương pháp upload website

Bước 3 Upload file website (hay còn gọi là source code) lên hosting

Bước 4: Kiểm tra xem file đã ở trong 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