Tải bản đầy đủ (.pdf) (18 trang)

ứng dụng mua bán bàn ghế online

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.64 MB, 18 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

about:blank 1/18

<b>TRƯỜNG ĐẠI HỌC VĂN LANG </b>

<small> </small>

<b>ĐỒ ÁN MƠN LẬP TRÌNH DI ĐỘNG NÂNG CAO </b>

NGÀNH: CƠNG NGHỆ THƠNG TIN

- Lê Hồng Thanh_207CT40629

GVHD: Th y Nguy<b>ầễn Văn Trung </b>

<b>TP. Hồ Chí Minh – năm 2023</b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>CHƯƠNG 2: MÔ TẢ QUÁ TRÌNH TH C HI N D ỰỆỰ ÁN ... 7 </b>

2.1 Mô t , Nghiên c u các ng d ng cùng lo<b>ảứứụại và viết Function List: ... 7 </b>

2.1.1 Mô t và m<i><b>ảục tiêu của ứng dụng “Mua Bán Bàn Ghế Online” ... 7 </b></i>

2.1.2 Các Module: ... 7

2.1.3 Lu ng nghi p v chính: <i><b>ồệụ</b></i> ... 7

2.1.4 Nh ng ng d<i><b>ữứụng tương tự có trên th ị trườ</b></i>ng: ... 8

2.1.5 Function List C<i><b>ủa “Ứ</b></i>ng D ng Mua Bán Bàn Gh <i><b>ụế Online” ... 8 </b></i>

2.2 Thi t k giao di n cho ng d ng: <b>ế ếệứụ</b> ... 8

<b>2.3 Xây dựng cơ sở dữ liệu: ... 9 </b>

2.4 L p trình ch<b>ậức năng cho ứng dụng: ... 11 </b>

<i><b>2.4.1 Đăng nhập: ... 11 </b></i>

<i><b>2.4.2 Đăng ký tài khoản: ... 12 </b></i>

2.4.3 Xem chi ti t tài kho<i><b>ếản: ... 13 </b></i>

2.4.4 Tìm ki m bàn gh : <i><b>ếế ... 14 </b></i>

2.4.5 Xem chi ti t thông tin bàn gh<i><b>ếế ... 14 </b></i>

2.5.6 Thêm vào gi hàng: <i><b>ỏ</b></i> ... 16

2.5.7 Xem chi ti t thơng tin thanh tốn: <i><b>ế</b></i> ... 17

Tài li u tham kh<b>ệảo ... 18 </b>

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

about:blank 3/18<small>3 </small>

<b>CHƯƠNG 1: GIỚI THIỆU 1.1 Lý do chọn chủ đề nghiên cứu: </b>

Bước vào thời kỳ công nghệ số, việ ứng dụng khoa học công nghệ vào đời sống, hoạt động sản xuấc t kinh doanh là một xu hướng tất yếu, bên cạnh đó cùng với sự phát triển vượt bậc của ngành cơng nghiệp 4.0 thì cơng nghệ thơng tin cũng đang dần trở thành một ngành công nghiệp lớn mạnh và được ứng dụng rộng rãi và phổ biến trong cuộc sống hiện nay. Vì vậy, việc mua sắm các mặt hàng Online thay vì mua sắm theo phương thức truyền thống đang ngày càng trở nên phổ biến hơn. Cũng chính từ lý do đó nhóm chúng em lựa chọn phát triển xây dựng phần mềm mua bán bàn ghế Online nhằm đáp ứng nhu cầu trên. Dự án xây dựng phần mềm mua bán bàn ghế Online áp dụng ngơn ngữ lập trình Dart với cơng nghệ Flutter nhằm tạo ra mộ ứng dụng miễn phí nơi ngườt i dùng có thể tự do mua sắm bàn ghế theo sở thích và nhu cầu của bản thân.

<b>1.2 Công nghệ được sử dụng:</b>

<i><b>1.2.1 Fullter FrameWork: </b></i>

Flutter FrameWork là một bộ công cụ phát triển phần mềm giao diện người dùng ứng dụng di động với mã nguồn mở do Google tạo ra. Flutter được sử dụng để phát triển các ứng dụng đa nền tảng cho nhiều hệ điều hành như: iOS, Android, Linux,… từ một cơ sở mã nguồn duy nhất.

