Để thực hiện thành công bài tiểu luận “Báo cáo Kiến tập” môn Kiến tập một cách hoàn chỉnh, bên cạnh sự nỗ lực của bản thân đã vận dụng những kiến thức đã học, tìm tôi, học hỏi cũng như t
Trang 1DANANG VOCATIONAL TRAINING COLLEGE
DANAVTC
Bao Cao Kién Tap
Giáo viên hướng : ThS Đặng Quý Linh
Trang 2nhiệm Khoa đã tạo điều kiện cho em được thực hiện kiến tập online nhằm kịp cho tiễn độ học lập
Để thực hiện thành công bài tiểu luận “Báo cáo Kiến tập” môn Kiến tập một cách hoàn chỉnh, bên cạnh sự nỗ lực của bản thân đã vận dụng những kiến thức đã học, tìm tôi, học hỏi cũng như thu thập thông tin sỐ liệu liên quan đến đề tài Và đặc biệt, em đã
nhận được nhiễu sự trợ giúp lớn lao và võ cùng ý nghĩa từ cô và bạn bè
Em xim gửi lời cảm ơn chân thành tới (ủng viên, Thạc si Dang Quy Linh vi da hướng dân tận tình, chỉ bảo và giải đáp những thắc mắc của em trong suốt quãng thời gian Kiến tập, cũng như dành thời gian đề đưa ra những lời nhận xét, góp ý quý báu giúp
em hoàn thành tốt bài Báo cáo Kiến tập này
Đẳng thời, em xin được gửi lời cảm ơn chân thành tới Công ty TNHH Amian Việt Nam vì đã tạo điều kiện giúp đỡ, hỗ trợ em trong thời gian Kiến tập
Do giới hạn về kiến thức và khả năng lÿ luận của bản thân còn nhiều hạn chê va thiêu sót, kính mong sự chỉ dân và đóng góp của Cô đề bài Báo cáo Kiên tập của em
được hoàn thiện hon!
Em xin chén thanh cam on!
Trang 3BAO CÁO KIÊN TẬP
LỜI MỞ ĐẦU
Hệ thống thông tin là một hệ thống chức năng thực hiện việc thu thập, xử lý,lưu trữ và cung cấp thông tin hỗ trợ việc đưa ra quyết định, điều khiển, phân tích các vấn đề và hiển thị các vấn
đề phức tạp trong một tổ chức
Vai trò của hệ thống tin quản lý được thể hiện trong mọi
ngành nghề, lĩnh vực từ dịch vụ, sản xuất, giáo dục, y tế, Việc
ứng dụng công nghệ thông tin sẽ giúp nâng cao hiệu quả hoạt
động của tổ chức, xây dựng ưu thế cạnh tranh, khuyến khích hoạt động sáng tạo, tạo liên kết đối tác kinh doanh và đáp ứng được
các nhu cầu thay đổi liên tục của thị trường hiện nay
Ngày nay, React Native là một nền tảng phát triển ứng dụng
di động mã nguồn mở, được tạo ra bởi Facebook React Native cho phép bạn sử dụng React, một thư viện JavaScript để xây dựng giao diện người dùng, để tạo ra các ứng dụng di động chạy trên
cả iOS và Android React Native sử dụng các thành phần gốc của nền tảng để hiển thị các giao diện người dùng, thay vì sử dụng các thành phần web như trong React Điều này giúp cho các ứng dụng React Native có hiệu năng cao hơn và gần gũi hơn với người
dùng React Native cũng hỗ trợ việc tái sử dụng code giữa các nền tảng, giúp tiết kiệm thời gian và công sức cho các nhà phát triển React Native là một công cụ mạnh mẽ và linh hoạt, được sử dụng bởi nhiều công ty lớn như Facebook, Instagram, Airbnb, Uber,
Skype và nhiều hơn nữa
Trang 4BAO CÁO KIÊN TẬP
Mục lục LỜI MỞ ĐẦẦU 22222222 221122711271102111221112.1112121212222 22kg 3
CHUONG I!: Giới thiệu công ty TNHH Amian Việt Nam 5252 Sccccs2zcssei 5
1.1 Thông tin chung công ty TNHH Amian Việt Nam (AMIAN 990D ae - & 5 1.1.1.Tên công ty Q0 22221122 5 1.1.2.Thông tin công ty St HH Hye 5
1.1.3.Tầm nhìn 0 0022202121222 rau 5
1.1.4.Linh vực hoạt động 1111111112111 con nay 6
CHƯƠNG 2: Nhật ký kiến tập - - C2 2 2221212121121112111012112212112121212 re 7
Tuần 1: Từ ngày 23/10/2023 đến 2/11/2023 2s 22tr 7 Tuần 2: Từ ngày 4/11/2023 đến 7/11/2023 52-22222222 sec 7 Tuần 3: Từ ngày 8/11/2023 đến 12/11/2023 2s errrrrrey 7 Tuần 4: Từ ngày 12/11/2023 đến 19/11/2023 - 522cc 7
CHƯƠNG 3: TÌM HIỂU REACT NATIVE VÀ VIẾT ỨNG DỤNG DEMO
3.1 Tim hi€u React Native cccccscssssseesessessesseestesesesestessesiescessesisssesestesseseeeees 8
3.2 Cai dat React Native 8
1 Các bước cài đặt để chảy môi trường react native 8
2 Tạo dữ án REACT NATIVE và chảy demo 2c c2 re 15
3.3 Ứng Dụng DEMO -22222222221222221112111 222222 222k 17 CHƯƠNG 4 : KẾT QUẢ ĐẠT ĐƯỢC 1111112112212 29
Trang 5¬.
Trang 6BAO CÁO KIÊN TẬP
Tên giao dịch quốc tế: AMIAN VIET NAM COMPANY LIMITED
Tên giao dịch : Amian Co
Tên viết tắt : AMIAN CO., LTD
1.1.2 Thông tin công ty
Loại hình doanh nghiệp : Công ty trách nhiệm hữu hạn 2 thành viên trở lên ngoài NN
Trụ sở chính : 54 Phan Anh, Phường Khuê Trung, Quận Cẩm Lệ, Thành phố Đà Nẵng, Việt Nam
Website:vhttps://amian.vn
Email:vamiancoffee@qgmail.com
Tầm nhìn đến năm 2030 củavCông ty TNHH Amian Việt Nam:
n Trở thành công ty hàng đầu tại Việt Nam trong lĩnh vực công nghệ thông tin, với những sản phẩm và dịch vụ đột phá, sáng tạo
m Đạt được vị trí trong top 100 công ty công nghệ hang đầu
khu vực Châu Á, góp phần thúc đẩy sự phát triển của
ngành công nghệ thông tin tại Việt Nam và khu vực
¬.
Trang 7BAO CÁO KIÊN TẬP
n Trở thành một trong 300 tập đoàn tài chính công nghệ lớn nhất thế giới, với khả năng cung cấp các giải pháp tài chính thông minh, an toàn và hiệu quả
o Được niêm yết trong danh sách 1000 doanh nghiệp lớn nhất toàn cầu, thể hiện sự phát triển vững chắc và bền vững của công ty
n Đóng góp lớn vào sự phát triển của Việt Nam thông qua việc tạo ra các giải pháp công nghệ thông tin tiên tiến, giúp nâng cao năng suất và hiệu quả trong các lĩnh vực quan trọng của nền kinh tế
1.1.4 Lĩnh vực hoạt động
Công ty TNHH Amian Việt Nam hoạt động chủ yếu trong lĩnh Vựcvsản xuất cà phê Đây là một lĩnh vực quan trọng, đóng góp lớn vào nền kinh tế của Việt Nam Công ty đã và đang không ngừng nỗ lực để tạo ra những sản phẩm cà phê chất lượng cao, đáp ứng nhu cầu của khách hàng trong nước và quốc tế
Trang 8BAO CÁO KIÊN TẬP
Trang 9BAO CÁO KIÊN TẬP
CHƯƠNG 3: TÌM HIỂU REACT NATIVE VÀ VIẾT ỨNG DỤNG
DEMO
3.1 Tìm hiểu React Native
React Native là một framework được phát triển bởi Facebook để tạo ra các ứng dụng có phong cách native cho iOS & Android dưới một ngôn ngữ chung, JavaScript' Ban đầu, Facebook chỉ phát triển React Native dé hé tro iOS Tuy nhiên, với sự hỗ trợ gần đây của hệ điều hành Android, thư viện này giờ đây có thể render giao diện người dùng di động cho cả hai nền tảng
React Native là một framework mã nguồn mở được tạo ra bởi Meta Platforms, Inc Nó được sử dụng để phát triển các ứng dụng cho Android, Android TV, iOS, macOS, tvOS, Web, Windows va UWP bang cách cho phép các nhà phát triển sử dung framework React cling vGi các khả năng native của nền tảng
Để làm việc với React Native, bạn sẽ cần phải có hiểu biết về các nguyên tắc cơ bản của JavaScript Trong khi chúng tôi cố gắng giả định không có kiến thức trước về React, Android, hoặc phát triển iOS, những chủ đề này là những chủ đề quan trọng để nghiên cứu cho nhà phát triển React Native đang học
React Native là một công nghệ được sử dụng rộng rãi, được tăng cường bởi một cộng đồng lớn gồm hàng trăm nghìn nhà phát triển và được tải về hơn 1 triệu lần mỗi tuần
3.2 Cài đặt React Native
Trang 10BAO CÁO KIÊN TẬP
1 Các bước cài đặt để chảy môi trường react native
H Bước 1: Cài đặt chocolatey Chocolatey là một trình quản lý gói phần mềm cho Windows, giúp bạn cài đặt các phần mềm cần thiết cho react native một cách dễ dàng Dé cai dat chocolatey, bạn cần mở PowerShell với quyền quản trị (Run as administrator)
H Bước 2: Cài đặt Node, Python2, JDK trên Windows Node, Python2
và JDK là các phần mềm cần thiết để chạy react native Bạn có
thể cài đặt chúng bằng chocolatey bằng cách chạy các lệnh sau
Trang 11Ths.Đặng quý linh
Hình 1 Cài đặt node Bước 3 Cài đặt git phiên bản 2.42.1 ;
O Va xem chúng ta đã cài đặt được hay chưa kiểm tra bằng câu lệnh
o Nhấn cùng lúc command + space = gỗ terminal và kiểm tra bằng câu lệnh : git ( để hiện ra được version và thành công )
trang
Trang 12Ths.Đặng quý linh
Hình 2 Cài đặt mơi trường git Bước 4 Cài đặt EXPO EXPO là một cơng cụ mã nguồn mở và miễn phí được xây dựng xung quanh React Native để giúp bạn xây dựng các dự
án iOS và Android bằng JavaScript và React
H Mở Terminal và gõ câu lệnh : npm ivexpo ( tên bạn muơn dat )
Hình 3 Cặt đặt mơi trường expo-cli
H Kiểm tra mơi trường cài đặt thành cơng
ò_ Gõ câu lệnh: expo -version
Hình 3.1 Cặt đặt mơi trường expo-cli thành cơng
trang
Trang 13Ths.Đặng quý linh
Bước 5 Cài đặt máy ảo trên window Tải android studio trên trình duyệt
Hình 4 Cài đặt máy ảo android studio
- Giao diện app
- Cài đặt sdk cho android studio: vào dấu 3 chấm dọc trên góc màn hình bên phải
trang
Trang 14Ths.Đặng quý linh
- Vao sdk tool và cài các máy ao va tool cần thiết
- - Quay lại màn hình chính H bấm vào lại dấu 3 chấm H vào visual device manager
trang
Trang 15Ths.Đặng quý linh
- Chon may ảo và bật lên
trang
Trang 16Ths.Đặng quý linh
Bước 1 Để có thể dữ án chúng ta có thể gõ câu lệnh bằng cách + mở Terminal gõ câu lệnh : expo init ( tên bạn muốn tạo cho
Trang 17Ths.Đặng quý linh
Hình 5.1 Cài đặt dữ án thành công Bước 3 Mở visual studio code -> mở file dữ án vừa mới tạo ( todolist )
H Chảy câu lệnh npm start và chúng ta sẽ được
Hình 7 Chảy dữ án
trang
Trang 18Ths.Đặng quý linh
O Code chảy demo:
3.3 Ung Dung DEMO
1 minh hoa cé database gém 4 trang lién két, dang ky, dang nhap
trang
Trang 19các bước hoàn thiện chuyển trang react native
bước 1 : thêm cách thành phần và cài đặt điều hướng ( code )
hình1 Điều hướng
React from 'react';
{ View, Button } from 'react-native';
Trang 20BÁO CÁO KIÊN TẬP Ths.Đặng quý linh
<Button title="Register" onPress={() =>
export default HomeScreen;
bước 2 Link của các trang chuyển:
Hình2 Link Code :
import React from 'react'
import { StyleSheet, Platform, Image, Text, View, Button } from 'react- native’
export default class Main extends React.Component {
state = { currentUser: null }
render() {
trang 2°
Trang 21BÁO CÁO KIÊN TẬP Ths.Đặng quý linh const { currentUser } = this.state
Trang 22BÁO CÁO KIÊN TẬP Ths.Đặng quý linh
Hình 3 Đăng ký Code :
-> import React from "react";
import {FirebaseApp, FirebaseAuth} from './firebase';
import { getAuth, createUserWithEmailAndPassword } from
Trang 23BÁO CÁO KIÊN TẬP Ths.Đặng quý linh
Trang 24BÁO CÁO KIÊN TẬP Ths.Đặng quý linh VVvv vstyle={styles.textlnput}
vvvvvonChangeText={(email) => this.setState({ email })} vvvvv value={this.state.email}
v v borderRadius: 10, // Rounded edges
v v backgroundColor: "white", // White background
V},
v button: {
v v paddingTop: "7Opx",
v v backgroundColor: "blue", // Blue button
vv color: "white", // White text
v v borderRadius: 10, // Rounded edges
trang 2?
Trang 25BÁO CÁO KIÊN TẬP Ths.Đặng quý linh
V},
v title: {
vv color: "black", // Black text
v v fontSize: 24, // Larger font size
vv marginBottom: "7Opx", // Space below the title
import React, { useState } from "react";
import {FirebaseApp, FirebaseAuth} from './firebase';
import { getAuth, createUserWithEmailAndPassword } from
Trang 26BÁO CÁO KIÊN TẬP Ths.Đặng quý linh
Trang 27BÁO CÁO KIÊN TẬP Ths.Đặng quý linh
Trang 28BÁO CÁO KIÊN TẬP Ths.Đặng quý linh
v v borderRadius: 10, // Rounded edges
v v backgroundColor: "white", // White background
V},
v button: {
v v paddingTop: "7Opx",
v v backgroundColor: "blue", // Blue button
v v color: "white", // White text
v v borderRadius: 10, // Rounded edges
V},
v title: {
vv color: "black", // Black text
v v fontSize: 24, // Larger font size
vv marginBottom: "7Opx", // Space below the title
trang 2°
Trang 29// Import the functions you need from the SDKs you need
import firebase, {initializeApp} from 'firebase/app';
Trang 30BÁO CÁO KIÊN TẬP Ths.Đặng quý linh
Trang 31Ths.Đặng quý linh
CHUONG 4 : KET QUA DAT DUOC
4.1 Két qua dat duoc
Ban đầu, em không hiểu rõ về ngành Công nghệ thông tin, nhưng trong quá trình học tập lý thuyết và thực hành, nhất là trong quá trình Kiến tập tại Công ty TNHH Amian Việt Nam, đã giúp em hiểu biết rất nhiều về ngành này Em đã tích lũy được nhiều kinh nghiệm từ sau lần thực tập này Kỹ năng chuyên môn về công nghệ thông tin là rất quan trọng, em cần học hỏi khá nhiều để trau dồi thêm cho vốn kiến thức để làm hành trang bước vào cuộc đời mình Ngoài ra, điều đó cũng là một phần nâng cao vị thế của công ty tạo cho khách hàng một ấn tượng tốt đẹp Bên cạnh đó, em cũng cần trau dồi thêm vốn ngôn ngữ của bản thân để có thể tự tin giao tiếp với khách người nước ngoài hơn Mỗi công việc ở nơi thực tập đòi hỏi sinh viên phải năng động, biết cách áp dụng lý thuyết vào thực tế Trong thời gian thực tập tại công ty, tuy không dài nhưng để lại cho em nhiều ấn tượng
vô cùng sâu sắc Ở đây, em được tiếp xúc với nhiều vị trí công việc cũng như được tiếp xúc với các anh chị nhân viên, tác phong và thái độ nhân viên công ty khi làm việc rất nghiêm túc, có trách nhiệm với công việc, các anh chị nhân viên rất thân thiện, hòa đồng và vui vẻ Ban đầu
em gặp không ít khó khăn, các anh chị sẵn sàng giúp đỡ và chỉ dạy em rất nhiều Nhờ vậy, mà em hiểu hơn về chuyến đi thực tế này
Đối với em khi học ngành Công nghệ thông tin, em sẽ được nhìn thấy những lộ trình cụ thể, những ví dụ sinh động về phát triển, về thăng tiến, về thành công Đó sẽ là động lực mạnh mẽ nhất để em không ngừng học hỏi nâng cao kiến thức, hoàn thiện bản thân, có thể chọn vị trí công việc tùy theo năng lực và kỹ năng của mình để tạo ra
trang