CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu Website AudioAtlas là dịch vụ âm nhạc kỹ thuật số trên mạng internet và các mạng viễn thông di động tại Việt Nam được cá nhân hóa theo gu âm nhạc của mỗi người. AudioAtlas cung cấp một hệ sinh thái âm nhạc giúp trao quyền và kết nối nghệ sĩ với hàng triệu người nghe nhạc, giúp người nghe được thưởng thức và được truyền cảm hứng theo những cách sâu sắc nhất từ âm nhạc. Người dùng mạng có thể truy cập vào Web và dễ dàng tìm kiếm những bái hát yêu thích hoặc bất kỳ thông tin nào họ quan tâm về âm nhạc. Tại AudioAtlas, kho dữ liệu âm nhạc được phân chia theo rõ ràng theo từng chủ đề khác nhau.
Người dùng có thể tìm thấy những tuyển tập bài hát phù hợp với tâm trạng của mình nhất, hay tự mình chìm đắm trong list nhạc của riêng mình. Với giao diện tối giản, gam màu trầm kết hợp các ký hiệu đơn giản giúp người dùng nhanh chóng tiếp cận và sử dụng ngay từ lần đầu tiên.2 Lý do hình thành đề tài Ở thời đại công nghệ số phát triển như hiện nay, phương thức giải trí nghe nhạc truyền thống qua băng đĩa hay radio đã không còn được phổ biến rộng rãi. Thay vào đó, con người dần chuyển sang sử dụng hình thức nghe nhạc trực tuyến trên các ứng dụng hay trang Web bởi nhiều tiện ích của chúng. Nghe nhạc trực tuyến giúp cho việc tiếp cận âm nhạc trở nên dễ dàng hơn bao giờ hết.
Con người có thể nghe nhạc của bất kỳ ca nhạc sĩ nào, ở bất cứ đâu và bất kì thời điểm nào nếu có kết nối với mạng Internet. Chính vì vậy, việc nghe nhạc trực tuyến đã đánh trúng nhu cầu của số đông con người hiện nay: đơn giản là được nghe nhạc. Nắm bắt được những cơ hội cung cấp dịch vụ giải trí đó, em đã chọn đề tài “Thiết kế Website cung cấp dịch vụ nghe nhạc trực tuyến” với mục đích đem lại cho cộng đồng Trang 1 Downloaded by TOM BOY (tomboy2@gmail.com) lOMoARcPSD|39606864 Đề tài: Xây dựng website … yêu âm nhạc những giây phút thư giãn và hòa mình với những tác phẩm âm nhạc phù hợp với sở thích, tâm trạng của họ.3 Mục tiêu nghiên cứu - Xây dựng một Website với giao diện dễ dùng và phù hợp với nhiều đối tượng sử dụng. - Cung cấp cho người dùng một nền tảng trực tuyến tiện lợi để truy cập và tận hưởng các bản nhạc yêu thích của họ từ nhiều thể loại âm nhạc khác nhau.
- Tạo ra một trải nghiệm nghe nhạc trực tuyến tốt nhất cho người dùng bằng cách cung cấp các tính năng và công nghệ tiên tiến nhất. - Tối ưu hóa trang web để đáp ứng nhu cầu và sở thích người dùng, đồng thời cải thiện trải nghiệm người dùng và tăng cường độ trung thành của khách hàng. - Tối ưu hóa trang web để đáp ứng nhu cầu và sở thích người dùng, đồng thời cải thiện trải nghiệm người dùng và tăng cường độ trung thành của khách hàng.4 Nội dung nghiên cứu 1. Thiết kế Website: Tạo ra được trang Web với giao diện đẹp, thân thiện với người dùng và tối ưu hóa trải nghiệm người dùng.
Điều này bao gồm thiết kế trang chủ, các trang thông tin, danh sách phát, phản hồi từ người dùng và trang quản trị. Phát triển Website: Cho phép người dùng truy cập vào dịch vụ của Web trên điện thoại di động, máy tính bảng hoặc các thiết bị khác. Cơ sở dữ liệu: Dùng để quản lý các bài hát, danh sách phát và thông tin người dùng. Chức năng phân loại: Cho phép người dùng tìm kiếm và lọc bài hát theo thể loại, ca sĩ, album và quốc gia.
Tính năng tương tác với người dùng: Tính năng đăng ký, đăng nhập, bình luận của người dùng. Trang 2 Downloaded by TOM BOY (tomboy2@gmail.com) lOMoARcPSD|39606864 Đề tài: Xây dựng website … 6. Hệ thống thanh toán: Cho phép người dùng trả tiền và đăng ký các gói dịch vụ của Website. Bảo mật và quản lý người dùng: Đảm bảo an toàn thông tin của người dùng, bao gồm đăng ký, đăng nhập, xác thực và quản lý tài khoản.
Quản lý nội dung: Đảm bảo thông tin trên website luôn được cập nhật và phù hợp với nhu cầu của khách hàng.5 Đối tượng và phạm vi nghiên cứu 1.1 Đối tượng nghiên cứu Đối tượng nghiên cứu: Xây dựng website cung cấp dịch vụ nghe nhạc trực tuyến AudioAtlas.2 Phạm vi nghiên cứu Xây dựng hệ thống với hoạt động chính là quản lý và sử dụng tại “Website cung cấp dịch vụ nghe nhạc trực tuyến AudioAtlas” đảm bảo đầy đủ các chức năng chính của hệ thống và khai thác các chức năng mới có liên quan đến quản lý hoạt động thanh toán khi người dùng có nhu cầu đăng ký gói tài khoản của Website. Cung cấp các chức năng về quản trị như: - Quản lý tài khoản: Chức năng này cho phép quản trị viên thêm, xóa, sửa nhằm quản lý các tài khoản người dùng. - Quản lý sản phẩm: Cho phép quản trị viên thêm, sửa đổi và xóa sản phẩm âm nhạc trên website. Họ cũng có thể tạo danh mục bài hát, quản lý số lượng bài hát.
- Quản lý đơn hàng: Cho phép quản trị viên theo dõi các đơn hàng và tình trạng thanh toán từ người dùng khi họ có nhu cầu đăng ký các gói dịch vụ của Web, xác nhận đơn hàng và thực hiện các hoạt động liên quan đến đơn hàng như hủy hay cập nhật thông tin đơn hàng. - Quản lý giao diện website: Quản trị viên có thể tạo ra các trang, thêm các tiện ích và định dạng lại các trang web. Họ có thể quản lý màu sắc, kiểu chữ, hình ảnh và các yếu tố khác để tạo ra một giao diện hấp dẫn và chuyên nghiệp. Trang 3 Downloaded by TOM BOY (tomboy2@gmail.com) lOMoARcPSD|39606864 Đề tài: Xây dựng website … - Quản lý dịch vụ: Cho phép quản trị viên tạo và quản lý các dịch vụ mà website cung cấp.
Họ có thể thêm các dịch vụ mới, sửa đổi các dịch vụ hiện có. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Ngôn ngữ HTML – CSS – Javascript HTML (Hypertext Markup Language) là một ngôn ngữ đánh dấu siêu văn bản được sử dụng để tạo và định dạng các trang web. HTML được sử dụng để tạo ra các thành phần trên trang web như văn bản, hình ảnh, liên kết, bảng, biểu đồ và các thành phần khác. Các thẻ HTML được sử dụng để xác định cấu trúc và định dạng cho các phần tử trên trang web.
Ngoài ra, HTML còn cho phép sử dụng các thuộc tính để cung cấp thông tin thêm về các phần tử trên trang web. CSS (Cascading Style Sheets) là một ngôn ngữ định dạng trang web được sử dụng để định dạng và trình bày các thành phần trên trang web. CSS được sử dụng để thay đổi màu sắc, kích thước, phông chữ, khoảng cách và vị trí của các phần tử trên trang web. CSS hoạt động bằng cách gắn liền các quy tắc định dạng với các phần tử trên trang web.
Các quy tắc này được xác định bằng cách sử dụng các lựa chọn của CSS như lớp (class), phần tử (element), ID, thuộc tính và giá trị. Đồng thời, CSS cũng cho phép sử dụng các quy tắc phức tạp hơn để định dạng trang web, chẳng hạn như định dạng văn bản, bố cục, hình ảnh, động cơ và nhiều hơn nữa. JavaScript là một ngôn ngữ lập trình thông dịch được sử dụng phổ biến trên web để tạo ra các ứng dụng web tương tác, các hiệu ứng động và thay đổi nội dung của trang web một cách động. JavaScript được sử dụng để tương tác với các thành phần HTML và CSS trên trang web, tạo ra các hiệu ứng động, kiểm soát hành vi của người dùng và thực hiện các tác vụ khác như xử lý dữ liệu và truyền tải dữ liệu giữa máy khách và máy chủ.2 Ngôn ngữ PHP PHP (Hypertext Preprocessor) là một ngôn ngữ lập trình phía máy chủ (server-side scripting language), có nghĩa là nó được thực thi trên máy chủ web trước khi trang web được gửi đến máy khách (client-side).
PHP được thiết kế để phục vụ cho mục đích phát Trang 4 Downloaded by TOM BOY (tomboy2@gmail.com) lOMoARcPSD|39606864 Đề tài: Xây dựng website … triển các ứng dụng web động, nơi mà nội dung của trang web thay đổi tùy thuộc vào hành động của người dùng hoặc dữ liệu được trả về từ máy chủ. Một trong những điểm mạnh của PHP là tính dễ học và dễ sử dụng của nó. Nó có cú pháp rất đơn giản và dễ hiểu, do đó có thể dễ dàng được học và áp dụng trong một thời gian ngắn. Bên cạnh đó, PHP có thể hoạt động trên nhiều hệ thống máy chủ web và hỗ trợ nhiều cơ sở dữ liệu phổ biến như MySQL, PostgreSQL, Oracle và Microsoft SQL Server.
PHP có thể được sử dụng để thực hiện các tác vụ như: - Xử lý dữ liệu đầu vào: PHP có thể được sử dụng để xử lý các biểu mẫu HTML và các tham số truy vấn từ URL. - Truy xuất và lưu trữ dữ liệu từ cơ sở dữ liệu: PHP hỗ trợ nhiều hệ quản trị cơ sở dữ liệu phổ biến và có thể được sử dụng để truy xuất và lưu trữ dữ liệu từ cơ sở dữ liệu. - Tạo và thao tác với tệp: PHP có thể được sử dụng để tạo và thao tác với các tệp văn bản và hình ảnh. - Xử lý hình ảnh: PHP hỗ trợ xử lý hình ảnh và có thể được sử dụng để thực hiện các thao tác như đổi kích thước hình ảnh, tạo ảnh thumbnail, và vẽ trực tiếp trên hình ảnh.
- Tạo và gửi email: PHP có thể được sử dụng để tạo và gửi email từ máy chủ web.3 Hệ quản trị cơ sở dữ liệu MySQL MySQL là một hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở, được phát triển bởi tập đoàn Oracle. Nó được sử dụng rộng rãi trong các ứng dụng web và các hệ thống quản lý cơ sở dữ liệu nhờ tính năng đa nền tảng, khả năng mở rộng và hiệu suất cao. MySQL được thiết kế để hỗ trợ các tính năng cơ bản của một hệ quản trị cơ sở dữ liệu, bao gồm tạo, xóa, sửa đổi và truy vấn dữ liệu. Đồng thời, MySQL hỗ trợ ngôn ngữ truy vấn cấu trúc (SQL) và có khả năng làm việc với các ngôn ngữ lập trình phổ biến như PHP, Python và Java.
Trang 5 Downloaded by TOM BOY (tomboy2@gmail.