Flutter được xem là một react framework và có những tính năng nổ ật như:i b + Có thể sử dụng ngơn ngữ lập trình Dart rất đơn giản và thuận tiện bởi nhờ Flutter.

+ Người dùng dễ dàng trải nghiệm, xây dựng giao diện và sửa lỗi nhanh chóng nhờ tính năng hot reload.

Giao diện người dùng đẹp mắt, hoạt động phong phú, scroll mượt mà và khả năng tự nhận thức nề+ n tảng của các widget built – in.

Bằng cách thức tập hợp các layout, platform, và widget đa dạng mà framework có thể giải quyế+ t những thách thức khó khăn trong giao diện người dùng.

+ Đạt hiệu năng cao và có khả năng thể hiện cùng một UI trên nhiều nền tảng.

Cũng chính vì những tính năng nổi bật và tiện lợi trong việc xây dựng ứng dụng di động tuyệt vời như vậy nên nhóm chúng em đã quyết định lựa chọn Flutter FrameWork là một trong những công nghệ sẽ được sử dụng trong việc xây dựng “Ứng Dụng Mua Bán Bàn Ghế Online”.

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

<i><b>1.2.2 Ngơn Ngữ Lập Trình Dart: </b></i>

Dart là một ngơn ngữ lập trình chính thức được sử dụng trong việc phát triển ứng dụng di động và web trong framework Flutter.

Ngơn ngữ lập trình Dart có những ưu điểm sau:

+ Hiệu suất cao: Giúp ứng dụng chạy mượt mà và nhanh chóng. Hot reload cho phép những thay đổi trong mã nguồn được áp dụng ngay lập tức mà không cần phải kh i đở ộng lạ ứng dụng. i

Đa nền tảng (Cross-platform): Hỗ ợ việc phát triển ứng dụng đa nền tảng, đồng thời có khả năng + trchạy trên cả trình duyệt web, điện thoại di động và máy tính bảng.

Hỗ ợ đối tượng đầy đủ: Là một ngơn ngữ lập trình hướng đối tượng, hỗ ợ các khái niệm như + tr trclass, inheritance, interfaces, và mixin. Cú pháp của Dart thân thiện với những lập trình viên có kinh nghiệm trong các ngôn ngữ hướng đối tượng khác.

+ Thư viện và Framework đa dạng: Có mộ ộng đồng phát triển linh hoạt và đa dạng, cung cấp nhiều t cthư viện và framework hữu ích cho việc phát triển ứng dụng.

+ Kiểm sốt độ an tồn của kiểu dữ liệu (Sound Typing): Sử dụng hệ thống kiểu dữ liệu mạnh mẽ giúp phát hiện lỗi ngay từ lúc biên dịch, giúp tăng cường tính ổn định và tin cậy củ ứng dụng.a

Thân thiện với người mới học lập trình: Cú pháp của Dart dễ đọc và dễ hiểu, làm cho nó thích hợ+ p cho những người mới họ ập trình. c l

Hỗ ợ đa luồng: Hỗ ợ lập trình đa luồng với isolates, giúp tối ưu hóa sự chia sẻ tài nguyên và xử + tr trlý đồng thời trong các ứng dụng.

Cộng đồng sáng tạo và phát triển mạnh mẽ: Có một cộng đồng sáng tạo và phát triển động, liên tụ+ c cập nhật và cung cấp sự hỗ ợ cho những ngườtr i phát triển sử dụng ngôn ngữ này.

Cũng chính vì những tính năng nổi bật và tiện lợi trong việc xây dựng ứng dụng di động tuyệt vời như vậy nên nhóm chúng em đã quyế ịnh lựt đ a chọn ngôn ngữ lập trình Dart là một trong những cơng nghệ sẽ đượ ử dụng trong việc s c xây dựng “Ứng Dụng Mua Bán Bàn Ghế Online”.

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

about:blank 5/18<small>5 </small>

<i><b>1.2.3 SQLite: </b></i>

SQLite là một hệ ống quản lý cơ sở dữ ệu quan hệ (Relational Database Management System - th liRDBMS) nhỏ gọn và phổ biến, được triển khai dưới dạng thư viện C và cung cấp một cơ sở dữ ệu liquan hệ nhẹ và khơng địi hỏi q nhiều tài nguyên. ểm đặc biệt của SQLite là nó khơng cần một máy Đichủ riêng bi t, mà dệ ữ liệu được lưu trữ trong m t tộ ệp duy nhất trên hệ thống tệp của máy chủ hoặc thiết bị.

