1. Trang chủ
  2. » Luận Văn - Báo Cáo

Chủ Đề chủ Đề 3 ứng dụng giải trí : Đề tài 61 xây dựng ứng dụng nghe nhạc trực tuyển “meowsic” sử dụng flutter, flutter sdk

37 0 0
Tài liệu được quét OCR, nội dung có thể không chính xác
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây Dựng Ứng Dụng Nghe Nhạc Trực Tuyến “Meowsic” Sử Dụng Flutter, Flutter SDK
Tác giả Tạ Tương Mạnh, Trần Ngọc Kiên
Người hướng dẫn Trần Xuân Thanh
Trường học Trường Đại Học Công Nghệ Đông Á
Chuyên ngành Công Nghệ Thông Tin
Thể loại bài tập lớn
Năm xuất bản 2024
Thành phố Bắc Ninh
Định dạng
Số trang 37
Dung lượng 3,53 MB

Nội dung

Đề tài "Xây dựng ứng dụng nghe nhạc trên Android sử dụng Flutter" được lựa chọn nhằm mục tiêu: « _ Nghiên cứu và ứng dụng Flutter: Flutter, một framework phát triển ứng dụng đa nên tang

Trang 1

TRUONG DAI HOC CONG NGHE DONG A KHOA CONG NGHE THONG TIN

BAI TAP LON

HOC PHAN: PHAT TRIEN UNG DUNG CHO THIET BI

DI DONG

Hoc ky: 1 Nam hoc: 2024

Chủ đề Chủ đề 3:Ứng dụng giải trí / Đề tài 61:Xây dựng ứng dụng nghe

nhạc trực tuyển “Meowsic” sử dụng Flutter, Flutter SDK

Giảng viên giảng dạy: Trần Xuân Thanh Danh sách sinh viên thực hiện:

Bắc Ninh, năm 2024

Trang 2

PHIEU CHAM THI BAI TAP LON

Các chức năng chính theo chủ đề được

triển khai đầy đủ và chính xác 0,5

Triển khai thêm các tính năng phụ trợ

hoặc cải tiến để tăng tính hữu ích và trải

Tích hợp các công nghệ mới hoặc các API

Chất lương code

Tổ chức code tổ chức thành các module,

package rõ ràng, dễ quản lý và bảo trì

Sử dụng tên biến, tên hàm, tên lớp có ý

nghĩa và tuân thủ quy tắc đặt tên

0,5

Tính đúng đắn và hiệu quả 0,5

Sử dụng các kỹ thuật lập trình hướng đổi

tượng như kế thừa, đa hình, lớp trừu

tượng, interface để tăng tính tái sử dụng

và mở rộng của code

0,5

Thiết kế code linh hoạt, dễ dàng thêm

hoặc thay đổi chức năng trong tương lai 0,5

Trang 3

2| Cải tiến công nghệ 0,5

IV | Báo cáo và trình bày 2

1 | Báo cáo đầy đủ, chỉ tiết, trình bày rõ ràng, 0,5

mạch lạc, tuân thủ định dạng yêu cầu

2_ | Mô tả đầy đủ các yêu cầu, phân tích, thiết 0,5

kế, cài đặt, kiểm thử và đánh giá

3 | Trình bày tự tin, rõ ràng, truyền đạt tốt 0,5

nội dung và ý tưởng của dự án

4_ | Demo ứng dụng mượt mà, thể hiện rõ các 0,5

Mã sinh Sinh viên thực

Trang 4

MUC LUC

Lời nói đầu th nhà nàn Hà Hà Hà Hà HH gi gi go gà th 5

Bảng phân chia công viỆc cc ch nn nén Đế hen Tnhh kh kã 6

Danh mục hình ảnh cc ch nn nh OE nh Kế EE ELE EEE neta 7

1 Giới thiệu tổng quan về bài t0Án ch cn nề nhà HH Hà kh tk Hàn 8 h7 nh .aa 8 1.2 Tống quan ứng dụng cát nh nh nh hà nhà ng Hà tk ng kh tài 9 1.2.1 Tên ứng dụng c UH OEE EEE EE EE ROE nea 9 1.2.2 Mục đích UH EE EU EE OEE EEE EEE OE EEE tnt 9

