báo cáo phát triển ứng dụng di động app dịch vụ giặt ủi

TRƯỜNG ĐẠI HỌC ĐÀ LẠTKHOA CÔNG NGHỆ THÔNG TIN... APP DỊCH VỤ GIẶT ỦI1.Công Nghệ Sử DụngCông nghệ sử dụng FlutterNgôn ngữ sử dụng Dart Code2.Tổng Quát-Yêu cầu của đề tàiĐề tài cần đáp ứng

TRƯỜNG ĐẠI HỌC ĐÀ LẠT KHOA CÔNG NGHỆ THÔNG TIN

——

⁃—— □&□ ——⁃——

Báo Cáo

Phát Triển Ứng Dụng Di Động

ĐÀ LẠT, THÁNG 12 NĂM 2021

ĐẠI HỌC ĐÀ LẠT KHOA: CÔNG NGHỆ THÔNG TIN

BÁO CÁO Sinh viên: Nguyễn Trần Việt Anh – 1812726

Học phần: Phát Triển Ứng Dụng Di Động

Nhóm: 8 Báo Cáo Tổng Quát Lớp: CTK42

APP DỊCH VỤ GIẶT ỦI

1.Công Nghệ Sử Dụng

Công nghệ sử dụng Flutter

Ngôn ngữ sử dụng Dart Code

2.Tổng Quát

-Yêu cầu của đề tài

Đề tài cần đáp ứng được các yêu cầu cơ bản của ứng dụng

-Ý tưởng thiết kế ban đầu

Một app giặt ủi với các tính năng cơ bản và đáp ứng cơ bản các yêu cầu

-Các vấn đề có thể gặp

Có thể có một số lỗi và trong quá trình chạy trương trình sảy ra vấn đề -Các thành phần sử dụng

Column, Row

Đây là 2 widget giúp định hình 1 tập hợp các widget theo chiều dọc (vertically) hoặc chiều ngang (horizontally) 2 thuộc tính quan trọng nhất của 2 widget này là mainAxisAlignment và crossAxisAlignment

Container

Đây là 1 widget được mình thường xuyên được sử dụng vì tính hữu dụng của nó Nó có các thuộc tính width, height giúp bạn có thể dễ dàng layout những view có kích thước đã xác định và đặc biệt là thuộc tính decoration giúp bạn trang trí lộng lẫy hơn cho view của bạn

SingleChildScrollView

Khi bạn có 1 Column hoặc 1 Row có height hoặc width vượt qua độ lớn màn hình điện thoại của bạn thì SingleChildScrollView widget xuất hiện

giúp bạn giải quyết vấn đề này Để widget này hoạt động đúng thì bạn cần phải set giá trị cho thuộc tính scrollDirection của nó (Axis.vertical là theo chiều dọc, Axis.horizontal theo chiều ngang)

StatefulWidget

StatefulWidget sẽ tận dụng lại State cũ, lấy tất cả giá trị trong đó ra để render lại Widget

Stateless widgets

StatelessWidget chỉ đơn thuần nhận dữ liệu và hiển thị 1 cách thụ động Việc tương tác với nó không sinh ra bất kỳ một event nào để chính bản thân phải render lại

MainAxisAligment

Dùng để sắp xếp các phần tử con trong một row hoặc column

AppBar

AppBar (Thanh ứng dụng) bao gồm một thanh công cụ (Tool Bar) và các Widget tiềm năng khác

Navigation.push

Được sử dụng để điều hướng / chuyển sang một tuyến đường / trang / màn hình mới

ListView

Dùng để hiển thị các mục có thể cuộn và có thể dùng dể tạo các mục hoạc tạo danh sách mục lập đi lập lại

DateTimePickerWidgetState

Tạo ra một bộ thời gian để người sử dụng có thể chọ thời gian

SetState

setState là cách cập nhật trạng thái cơ bản, phổ biến và hầu hết đều được dùng trong xây dựng ứng dụng Flutter

3.Thiết Kế Ban Đầu

Splash screen

Màn hình On Boarding

Login Page

Homepage

Trang Home

Trang dịch vụ

Trang dịch vụ

Trang thông tin khách hàng

Trang chọn thời gian

Trang xác nhận

Trang theo dõi

Đà Lạt, ngày 31 tháng 12 năm 2021

Giáo viên hướng dẫn

(Ký tên)

SV Thực hiện

(Ký tên)

BCN Khoa

(Ký tên)

Tổ trưởng Bộ Môn

(Ký tên)