Đặc điểm của SQLite:

+ Nhẹ và Dễ triển khai: SQLite nhẹ và dễ triển khai, không cần máy chủ riêng biệt và khơng địi hỏi quản lý hệ ống phứth c tạp.

+ Khả năng Chạy Trên Nhiều Nền Tảng: Nó có thể ạy trên nhiều hệ điều hành khác nhau như chAndroid, iOS, Windows, macOS và Linux.

Dữ ệu Lưu Trữ Trong Một Tệp Đơn: Dữ ệu được lưu trữ trong một tệp duy nhất, giúp dễ dàng + li lisao lưu, di chuyển và sao chép.

Hỗ + Trợ SQL: SQLite hỗ ợ hầu hết các câu lệnh SQL chuẩn, cho phép thực hiện các hoạt động như trtạo bảng, thêm, sửa, xóa dữ ệu và thựli c hiện truy vấn.

Cũng chính vì những tính năng nổi bật và tiện lợi trong việc xây dựng ứng dụng di động tuyệt vời như vậy nên nhóm chúng em đã quyết định lựa chọn Database SQLite là một trong những công nghệ sẽ được sử dụng trong việc xây dựng “Ứng Dụng Mua Bán Bàn Ghế Online”.

<i><b>1.2.4 Figma:</b></i>

Figma là mộ ứng dụng gồ nhiều công cụ ết kế mạnh mẽ trên nền tảng website. Với Figma, bạt m thi n có thể sáng tạo khơng giới hạn giao diện người dùng (UI/UX), thiết kế tạo mẫu, tạo bài đăng trên các mạng xã hội và nhiều dự án thiết kế khác.

Những ưu điểm của Figma: + Khả năng tương thích cao Figma có thể : được truy cập và sử dụng trên hầu hết các hệ ều hành phổ đi

biến hiện nay như Windows, MacOS hay thậm chí là Linux, chỉ cần thiết bị của bạn được kết nối internet.

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

+ Tính cộng tác cao: Với Figma, làm việc nhóm từ xa trở nên dễ dàng khi nó cho phép những người khác trong dự án có thể cộng tác về ết kế, cung cấp phản hồi, kiểm tra tiến độ công việc hoặthi c gắn cờ các vấn đề có thể xảy ra theo thời gian thực.

+ Trang bị nhiều công cụ plugin mạnh mẽ: Kho plugin khổng lồ và cực kỳ hữu ích chỉ có ở Figma sẽ giúp bạn khắc phục được những lỗi nhỏ và tăng hiệu suất làm việc. + Thiết kế nhiều layout trong một sản phẩm: Có thể sáng tạo nhiều layout với các kích thước khác nhau trên cùng một sản phẩm mà không cần phả ạo thêm tệp mới t i.

+ Xuất được đa dạng file ảnh cực sắc nét: Tương tự như Illustrator, Figma thiết kế hình ảnh dưới dạng vector nên chất lượng của hình ảnh sẽ khơng bị giảm khi bạn thay đổi kích thước c a chúng.ủ Hỗ ợ lưu trữ đám mây Figma sử dụng dị+ tr : ch vụ đám mây để lưu trữ và chỉnh sửa dữ ệu, điều này litương tự như khi bạn thay đổi nội dung trên Google Docs. Bạn sẽ khơng cịn phải lo lắng về việc ổ cứng đầy dung lượng hay quên sao lưu vì Figma sẽ tự động thực hiện cho bạn.

Cũng chính vì những tính năng nổi bật và tiện lợi trong việc xây dựng ứng dụng di động tuyệt vời như vậy nên nhóm chúng em đã quyết định lựa chọn Figma là một trong những công nghệ sẽ được sử dụng trong việc xây dựng “Ứng Dụng Mua Bán Bàn Ghế Online”.

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

about:blank 7/18<small>7 </small>

<b>CHƯƠNG 2: MƠ TẢ Q TRÌNH THỰC HIỆN DỰ ÁN 2.1 Mô tả Nghiên cứu các ứng dụng cùng loại và viết Function List:, </b>

