Báo cáo thực tập lập trình WEBSITE trên nền tảng ANGULARJS

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

1

KHOA CÔNG NGHỆ PHẦN MỀM

BÁO CÁO THỰC TẬP

LẬP TRÌNH WEBSITE TRÊN NỀN TẢNG ANGULARJS
Cơng ty thực tập : Công ty Cổ phần FUJINET SYSTEMS
Người phụ trách : Anh Nguyễn Tấn Đạt - Technical Leader
Thực tập sinh

: Hà Thụy Ngọc Khánh

TP. Hồ Chí Minh, ngày 27, tháng 7, năm 2020

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


2

LỜI MỞ ĐẦU

Ngày nay, với sự phát triển mạnh mẽ của khoa học công nghệ, Công nghệ Thông tin là
một trong những ngành có vị thế dẫn đầu và có vai trị rất lớn trong sự phát triển chung đó. Các
ứng dụng của công nghệ thông tin được áp dụng trong mọi lĩnh vực nghiên cứu khoa học cũng
như trong mọi lĩnh vực của đời sống. Là một phần của Cơng nghệ Thơng tin, Cơng nghệ web
đang có được sự phát triển mạnh mẽ và phổ biến rất nhanh bởi những lợi ích mà nó mang lại

cho cộng đồng là rất lớn.
Cùng với xu thế phát triển của thế giới, Việt Nam cũng không phải ngoại lệ. Ngành công
nghiệp web non trẻ Việt Nam đã và đang phát triển mạnh mẽ, để hịa nhập với những cơng ty
hàng đầu về web trên thế giới.
Sau ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng như
muốn được tham gia làm ứng dụng web trong một mơi trường doanh nghiệp, em có dự định là
sẽ thực tập trong học kì này. Bản thân em sau một thời gian chuẩn bị kiến thức và ứng tuyển, đã
nhận được cơ hội làm việc tại Công ty Cổ phần FUJINET SYSTEMS. Đây là cơng ty có mơi
trường chun nghiệp, hiện đại, phù hợp cho em trau dồi kiến thức, kinh nghiệm và phát triển
các kĩ năng của bản thân.

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


3

LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn Công ty Cổ phần FUJINET SYSTEMS.
Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của các thành viên trong
cơng ty nói chung và thành viên team lập trình nói riêng, em đã tiếp thu được những kiến thức
cần thiết và bổ ích để có thể đóng góp vào việc xây dựng và phát triển sản phẩm của công ty.
Đặc biệt, em muốn gửi lời cảm ơn anh Nguyễn Tấn Đạt vì trong những ngày đầu vào
làm việc, anh đã nhiệt tình hướng dẫn, giúp đỡ em rất nhiều về mặt kĩ thuật như là cách để code
đẹp và dễ thay đổi, cái tìm lỗi bằng cơng cụ Goole Dev Tools, cách sử dụng framework hiện tại;
cảm ơn anh Hậu, anh Lộc, anh Hải đã tận tình chỉ dẫn nghiệp vụ trong cơng ty cũng như giải thích
cho em các tài liệu thiết kế, và cuối cùng em cũng cảm ơn các anh chị khác đã liên tục tạo điều
kiện tốt nhất để em có thể hồn thành tốt nhiệm vụ và công việc được giao, được tham gia nhiều
dự án lớn và rút ra nhiều bài học kinh nghiệm cho bản thân.

Em cũng xin trân trọng cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ
trợ, tạo điều kiện để em có thể hồn thành bài báo cáo này.
Hà Thụy Ngọc Khánh\
Tp Hồ Chí Minh, ngày 27 tháng 7 năm 2020

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


4

LỜI CẢM ƠN
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………

…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


5

Mục lục
LỜI MỞ ĐẦU........................................................................................................................ 2
CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP...................................................................6
1. Giới thiệu công ty...............................................................................................................6
2. Các sản phẩm của cơng ty..................................................................................................7
CHƯƠNG 2: NỘI DUNG THỰC TẬP........................................................................................8
1. Tìm hiệu cơng ty và các kỹ năng cơ bản........................................................................... 8
2. Nghiên cứu kỹ thuật........................................................................................................... 9

a) Công cụ làm việc......................................................................................................... 9
b) Front-end..................................................................................................................... 9
c) Back-end.................................................................................................................... 10
d) Nghiệp vụ công ty..................................................................................................... 12
3. Lịch làm việc (10 tuần).................................................................................................... 13
TÀI LIỆU THAM KHẢO.......................................................................................................... 14

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


