Nó cho phép bạn xây dựng các ứng dụng di động đẹp và mượt mà trên nhiều nền tảng khác nhau, bao gồm iOS và Android, bằng cách sử dụng cùng một mã nguồn.. Ưu điểm và khuyết điểm của Flut
GIỚI THIỆU
Giới thiệu về công ty
- Tên công ty: Công ty cổ phần công nghệ Apps Cyclone - Logo công ty:
Hình 1.1 Logo công ty Apps Cyclone
- Địa chỉ công ty: 168/6 Bùi Thị Xuân, phường 3, quận Tân Bình, thành phố Hồ Chí Minh, Việt Nam
- Quy mô công ty: 65 nhân viên - Email: enquiry@apps-cyclone.com - Website: appscyclone.com
- Thành lập: 27/02/2013 1.1.2 Lĩnh vực kinh doanh
Sản xuất phần mềm 1.1.3 Sứ mệnh của công ty
“Apps Cyclone tập trung vào con người – giá trị cốt lõi của doanh nghiệp – nhằm mang đến những sản phẩm chất lượng cho khách hàng” Để thực hiện sứ mệnh này tập thể Cán bộ và nhân viên của Công ty luôn phấn đấu không ngừng, nỗ lực thực hiện các mục tiêu như sau:
- Tạo ra, cung cấp, và phục vụ khách hàng với những sản phẩm và dịch vụ chất lượng đạt tiêu chuẩn hàng đầu
- Liên tục đào tạo và phát triển nhân viên
- Hỗ trợ sinh viên học tập và trải ngiệm trong môi trường doanh nghiệp thực tế
- Cung cấp và hỗ trợ các dịch vụ website, phần mềm, ứng dụng di động hướng mọi người tới một xã hội công nghệ số hiện đại trong tương lai
- Liên tục xúc tiến và mở rộng thị trường ra các nước trong và ngoài khu vực
- Tiếp cận những công nghệ mới nhằm tạo ra các sản phẩm tốt nhất đáp ứng nhu cầu khách hàng
1.1.4 Khách hàng và đối tác
Hình 1.2 Các khách hàng và đối tác công ty
1.1.5 Lịch sử hình thành và phát triển
Công ty Apps Cyclone được thành lập vào ngày 27/02/2013 Ban đầu Công ty chỉ có 6 thành viên bao gồm cả người sáng lập và các nhân viên Thời gian đầu Công ty đã phải trải qua rất nhiều khó khăn khi vừa thiếu thốn nhân sự vừa hạn chế về cơ sở vật chất, song với công sức, tâm huyết và sự nỗ lực của tất cả các thành viên Apps Cyclone, Công ty đã thực sự trở thành ngôi nhà chung dành cho các bạn trẻ năng động sáng tạo, yêu thích và có niềm đam mê với công nghệ Apps Cyclone đã có những bước đi vững chắc, tự tin đồng hành cùng khách hàng để đem đến những sản phẩm tốt nhất, đáp ứng nhu cầu phát triển của xã hội nhằm nâng cao đời sống con người
Tháng 3/2014 Công ty đặt văn phòng làm việc tại tòa nhà PBS 6-6A, Đường D52, Phường 12, Quận Tân Bình, TP Hồ Chí Minh Số lượng nhân viên công ty đã tăng lên 26 người, Apps Cyclone đã bắt đầu mở rộng thị trường tìm kiếm khách hàng ra nước ngoài Ban đầu khách hàng của công ty chỉ là một vài đối tác trong khu vực Đông Nam
3 Á, sau đó vươn rộng ra tới Châu Mĩ, Châu Âu – chủ yếu tập trung vào các nước:
Tháng 3/2017, Công ty chuyển địa điểm văn phòng làm việc về tòa nhà AC – Building – do công ty xây dựng, tại địa chỉ 168/6 Bùi Thị Xuân, Phường 3, Quận Tân Bình, Thành Phố Hồ Chí Minh Hiện nay, Apps Cyclone vẫn tiếp tục duy trì tốc độ phát triển, nâng số lượng nhân viên chính thức lên 65 nhân viên, đã hoàn thành hơn 1000 dự án cho hơn 100 khách hàng.
Sản phẩm, dịch vụ cung cấp
Công ty Apps Cyclone cung cấp dịch vụ giải pháp phần mềm:
• Outsource: thiết kế website, các ứng dụng di động theo yêu cầu của khách hàng
• Solution consultant: tư vấn giải pháp cho đơn vị CNTT bên ngoài
- Product: Phát triển những sản phẩm, nền tảng của công ty như Blockchain, Academy,…
Định hướng phát triển của công ty
- Mở rộng thị trường sang các quốc gia mới
- Liên tục đào tạo, phát triển đội ngũ nhân viên trong công ty, tiếp cận những công nghệ mới nhằm tạo ra các sản phẩm tốt nhất đáp ứng nhu cầu khách hàng
- Giữ liên hệ tốt với nguồn khách hàng đã hợp tác trong thời gian qua
- Luôn lấy chất lượng sản phẩm làm thước đo giá trị cốt lõi để đem lại sự thỏa mãn tối đa cho khách hàng
- Phát triển thêm nhiều sản phẩm mới ở lĩnh vực blockchain, crypto
- Phát huy việc chung tay góp sức, sẻ chia cùng Cộng đồng, đóng góp và giúp đỡ các tổ chức từ thiện, góp phần đem lại hạnh phúc, niềm vui cho những người kém may mắn trong xã hội
- Tiếp tục thực hiện hoạt động đào tạo thực tập sinh định kỳ 3 tháng/lần (dành cho sinh viên năm cuối hoặc mới tốt nghiệp), nhằm tạo điều kiện cho sinh viên áp dụng, củng cố những kiến thức đã học, rèn luyện tác phong, quy trình làm việc… và cung cấp cho thị trường IT nguồn Fresher chất lượng.
KIẾN THỨC, CÔNG CỤ VÀ KỸ NĂNG
Kiến thức về công nghệ
Dart là ngôn ngữ lập trình hướng đối tượng, được Google phát hành có mục đích chung với mã nguồn mở và được ECMA chấp thuận làm tiêu chuẩn Ngôn ngữ này được sử dụng để xây dựng các ứng dụng web, di động trên nhiều nền tảng khác nhau Hiện tại, Dart hỗ trợ hầu hết các tính năng phổ biến của ngôn ngữ lập trình như lớp, giao diện, chức năng,… tương tự những ngôn ngữ khác Ngôn ngữ Dart được ra đời vào năm 2011 bởi Google để khắc phục một số nhược điểm của JavaScript
Dart đóng vai trò là ngôn ngữ lập trình cơ bản cho Flutter, và được sử dụng để xây dựng các ứng dụng di động có thể mở rộng Do là ngôn ngữ có mục đích chung, nó được sử dụng để xây dựng, lập trình các ứng dụng di động gốc cho iOS, Android hoặc cho máy tính để bàn, máy chủ Ưu điểm và khuyết điểm của ngôn ngữ Dart:
• Là ngôn ngữ mở rộng, linh hoạt, tạo điều kiện tích cực cho việc biên dịch trở nên nhanh chóng hơn
• Có tính ổn định tốt, được sử dụng để xây dựng các ứng dụng về thời gian thực với hiệu suất cao
• Hỗ trợ cả biên dịch Vừa đúng lúc (JIT) và biên dịch Trước thời hạn (AOT)
• Có thể thích ứng nhanh chóng với các quy trình công việc có sự thay đổi
• Là ngôn ngữ lập trình mới nên hiện tại cộng đồng người sử dụng, hỗ trợ có quy mô nhỏ, chưa có quá nhiều tài nguyên phục vụ cho công việc học tập
• Chỉ bao gồm một lớp đối tượng duy nhất, không hỗ trợ quá trình lặp lại mã
• Không hỗ trợ đổi tên hàm mà không thực hiện viết câu lệnh gán mới.
Các tính năng của ngôn ngữ Dart:
• Hướng đối tượng: Dart sử dụng dữ liệu dưới dạng đối tượng thay vì coi dữ liệu là hàm hoặc logic và hỗ trợ cả các khác niệm lập trình hướng đối tượng cơ bản
• Không đồng bộ: Dart không có tính đồng bộ nhưng cho phép đồng thời nâng cao Hiểu đơn giản là bạn có thể chạy đồng thời nhiều tác vụ với Dart bằng cách sử dụng thể độc lập (phân lập)
• Các thư viện tích hợp: Dart bao gồm các thư viện tích hợp mở rộng như Input – Output (IO), Software Development Kit (SDK),… Bạn có thể tìm các đoạn mã code viết sẵn trong những thư viện này và tối ưu theo mục đích của mình
• Hỗ trợ đa nền tảng: Dart có thể hoạt động trên nhiều hệ điều hành khác nhau Windows, Linux, macOS cũng như nhiều hệ điều hành khác bởi tính năng Máy ảo Dart
Flutter là một framework phát triển ứng dụng di động đa nền tảng (cross-platform mobile development) được phát triển bởi Google Nó cho phép bạn xây dựng các ứng dụng di động đẹp và mượt mà trên nhiều nền tảng khác nhau, bao gồm iOS và Android, bằng cách sử dụng cùng một mã nguồn Flutter sử dụng ngôn ngữ lập trình Dart để phát triển ứng dụng Dart được thiết kế để tương thích tốt với Flutter và giúp xây dựng ứng dụng một cách nhanh chóng và hiệu quả Ưu điểm và khuyết điểm của Flutter:
• Đa nền tảng: Mã nguồn Flutter có thể được chia sẻ và sử dụng trên nhiều nền tảng, bao gồm iOS và Android, giúp tiết kiệm thời gian và công sức trong việc phát triển ứng dụng cho các nền tảng khác nhau
• Giao diện đồng nhất: Flutter cho phép bạn tạo ra giao diện người dùng đồng nhất trên cả iOS và Android, giúp ứng dụng của bạn có cảm giác đồng đều và chuyên nghiệp trên mọi nền tảng
• Mã nguồn mở và miễn phí: Flutter là mã nguồn mở và miễn phí, điều này có nghĩa bạn không cần phải trả phí cho việc sử dụng framework này
• Hiệu suất cao: Flutter được tối ưu hóa cho hiệu suất cao, giúp ứng dụng chạy mượt mà và đáp ứng nhanh chóng trên các thiết bị di động
• Thư viện widget phong phú: Flutter đi kèm với một loạt thư viện widget phong phú và đa dạng, giúp bạn xây dựng giao diện người dùng theo ý muốn
• Kích thước ứng dụng: Ứng dụng Flutter có thể có kích thước lớn hơn so với ứng dụng được xây dựng bằng ngôn ngữ và công nghệ khác Điều này có thể gây tốn thời gian tải và lưu trữ
• Chưa phổ biến như các ngôn ngữ khác: Mặc dù Flutter đang trở nên phổ biến hơn, nhưng nó vẫn chưa được sử dụng rộng rãi bằng các công nghệ như React Native hoặc phát triển ứng dụng nền tảng cố định
• Tích hợp phức tạp: Một số tích hợp với hệ thống bên ngoài, như truy cập vào các tính năng thiết bị cụ thể, có thể yêu cầu thời gian và công sức nhiều hơn
Firebase Firestore là một dịch vụ cơ sở dữ liệu NoSQL thời gian thực (real-time) được cung cấp bởi Firebase, một nền tảng phát triển ứng dụng di động và web của Google Firestore là một hệ thống lưu trữ dữ liệu trên đám mây, được thiết kế để dễ sử dụng và tích hợp vào các ứng dụng di động và web một cách thuận tiện Ưu điểm và khuyết điểm của Flutter:
Công cụ hỗ trợ
2.2.1 Visual Studio Code Visual Studio Code, thường được viết tắt là VSCode, là một trình soạn thảo mã nguồn mã nguồn mở miễn phí phát triển bởi Microsoft Nó là một trong các trình soạn thảo mã
10 nguồn phổ biến và mạnh mẽ được sử dụng rộng rãi trong cộng đồng phát triển phần mềm Dưới đây là một số điểm quan trọng về Visual Studio Code:
- Miễn phí và mã nguồn mở: Visual Studio Code là một sản phẩm mã nguồn mở hoàn toàn miễn phí, có sẵn cho Windows, macOS và Linux Bạn có thể tải và sử dụng nó mà không cần trả bất kỳ phí nào
- Hỗ trợ nhiều ngôn ngữ và khung làm việc: VSCode hỗ trợ nhiều ngôn ngữ lập trình và khung làm việc (framework) khác nhau Nó đi kèm với các tích hợp sẵn cho Python, JavaScript, TypeScript, C++, và nhiều ngôn ngữ khác Bạn cũng có thể mở rộng khả năng hỗ trợ cho ngôn ngữ và khung làm việc bằng cách cài đặt các tiện ích mở rộng (extensions)
- Mạnh mẽ và linh hoạt: Visual Studio Code cung cấp nhiều tính năng mạnh mẽ như gợi ý mã (code completion), dò lỗi tự động (linting), dự đoán kiểu (type checking), gỡ lỗi (debugging), kiểm soát phiên bản (version control), và nhiều tính năng khác để giúp bạn phát triển ứng dụng hiệu quả
- Mở rộng thông qua tiện ích mở rộng: VSCode cho phép bạn mở rộng chức năng của nó bằng cách cài đặt các tiện ích mở rộng từ thư viện trực tuyến của nó
Các tiện ích mở rộng giúp bạn tùy chỉnh trình soạn thảo và thêm tính năng mà bạn cần
- Cộng đồng phát triển lớn mạnh: Visual Studio Code có một cộng đồng phát triển lớn, và có nhiều tài liệu, chủ đề thảo luận, và tiện ích mở rộng được phát triển bởi cộng đồng giúp bạn giải quyết vấn đề và nâng cao kỹ năng sử dụng trình soạn thảo này
- Hỗ trợ tích hợp với các dự án lớn: VSCode hỗ trợ làm việc với các dự án phức tạp và có khả năng tích hợp với các hệ thống quản lý mã nguồn như Git
Visual Studio Code đã trở thành một công cụ quan trọng trong phát triển phần mềm và là lựa chọn phổ biến cho các lập trình viên trên toàn thế giới.
Hình 2.4 Logo của Visual Studio Code
Android Studio là một môi trường phát triển tích hợp (IDE) được phát triển bởi Google dành cho việc phát triển ứng dụng di động chạy trên nền tảng Android Đây là một công cụ quan trọng và mạnh mẽ cho các nhà phát triển ứng dụng Android Một số lợi ích của nó như:
- Miễn phí và mã nguồn mở: Android Studio là một sản phẩm mã nguồn mở và hoàn toàn miễn phí Bạn có thể tải và sử dụng nó mà không cần phải trả bất kỳ phí nào
- Tích hợp Android SDK: Android Studio đi kèm với Android SDK, bao gồm tất cả công cụ, thư viện, và tài liệu cần thiết để phát triển ứng dụng Android
- Giao diện người dùng thông minh: Android Studio cung cấp giao diện người dùng thân thiện và dễ sử dụng, giúp bạn tạo ra và quản lý các dự án Android một cách hiệu quả
- Tạo và quản lý dự án: Android Studio cho phép bạn tạo và quản lý các dự án
Android dễ dàng Bạn có thể chọn từ một loạt mẫu dự án hoặc bắt đầu từ đầu
- Tự động hoàn thiện mã (Code completion): Android Studio cung cấp tính năng gợi ý mã tự động (code completion), giúp bạn nhanh chóng viết mã và tránh sai sót
- Dự đoán kiểu (Type inference): IDE hỗ trợ dự đoán kiểu biến và phát hiện lỗi kiểu dữ liệu trong quá trình phát triển
- Mô phỏng và gỡ lỗi (Emulation and Debugging): Android Studio cung cấp bộ công cụ mô phỏng và gỡ lỗi mạnh mẽ cho phát triển và kiểm tra ứng dụng trên các thiết bị ảo hoặc thiết bị thật
- Hỗ trợ phiên bản Android mới: Android Studio liên tục cập nhật để hỗ trợ các phiên bản mới của Android và các tính năng mới như Dark Mode và đa màn hình
NỘI DUNG CÔNG VIỆC THỰC TẬP
Mô tả nội dung thực tập
Tại Apps Cyclone, em được làm project về phát triển ứng dụng di động trên nền tảng Flutter, database sẽ sử dụng Firebase Firestore, UI/UX có sẵn trên figma Ứng dụng được lập trình có tên là TravoApp với các chức năng chính như sau:
- Đăng nhập, đăng xuất, quên mật khẩu - Sửa thông tin người dùng
- Xem danh sách các địa điểm, khách sạn, phòng - Đặt phòng, xem lại danh sách phòng đã đặt, hủy phòng - UI chức năng xem chuyến bay, đặt chuyến bay
Chức năng chính của app: Đăng ký, đăng nhập, đăng xuất, reset mật khẩu, đặt phòng, xem phòng đã đặt, hủy phòng, đặt máy bay, đổi theme, đổi ngôn ngữ,…
Hình thức thực tập: từ 6/9/2023 – 27/10/2023 online, từ 30/10/2023 – 03/11/2023 offline.
Chi tiết về kỳ thực tập
Thời gian Nội dung thực tập
Ngày 6/9: Ôn lại và nghiên cứu thêm những kiến thức cơ bản trong Flutter như Cupertino App, Material App, Scaffold, Expanded, Column, Row, Wrap, Container, Stack, ListView
Ngày 7/9: Nghiên cứu thêm về StatefulWidget với StatelessWidget và vòng đời của các Widget, cách load ảnh thông qua url, asset và svg
Ngày 8/9: Nghiên cứu tích hợp Navigation vào app
Tuần 2(11/9/2023 – 15/9/2023) – Giai đoạn thực hiện làm app
Ngày 11/9: Xây dựng form trong ứng dụng trong các màn hình đăng nhập, đăng ký, quên mật khẩu Validate các filed cho mối trường dữ liệu, bảo mật field mật khẩu, thay đổi UI theo form tương ứng Tách các widget chung thành phần độc lập riêng để có thể tái sử dụng
Ngày 12/9: Nghiên cứu State Management bằng Bloc Provider
Ngày 13/9: Tiến hành code để ứng dụng thay đổi theme
(Light/Dark) và thay đổi ngôn ngữ thông qua Bloc và easy localization
Ngày 14/9 – 15/9: Nghiên cứu sử dụng các thư viện liên quan đến firebase trong Flutter: Authentication, FireStore, Cloud Messaging Liên kết ứng dụng đến firebase để có thể đăng nhập, đăng ký và đổi mật khẩu
Ngày 18/9: Nghiên cứu Build Realese APK cho ứng dụng
Ngày 19/9: Nghiên cứu cách sử dụng các API của RxDart: BehaviorSubject, PublishSubject Sự khác nhau giữa các component Ứng dụng Stream trong việc xây dựng dữ liệu Code home UI Screen
Ngày 20/9: Code màn hình chọn hotel, custom lại Bottom Navigation Bar cho màn hình chính
Ngày 21/9 – 22/9: Code chức năng ghi nhận thêm địa điểm yêu thích (local), code chức năng xem chi tiết thông tin về hotel đã chọn vào, chức năng hiển thị những phòng của hotel đã chọn
Code chức năng reset mật khẩu khi quên qua email, showModelBottomBar tự động hiển thị khi vào màn hình Hotel Detail
Code màn hình Check Out khi đặt phòng, thêm model để quản lý snap data từ firebase
Ngày 2/10: Code chức năng thêm thông tin người dùng, thêm mã khuyến mãi, thêm follow màn hình checkout vào AppBar
Ngày 3/10: Sửa lại textfield ở màn hình check out, code để cho phép có thể nhập nhiều người dùng, sửa lỗi phone code không đổi khi chọn quốc gia khác
Ngày 4/10: Thêm code để chọn ngày đi, ngày trả phòng có điều kiện
Ngày 5/10 – 6/10: Code chức năng check chưa thêm thông tin liên lạc của người đặt, màn hình payment, check chưa có card thêm vào, lưu thông tin khi đặt phòng
Tuần 6 (9/10/2023 – 13/10/2023) Code khuôn màn hình UI chọn chuyến bay
Code UI màn hình chọn chuyến bay, màn hình chọn ghế trên máy bay, thêm UI các màn hình checkout flight
Tuần 8 (23/10/2023 – 27/10/2023) Sửa UI các màn hình checkout flight
Ngày 30/10 - 31/10: Thêm data để dịch các màn hình, hotel, flight, fix lỗi màn hình tự động load khi bấm vào textfield tìm kiếm ở HomeScreen, chỉnh sửa để màn hình chọn hotel chỉ hiện 8 kết quả, khi bấm load more sẽ hiện thêm 8 kết quả/mỗi lần bấm
Ngày 1/11: Đổ dữ liệu thông tin về các phòng đã đặt và cho phép hủy đặt phòng khi ngày hiện tại cách này check-in không dưới 3 ngày
3.2.2 Các task và commit khi thực tập
Hình 3.1 Màn hình gitlab của công ty
Hình 3.9 Task cho 2 tuần cuối
3.2.3 Các màn hình của app đã làm - Chức năng đăng nhập, đăng ký, quên mật khẩu:
Hình 3.14 Màn hình chức năng xác thực
- Xem danh sách khách sạn, chi tiết khách sạn:
Hình 3.16 Màn hình xem phòng
Hình 3.17 Màn hình chọn phòng
Hình 3.18 Màn hình đặt phòng và thanh toán phòng
Hình 3.19 Màn hình thêm thông tin chi tiết để đặt phòng
- Màn hình chọn thông tin chuyến bay:
Hình 3.20 Màn hình chọn thông tin chuyến bay
Hình 3.21 Màn hình chọn chuyến bay
Hình 3.22 Màn hình chọn ghế
Hình 3.23 Màn hình chi tiết vé bay
- Kiểm tra thông tin và thanh toán:
Hình 3.24 Màn hình kiểm tra thông tin và thanh toán chuyến bay
- Lưu địa điểm đã thích
Hình 3.25 Màn hình hiển thị địa điểm đã thích
- Danh sách phòng đã đặt, chi tiết phòng:
Hình 3.26 Màn hình xem phòng đã đặt, chi tiết phòng đặt
- Xem thông tin User, màn hình cài đặt:
Hình 3.27 Màn hình xem thông tin user, cài đặt
- Đổi Theme, đổi ngôn ngữ:
Hình 3.28 Màn hình sau khi thay đổi theme, ngôn ngữ
3.2.4 Link Source Code: https://github.com/TruongGiang1502/travoapp.git
ĐÁNH GIÁ – NHẬN XÉT
Tự đánh giá
- Các task được giao đã hoàn thành đúng hạn Tuy còn thiếu nhiều kiến thức nhưng vẫn cố gắng để học thêm
- Cách tổ chức các folder, file, cấu trúc code trong 1 dự án chưa tốt phải cải thiện hơn.
Những điều đạt được
- Kiến thức: Quá trình thực tập giúp em có thể đi theo hướng nghiên cứu có lộ trình không bị lan man kiến thức Nắm bắt được mình còn thiếu sót và cần cải thiện những gì khi code
- Mở rộng quan hệ: Khi thực tập em đã được gặp các anh chị/bạn bè cùng thực tập và đặc biệt được gặp các anh ở những vị trí cao, có nhiều kinh nghiệm hướng dẫn liên tục Sau thực tập vẫn có thể cùng trao đổi với các anh, điều này giúp em có thể dễ dàng học hỏi hơn sau này
- Thực hiện được dự án cá nhân theo lộ trình bài bản
- Trong tuần offline ở công ty em được trải nghiệm việc lên công ty, cách làm việc, giao tiếp với các anh chị ở các bộ phận khác.
Hạn chế
- Thiếu kinh nghiệm: Trong quá trình thực tập, em đã thấy được mình còn thiếu nhiều kinh nghiệm trong việc thực hiện và tổ chức code 1 dự án, cách tổ chức code và các folder chưa tốt.
- Chưa quản lý tốt thời gian dẫn đến việc bị quá tải và áp lực thời gian khi vừa học vừa thực tập.
- Chưa được tham gia vào dự án thực tế: Do còn thiếu nhiều kinh nghiệm chuyên môn nên chỉ được hướng dẫn tự làm dự án cá nhân và chưa được tham gia vào 1 dự án thực tế.
Định hướng tương lai cho bản thân
Trong quá trình thực tập em đã xác được định hướng phù hợp với mình trong việc phát triển ứng dụng di động Với những gì đã được học hỏi trong khi thực tập cùng
33 với nhận xét của những senior có kinh nghiệm em sẽ tiếp tục học hỏi, phát triển khả năng, tiếp tục đi sâu về ngành phát triển ứng dụng trên các nền tảng di động