1.2.3 Đối tượng sử đụng ch nh nh Ha hà Hàn gà Hà xe 10

1.2.4 Các tính năng chính - tt nn khen nén check tt 11

1.2.5 Công nghệ phát triển ứng dụng th nh Hài 11

2 Phân tích yêu cẦUu nh n Hs nh hà nh HH kg kinh cà 15

2.1.1 Yêu cầu chức năng ác cọ th n nh nh nhà TH HH kh Hà tk Hàa 15 2.1.2 Yêu cầu phi chức năng cà cọ tt nhn nh nh nh HH nh HH ga nà 15

5 Kiếm thử ứng dụng tt th n nh HH HH hà hàng hy 20 5.1.1 Phương pháp kiếm (hử ác St nh nh nh ha ga 20 5.1.2 Kết Quả kiểm thử nhà HH gà à nào Hà tà non 20

6 Kết quả công bố lên Amaz0n SÉOF€ cv tì nh nn nh nh HH nh Hoá 28 6.1, Giới thiệu sơ lượt về Ámaz0n SÉOF€ cuc nh nh HH nhà hà 28 6.2 Các vấn đề gặp phái và cách giải quyết ch ha ga 29 6.3 Dưa ứng dụng lên Ámazon sÉOFe cu nh nh nh cho t 32

TÀI LIỆU THAM KHÁO c L nnnnnns nền ch Hàn ha ty tế Ha 36

Trang 5

Lời nói đầu

Trong thời đại công nghệ 4.0, các ứng dụng giai trí trên nền tảng di động đã và đang đóng vai trò quan trọng trong việc đáp ứng nhu cầu tính thần và cải thiện chất lượng cuộc sông của con người Đặc biệt, âm nhạc, với khả năng chạm đến cảm xúc và kết nỗi cộng đồng, trở thành một lĩnh vực nồi bật được ú ứng dụng công nghệ khai thác mạnh mẽ

Ứng dụng nghe nhạc không chỉ là phương tiện giải trí đơn thuần mà còn là một hệ sinh thái, nơi người dùng có thê quản lý, khám phá và thưởng thức các tác phâm âm nhạc một cách dễ dàng Trong bối cảnh đó, việc xây đựng một ứng dụng nghe nhạc thân thiện, đa nền tảng và hiệu quả trên thiết bị di động là một hướng tiếp cận tiềm nang, vừa đáp ứng nhu cầu thị trường, vừa nâng cao kỹ năng phát triển ứng dụng của nhà lập

trình

Đề tài "Xây dựng ứng dụng nghe nhạc trên Android sử dụng Flutter" được lựa chọn nhằm mục tiêu:

« _ Nghiên cứu và ứng dụng Flutter: Flutter, một framework phát triển ứng dụng đa

nên tang do Google phát triển, đã chứng minh khả năng xây dựng giao diện người đùng đẹp mắt, hiệu năng cao và đễ dàng triển khai Việc sử dụng Flutter trong dé tai không chỉ đảm bảo tính tương thích trên nhiều nền tảng mà còn tối

ưu hóa quá trình phát triển

¢ Phat trién tính năng ứng dụng: Xây dựng một ứng dụng nghe nhạc cơ bản với các chức năng như phát nhạc, tạm đừng, chuyến bài, tạo và quản lý danh sách phát, kết hợp với giao điện người dùng trực quan và thân thiện

- - Khám phá tiềm năng mở rộng: Đề xuất các tính năng nâng cao như gợi ý bài hát

theo sở thích, quản ly thư viện âm nhạc cá nhân và hồ trợ tìm kiêm bài hát

thông minh

Bằng cách kết hợp lý thuyết và thực hành, đề tài không chỉ tập trung vào việc tạo ra một sản phẩm hoàn chỉnh, mà còn là cơ hội để nghiên cứu sâu về các nguyên tắc phát triển ứng dụng di động hiện đại Chúng tôi kỳ vọng rằng kết quả của đề tài không chỉ đáp ứng mục tiêu ban đầu mà còn là nền tảng cho những cải tiễn và phát triển trong tương lai

Trân trọng cảm ơn sự quan tâm và hỗ trợ của quý thầy cô, đồng thời mong nhận được

sự góp ý đề hoàn thiện hơn sản pham cua đề tải

Trang 6

Bang phan chia cong viéc

Tên Người thực hiện Công việc Tiên độ

Tạ Tương Mạnh Code ứng dụng, đăng ứng Hoàn thành

dụng lên store, word Trân Ngọc Kiên Tester, word Hoan Thanh

Trang 7

Danh muc hinh anh

Hình I Flutter famewWOrk cc tk nh nhn nh TT TK TK kh kh tra 11

Hình 2 Cộng đồng flufT ác cv nh nh nh ng HH HT TH Hot Hài 13 Hinh 3 Upload your app ÍlÍ€ rH I UE OEE IO EE kh nhà 32

in y0 0n UE IE UI EU EI EH OE EE te 33 Hinh 5 AppStore details UH OEE EE EEE OI EE OEE EEE nines 33 Hinh 6 Review and submil ‹ ne niin ies 34 Hình 7 done apD EE EEE UIE EU I EE II EEUU OE OE EE Erie 34

Trang 8

1 Giới thiệu tổng quan về bài toán

1.1 Tổng quan

Trong thời đại công nghệ 4.0, việc sử dụng các ứng dụng di động đã trở thành một phần không thể thiếu trong cuộc sống hàng ngày Người dùng ngày cảng tìm kiếm những trải nghiệm giải trí thông minh và tiện lợi, giup họ giảm căng thang, nâng cao tinh than, va tan huong những phút giây thư giãn Âm nhạc, với sức mạnh truyền cảm hứng và khả năng kết nối, luôn là một lựa chọn phổ biến, và các ứng dụng nghe nhạc đóng vai trò quan trọng trong việc đáp ứng nhu cầu này

Người dùng ngày nay không chỉ tìm kiêm sự tiện lợi mà còn muôn cá nhân hóa trải

nghiệm giải trí của mình Các xu hướng bao gôm:

« - Nghe nhạc theo sở thích: Người dùng mong muốn ứng dụng hiểu được gu âm nhạc của họ và gợi ý những bài hát phù hợp

« - Tích hợp công nghệ: Ứng dụng hiện đại cần hỗ trợ các tính năng như tìm kiếm bài hát thông minh, lời bài hát theo thời gian thực, và tích hợp đa nền tảng

¢ Kết nối cộng đồng: Khả năng chia sẻ danh sách phát, tương tác với bạn bè hoặc tham gia cộng đồng người yêu nhạc là một điểm nhân quan trọng

Ứng dụng nghe nhạc không chỉ đừng lại ở chức năng phát nhạc đơn thuần mà còn tạo

ra một hệ sinh thái giải trí toàn diện, bao sôm:

¢ Quan ly thw vién 4m nhac: Cho phép người dùng lưu trữ và sắp xếp các bài hát yêu thích theo danh sách cá nhân

¢ Kham pha 4m nhac mới: Cung cấp các bảng xếp hạng, thể loại đa dạng và gợi

ý dựa trên hành vi người dùng

«ồ Giao diện thân thiện, dễ sử dụng: Thiết kế trực quan, thao tác nhanh chóng ø1úp người dùng đề dàng điều hướng và trai nghiém

+ Trai nghiệm đa thiết bị: Hỗ trợ đồng bộ hóa dữ liệu giữa các thiết bị giúp

người dùng linh hoạt hơn trone việc thưởng thức âm nhạc

Trong bối cảnh nhu cầu giải trí ngày càng cao, các ứng dụng nghe nhạc không chỉ là công cụ mà còn là bạn đồng hành trong cuộc sống hiện đại Việc phát triển một ứng dụng nghe nhạc thông minh, thân thiện và đáp ứng mọi nhụ câu của người dùng là mục tiêu quan trọng đê ø1ữ vững vị trí trên thị trường và mang lại giá trị thực sự cho

người sử dụng

Trang 9

1.2 Tổng quan ứng dung

1.2.1 Tên ứng dụng

Ứng dụng được phát triển trong đề tài có tên gọi 14 HelloMeoswic Tên gọi này được

lựa chọn vì nó phản ánh rõ ràng mục đích và chức năng của ứng dụng HelloMeoswic

là ứng dụng nghe nhạc được phát triên nhắm mang lại trải nehiệm âm nhạc tuyệt vời

và toàn điện cho người dùng hiện đại Cái tên "HelloMeoswic" không chi đại diện cho

sự chảo đón âm nhạc mà còn thê hiện mục tiêu của ứng dụng trong viéc kết nối cảm xúc và nâng tâm trải nghiệm giải trí qua âm nhạc

Ứng dụng cung cấp một nền tảng nghe nhạc chuyên nghiệp, nơi người dùng có thê dé đàng duyệt qua hàng nghìn bài hát, tạo và quan ly danh sách phát, cũng như khám phá

âm nhạc mới dựa trên sở thích cá nhân Đặc biệt, HelloMeoswic tích hợp tính năng hiển thị lời bài hát theo thời gian thực, giúp người dùng thưởng thức và hiểu sâu hơn

về nội dung âm nhạc

Không chỉ dừng lại ở việc phát nhạc, HelloMeoswïc hướng tới việc xây dựng một hệ

sinh thái âm nhạc hoàn chỉnh Ứng dụng giÚp người ding dé dang déng bé dữ liệu giữa các thiết bị, cá nhân hóa giao diện, và kết nối với cộng đồng yêu nhạc để chia sẻ cảm nhận và khám phá những xu hướng mới

Với giao diện thân thiện và hiệu năng tôi ưu, HelloMeoswic không chỉ đáp ứng nhu

cầu giải trí mà còn khăng định là một ứng dụng â âm nhạc tiên phong, đồng hành cùng

người dùng trong mọi khoảnh khắc của cuộc sống

1.2.2 Mục đích

Ứng dụng HelloMeoswic được phát triển với mục tiêu chính là mang đến trải nghiệm giải trí đa năng kết hợp g1ữa âm nhạc và học tập một cách sáng tạo, hiệu quả Cụ thê,

các mục tiêu chính của ứng dụng bao gôm:

1 Cải thiện khả năng ngôn ngữ thông qua âm nhạc:

o_ Giúp người dùng luyện nghe và phát âm tiếng Anh tự nhiên bằng cách

nghe và hát theo bài hát

o_ Hỗ trợ học tử vựng và cầu trúc ngữ pháp đễ dàng qua ca từ bài hát

2 Tận hưởng âm nhạc đa ngôn ngữ:

o_ Cung cấp lời bài hát song ngữ, giúp người dùng hiểu sâu hơn về nội dung bài hát

3 Khuyến khích học tap và giải trí hàng ngày:

o_ Tạo thói quen vừa học vừa thư giãn thông qua âm nhạc

o_ Cung cấp tính năng gợi ý bài hát theo sở thích và khả năng của người dùng

4 Tăng tính kết nối và hứng thú học tập:

10

Trang 10

o Tich hep cac tính năng chia sẻ danh sách phát va trai nghiém 4m nhac cung ban bé

o_ Xây dựng một cộng đồng yêu thích học tập và âm nhạc

HelloMeoswic không chỉ là ứng đụng nghe nhạc đơn thuần mà còn là công cụ hỗ trợ học tập tiêng Anh và kết nôi cảm xúc thông qua g1ai điệu

1.2.3 Đối tượng sử dụng

Yêu cầu khách hàng

Dễ sử dụng: Khách hàng mong muốn một giao điện trang ứng dụng đơn giản,

dễ hiểu và dễ sử dụng, cho phép họ để dàng rèn luyện trình độ tiếng anh Đảm bảo rằng bạn luôn sử dụng phiên bản mới nhất của ứng dụng để được trải nghiệm các tính năng và các bài nhạc mới nhất

Học ngôn ngữ cần sự kiên trì và chăm chỉ: Nên việc sửa dụng app HelloMeoswic dé học moi nic moi noi

Yéu cau quan tri

Cập nhật kho nhạc: Thêm mới, chỉnh sửa và xóa các bài hat dé dam bao

kho nhạc luôn phong phú và phù hợp với nhu câu của người học

Kiếm duyệt lời bài hát và dich: Dam bảo răng lời bài hát và các bản dịch

được cung cấp chính xác và không vi phạm bản quyền

Hỗ trợ người dùng: Giải đáp thắc mắc, hỗ trợ kỹ thuật và xử lý các vấn đề phát sinh từ phía người dùng

Thu thập phản hồi: Lắng nghe phản hồi từ người dùng để cập nhật và cải thiện các tính năng của ứng dụng

Thực hiện các bản cập nhật: Định kỳ thực hiện các bản cập nhật dé sửa lỗi

và bỗ sung tính năng mới

Bảo vệ thông tin người dùng: Đảm bảo rằng dữ liệu người dùng được bảo mật và tuân thủ các quy định về bảo mật dữ liệu

Quản lý tài khoản và quyền truy cập: Kiểm soát quyền truy cập của người dùng và quản trị viên đề ngăn chặn truy cập trái phép

Nghiên cứu và phát triển: Liên tục tìm kiếm và tích hợp các công nghệ mới dé nang cao trai nghiém hoc tap

Tích hợp các công cụ học tập khác: Kết hợp ứng dụng với các công cụ học tập khác như từ điện, bài kiểm tra trực tuyến đề đa dạng hóa phương pháp

học

11

Trang 11

1.2.4 Cac tinh nang chinh

¢ Dang nhap/Dang ký tài khoản

e Tim bài hát và xem bài hát đang được nghe nhiều

® Nghe nhạc trên youtube

® - Xem các bài hát đang thịnh hành

® Dich thuật, dịch các từ ngữ có trong bài hát

e Từ điển

® Nehe, tạm dừng, next bài, before bài, yêu thích, lưu trữ bài hát, v.v

1.2.5 Công nghệ phát triển ứng dụng

Công nghệ sử dụng flutter Vậy Flutter la gi?

Flutter la mét framework ma nguồn mở dành cho di động được phát hành vào tháng 5 năm 2017 bởi Google Nói một cách dễ hiểu, Flutter cho phép bạn tạo một ứng dụng di động chỉ với một codebase trên 1OS và Android bằng một và một cơ sở mã duy nhất

¬

Hinh 1 Flutter framework

¢ Flutter bao gom hai phần quan trọng:

SDK (Bộ công cụ phát triển phần mềm): Là một tập hợp các công cụ giúp bạn phát triền các ứng dụng của mình

Framework (Thư viện giao diện người dùng dựa trên các tiện ích con): Tập hợp các phan giao dién người dùng mà bạn có thê tái sử dụng (nút, đâu vào văn bản, thanh trượt, v.v.), từ đó có thê cá nhân hóa cho nhu cau cua riêng minh

Đề phát triển voi Flutter, bạn sẽ sử đụng một ngôn ngữ lập trình có tên là Dart Ngôn ngữ này được tạo ra bởi Goople vào tháng 10 năm 2011 và được cải tiên rất nhiêu trong 8 những năm qua Dart tập trung vào phát triển giao điện người dùng và bạn có thê sử dụng nó đề tạo các ứng dụng và di động

12

Trang 12

Nếu bạn biết một chút về lập trình, Dart là một ngôn ngữ lập trình hướng đối tượng với khá nhiều tính năng hữu ích nhu mixin, isolate, generic, va static type

s% Tại sao nên học ngôn ngữ Flutter?

Flutter là framework khá phô biến để tạo các ứng dụng di động trên hai hệ điều hành lớn nhất thế giới IOS va Android vì vậy nên bạn có thê học Flutter ngay từ bay gio Ngoài ra, một số lợi ích khác của ngôn ngữ Flutter là

s* Miền phí:

Flutter hoàn toàn miễn phí Do đó bạn không cần trả phí cấp phép hoặc phí phát triển

ứng dụng Flutter Điều này làm cho nó trở thành một lựa chọn hấp dẫn cho các công ty khởi nghiệp và nhà phát triển muốn tạo ra các ứng dụng chất lượng cao mà không tốn

nhiều tiền

% Dễ dàng gỡ lỗi với ngôn ngữ lập trình DART:

Dart là một ngôn ngữ lập trình khá đơn giản với các công cụ tuyệt vời như Dart

Analyzer va b6 DevTools Vi Flutter sử dụng ngôn ngữ lập trình Dart nên bạn có thé

dễ dàng tìm và sửa lỗi trong ứng dụng Flutter

s* Đem lại hiệu suất tôi đa:

Flutter đem lại hiệu suất tôi đa cho các lập trình viên Nhờ Flutter, bạn có thể thay đổi đoạn code của mình và xem kết quả ngay lập tức Tiện ích này được gọi là Hot- Reload Và nhờ vậy, bạn chỉ mắt một khoảng thời gian ngắn sau khi lưu code để cập nhật lại ứng dụng

Với các sửa đổi lớn, bạn buộc phải tải lại ứng dụng để kiểm tra thay đổi Nhưng nếu bạn chỉnh sửa một chút ở phân thiệt kê, chăng hạn như thay đôi kích thước của một phân tử, thì bạn có thê thây kết quả ngay sau đó

s% Documentation:

Điều quan trọng đối với các công nghệ mới là phải có nguồn tài liệu tham khảo chất lượng Tuy nhiên không phải lúc nào cũng có sẵn nguồn tài liệu cho bạn nghiên cứu Tuy nhiên Flutter đã cải thiện được vần đề đó với kho tài liệu doi dao

Bạn có thê tự học được nhiêu kiên thức từ các nguồn tài liệu của Flutter Cac bai hoc, các dữ liệu được xây dựng rất chi tiết với các ví dụ dê hiệu cho các trường hợp sử dụng cơ ban Vi vậy, khi bạn gap sự cô với các tiện ích con trong đoạn mã của mình, bạn có thê kiêm tra tài liệu và câu trả lời đã có săn ở đó

s* Cộng đồng Flutter phát triên mạnh:

Flutter có một cộng đồng mạnh mẽ và điều đó là một tín hiệu tốt cho những lập trình viên dang tim hiểu về Flutter Có rất nhiều người yêu thích việc chia sẻ kiến thức và các nội dung hữu ích về lập trình trên Ứng dụng của họ hoặc các cộng, đồng khác và Flutter có một cộng đồng rất lớn đề bạn có thể trao đổi thông tin và chia sẻ cùng nhau

13

Trang 13

Một sô ví dụ về các cộng đồng Flutter lớn hiện nay mà bạn có thê tham gia dé chia sé kiên thức hoặc nhận được sự trợ p1úp của mọi người

® Flutter Awesome: M6ét website danh néng cho Flutter Ở đây, bạn có thể tìm được một danh sách sắp xếp các thư viện và công cụ Flutter tốt nhất Trang web này xuất bản nội dung hàng ngày với rất nhiều ví dụ, mẫu ứng dụng, lời khuyên, v.v

e Awesorme Flutter: Một kho lưu trữ GitHub (được liên kết với Flutter Awesome) với danh sách các bài báo, video, thành phan, tiện ích, v.v, mà bạn có thể tham khảo khi bắt đầu với Flutter

© _Its all widgets: Danh sách mở các ứng dụng được xây dựng bằng Flutter

® Cộng đồng Flutter: Mét trang web Medium noi ban co thé tim thay cac bai bao,

hướng dẫn và nhiều kiến thức thú vị hơn nữa

Hinh 2 Céng dong fluter Mặc dù Flutter có nhiều ưu điểm, nhưng nó có thế không phải là sự lựa chọn tốt nhất cho mọi dự án Dưới đây là một số ví dụ về các doanh nghiệp phù hợp để sử dụng Flutter:

® Các Start-up: Flutter là một lựa chọn tốt cho các công ty khởi nghiệp vì nó miễn phí và dễ sử dụng Nó cũng có bộ công cụ và thư viện đa dạng, vì vậy bạn có thé tạo một ứng dụng chất lượng cao mà không tốn nhiều tiền

® Doanh nghiệp có nguồn lực hạn chế: Flutter là một lựa chọn tối ưu nếu bạn có nguồn lực hạn chế, chẳng hạn như thời pian hoặc tiền bạc Điều nảy là do Flutter không đòi hỏi nhiều nguồn lye dé phat triển một ứng dụng

* Các doanh nghiép can tao MVP: MVP — viết tắt của minimum viable product

(sản phâm khả thi tối thiểu) là sản phâm có số lượng tính năng tối thiêu cần

thiết để thành công Flutter là một lựa chọn tốt để tạo MVP vì nó nhanh chóng

và đễ sử dụng

14

Trang 14

Ngược lại, đây là một số doanh nghiệp có thể không phù hợp với Flutter:

® - Doanh nghiệp có nhiều nhân viên và các nhóm lớn: Flutter có thể không phải lả

lựa chọn tốt nhất nêu bạn là doanh nghiệp có một nhóm lớn Điều nảy là do việc tìm kiếm các lập trình viên thành thạo ngôn ngữ Dart có thể khá khó khăn và công cụ này vẫn chưa mạnh mẽ như các nền tảng khác

¢ Doanh nghiệp cần ứng dụng tùy chỉnh cao: Nếu bạn cần một ứng dụng có khả năng tùy chỉnh hoặc yêu cầu nhiều tính năng, Flutter có thể không phải là lựa chọn tốt nhất Điều này là do Flutter không kết nối với thư viện của bên thứ ba

16

Trang 15

2 Phan tich yéu cau

2.1.1 Yéu cau chire nang

Dựa vào các yêu câu đã mô ta ở trên, chúng ta phân tích và xác nhận được chức năng cụ thê ma hé thong can co:

° Thêm vào mục yêu thích

e© Tìm kiếm trong danh sách mục yêu thích

® - Bỏ thích, hoặc thịch lại bài hát đó

+® Dịch thuật

¢ Dich cac từ ngữ trong bài hát hoặc bat ki tir gi

Tir điển

© Tra cứu từ điển từ Anh- Việt, Việt - Anh,

» Nghe nhạc trên youtube

e Tim kiém bat kỳ bản nhạc nào mong muốn

s% Quản lý thông tin người dùng

® Ngăn chặn kẻ gian lây cắp thông tin người dùng

e Bao mat SSL

Cập nhật phiên bản ứng dụng

® Cập nhật công nehệ mới cho ứng dụng

s% Quản lý feedback của người dùng

s* Cập nhật danh sách thịnh hành

2.1.2 Yêu cầu phi chức năng

Ngoài các yêu cầu chức năng, hệ thống cũng cần đáp ứng các yêu cầu phi chức

năng đề đảm bảo hiệu suất, bảo mật và trải nghiệm người dùng tốt:

e - Hiệu suất: Hệ thống phải xử lý nhanh chóng và mượt mà, ngay cả khi có lượng lớn người dùng truy cập cùng một lúc

® - Báo mật: Hệ thông phải đảm bảo an toàn cho dữ liệu khach hang va giao dịch trực tuyến Cần có các biện pháp bảo mật như SSL, mã hóa đữ liệu, và bảo vệ chông lại các cuộc tân công mạng

e Kha nang bao tri: Hệ thông phải dê dàng bảo trì và cập nhật, với mã nguôn

rõ ràng và tài liệu đầy đủ

se Tinh thân thiện với người dùng: Giao diện người dùng phải trực quan và

dé str dụng, cung cấp trải nghiệm tốt cho cả khách hàng

17

Trang 16

3 Thiết kế ứng dụng

3.1.1 Kiến trúc ứng dụng

Ứng dụng “HelloMeoswic” sử dụng kiến tric MVC (Model-View-Controller) dé t6

chức mã nguồn và quản lý luồng đữ liệu giữa giao diện người dùng (UI), logic nghiệp

© Controller: Dong vai trò điều phối giữa Model và View Controller nhận sự kiện từ người dùng (chẳng hạn nhân nút, vuốt), xử lý đữ liệu từ Model và cập nhat lai giao dién thong qua View

s* Các module chính:

* Quan ly Music: Hiền thị danh sách bài nhạc thịnh hành, album, thê loại, tim kiếm các bài hát thịnh hành hoặc album, thể loại

® - Quản lý người dùng: Đăng nhập/đăng ký tài khoản, cập nhật thông tin cá

nhân, quản lý tải khoản

e - Quản lý danh sách: Người dùng có thê xem lại danh sách yêu thích bài hát cua minh, xem lại các từ vựng mình đã học

e - Đăng nhập/ đăng ký: Người dùng có thể đăng nhập hoặc tạo tài khoản mới

để có thể nghe nhạc

s* Cơ sở dữ liệu:

Ứng dụng sử dung SQLite lam giai pháp lữu trữ đữ liệu, cụ thé SQLite cho phép việc lưu trữ thông tin bài hát, người dùng, từ vung trong SQLite su dụng các bang dữ liệu người dùng, bài hát, lịch sử từ vựng

“ API:

Ung dung két noi va lay dit liệu qua các API, sử dụng phương thức GET API để truy

xuất thông tin bài hát từ cơ sở dữ liệu hoặc server các API này trả về đữ liệu dạng

JSON để ứng dụng có thê dễ dàng xử lý

3.1.2 Thiết kế UUUX

Material Design: Ứng dụng sẽ dựa trên nguyên tắc của Material Design, một bộ

hướng dẫn thiết kế của Google Nguyên tắc nảy giúp đảm bảo giao diện ứng dụng hiện đại, nhất quán và dễ sử dụng Material Design cung cấp hướng dẫn về màu sắc, hình

dạng, vả các yếu tô tương tác như nút nhắn, hiệu ứng chuyên động, và spacing

Wireframe Wireframe: Wireframe la bản phác thảo đơn giản của giao diện người

dùng Đây là các bản thiết kế sơ bộ để xác định cấu trúc và bố cục của các màn hình

chính

18

Trang 17

® Màn hình chính:

o_ Thanh tìm kiếm ở đầu trang

©_ Danh sách bai hat, album, gener

¢ Man hinh tim kiếm

o_ Thanh tìm kiếm ở đầu trang

o_ Textfield nhập thông tin tim kiếm

o_ SizeBox tìm kiếm thông tin vừa nhập

® Màn hình thư viện

©_ Mở thư mục chứa nhạc trong may

©_ Danh sách nhạc trong thư mục

© Phat nhac trong thư mục

® Man hinh cai dat

©_ Thông tin người dùng

©_ Ngôn ngữ ứng dụng

o_ Nút đăng xuất

©_ Thông tin ứng dụng

Màu sắc, Biểu tượng, Font chữ

¢ Mau chinh: mau sac chủ đạo của ứng dụng là màu tím và trắng

© Màu phụ: màu sắc bồ sung cho các thành phần như nút là màu đen và trắng

® - Màu cho thông báo: màu cho các thông báo là màu xám trắng

¢ Font chính: Font chữ cho tiêu đề và văn bản chính (ví đụ: Roboto, Open Sans)

® Font phụ: Font chữ cho các yếu tổ phụ hoặc chú thích

e Icon: Cac biéu tượng cho các chức năng như Nhạc, tim kiếm, Thư viện (sử

dung thu vién icon nhu Material Icons hoặc FontAwesome)

Trang 18

® asse(s/; Chứa tài nguyên tĩnh như hình ảnh va Audio

©_ test: Chứa các bài kiếm tra va unit test cho ứng dụng

¢ pubspec.yaml: Tép cau hinh dy an Flutter, dinh nghia cac dependencies, assets, va cau hình của dự án

® android/ và ios/: Chứa mã nguồn vả cấu hình cụ thể cho nên tảng Android va iOS

Chiến lược phát triển:

e Giai đoạn phân tích: Xác định yêu cầu và tính năng của ứng dụng

® Giai doạn thiết kẽ: Tạo wireframes, mockups, và định hình ø1ao diện người

e©_ Giai đoạn triển khai: Đưa ứng dụng vào cửa hàng ứng dụng (Amazon store)

và thực hiện các bước bảo trì sau triên khai

4.1.2 Mô tả file mã nguồn

© Main.dart: Điểm bắt đầu của ứng dụng Flutter, nơi câu hình ứng dụng và khởi

tao widget géc

Model:

© Quan lý và xử lý đữ liệu

® Tương tác với cơ sở đữ liệu hoac API

® - Định nghĩa lopIc nghiệp vụ và câu trúc dữ liệu

View:

¢ Hién thị giao diện người dùng

e© - Nhận dữ liệu từ Controller hoặc Service đề hién thi

® - Xử lý sự kiện giao dién cơ bản

Service:

¢ Dam nhiém logic trung gian giữa Model và Controller

© Quản lý giao tiếp với API, xử lý dữ liệu và gửi phản hồi

Controller:

20

Ngày đăng: 23/12/2024, 12:43

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w