6

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP

1. Giới thiệu công ty
Từ những ngày đầu thành lập, từ năm 2000 thành lập đến nay, công ty Fujinet
Systems là công ty chuyên tâm vào phát triển phần mềm cho thị trường Nhật Bản. Tính
đến nay, đội ngũ 750 nhân viên (05/2020) đều là những nhân tài ưu tú từ các đại học và
cao đẳng tốt nghiệp từ các khoa công nghệ được tuyển dụng theo tiêu chuẩn khắt khe của
công ty (so với số người ứng tuyển thì tỉ lệ thử việc là 8%). Với trên 20 năm kinh nghiệm,
trên 2000 dự án đã tham gia, Fujinet tự tin có thể đáp ứng mọi yêu cầu từ mọi lĩnh vực,
nghành nghề
Điểm mạnh đầu tiên của Fujinet Systems là phát triển hệ thống nghiệp vụ trọng yếu
của Nhật (chiếm 65% nhân viên của các phòng phát triển phần mềm). Fujnet Systems đảm
nhiệm thực thi phát triển phầm mềm package, bảo dưỡng, phát triển phầm mềm theo yêu
cầu, di chuyển, cải thiện hệ thống kế thừa. Điểm mạnh thứ hai (chiếm 35% nhân viên phát
triển phần mềm) là Web application, application cho smart phone, giao dịch điện tử,
blockchain v.v..Có thể đối ứng các kỹ thuật trong lĩnh vực AI: thuật tốn, mơ hình

Machine Learning, Deep Learning, RPA, ...Cung cấp các dịch vụ ứng dụng kỹ thuật mới
do Fujinet Systems phát triển như nhận diện khn mặt, phân tích hình ảnh, đếm lưu
lượng người ra vào, tool tự động hóa (RPA Tool).Có thể cùng hợp tác nghiên cứu các kỹ
thuật mới theo yêu cầu sử dụng của khách hàng.Đội ngũ lập trình ưu tú, kỹ năng cao tuyển
chọn từ các trường DH IT hàng đầu.
Lĩnh vực kinh doanh:
- Phát triển phần mềm: Lập trình Web Application, Lập trình Smart Phone
Aplication.
- Kỹ sư onsite tại Nhật: Phát triển lập trình Offshore
- Phần mềm đóng gói: Phát triển hệ thống ERP
- Tích hợp hệ thống: Thiết kế, vận hành, bảo trì hệ thống mạng
- Thiết kế AutoCAD: Tạo bản vẽ kiến trúc bằng 3DSMAX, tạo phối cảnh 3D

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


7

2. Các sản phẩm của cơng ty
- />- Tích hợp hệ thống: Cung cấp thiết bị máy tính, thiết kế thi cơng vận hành và bảo trì
hệ thống mạng.
- Phần mềm đóng gói: Fuji Cocktail là phần mềm quản trị toàn bộ nghiệp vụ của
doanh nghiệp, gồm Quản lý Bán hàng, Quản lý Kho, Quản lý Mua hàng, Quản lý Sản xuất,
Phân tích giá thành, Quản lý kế tốn và các thống kê phục vụ công tác quản lý cho các cấp
lãnh đạo. Phiên bản tiếng Nhật (Super Cocktail) được công nhận là Phần mềm quản trị
doanh nghiệp (ERP) chiếm thị phần lớn nhất Nhật Bản trong 6 năm liền từ năm 2004 đến
2009.
- Hợp tác lập trình R&D: Đóng mở khóa tự động, chấm cơng bằng nhận diện khn

mặt. Đếm lưu lượng người ra vào bằng hình ảnh camera để phân tích chiến lược
marketing. Nhận diện đối tượng, phân tích hiện trạng dựa trên hình ảnh camera. Nhận
diện chữ viết, trích xuất thơng tin chữ viết. Dự đốn khuynh hướng, sự tăng giảm của
doanh số bán hàng tương lai. Chatbot tự động giúp giải thích tư vấn sản phẩm. Tool hỗ trợ
tự động hóa nghiệp vụ (RPA).
- Phát triển phần mềm: Hệ thống phần mềm Quản lý nghiệp vụ (Quản lý sản xuất,
Quản lý Bán hàng, Quản lý Logistic, Quản lý kho,… ). Hệ thống phần mềm quản lý trên
nền web, hệ thống trên nền Web dành cho Smartphone, ứng dụng trên iPhone/iPad, ứng
dụng trên Android..

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


