GVHD: Nguyễn Thị Mai Phương BÁO CÁO ĐỀ TÀI Xây dựng Website nghe nhạc trực tuyến SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương 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 tồ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 OnlineMp3 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 OnlineMp3 trở thành website âm nhạc hàng đầu việt nam năm tới án bao g m chương: - Chương I: Phân tích hệ thống Chương nêu tốn quản lí thơng tin cho người dùng, ph n tích uy tr nh hoạt động website Từ nêu lên mục đích, yêu cầu đặt ph n tích hệ thống - Chương II: Thiết kế website Xác định chức cần thiết đưa mối quan hệ thành phần website - Chương III: Xây dựng website X y đựng website dựa ngôn ngữ Php hệ sở liệu MySQL SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương MỤC LỤC LỜI MỞ ĐẦU 1.1 Giới thiệu PHP 1.2 Tại phải sử dụng PHP 1.3 Cú pháp PHP .5 1.4 Các kiểu liệu PHP 1.5 Giới thiệu MYSQL 1.6 Đặc điểm MYSQL CHƯƠNG THIẾT KẾ WEBSITE 2.1 Phát biểu toán 2.2 Các quy trình website 2.2.1 Quy trình đăng kí thành viên 2.2.2 Quy trình đăng nhập chế độ thành viên 2.3 Yêu cầu hệ thống 2.3.1 Yêu cầu chức 2.3.2 Yêu cầu phi chức 2.4 Thiết kế giao diện website 2.4.1 Trang quản trị Admin .9 2.4.2 Trang đăng nhập cho thành viên 10 2.4.3 Trang đăng kí cho thành viên .10 2.4.4 Giao diện website 11 CHƯƠNG XÂY DỰNG WEBSITE 12 3.1 Xây dựng sở liệu 12 3.2 Xây dựng trang Admin 13 3.3 Xây dựng trang đăng kí, đăng nhập .24 3.4 Xây dựng trang upload liệu .25 KẾT LUẬN 28 TÀI LIỆU THAM KHẢO 29 SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương DANH MỤC HÌNH Hình 1: Quy trình đăng kí thành viên Hình 2: Quy trình đăng nhập thành viên .8 Hình 3: Giao diện đăng nhập trang Admin .9 Hình 4: Giao diện trang Admin .10 Hình 5: Giao diện trang đăng nhập 10 Hình 6: Giao diện trang đăng kí 10 Hình Giao diện trang chủ 11 Hình Giao diện trang nghe nhạc .11 Hình Cơ sở liệu 12 Hình10 Trang quản trị thành viên 13 Hình 11 Trang duyệt hát đăng 14 Hình 12 Trang chỉnh sửa hát đăng 16 Hình 13 Trang thêm sửa xóa thể loại nhạc 18 Hình 14 Trang thêm sửa xóa hát hot 20 Hình 15: Trang thêm sửa xóa ca sỹ .22 Hình 16 Trang đăng kí 24 Hình 17 Trang đăng nhập 25 Hình 18:Trang upload nhạc 25 SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương CHƯƠNG TỔNG QUAN VỀ PHP VÀ MYSQL 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.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 đ y 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.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.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 SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương 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 1.5 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 ý ết nối, tạo cở sở liệu, uản lý người d ng, ph n uyền sử dụng, thiết ế đối tượng Table sở liệu xử lý liệu ể uản lý thao tác sở liệu ta sử dụng giao diện đ họa dạng Command line 1.6 Đặc điểm MYSQL MySQL c ng giống hệ uả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 SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương CHƯƠNG THIẾT KẾ WEBSITE 2.1 Phát biểu toán Khi truy cập vào website th người dùng xem thơng tin hát theo chuyên mục, nghe nhạc miễn phí, đăng í làm thành viên website Các thành viên tiến hành upload nhạc mình, chỉnh sửa xóa nội dung viết, đ ng thời download nhạc 2.2 Các quy trình website 2.2.1 Quy trình đăng kí thành viên Bắt đầu ăng í thành viên Xác nhận thông tin cá nhân Không hợp lệ Kiểm tra thông tin Hợp lệ Thông báo đăng í thành công Trở trang đăng nhập Kết Thúc Hình 1: Quy trình đăng kí thành viên SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương  Mô tả - Người sử dụng đăng nhập vào website, hi clic đăng í th đăng í cho phép người sử dụng nhập thông tin cần thiết - Hệ thống iểm tra xác nhận thông tin mà người sử dụng đưa đ ng thời đưa thông báo theo thông tin 2.2.2 Quy trình đăng nhập chế độ thành viên Bắt đầu Thành viên nhập username password Nhập thơng tin xác thực tài khoản Có Khơng hợp lệ Kiểm tra thông tin thành viên Yêu cầu cấp lại tài khoản Hợp lệ Thông báo đăng nhập thành công Khơng ưa thành viên trang chủ Kết Thúc Hình 2: Quy trình đăng nhập thành viên  Mơ tả - Trong Thành viên tiến hành đăng nhập mục đăng nhập website, hệ thống iểm tra thông tin thành viên đưa vào, hợp lệ th thành viên đăng nhập b nh thường, thực uyền thành viên, ngược lại hệ thống yêu cầu thành viên cung cấp thông tin xác yêu cầu cấp lại tài hoản SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương 2.3 Yêu cầu hệ thống 2.3.1 Yêu cầu chức  Chức website  ăng nhập website  ăng í thành viên  Hiệu chỉnh thơng tin thành viên  Chức cập nhật thông tin  Cập nhật hát theo chuyên mục  Cập nhật thông tin thành viên ban quản trị  Chức xử lí  Tìm kiếm  Liên hệ 2.3.2 Yêu cầu phi chức - Giao diện trực uan dễ sử dụng, th n thiện - Chương tr nh chạy ổn định, xác an tồn - Tốn tài nguyên hệ thống - Dễ dàng nhập xuất liệu, n ng cấp sữa website 2.4 Thiết kế giao diện website 2.4.1 Trang quản trị Admin - Trang admin cho phép Admin iểm sốt hoạt động website, uản lí thành viên, thêm, sửa xóa viết… - Mục 1: Admin tiến hành đăng nhập Hình 3: Giao diện đăng nhập trang Admin SV: Nguyễn Văn Thanh Trang GVHD: Nguyễn Thị Mai Phương - Mục 2: Admin hiệu chỉnh thơng tin website Hình 4: Giao diện trang Admin 2.4.2 Trang đăng nhập cho thành viên - Thành viên tiến hành đăng nhập ua giao diện sau: Hình 5: Giao diện trang đăng nhập 2.4.3 Trang đăng kí cho thành viên Hình 6: Giao diện trang đăng kí SV: Nguyễn Văn Thanh Trang 10 GVHD: Nguyễn Thị Mai Phương - Code: SV: Nguyễn Văn Thanh Trang 15 GVHD: Nguyễn Thị Mai Phương  Bài hát đăng - Chức năng: Thêm sửa xóa hát Admin duyệt Hình 12 Trang chỉnh sửa hát đăng SV: Nguyễn Văn Thanh Trang 16 GVHD: Nguyễn Thị Mai Phương - Code: SV: Nguyễn Văn Thanh Trang 17 GVHD: Nguyễn Thị Mai Phương  Thể loại nhạc - Chức năng: Thêm sửa xóa thể loại nhạc Hình 13 Trang thêm sửa xóa thể loại nhạc SV: Nguyễn Văn Thanh Trang 18 GVHD: Nguyễn Thị Mai Phương -  Code: Upload nhạc hot - Chức năng: Admin đăng nhạc hot SV: Nguyễn Văn Thanh Trang 19 GVHD: Nguyễn Thị Mai Phương Hình 14 Trang thêm sửa xóa hát hot - Code: SV: Nguyễn Văn Thanh Trang 20 GVHD: Nguyễn Thị Mai Phương SV: Nguyễn Văn Thanh Trang 21 GVHD: Nguyễn Thị Mai Phương  Thêm ca sỹ - Chức năng: Thêm sửa xóa ca sỹ Hình 15: Trang thêm sửa xóa ca sỹ SV: Nguyễn Văn Thanh Trang 22 GVHD: Nguyễn Thị Mai Phương - Code: SV: Nguyễn Văn Thanh Trang 23 GVHD: Nguyễn Thị Mai Phương 3.3 Xây dựng trang đăng kí, đăng nhập  Trang đăng kí - Chức năng: ăng í làm thành viên cho người sử dụng Hình 16 Trang đăng kí - Code: SV: Nguyễn Văn Thanh Trang 24 GVHD: Nguyễn Thị Mai Phương  Trang đăng nhập - Chức năng: đăng nhập cho thành viên Hình 17 Trang đăng nhập - Code: 3.4 Xây dựng trang upload liệu  Trang upload nhạc - Chức năng: Người d ng upload nhạc u thích Hình 18:Trang upload nhạc SV: Nguyễn Văn Thanh Trang 25 GVHD: Nguyễn Thị Mai Phương - Code: SV: Nguyễn Văn Thanh Trang 26 GVHD: Nguyễn Thị Mai Phương  Trang nghe nhạc - Chức năng: nghe nhạc đăng lên Hình 19 Trang nghe nhạc - Code SV: Nguyễn Văn Thanh Trang 27 GVHD: Nguyễn Thị Mai Phương KẾT LUẬN Những ưu điểm: - Tạo thiết để đáp ứng lại yêu cầu toán đặt - Vận dụng hầu hết kiến thức học - Khả làm việc nhóm hiệu - Website hoạt động tốt, tương thích với trình duyệt Những nhược điểm: - Q trình phân tích thiết kế chưa hoàn thiện, phải sửa chữa lại nhiều lần - Website cịn đơn giản, chưa hồn thiện nhiều chức năng, cần mở rộng nâng cấp nhiều lần SV: Nguyễn Văn Thanh Trang 28 GVHD: Nguyễn Thị Mai Phương TÀI LIỆU THAM KHẢO [1] Huỳnh Văn Giáp, giáo trình PHP sở liệu MySQL, nhà xuất Phương Nam [2] Dương Thị Thu Hiền, slide môn PHP, trường C CNTT Hữu nghị Việt Hàn [3] Một số tài liệu tổng hợp PHP Mysql trường Học viện Bưu viễn thong SV: Nguyễn Văn Thanh Trang 29