Đang tải... (xem toàn văn)
Ở 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ần cứ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 tin trong 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ác ngành nghề, lĩnh vực. Ứng dụng tin học trong lĩnh vực xây dựng website đã giúp cho cô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.
TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN HỮU NGHỊ VIỆT - HÀN KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN CHUYÊN ĐỀ NGÀNH: LẬP TRÌNH MÁY TÍNH ĐỀ TÀI : XÂY DỰNG WEBSITE NGHE NHẠC TRỰC TUYẾN Họ tên sinh viên : NGUYỄN NGỌC VŨ Lớp : CCLT07A GVHD : LƯƠNG KHÁNH TÝ Đà Nẵng, tháng năm 2016 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý LỜI MỞ ĐẦU Hiện nay, ngành công nghệ thông tin có bước phát triển nhanh chóng ứng dụng lĩnh vực sống phạm vi toàn giới nói chung việt nam nói riêng Công nghệ thông tin phần thiếu sống văn minh, góp phần đẩy mạnh công công nghiệp hóa đại hóa đất nước Máy vi tính với phần mềm công cụ thiếu, giúp quản lý, tổ chức, xếp xử lý công việc cách nhanh chóng hiệu Mạng Royal Pingdom cho biết, với 24,3 triệu người sử dụng Internet số 89,6 triệu dân, Việt Nam đứng thứ 20 danh sách nước giới có số người sử dụng Internet cao Trong có 76% vào mạng để nghe nhạc trực tuyến Nắm bắt hội cung cấp sản phẩm giải trí, , nhóm chúng em cho đời website Mp3 PLAYER với mục đích đem lại cho người yêu âm nhạc tác phẩm hay phù hợp với đối tượng khách hàng Những yếu tố thuận lợi bên bên ngoài, với tiềm phát triển thị trường giải trí website Việt Nam sở để chúng em tin Mp3 PLAYER trở thành website âm nhạc hàng đầu việt nam năm tới Đồ án bao gồm phần Chương I : Cơ Sở Lý Thuyết Chương II : Phân Tích Thiết Kế Chương III : Xây dựng website nghe nhạc trực tuyến dựa ngôn ngữ Php hệ sở liệu MySQL Cùng với bảo tận tình thầy cô Khoa Công nghệ thông tin, em hoàn thành website Trong trình phân tích thiết kế hệ thống tránh khỏi sai sót mong thầy đóng góp ý kiến để trang Web hoàn thiện Em xin chân thành cảm ơn! SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A i Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý MỤC LỤC LỜI MỞ ĐẦU i MỤC LỤC .ii DANH MỤC HÌNH ẢNH iv PHẦN MỞ ĐẦU CHƯƠNG I : CƠ SỞ LÝ THUYẾT 1Ngôn ngữ PHP 1.1.1Giới thiệu PHP .3 1.1.2Tại phải sử dụng PHP 1.1.3Cú pháp PHP .3 1.1.4Các kiểu liệu PHP 2MYSQL 2.1.1Giới thiệu MySql 2.1.2Đặc điểm MYSQL 2.1.3Tại nên sử dụng MySQL 3HTML 3.1.1Giới thiệu HTML 1.3.2 Cú pháp 4CSS .7 1.4.1 Giới thiệu CSS 1.4.2 Đặc điểm CSS 5JavaScript 1.5.1 Giới thiệu JavaScript 1.5.2 Đặc tính Javascript CHƯƠNG II : PHÂN TÍCH VÀ THIẾT KẾ .10 2.1 Phân tích hệ thống mặt chức năng: .10 2.2 Mô hình hóa yêu cầu : 11 2.2.1 Xác định tác nhân: 11 2.2.2.Xác định trường hợp sử dụng 11 2.3 Biểu đồ trường hợp sử dụng .13 2.3.1 Biểu đồ trường hợp sử dụng hệ thống website nghe nhạc 13 2.3.2 Biểu đồ trường hợp sử dụng hệ thống quản trị nội dung 13 2.3.3 Biểu đồ trường hợp sử dụng hệ thống quản trị người sử dụng .14 2.3.4 Biểu đồ trường hợp sử dụng hệ thống nội dung 14 2.4 Xác định lớp đối tượng 15 2.5 Biểu đồ lớp : 15 2.5.1 Các lớp biên hệ thống website : 15 2.5.2 Các lớp điều khiển hệ thống website : 16 2.5.3 Biểu đồ lớp thực thể hệ thống website: 16 2.6 Biểu đồ trình tự 17 2.6.1 Biểu đồ trình tự khởi động hệ thống .17 2.6.2 Biểu đồ trình tự đăng nhập 17 2.6.3 Biểu đồ trình tự quản lý nội dung 18 2.6.4 Biểu đồ trình tự quản lý thành viên : .18 2.6.5 Biểu đồ trình tự đăng ký: 19 2.6.6 Biểu đồ trình tự đăng xuất : 19 2.6.7 Biểu đồ trình tự đóng hệ thống : 20 2.7 Biểu đồ cộng tác 20 2.7.1 Biểu đồ cộng tác khởi động hệ thống 20 SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A ii Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 2.7.2 Biểu đồ cộng tác trình tự đăng nhập: 21 2.7.3 Biểu đồ cộng tác quản lý nội dung: .21 2.7.4 Biểu đồ cộng tác quản lý thành viên: 22 2.7.5 Biểu đồ cộng tác trình tự đăng xuất: .22 2.7.6.Biểu đồ cộng tác đóng hệ thống: 23 2.7.7.Biểu đồ cộng tác đăng ký : .23 2.8 Biểu đồ trạng thái : 23 2.8.1 Biểu đồ trạng thái đăng nhập 23 2.8.2 Biểu đồ trạng thái đăng xuất : .24 2.8.3 Biểu đồ trạng thái quản lý nội dung : 24 2.9 Biểu đồ hoạt động .24 2.9.1 Biểu đồ hoạt động đăng nhập 24 2.9.2 Biểu đồ hoạt động quản lý nội dung .25 2.9.3 Biểu đồ hoạt động tìm kiếm 25 2.9.4 Biểu đồ hoạt động quản lý thành viên 26 CHƯƠNG III : THIẾT KẾ HỆ THỐNG 27 3.1.Đặc tả số tiến trình: .27 3.2 Thiết kế sở liệu : .28 3.2.1 Cơ sở liệu website nghe nhạc trực tuyến : .28 3.2.2.Bảng sở liệu admin : 29 3.2.3.Bảng sở liệu member(thành viên) : 29 3.2.4.Bảng sở liệu hát : 29 3.2.5.Bảng sở liệu video : 30 3.2.6 Bảng sở liệu thể loại : 30 3.3 Thiết kế số giao diện: 30 3.3.1 Giao diện .30 3.3.2 Giao diện đăng nhập .31 3.3.3 Giao diện đăng ký 31 3.3.4 Giao diện trình phát nhạc 32 3.3.5 Giao diện trình phát video .32 3.3.6 Giao diện đăng nhập quản trị viên 33 3.3.7 Giao diện trang quản trị viên 33 3.3.8 Giao diện trang quản trị nội dung 34 3.3.9 Giao diện trang thông tin ca sĩ 36 3.3.10 Giao diện trang thành viên upload nội dung .36 3.3.11 Giao diện form tìm kiếm 37 KẾT LUẬN 38 TÀI LIỆU THAM KHẢO 39 SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A iii Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý DANH MỤC HÌNH ẢNH Hình : Biểu đồ trường hợp sử dụng hệ thống website nghe nhạc 13 Hình : Biểu đồ trường hợp sử dụng hệ thống quản trị nội dung 13 Hình 3: Biểu đồ trường hợp sử dụng hệ thống quản trị người sử dụng 14 Hình : Biểu đồ trường hợp sử dụng hệ thống nội dung 14 Hình : Các lớp biên hệ thống website 15 Hình : Các lớp điều khiển hệ thống website .16 Hình : Biểu đồ lớp thực thể hệ thống website 16 Hình 8: Biểu đồ trình tự khởi động hệ thống .17 Hình : Biểu đồ trình tự đăng nhập 17 Hình 10: Biểu đồ trình tự quản lý nội dung .18 Hình 11: Biểu đồ trình tự quản lý thành viên 18 Hình 12: Biểu đồ trình tự đăng ký .19 Hình 13 : Biểu đồ trình tự đăng xuất 19 Hình 14: Biểu đồ trình tự đóng hệ thống 20 Hình 15: Biểu đồ cộng tác khởi động hệ thống 20 Hình 16: Biểu đồ cộng tác trình tự đăng nhập 21 Hình 17 : Biểu đồ cộng tác quản lý nội dung 21 Hình 18 : Biểu đồ cộng tác quản lý thành viên 22 Hình 19: Biểu đồ cộng tác trình tự đăng xuất 22 Hình 20 : Biểu đồ cộng tác đóng hệ thống 23 Hình 21 : Biểu đồ cộng tác đăng ký .23 Hình 22 : Biểu đồ trạng thái đăng nhập 23 Hình 23: Biểu đồ trạng thái đăng xuất 24 Hình 24 : Biểu đồ trạng thái quản lý nội dung 24 Hình 25 : Biểu đồ hoạt động đăng nhập 24 Hình 26 : Biểu đồ hoạt động quản lý nội dung 25 Hình 27: Biểu đồ hoạt động tìm kiếm 25 Hình 28 : Biểu đồ hoạt động quản lý thành viên 26 Hình 29 : Cơ sở liệu website nghe nhạc trực tuyến .28 Hình 30: Bảng sở liệu admin .29 Hình 31 : Bảng sở liệu member 29 Hình 32: Bảng sở liệu hát 29 Hình 33 : Bảng sở liệu video 30 Hình 34 : Bảng sở liệu thể loại 30 Hình 35:Giao diện trang web .30 Hình 36 : Giao diện đăng nhập 31 Hình 37 : Giao diện đăng ký 31 Hình 39 Giao diện trình phát video .32 Hình 40 : Giao diện đăng nhập quản trị viên .33 Hình 41: Giao diện quản trị viên quản lý nội dung 33 Hình 42: Giao diện thêm hát 34 Hình 43: Giao diện quản lý nội dung ca sĩ 34 Hình 44: Giao diện quản lý thành viên .35 Hình 43: Giao diện trang thông tin ca sĩ .36 Hình 44: Giao diện trang thành viên upload 36 Hình 45: Giao diện form tìm kiếm 37 SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A iv Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý PHẦN MỞ ĐẦU Lý chọn đề tài Hiện nay, ngành công nghệ thông tin có bước phát triển nhanh chóng ứng dụng lĩnh vực sống phạm vi toàn giới nói chung Việt Nam nói riêng Tin học người ta quan tâm nhắc đến nhiều hết phần thiếu sống văn minh, góp phần đẩy mạnh công công nghiệp hoá - đại hoá đất nước, tiến đến kinh tế tri thức Máy vi tính với phần mềm công cụ đắc lực giúp ta quản lý, tổ chức, xếp xử lý công việc cách nhanh chóng xác Ở Việt Nam nay, máy tính điện tử đặc biệt máy vi tính nhiều năm qua sử dụng rộng rãi Sự phát triển tin học, công nghệ phần mềm, phần cứng, tài liệu tham khảo đưa bước tiếp cận với công nghệ thông tin lĩnh vực nhằm đáp ứng nhu cầu người Trong trình hội nhập phát triển việc tin học hóa công tác quản lý nhu cầu cấp thiết tất ngành nghề, lĩnh vực Ứng dụng tin học lĩnh vực xây dựng website giúp cho công việc thiết kế quản lý khoa học, hiệu thuận tiện hơn, bên cạnh quảng bá hình ảnh, thương hiệu mạng xã hội ngày phát triển internet Do nhận thức tầm quan trọng tin học lĩnh vực xây dựng website, lần thực tập em định chọn đề tài “ Xây dựng Website nghe nhạc trực tuyến” Em mong đề tài đáp ứng phần giải trí cho người Với cố gắng thân hướng dẫn nhiệt tình thầy LƯƠNG KHÁNH TÝ em hoàn thành báo cáo 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ên cứu tìm hiểu khai thác ngôn ngữ mới, khả am hiểu hệ thống em nhiều hạn chế nên trình khảo sát, phân tích nhiều thiếu sót Rất mong thầy cô bạn đóng góp thêm ý kiến cho báo cáo em hoàn thiện Em xin chân thành cảm ơn! Mục tiêu yêu cầu xây dựng hệ thống: 2.1 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í chia sẻ lĩnh vực âm nhạc - Sử dụng chức download nhạc (tải nhạc) SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý - Sử dụng chức Upload nhạc (đăng nhạc) - Cập nhật hát, ca sĩ, album, bảng xếp hạng âm nhạc - Là nơi chia sẻ, trao đổi thông tin, cảm nhận lĩnh vực âm nhạc Ngoài tạo môi trường tốt cho người có thêm nhiều hát hay.Xây dựng website thân thiện, đáp ứng phụ hợp mặt âm nhạc cho tất người.Luôn ý quan tâm chăm sóc khách hàng 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 2.2 Yêu cầu đặt cho hệ thống: - Hỗ trợ người dùng với tiêu chí sau: + Đăng ký thành viên website + Đăng nhập sử dụng chức sau: • Quản lý thông tin cá nhân • Quản lý album cá nhân • Nghe nhạc website • Upload/ Download - Hỗ trợ cho người quản trị: + Hệ thống website cần bảo mật thông tin an toàn Chính người quản trị có tài khoản có quyền sử dụng tất chức trang web, có khả thâm nhập vào sở liệu thao tác như: • Quản lý thông tin sở liệu • Quản lý thành viên SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý CHƯƠNG I : CƠ SỞ LÝ THUYẾT Ngôn ngữ PHP 1.1.1 Giới thiệu PHP PHP(Hypertext Preprocessor) ngôn ngữ script server đượcthiết kế để dễ dàng xây dựng trang Web động Mã PHP có thểthực thi Webserver để tạo mã HTML xuất trình duyệtweb theo yêu cầu người sử dụng Ngôn ngữ PHP đời năm 1994 Rasmus Lerdorf sau phát triển nhiều người trải qua nhiều phiên Phiên PHP 5.0 đượccông bố 07/2004 1.1.2 Tại phải sử dụng PHP Có nhiều lý khiến cho việc sử dụng ngôn ngữ chiếm ưu thế, sau sốlý bản: • Miễn phí, download dễ dàng từ Internet • Ngôn ngữ dễ học, dễ viết • Mã nguồn mở(open sorce code) • Mã nguồn sửa lại nhiều viết chạy cho hệ điều hành từ Windows,Linnux, Unix • Rất đơn giản việc kết nối với nhiều nguồn DBMS.ví dụ : MySQL, Microsoft SQL Server 2000, Oracle, PostgreSQL, Adabas,dBase, Empress, FilePro, Informix, InterBase, mSQL, Solid, Sybase, Velocis nhiều hệ thống CSDL thuộc Hệ Điều Hành Unix (Unix dbm) DBMS nàocó hổ trợ chế ODBC (Open Database Connectivity) ví dụ DB2 IBM 1.1.3 Cú pháp PHP Đoạn mã php bắt đầu kết thúc cặp thẻ theo cú pháp: Đoạn mã php đặt đâu tài liệu Thông thường trang php bao gồm thẻ HTML trang HTML có thêm đoạn mã php 1.1.4 Các kiểu liệu PHP Php hỗ trợ kiểu liệu sau:Integer: sử dụng cho giá trị có kiểu liệu số nguyên Double: sử dụng cho giá trị có kiểu liệu số thực String: sử dụng cho SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý giá trị có kiểu liệu chuỗi ký tự Array: sử dụng cho giá trị có kiểu liệu mảng Object: sử dụng cho giá trị có kiểu liệu đối tượng lớp MYSQL 2.1.1 Giới thiệu MySql MySQL hệ quản trị sở liệu, hệ quản trị sở liệu quan hệ, phát triển, phân phối hỗ trợ MySQL AB Để làm việc với MySQL cần đăng ký kết nối, tạo cở sở liệu, quản lý người dùng, phân quyền sử dụng, thiết kế đối tượng Table sở liệu xử lý liệu.Để quản lý thao tác sở liệu ta sử dụng giao diện đồ họa dạng Command line 2.1.2 Đặc điểm MYSQL MySQL cũng giống hệ quản trị CSDL: Access, SQL Server, PostgreSQL, Oracle, phần mềm mã nguồn mở tải miễn phí từ trang chủ.Nó có nhiều phiên cho hệ điều hành khác nhau: phiên Win32 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, Solaris… MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh.Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet.MySQL server hoạt động hệ thống nhúng client/server 2.1.3 Tại nên sử dụng MySQL Nếu bạn tìm kiếm hệ thống quản lý sở liệu miễn phí không đắt tiền, vài thứ có sẵn để bạn chọn như: MySQL, mSQL, Postgres Khi bạn so sánh MySQL với hệ thống sở liệu khác, nghĩ quan trọng bạn Sự thực thi, hỗ trợ, đặc tính, điều kiện giới hạn quyền, giá tất nhân tố để thực Với lí đó, MySQL có nhiều đặc điểm hút: • Tốc độ: MySQL nhanh Những nhà phát triển cho MySQL sở liệu nhanh mà bạn có • Dễ sử dụng: MySQL có tính cao thực hệ thống sở liệu đơn giản phức tạp cài đặt quản trị hệ thống lớn • Giá thành: MySQL miễn phí cho hầu hết việc sử dụng tổ chức SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý • Hỗ trợ ngôn ngữ truy vấn: MySQL hiểu SQL, ngôn ngữ chọn lựa cho tất hệ thống sở liệu đại Bạn cũng truy cập MySQL cách sử dụng ứng dụng mà hỗ trợ ODBC (Open Database Connectivity -một giao thức giao tiếp sở liệu phát triển Microsoft) • Năng lực: Nhiều client truy cập đến server thời gian Các client sử dụng nhiều sở liệu cách đồng thời Bạn truy cập MySQL tương tác với sử dụng vài giao diện để bạn đưa vào truy vấn xem kết quả: dòng yêu cầu khách hàng, trình duyệt Web… • Kết nối bảo mật: MySQL nối mạng cách đầy đủ, sở liệu truy cập từ nơi Internet bạn chia liệu bạn với ai, nơi Nhưng MySQL kiểm soát quyền truy cập người mà không nên nhìn thấy liệu bạn nhìn • Tính linh động: MySQL chạy nhiều hệ thống UNIX cũng UNIX chẳng hạn Windows hay OS/2 MySQL chạy với phần cứng từ máy PC nhà máy server • Sự phân phối rộng: MySQL dễ dàng đạt được, cần sử dụng trình duyệt web bạn Nếu bạn không hiểu làm mà làm việc hay tò mò thuật toán, bạn lấy mã nguồn tìm tòi Nếu bạn không thích vài cái, bạn thay đổi • Sự hỗ trợ: Bạn tìm thấy tài nguyên có sẵn mà MySQL hỗ trợ Cộng đồng MySQL có trách nhiệm Họ trả lời câu hỏi mailing list thường vài phút Khi lỗi phát hiện, nhà phát triển đưa cách khắc phục vài ngày, chí có vài cách khắc phục có sẵn Internet HTML 3.1.1 Giới thiệu HTML HTML (tiếng Anh, viết tắt cho HyperText Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản") ngôn ngữ đánh dấu thiết kế để tạo nên trang web với mẩu thông tin trình bày World Wide Web HTML định nghĩa ứng dụng đơn giản SGML sử dụng tổ chức cần đến yêu cầu xuất phức tạp HTML trở thành chuẩn Internet tổ chức World Wide Web Consortium (W3C) trì Phiên thức SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 2.9.2 Biểu đồ hoạt động quản lý nội dung Hình 26 : Biểu đồ hoạt động quản lý nội dung 2.9.3 Biểu đồ hoạt động tìm kiếm Hình 27: Biểu đồ hoạt động tìm kiếm SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 25 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 2.9.4 Biểu đồ hoạt động quản lý thành viên Hình 28 : Biểu đồ hoạt động quản lý thành viên SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 26 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý CHƯƠNG III : THIẾT KẾ HỆ THỐNG 3.1.Đặc tả số tiến trình: ♦ Tiến trình đăng kí: Khi người dùng vào thăm quan website muốn thành viên cần phải đăng kí thông tin cá nhân.Khi bấm vào form đăng ký, người dùng điền đầy đủ xác thông tin vào form tiến hành đăng ký ♦ Tiến trình đăng nhập Input: + Tên tài khoản + Mật Output: Đưa thông báo + Đăng nhập thành công + Đăng nhập thất bại tên tài khoản mật khô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, FullName, Giới tính) để làm điều kiện đối chiếu thông tin đưa vào đưa thông báo cho thành viên ♦ Tìm Kiếm Input: + Nhập tên hát + Nhập tên ca sĩ + Nhập tên album + Nhập lời hát Output: Đưa kết theo yêu cầu Để tìm kiếm theo tên hát, theo tên ca sĩ, theo tên album hay theo lời hát hát, tên ca sĩ, tên album gán mã đưa vào bảng Ca sĩ, Nhạc, Album nhằm quản lý thông tin tìm kiếm đưa kết cho khách tìm kiếm ♦ Upload nội dung Input : + Nhập thông tin hát +Nhập thông tin video SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 27 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý +Nhập thông tin ca sĩ Output: Đưa thông tin trang chủ +Đưa thông báo điền đầy đủ thông tin +Chưa nhập đầy đủ thông tin yêu cầu nhập lại Người quản trị lấy thông tin từ form vừa nhập để lưu vào sở liệu sau đối chiếu đưa tra chủ 3.2 Thiết kế sở liệu : 3.2.1 Cơ sở liệu website nghe nhạc trực tuyến : Sử dụng xampp, hệ quản trị sở liệu để tạo nên bảng chứa thông tin, cụ thể: • Bảng member: - Lưu thông tin thành viên đăng kí • Bảng bai_hat: - Lưu thông tin hát thành viên ,admin đăng lên • Bảng ca_si - Lưu thông tin ca sĩ admin đăng lên • Bảng video_clip -Lưu thông tin video admin đăng lên • Bảng chude -Lưu thông tin chủ đề website Hình 29 : Cơ sở liệu website nghe nhạc trực tuyến SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 28 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 3.2.2.Bảng sở liệu admin : Bảng sở liệu admin chứa thông tin : id,username,password,name người quản trị Hình 30: Bảng sở liệu admin 3.2.3.Bảng sở liệu member(thành viên) : Bảng sở liệu member chứa thông tin : id,username, password, email, fullname,birthday,sex thành viên Hình 31 : Bảng sở liệu member 3.2.4.Bảng sở liệu hát : Bảng sở liệu hát chứa thông tin hát : id,ten_baihat, cs_thehien,loi_baihat,link_nhac, luotnghe Hình 32: Bảng sở liệu hát SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 29 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 3.2.5.Bảng sở liệu video : Bảng sở liệu video_clip chứa thông tin hát id,ten_video, cs_video,anh_video,link_video : Hình 33 : Bảng sở liệu video 3.2.6 Bảng sở liệu thể loại : Bảng sở liệu video_clip chứa thông tin thể loại hát : id,the_loai Hình 34 : Bảng sở liệu thể loại 3.3 Thiết kế số giao diện: 3.3.1 Giao diện Giao diện với đường dẫn =” http://localhost/music1/index.php”, chứa thông tin hát Hình 35:Giao diện trang web SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 30 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 3.3.2 Giao diện đăng nhập Giao diện đăng nhập với đường dẫn = “http://localhost/music1/dangnhap.php”, giúp người dùng đăng nhập vào hệ thống với tài khoản đăng ký Hình 36 : Giao diện đăng nhập 3.3.3 Giao diện đăng ký Giao diện đăng ký với đường dẫn = “http://localhost/music1/dangky.php”, giúp người dùng đăng ký tài khoản để đăng nhập vào hệ thống Hình 37 : Giao diện đăng ký SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 31 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 3.3.4 Giao diện trình phát nhạc Giao diện phát nhạc với đường dẫn = “http://localhost/music1/play.php?id=125”, hệ thống phát nhạc theo id mà người dùng chọn Hình 38 : Giao diện phát nhạc 3.3.5 Giao diện trình phát video Giao diện phát video với đường dẫn = “http://localhost/music1/playvideo.php?id=34”, hệ thống phát video theo id mà người dùng chọn Hình 39 Giao diện trình phát video SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 32 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 3.3.6 Giao diện đăng nhập quản trị viên Giao diện đăng nhập quản trị viên với đường dẫn = “http://localhost/music1/_ admin.php”, hệ thống chuyển tới trang đăng nhập quản trị viên với tài khoản admin , password 123456 Hình 40 : Giao diện đăng nhập quản trị viên 3.3.7 Giao diện trang quản trị viên Giao diện trang quản trị viên với đường dẫn =”/music1/dangkisanpham.php”, sau đăng nhập thành công tài khoản admin, mục quản lý nội dung admin Hình 41: Giao diện quản trị viên quản lý nội dung SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 33 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 3.3.8 Giao diện trang quản trị nội dung Quản trị nội dung thêm hát Hình 42: Giao diện thêm hát Quản trị nội dung thêm sửa xóa Ca sĩ Hình 43: Giao diện quản lý nội dung ca sĩ SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 34 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý Quản trị nội dung thêm sửa xóa thành viên: Hình 44: Giao diện quản lý thành viên Quản trị nội dung sửa xóa hát Hình 45: Giao diện quản lý hát SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 35 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 3.3.9 Giao diện trang thông tin ca sĩ Giao diện thông tin ca sĩ có đường dẫn=” http://localhost/music1/casi.php” cho phép bạn xem thông tin ca sĩ,nhạc sĩ Hình 43: Giao diện trang thông tin ca sĩ 3.3.10 Giao diện trang thành viên upload nội dung Giao diện thông tin ca sĩ có đường dẫn=” http://localhost/music1/memupload.php” cho phép bạn xem thông tin ca sĩ,nhạc sĩ Hình 44: Giao diện trang thành viên upload SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 36 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý 3.3.11 Giao diện form tìm kiếm Giao diện thông tin ca sĩ có đường dẫn=” http://localhost/music1/search.php? search” cho phép bạn tìm kiếm thông tin hát video Hình 45: Giao diện form tìm kiếm SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 37 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý KẾT LUẬN Trong thời gian tìm hiểu nghiên cứu đề tài “ Xây dựng website nghe nhạc trực tuyến” em phân tích hệ thống tương đối rõ ràng, thể chức hệ thống cách dễ hiểu Tuy chương trình xây dựng hệ thống dựa phân tích thiết kế bước đầu đáp ứng phần nghiệp vụ hệ thống Chương trình bước đầu đưa nhìn tổng quát webiste nghe nhạc trực tuyến đặc tả chức đặc trưng web nghe nhạc Tuy toán giải cũng phủ nhận thiếu sót hệ thống Do thời gian nghiên cứu có hạn vốn kiến thức chưa nhiều nên em đưa chương trình phân tích bước đầu.Bên cạnh em mong muốn có thêm chuyên mục khác dành cho giới trẻ Ví dụ như: chuyên mục xem tivi, nghe radio online, kiến thức tin học,… Để hoàn thành đề tài này, lần em xin chân thành cảm ơn thầy Lương Khánh Tý người quan tâm, giúp đỡ em suốt thời gian qua Em xin chân thành cảm ơn ! Đề tài “Xây dựng Website nghe nhạc trực tuyến” cũng xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho bạn muốn thiết kế Website cho công ty hay Website cá nhân Mặc dù em cố gắng tìm hiểu kiến thức học, kết hợp tra cứu tài liệu chuyên nghành hạn chế thời gian, khả kinh nghiệm nên em không tránh khỏi thiếu sót nên đề tài hoàn thành mức độ sau: - Tìm hiểu ngôn ngữ lập trình Web PHP & MySQL - Phân tích thiết kế hướng đối tượng - Áp dụng xây dựng ứng dụng thực nghiệm trang Website nghe nhạc trực tuyến SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 38 Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý TÀI LIỆU THAM KHẢO [1] http://www.php.net [2] http://www mysql.com [3].http://www.w3school.com SVTH: Nguyễn Ngọc Vũ - Lớp CCLT07A 39 ... Nguyễn Ngọc Vũ - Lớp CCLT07A iii Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý DANH MỤC HÌNH ẢNH Hình : Biểu đồ trường hợp sử dụng hệ thống website nghe nhạc 13 Hình : Biểu đồ trường... internet Do nhận thức tầm quan trọng tin học lĩnh vực xây dựng website, lần thực tập em định chọn đề tài “ Xây dựng Website nghe nhạc trực tuyến Em mong đề tài đáp ứng phần giải trí cho người... Nguyễn Ngọc Vũ - Lớp CCLT07A Xây dựng website nghe nhạc trực tuyến GVHD: Lương Khánh Tý - Sử dụng chức Upload nhạc (đăng nhạc) - Cập nhật hát, ca sĩ, album, bảng xếp hạng âm nhạc - Là nơi chia sẻ,