8

CHƯƠNG 2: NỘI DUNG THỰC TẬP
Đợt thực tập với chủ đề “Làm quen với AngularJS” nhằm mục đích giúp sinh viên thực
tập được đào tạo tồn diện về lập trình AngularJS, đồng thời rèn luyện những kỹ năng mềm
như làm việc nhóm, thuyết trình, giao tiếp. Tại cơng ty, sinh viên có cơ hội được học tập,
khám phá và làm việc trong một môi trường phát triển ứng dụng e-commerce chun nghiệp

1. Tìm hiệu cơng ty và các kỹ năng cơ bản
Thời gian: 1 ngày
Nội dung: Giới thiệu về công ty, cách tổ chức công ty.
Được chị tổng vụ phụ trách giới thiệu về cơng ty, q trình thành lập và phát triển,
triết lý kinh doanh và quy trình làm việc từ cao xuống thấp, cách thức tổ chức của cơng ty.
Ngồi ra, thực tập sinh được anh phụ trách hướng dẫn (Anh Đạt) giới thiệu về cách
thức làm việc trong công ty như thời gian đi làm, cách chấm công, các quy định cần phải

tuân thủ, cách sử dụng email, spark trong công việc.
Kết quả : Hiểu thêm về cơng ty Fujinet, q trình thành lập và phát triển. Có thêm các
kỹ năng về việc sử dụng email trong cơng việc, làm việc có kế hoạch, có kỷ luật, có trách
nhiệm hơn.

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


9

2. Nghiên cứu kỹ thuật

a) Công cụ làm việc
Thời gian: 2 ngày
Nội dung: tìm hiểu về các cơng cụ trong quá trình làm việc .
Thực tập sinh được anh phụ trách hướng dẫn (Anh Đạt) hướng dẫn tìm hiểu về các
cơng cụ sẽ giúp ích cho trong cơng việc sau này. Một số phần mềm trong số đó như
Spark-sử dụng trong làm việc nhóm, Eclipse với Visual Code.
Kết quả : Lập trình sử dụng các cơng cụ miễn phí, giúp dễ dàng kết hợp các công cụ
với nhau.

b) Front-end
Thời gian: 3 tuần (10 ngày)
Nội dung: tìm hiểu về HTML, CSS, AngularJS, Piechart
- HTML: Xây dựng cấu trúc của 1 trang tĩnh chỉ gồm các thẻ HTML
- CSS : Tiến hành tìm hiểu về css và style cho trang HTML ở bài trước.
- AngularJS: Xây dựng cấu trúc 1 web app dựa trên nền tảng angularjs căn bản.
- Piechart: học các xây dựng Piechart dựa trên dữ liệu tĩnh và động

Thực hiện: Làm đẩy đủ các bài tập về những gì đã học.
Kết quả: Nâng cao kỹ năng lập trình web. Có được những kiến thức quan trọng cho
việc lập trình web sau này. Ngồi ra cịn được biết thêm một số quy tắc trong việc viết
code sao cho đúng chuẩn, dễ đọc, dễ hiểu.
.

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


10

c) Back-end
Thời gian: 3 tuần (9 ngày)
Nội dung: tìm hiểu về Javarscript, JDBC
- Javascript: đổ dữ liệu vào dự án, sử dụng linh hoạt các dữ liệu tĩnh.
- Xử lí linh hoạt giữ liệu từ file Json, link URL,….
Layer

Description

Model

Là nơi chứa các logic, nghiệp vụ tương tác với dữ liệu hoặc hệ quản trị cơ sở
dữ liệu (MySQL, SQL Server…), nó sẽ bao gồm các phương thức xử lý kết
nối database, truy vấn dữ liệu. Là nơi lưu giữ các đối tượng mô tả dữ liệu,
như là Class và các hàm xử lý get, set của Class…

View

Đảm nhận việc hiển thị, trả về thơng tin, dữ liệu cho end-user. Ví dụ như
hiển thị UI/UX, hiển thị dữ liệu ra cho người dùng xem website, hoặc có thể
là một đoạn XML hoặc JSON…aLINK partners, such as payment providers
and tax services.

