THIẾT KẾ WEBSITE THƯ VIỆN HỢP âm

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT-HÀN  ĐỒ ÁN MÔN HỌC ĐỒ ÁN CƠ SỞ Đề tài THIẾT KẾ WEBSITE THƯ VIỆN HỢP ÂM Sinh viên thực : TRƯƠNG QUANG ĐÔ Giảng viên hướng dẫn : TS NGUYỄN HÀ HUY CƯỜNG Lớp : 20MC Đà Nẵng, tháng 11 năm 2021 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường MỞ ĐẦU Ngày việc cho gia đình nhà cho em học loại hình nghệ thuật khác dường trở nên phổ biến.Việc bên cạnh cho học tập trường muốn cho học thêm lớp khiếu nhảy,múa,ca hát,nhạc cụ, Và đôi với việc cơng nghệ ngày phát triển cần có ứng dụng hỗ trợ cho học tập dễ dàng không cần đâu xa mà học tập loại hình khiếu Website em tạo Website Thư Viên Hợp Âm lấy ý tưởng hợp âm hát nhạc đủ thể loại khác thị trường âm nhạc hỗ trợ loại hợp âm cho nhạc cụ : guitar,piano,ukulele, mà nhiều người bạn trẻ chơi học,các loại nhạc cụ Website hỗ trợ tích hợp hợp âm có sẵn với lời hát giúp hỗ trợ dễ dàng cho người học đàn,chơi đàn nhà mà không cần đến trung tâm học tập.Ngồi website cịn có khoá học nhạc cụ guitar,piano,ukulele, cho người dễ dàng đăng kí học các loại hình nhạc cụ Em xin cảm ơn thầy TS.Nguyễn Hà Huy Cường hướng dẫn, dạy tận tình để đồ án em hoàn thành Em xin chân thành cảm ơn! Nhóm SVTH: Trương Quang Đơ – Lớp 20MC Đồ án sở GVHD: TS Nguyễn Hà Huy Cường NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Giảng viên hướng dẫn Nhóm SVTH: Trương Quang Đơ – Lớp 20MC Đồ án sở GVHD: TS Nguyễn Hà Huy Cường MỤC LỤC MỞ ĐẦU MỤC LỤC DANH MỤC CÁC HÌNH CHƯƠNG GIỚI THIỆU .7 1.1 Giới thiệu dự án 1.2 Một số yêu cầu dự án .7 1.3 Đối tượng người dùng 1.4 Phân tích số website tương tự .8 1.5 Mục tiêu đề .9 1.6 Kết luận CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .10 2.1 Mô tả toán .10 2.2 Yêu cầu hệ thống: 10 2.2.1 Yêu cầu chức .11 2.2.2 Yêu cầu phi chức .11 2.3 Xác nhận tác nhân (Actors) 11 2.5 Đặc tả trường hợp sử dụng (đặc tả use case) 13 2.6 Biểu đồ Use case 22 2.7 Biểu đồ trình tự biểu đồ hoạt động .24 CHƯƠNG XÂY DỰNG HỆ THỐNG VÀ KẾT QUẢ 28 Nhóm SVTH: Trương Quang Đơ – Lớp 20MC Đồ án sở GVHD: TS Nguyễn Hà Huy Cường 3.1 Công cụ sử dụng 28 3.2 Một số hình ảnh Website Thư Viện Hợp Âm 31 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 44 Những công việc làm 44 Hạn chế 44 Kết luận .44 Hướng phát triển .44 Nhóm SVTH: Trương Quang Đơ – Lớp 20MC Đồ án sở GVHD: TS Nguyễn Hà Huy Cường DANH MỤC CÁC HÌNH Hình 1.1 hình ảnh logo website thư viện hợp âm Hình 1.4 hình ảnh logo website hợp âm chuẩn Hình 2.4: xác định trường hợp sử dụng use case 11 Hình 2.6.1: biểu đồ use case admin (quản trị viên) 21 Hình 2.6.2: biểu đồ usecase cho người dùng 22 Hình 2.7.1: biểu đồ trình tự đăng nhập người dùng 23 Hình 2.7.2: biểu đồ hoạt động đăng nhập khách hàng 24 Hình 2.7.3: biểu đồ trình tự đăng kí tài khoản khách hàng 25 Hình 2.7.4: biểu đồ hoạt động đăng kí tài khoản khách hàng 26 Hình 3.1: giao diện trang chủ .30 Hình 3.2: giao diện người dùng hát 31 Hình 3.3: giao diện người dùng hợp âm hát 32 Hình 3.4: giao diện người dùng thể loại hát 33 Hình 3.5: giao diện giai điệu hát 34 Hình 3.6: giao diện người dùng nhạc cụ 35 Hình 3.7: giao diện người dùng khoá học 36 Hình 3.8: giao diện trang admin quản lí hợp âm 37 Hình 3.9: giao diện trang admin thêm hợp âm hát .38 Nhóm SVTH: Trương Quang Đơ – Lớp 20MC Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.10: giao diện trang admin quản lí thể loại 39 Hình 3.11: giao diện trang admin quản lí giai điệu 40 Hình 3.12: giao diện trang admin quản lí nhạc cụ 41 Hình 3.13: giao diện trang admin quản lí khóa học 42 Nhóm SVTH: Trương Quang Đô – Lớp 20MC Đồ án sở GVHD: TS Nguyễn Hà Huy Cường CHƯƠNG GIỚI THIỆU 1.1 Giới thiệu dự án Hình 1.1 Hình ảnh logo Website Thư Viện Hợp Âm - Trong thời đại việc học tập sách trường bạn trẻ bên cạnh muốn riêng cho biệt tài hay tài loại hình nghệ giúp làm điều hồ sống giải trí,xả stress sau ngày học căng thẳng Website Thư Viện Hợp Âm làm để đáp ứng nhu câu - Để thuận tiện người dùng Website Thư Viện Hợp Âm trang web,nơi đăng tải hát tích hợp với hợp âm chuẩn loại nhạc cụ hát để hỗ trợ cho bạn học nhạc cụ đệm hát theo dễ dàng,bên cạnh trang web cịn có khố học nhac cụ để thuận tiện người dùng nhà thoả mãn đam mê 1.2 Một số yêu cầu dự án - Thiết kế trang Website Thư Viện Hợp Âm có giao diện người dùng đẹp, dễ sử dụng, giúp người dùng có trải nghiệm thoải mái, dễ dàng Các tính năng, chức website tối ưu hóa, đáp ứng nhu cầu thiết yếu cho người dùng - Thiết kế trang quản trị Website Thư Viện Hợp Âm có giao diện dễ sử dụng, thao tác nhanh chóng, hiệu Tối ưu chức cần thiết trang quản trị để quản trị viên truy cập, quản lý làm việc hiệu Nhóm SVTH: Trương Quang Đơ – Lớp 20MC Đồ án sở 1.3 GVHD: TS Nguyễn Hà Huy Cường Đối tượng người dùng - Dự án Website Thư Viện Hợp Âm hướng tới đối tượng người dùng người có niềm đam mê với âm nhạc, thích chơi loại nhạc cụ, học thêm kĩ mềm, khiếu giúp điều hòa sinh động thêm sống Dự án hướng tới người điều kiện, thời gian học tập nhạc cụ sở giảng dạy mà học nhà, điều dự án mong muốn đem lại trải nghiệm cho người dùng tốt 1.4 Phân tích số website tương tự - Hiện thị trường Việt Nam loại website hợp âm âm nhạc cịn bật số Website Hợp Âm Chuẩn Hình 1.4 Hình ảnh logo Website Hợp Âm Chuẩn - Website Hợp Âm Chuẩn cộng đồng có nhiều người sử dụng mạng lưới thị trường Việt Nam Trang website người dùng sử dụng tự đăng tải hợp âm lên hát có thị trường âm nhạc, hát có nhiều phiên hợp âm khác từ nhiều người dùng khác sử dụng phiên hợp âm cảm thấy tốt Đây điểm mạnh website, nhược điểm website thường không cập nhật chức khác nhau, không nâng cấp website, khơng tối ưu hóa giao diện để đem lại cảm giác trải nghiệm tốt cho người dùng - Ngoài website khác Việt Nam Hợp âm Việt, hi Bro, Hợp âm tôi,… 1.5 Mục tiêu đề Nhóm SVTH: Trương Quang Đơ – Lớp 20MC Đồ án sở - GVHD: TS Nguyễn Hà Huy Cường Sau hoàn thành, Website Thư Viện Hợp Âm website truy cập tìm kiếm hợp âm đa dạng, trữ số lượng lớn hợp âm hát khác không hát thị trường Việt Nam mà nhiều thị trường âm nhạc khác giới K-Pop, US-UK…giúp đáp ứng nhu cầu người dùng hợp âm khả dụng loại nhạc cụ khác - Một số tính dự kiến: + Tạo hát hợp âm: Video hát (giúp người dùng cảm âm), thuộc thể loại, giai điệu (phù hợp với hát), lời hát kết hợp hợp âm + Lưu trữ hát u thích riêng + Người dùng tự đăng tải hợp âm hát lên trang website + Sử dụng khóa học nhạc cụ khác 1.6 Kết luận - Sau xem xét tất mục tiêu đề với quy mơ trang web chưa đáp ứng hoàn toàn nhu cầu người dùng phổ thơng cộng với thời gian lượng kiến thức có hạn, tiến hành đầy đủ bước để hồn thiện trang web, phân tích thiết kế hệ thống chi tiết trình bày chương sau Nhóm SVTH: Trương Quang Đơ – Lớp 20MC Đồ án sở GVHD: TS Nguyễn Hà Huy Cường MySQL là hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì 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 miễn phí hồn tồn bạn tải MySQL 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 Window, Linux, MySQL ví dụ Hệ Quản trị Cơ sở liệu quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL) MySQL sử dụng cho việc bổ trợ PHP, Perl, nhiều ngơn ngữ khác, làm nơi lưu trữ thông tin trang web viết PHP hay Perl,… Một số ưu điểm sử dụng MySQL thể như: + Tốc độ: sở liệu nhanh + Dễ sử dụng + Giá thành miễn phí + Hỗ trợ hầu hết ngơn ngữ truy vấn + Kết nối bảo mật + Tính linh động + Có phân phối rộng 3.2 Một số hình ảnh Website Thư Viện Hợp Âm Nhóm SVTH: Trương Quang Đô – Lớp 20MC 30 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.1: Giao diện trang chủ - Trang chủ nơi tương tác người dùng với website - Chứa chức năng: đăng nhập,tra cứu hợp âm,đăng kí khố học, Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 31 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.2: Giao diện người dùng hát - Trang hát giúp người dùng tra cứu hát tích hợp hợp âm Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 32 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.3: Giao diện người dùng hợp âm hát - Trang hợp âm giúp người dùng xem rõ hợp âm hát Nhóm SVTH: Trương Quang Đô – Lớp 20MC 33 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.4: Giao diện người dùng thể loại hát - Trang thể loại giúp người dùng tìm kiếm thể loại yêu thích Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 34 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.5: Giao diện giai điệu hát - Trang giai điệu giúp người dùng tìm kiếm giai điêu hát phù Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 35 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.6: Giao diện người dùng nhạc cụ - Trang nhạc cụ giúp người dùng tìm kiếm nhạc cụ phù hợp Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 36 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.7: Giao diện người dùng khố học - Trang giúp người dùng đăng kí khố học nhạc Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 37 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.8: Giao diện trang admin quản lí hợp âm - Trang quản lí hợp âm giúp quản trị viên thực thao tác chức thêm, sửa, xóa hợp âm hát Nhóm SVTH: Trương Quang Đô – Lớp 20MC 38 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.9: Giao diện trang admin thêm hợp âm hát - Trang admin thêm hợp âm hát giúp quản trị viên thao tác dễ dàng việc thêm hợp âm hát Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 39 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.10: Giao diện trang admin quản lí thể loại - Trang admin quản lí thể loại giúp quản trị viên thao tác chức thêm, sửa, xóa thể loại hát Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 40 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.11: Giao diện trang admin quản lí giai điệu - Trang admin quản lí giai điệu giúp quản trị viên với thao tác chức thêm, sửa, xóa giai điệu hát Nhóm SVTH: Trương Quang Đô – Lớp 20MC 41 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.12: Giao diện trang admin quản lí nhạc cụ - Trang admin quản lí nhạc cụ giúp quản trị viên thao tác với chức thêm, sửa, xóa nhạc cụ Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 42 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường Hình 3.13: Giao diện trang admin quản lí khóa học - Trang admin quản lí khóa học giúp quản trị viên với chức thêm, sửa, xóa khóa học nhạc cụ Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 43 Đồ án sở GVHD: TS Nguyễn Hà Huy Cường KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Những công việc làm - Đã quan sát trạng phân tích thiết kế hệ thống để đưa chức hệ thống - Thiết kế giao diện website thân thiện, dễ sử dụng cho người dùng - Xây dựng website bán điện thoại sử dụng nhằm giúp cho cá nhân, đối tượng đam mê âm nhạc, chơi loại nhạc cụ, học loại nhạc cụ nhà Hạn chế - Do kinh nghiệm thực tế chưa có nhiều q trình phân tích hệ thống cho website cửa hàng nhiều chỗ chưa với thực tế chưa đảm bảo tính đắn Vấn đề em xin phép hoàn thiện thêm q trình phát triển hệ thống sau - Giao diện trang web chưa đẹp mắt Kết luận - Với nỗ lực thân giúp đỡ, hướng dẫn TS Nguyễn Hà Huy Cường em hoàn thành xong đề tài Tuy vậy, với thuận lợi khó khăn q trình học tập, làm hoàn thành khơng thể tránh khỏi sai sót Hướng phát triển - Dựa mà trang web xây dựng em cố gắng hồn thiện cách hiểu cho trang web, thêm chức phát triển chức có tốt Bên cạch khắc phục lỗi khơng đáng có q trình xây dựng trang web Nhóm SVTH: Trương Quang Đơ – Lớp 20MC 44 ... tốt 1.4 Phân tích số website tương tự - Hiện thị trường Việt Nam loại website hợp âm âm nhạc cịn bật số Website Hợp Âm Chuẩn Hình 1.4 Hình ảnh logo Website Hợp Âm Chuẩn - Website Hợp Âm Chuẩn... website, nhược điểm website thường không cập nhật chức khác nhau, không nâng cấp website, khơng tối ưu hóa giao diện để đem lại cảm giác trải nghiệm tốt cho người dùng - Ngoài website khác Việt... GVHD: TS Nguyễn Hà Huy Cường DANH MỤC CÁC HÌNH Hình 1.1 hình ảnh logo website thư viện hợp âm Hình 1.4 hình ảnh logo website hợp âm chuẩn Hình 2.4: xác định trường hợp sử dụng use