<i><b>2.1.1 Mô tả và mục tiêu củ ứng dụng “Mua Bán Bàn Ghế Online”a * Mô tả về ứng dụng: </b></i>

Ứng dụng đặt bàn ghế là mộ ứng dụng di động hoặc trực tuyến giúp người dùng dễ dàng đặt mua bàn t ghế phù hợp với nhu cầu, sở thích của bản thân tại các cửa hàng buôn bán bàn ghế hiện có trên tồn quốc một cách thuận tiện và nhanh chóng.

<i><b>2.1.3 Luồng nghiệp vụ chính: </b></i>

1) Người dùng truy cập vào ứng dụng và tìm kiếm các bộ bàn ghế theo sở thích và nhu cầu của họ. 2) Sau khi tìm thấy những bộ bàn ghế phù hợp với nhu cầu, họ nhấp vào để xem chi tiế ản phẩt s m. 3) Tiếp theo họ bấm “Add to Cart” để thêm những bộ bàn ghế này vào giỏ hàng.

4) Sau khi đã thêm sản phẩm vào giỏ hàng, họ sẽ ếp tục bấm “Check Out” để ến hành thanh toán.ti ti 5) Cuối cùng họ sẽ ận được thông tin về sản phẩm và số ền cần phảnh ti i thanh toán từ hệ thống.

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

<i><b>2.1.4 Những ứng dụng tương tự có trên thị trường: </b></i>

<i><b>2.1.5 Function List Của “Ứng Dụng Mua Bán Bàn Ghế Online”</b></i>

<b>2.2 Thiết kế giao diện cho ứng dụng: </b>

Dựa vào những ưu điểm và tiện lợi mà nền tảng Figma mang lại, nhóm quyết định lựa chọn cơng cụ Figma cho việc thiết kế giao diện củ “Ứng dụng mua bán bàn ghế Online”.a

Đường dẫn Figma:

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

about:blank 9/18<small>9 </small>

UI- -Design Minimal-Design-(Community)?type=design&node-id=0%3A1&mode=design&t=pHisst7lQrXAseas-1

<b>---2.3 Xây dựng cơ sở dữ liệu: </b>

Dựa vào những ưu điểm và tiện lợi mà cơ sở dữ ệu SQLite mang lại, nhóm quyế ịnh lựli t đ a chọn đây sẽ là một trong những công cụ sẽ xây dựng và phát triển “Ứng dụng mua bán bàn ghế Online”. Để kết nối SQLite trong “Ứng dụng mua bán bàn ghế Online”, chúng em sử dụng package <b>sqflite</b>. Đây là một số bước cơ bản để bắt đầu:

Đầu tiên, thêm package <b>sqflite</b> vào file <b>pubspec.yaml</b> của dự án Flutter:

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

Code Database của App

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

about:blank 11/18<small>11 </small>

<b>2.4 Lập trình chức năng cho ứng dụng: 2.4.1 Đăng nhập: </b>

<b> </b>

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

<b>2.4.2 Đăng ký tài khoản:</b>

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

about:blank 13/18<small>13 </small>

<b>2.4.3 Xem chi tiết tài khoản: </b>

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

<b>2.4.4 Tìm kiếm bàn ghế: </b>

<b>2.4.5 Xem chi tiết thông tin bàn ghế </b>

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

about:blank 15/18<small>15 </small>

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

<b>2.5.6 Thêm vào giỏ hàng: </b>

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

about:blank 17/18<small>17 </small>

<b>2.5.7 Xem chi tiết thơng tin thanh tốn: </b>

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

Tài li u tham kh o <b>ệả</b>

[1] Flutter là gì? Tìm hi u nhể ững ưu điểm vượt trội của Flutter -gi/la

[2] Figma là gì? Cơng c ụ thiết kế giao diện có ưu điểm gì? app/figma-la-gi-cong-cu thiet-ke-giao-dien- -uu-diem-gi-1421999- co

Dart là gì? Giới thiệu cơ bản v ngơn ng l p trình Dart ề ữ ậ Dart là gì? Giới thiệu cơ bản v ngơn ng ề ữl p trình Dart (200lab.io)ậ

[4] Flutter - SQLite Database Flutter - SQLite Database (viblo.asia)

</div>

×