Controller

Giữ nhiệm vụ tiếp nhận, điều hướng yêu cầu từ end-user để gọi đúng
phương thức xử lý, thao tác trực tiếp với Model và trả về dữ liệu cho View.
Đây còn là nơi quản lý sự trao đổi dữ liệu và nguyên tắc nghê nghiệp trong
các thao tác liên quan đến mô hình. Controller giữ vai trị trung gian giữa
Model và View

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


11

Lí do sử dụng MVC:
- Tạo mơ hình chuẩn cho dự án, giúp cho việc tiếp cận với ứng dụng dễ dàng hơn
- Trình tự xử lý rõ ràng, nhiệm vụ riêng biệt, độc lập với các thành phần khác và
các thành phần có thể tương tác được với nhau.
- Quy hoạch các thành phần riêng biệt giúp cho quá trình phát triển, quản lý, vận
hành, bảo trì ứng dụng thuận lợi hơn, đồng thời dễ dàng kiểm soát được luồng xử lý
của ứng dụng.
- Mơ hình triển khai rõ ràng, mạch lạc, xử lý nghiệp vụ tốt, dễ dàng triển khai các
ứng dụng vừa.

Kết quả: Nâng cao kỹ năng lập trình web. Có được những kiến thức quan trọng cho
việc lập trình web sau này. Ngồi ra cịn được biết thêm một số quy tắc trong việc viết
code sao cho đúng chuẩn, dễ đọc, dễ hiểu.
Thực hiện: Làm đẩy đủ các bài tập về những gì đã học, tham gia đầy đủ những buổi
training.
Kết quả: bước đầu hiểu và có thể xây dựng website bằng AngularJS cho frontend và
sử dụng linh hoạt dữ liệu bằng Javascript cho BackEnd

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


12

d) Nghiệp vụ cơng ty
Thời gian: 1 ngày
Nội dung: Tìm hiểu quản lý dự án với redmine, tập viết TSD (Technical specified
document), thao tác với git, development process
Review -> Feedback -> Development -> Staging -> Production
Review: sau khi hoàn thành task, techlead sẽ bắt đầu review về mặt kỹ thuật (chuẩn
code, logic,…). Lập trình viên phải tự test mới được review.
Feedback: nếu có lỗi về mặt kỹ thuật, techlead sẽ đưa task vào trang thái feedback và
lập trình viên phải sửa feedback sau đó đưa lại cột review chờ feedback lại từ tech lead.
Development: sau khi được chấp thuận, code của bạn sẽ được apply vào môi trường
development. Lúc này, bạn cũng như các tester sẽ tiến hành test. Nếu xảy ra lỗi thì bạn
phải fix lỗi sau đó đưa task lại trạng thái review.
Staging: Là môi trường trung lập, khơng ai được phép chỉnh sửa gì trên mơi trường
này. Bình thường các code trên development sẽ replicate từ staging về theo đợt.
Production: môi trường người dùng.

Kết quả: Hiểu rõ quy trình làm việc cơng ty. Nắm được cấu trúc, bố cục của TSD.

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh


13

3. Lịch làm việc (10 tuần)
Tuần

Cơng việc
-

1

2-4

5-7

86-7-8

Người hướng
dẫn

Tìm hiểu về công Chị Ân
ty, cách tổ chức
của công ty, quy
định công ty, giờ

giấc làm việc của
công ty

-

Làm quen với các
công cụ làm việc
trong công ty.
- Học cách trao đổi,
làm việc qua
email, spark
Lập trình front-end
(HTML, CSS,
AngularJS, Piechart)
- Back-end (Setup
environment)
- Thực hành edit
module có sẵn,
tạo form
- Tìm hiểu về dự án
Mugen
- Tham gia fixbug
dự án mugen

Người phụ trách: anh Nguyễn Tấn Đạt

Mức
độ
hoàn
thành

Nhận xét của
người hướng dẫn

Anh Đạt

Anh Đạt, anh
Lộc
Anh Đạt, anh
Hậu

Anh Đạt, anh
Hậu
Anh Đạt

Hà Thụy Ngọc Khánh


14

TÀI LIỆU THAM KHẢO
1. />2. />3. />4. …..

Người phụ trách: anh Nguyễn Tấn Đạt

Hà Thụy Ngọc Khánh