Báo cáo thực tập lập trình giao diện WEBSITE

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

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

LẬP TRÌNH GIAO DIỆN
WEBSITE

Cơng ty thựctập : Cơng ty cổphầngumiViệt Nam
Chungiahướngdẫn : NguyễnTrungTính
Họvàtênsinhviên : Trịnh Đức Thịnh

TP. HồChí Minh, tháng 11 năm 2020


NHẬN XÉT CỦA CHUYÊN GIA DOANH NGHIỆP
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................

.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................

Hà Thanh Huy


NHẬN XÉT CỦA KHOA
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................

.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................

Hà Thanh Huy


MỤC LỤC
LỜI MỞ ĐẦU........................................................................................................................................................... 1
CHƯƠNG 1. GIỚI THIỆU....................................................................................................................................... 1
1.1.

GIỚI THIỆU VỀ CƠNG TY THỰC TẬP................................................................................................ 1

1.1.1.

Thơng tin cơng ty............................................................................................................................. 1

1.1.2.

Lịch sử hình thành và phát triển của cơng ty.................................................................................... 1

1.1.3.

Lĩnh vực hoạt động.......................................................................................................................... 2

1.1.4.

Cơ sở vật chất.................................................................................................................................. 2

1.1.5.

Cơ cấu tổ chức của doanh nghiệp..................................................................................................... 3

1.1.6.

Đối tác của công ty.......................................................................................................................... 4

1.2.

NHIỆM VỤ THỰC TẬP.......................................................................................................................... 5

1.3.

KẾT LUẬN CHƯƠNG 1......................................................................................................................... 5

CHƯƠNG 2. NỘI DUNG THỰC TẬP..................................................................................................................... 6
2.1.

NHỮNG KIẾN THỨC CƠ BẢN VỀ BUSINESS CENTRAL.................................................................6

2.1.1.

Tìm hiểu về Visual Studio Code:...................................................................................................... 6

2.1.2.

Tìm hiểu Business Central............................................................................................................... 6

2.1.3.

Cài đặt môi trường AL..................................................................................................................... 8

2.2.
2.2.1.
2.3.

KIẾN THỨC CHUNG VÀ C/AL........................................................................................................... 13
Cách viết cấu trúc Code................................................................................................................. 13
Tạo Table và Page.................................................................................................................................. 16

2.3.1.

Tạo Table....................................................................................................................................... 16

2.3.2.

Tạo Page........................................................................................................................................ 17

2.4.

Code Unit............................................................................................................................................... 18

2.5.

Sử dụng sql report builder để thiết kế layout report................................................................................. 19

CHƯƠNG 3. KẾT QUẢ THỰC TẬP...................................................................................................................... 21
2.6.

Page Seminar Setup................................................................................................................................ 21

2.7.

Page Course List.................................................................................................................................... 22

2.8.

Page Seminar List.................................................................................................................................. 22

2.9.

Page Seminar Item List.......................................................................................................................... 22

2.10.

Page Seminar Item Card......................................................................................................................... 23

2.11.

Page Seimar Item Allocation.................................................................................................................. 23

2.12.

Page Seminar Document........................................................................................................................ 24

2.13.

Page Posted Reg. Seminar...................................................................................................................... 24

2.14.

Inventory Report.................................................................................................................................... 25

2.15.

Warehouse Report.................................................................................................................................. 25

CHƯƠNG 4. KẾT LUẬN....................................................................................................................................... 27

Hà Thanh Huy


Hà Thanh Huy


LỜI MỞ ĐẦU
Lờiđầutiênemxingửilờicảmơnchânthànhđếncơng tycổphần Gumi Việt Namđã
tạo

điềukiệnchoemthựctậpvàhọchỏinhiềukiếnthứcvềchunmơn

nhưkiếnthứcvềdoanhnghiệp,

đặcbiệt

chungiahướngdẫnanhNguyễnTrungTínhvàcácanh

chị

cũng
là

trong

team

Asurađãgiúpemhọchỏiđượcnhữngkiếnthứcmới,
giúpđỡemgiảiquyếtcácvấnđềphátsinhtrongkhilàmđồán

cũng

nhưqtrìnhlàmquenvớimơitrườnglàmviệcdoanhnghiệp
emchưatừng;

từđó

có

mà

từtrướctới

nay

thểhồnthànhchươngtrìnhthựctậpthậttốt,

chunnghiệpvàhiệuquả.
Thơng

qua

qtrìnhthựctậpvàtiếpxúcvớidoanhnghiệp,

emđãtíchlũychomìnhnhiềukinhnghiệmtrongcáchlàmviệcnhóm,
quytrìnhquảnlývàthựchiệnđồán,

đồngthờibiếtđượccáchthứcvậnhànhvàlàmviệc

của

cáccơng ty lớn.
Đồngthờiem

cũng

xincảmơncácanh

chị

vàcácbạntạicơng

ty

đãhỗtrợemtrongqtrìnhthựctập.
Báocáothựctậpnày là kếtquả của emtrongqtrìnhthựctậptạicơng ty Fsoft,
chắcchắntrongqtrìnhbiênsoạn

khơng

thểtránhkhỏinhữngthiếusót,

mongnhậnđượcsựgóp ý của qThầy, Cơđểbàibáocáođượchồnthiệnhơn.
Emxinchânthànhcảmơn!


1

CHƯƠNG 1. GIỚI THIỆU
1.1. GIỚI THIỆU VỀ CÔNG TY THỰC TẬP
1.1.1. Thông tin công ty

Têncông ty: Công ty Cổphần Gumi Việt Nam
Địachỉ: 39 NguyễnThịDiệu, phường 6, quận 3, thànhphốHồChí Minh
Website: />Hotline: 028 3930 2407
Thờigianlàmviệc: Thứ 2 – Thứ 6 (8h – 17h30), nghỉtrưa 12h00 –13h30.
1.1.2. Lịchsửhìnhthànhvàpháttriển của cơng ty

Cơng ty cổphầngumiViệt Nam là cơng ty CNTT có vốnđầutư 100%
đếntừNhậtBảnchunvềpháttriển website vàcácứngdụngdànhcho smart

phone. Đượcthànhlậptừnăm 2012 tạiViệt Nam, Gumiluôn là
đốitáclâudàivàđáng tin cậychonhiềukháchhàngvớicácsảnphẩmchấtlượng.
1.1.3. Lĩnhvựchoạtđộng

VớicáclĩnhvựckinhdoanhcốtlõithuộclĩnhvựcCôngnghệthông tin
vàViễnthơng, khơng ngừngmởrộngthịtrườngtồncầu. Đếnthờiđiểmhiệntại,
Gumiđã có mặttại2quốcgiagồm: Việt Nam, NhậtBản.
1.1.4. Cơsởvậtchất


2

Gumi có mộtvănphịngtạitịanhà D-House quận 3. Gumi là cơng ty
mớinêncơsởvậtchấtvẫncịnkhiêmtốn.

1.1.5. Đốitác của công ty

Works
Japan
đang
là
đốitáclớnnhất
vớinhiềudựánnhỏnhưNikkan, Dnavi, Asura, ….

của

công

ty

Gumi


3

1.2. NHIỆM VỤ THỰC TẬP
- TìmhiểuvềngơnngữJavascript
- Tìmhiểuvề HTML và CSS
- Tìmhiểuvề ReactJS
- Thamgiadựánthậtđểápdụngcáckiếnthứcđãtìmhiểuđược
1.3. KẾT LUẬN CHƯƠNG 1
Kinhdoanh của Gumi xuấtpháttừCơngnghệthơng tin là
cốtlõiđểđápứngchokháchhàngbênNhậtBảnvàmởrộngđếnkháchhàngtồncầu.
Từkhiđượcthànhlậpchođến nay, Gumi đã là cơng ty phầnmềm có
danhtiếngtạiViệt Nam tronglĩnhvựctíchhợphệthống, phânphốivàbánlẻ,
dịchvụCơngNghệThơng tin, xuấtkhẩugiacơngphầnmềm, bánlẻsảnphẩm
CNTT.
Gumiln tạo điềukiệnđào tạo
chocácbạntrẻnhưemđượchọchỏithêmkinhnghiệm,
tiếpcậnnhữngcơngnghệlậptrìnhhiệnđại,
quytrìnhlàmviệcchunnghiệpvàhiệuquả.


4

CHƯƠNG 2. NỘI DUNG THỰC TẬP
2.1.
2.1.1.

NHỮNG KIẾN THỨC CƠ BẢN VỀ JAVASCRIPT

Tìmhiểuvề Visual Studio Code:

Visual Studio Code
Visual Studio Code (VS Code hay VSC) là
mộttrongnhữngtrìnhsoạnthảomãnguồnphổbiếnnhấtđượcsửdụngbởicáclậptrì
nhviên. Nhanh, nhẹ, hỗtrợđanềntảng, nhiềutínhnăngvà là mãnguồnmởchính
là nhữngưuđiểmvượttrộikhiến VS Code ngàycàngđượcứngdụngrộngrãi.


5

2.1.2.

TìmhiểuJavascript

Javascripttheophiênbảnhiệnhành, là
một ngơnngữlậptrìnhthơngdịch đượcpháttriểntừcác ý
niệm ngunmẫu. Ngơnngữnàyđượcdùngrộngrãichocác trang
web (phía người dùng) cũng nhưphíamáychủ (với Nodejs).
Nóvốnđượcpháttriểnbởi Brendan Eich tại Hãngtruyềnthơng
Netscape với cái tênđầutiên Mocha, rồisauđóđổitênthành LiveScript,
vàcuốicùngthành JavaScript. Giống Java, JavaScript
có cúpháp tươngtự C, nhưngnógầnvới Self hơn
Java. .js là phầnmởrộng thườngđượcdùngcho tập
tin mãnguồn JavaScript.
Ứngdụng của Javascript :
o JavaScript là mộtngơnngữ lậptrìnhdựa trên
ngunmẫu vớicúpháppháttriểntừ C. Giốngnhư C, JavaScript có
kháiniệm từkhóa, do đó, JavaScript gầnnhư khơng
thểđượcmởrộng.

Cũng giốngnhư C, JavaScript khơng có bộxửlý xuất/nhập (input/output) riêng. Trongkhi
C sửdụng thưviện xuất/nhậpchuẩn, JavaScript
dựavàophầnmềmngơnngữđượcgắnvàođểthựchiệnxuất/nhập.
Trên trìnhduyệt, rấtnhiềutrang web sửdụng JavaScript đểthiếtkếtrang web
độngvàmộtsốhiệuứnghìnhảnhthơng qua DOM. JavaScript


6

đượcdùngđểthựchiệnmộtsốtácvụ khơng thểthựchiệnđượcvớichỉ HTML nhưkiểmtrathơng
tin nhậpvào, tựđộngthayđổihìnhảnh,... Ở Việt Nam, JavaScript
cịnđượcứngdụngđểlàm bộgõtiếngViệt giốngnhưbộgõhiệnđangsửdụng trên
trang Wikipedia tiếngViệt. Tuynhiên, mỗitrìnhduyệtápdụng JavaScript khácnhauvà khơng
tntheochuẩn W3C DOM, do
đótrongrấtnhiềutrườnghợplậptrìnhviênphảiviếtnhiềuphiênbản của
cùngmộtđoạnmãnguồnđể có thểhoạtđộng trên nhiềutrìnhduyệt.
Mộtsốcơngnghệnổibậtdùng JavaScript đểtươngtácvới DOM bao
gồm DHTML, Ajax và SPA.
Bênngồitrìnhduyệt, JavaScript có thểđượcsửdụngtrong tập tin PDF của Adobe
Acrobat và Adobe Reader. Điềukhiển Dashboard trên hệđiềuhành Mac OS X phiênbản
10.4 cũng có sửdụng JavaScript. Cơngnghệ kịchbảnlinhđộng (active scripting) của
Microsoft có hỗtrợngơnngữ JScript
làmmộtngơnngữkịchbảndùngchohệđiềuhành. JScript.NET là
mộtngơnngữtươngthíchvới CLI gầngiống JScript nhưng có
thêmnhiềutínhnănglậptrìnhhướngđốitượng.
Từkhi Nodejs ra đờivàonăm 2009, Javascriptđượcbiếtđếnnhiềuhơn là
mộtngơnngữđanềnkhi có thểchạy trên cảmơitrườngmáychủ cũng nhưmơitrườngnhúng.
Mỗiứngdụngnàyđềucungcấp mơhình đốitượngriêngchophéptươngtácvớimơitrườngchủ,
vớiphầnlõi là ngơnngữlậptrình JavaScript gầnnhưgiốngnhau.

2.2.
2.2.1.

TÌM HIỂU VỀ REACTJS
Giớithiệu


7

React là thưviện JavaScript phổbiếnnhấtđểxâydựnggiaodiện người dùng (UI).
Nóchotốcđộphảnhồituyệtvờikhi user nhậpliệubằngcáchsửdụngphươngphápmớiđể
render trang web.
Components của cơngcụnàyđượcpháttriểnbởi Facebook. Nóđược ra
mắtnhưmộtcơngcụ JavaScript mãnguồnmởvàonăm 2013. Hiệntại, nóđã đi
trướccácđốithủchínhnhư Angular và Bootstrap, haithưviện JavaScript
bánchạynhấtthờibấygiờ.

CHƯƠNG 3. KẾT QUẢ THỰC TẬP
2.3.

Page Authentication


8

2.4.

Page Student List

2.5.

Page Seminar List


9

2.6.

Page Seminar Item List

2.7.

Page Seminar Item Card


10

2.8.

Page Seimar Item Allocation


11

2.9.

Page Seminar Document


12

2.10. Page Posted Reg. Seminar


13


14

2.11. Inventory Report

2.12. Warehouse Report


15

CHƯƠNG 4. KẾT LUẬN
Sau khitrải qua hơn 3 thángthựctậptạiGumi Viet, emđãtrangbịđượcchomìnhnhiềukiếnthức
cũng nhưkinhnghiệmthựctếvềmơitrườnglàmviệcdoanhnghiệp.
Emđãhiểuhơnvềquytrìnhthiếtkếmột Page, nhữngđặcđiểm, ucầutừkháchhàng mà
từtrướctới nay emchưađượctiếpcậntới.
Bêncạnhđóem cũng nhận ra
bảnthâncịnnhiềuthiếusótvềvốnhiểubiếtcácngơnngữlậptrìnhnhưngcịnnhiềuđiểmcầnkhắcp
hục.
Từđóemrút ra bàihọcchobảnthânđểtíchlũychoqtrìnhlàmviệcsaunày.


16

Dướiđây là những gì emđãhọcđượcsauquátrìnhthựctập ở FPT Software:

 Cáchsửdụngvàlàmviệc trên backlog.
 Hiểunhữngnguyêntắcvềgiaodiệnvàchứcnăng của một Website.
 Hiểunhữngnguyêntắccơbảntrongthiếtkếwebsire.
 Vậndụngquytrìnhchuẩndoanhnghiệpvàođồán.
 Hiểunhữngnhucầuthiếtyếukhisửdụngsảnphẩm của kháchhàng.
 Khảnănggiảiquyếtvấnđề, sửalỗi code.
 Khảnăngtựtìmhiểuthơng tin, đọcgiáotrìnhngoạingữ. Nhữngkĩnăngmềm:
o Kĩnănggiaotiếp.
o Kĩnănglàmviệcnhóm.
o Lắngnghevàthuthập ý kiến.
o Tácphonglàmviệccơquanchuyênnghiệp.
o Lên kếhoạchlàmviệc chi tiết.
QuátrìnhthựctậptạiGumi là quãngthờigianrấthữuđốivớinhữngsinhviênsắp ra
trườngnhưem.
Xin chânthànhcảmơncácanh chị từdoanhnghiệp, cácthầycơ ở Khoa
Cơngnghệphầnmềmtrườngđãgiúpem có mộtkìthựctậptốt

TÀI LIỆU THAM KHẢO
[1] code.visualstudio.com , installing Visual Studio Code.
[2] developer.mozilla.org/vi/docs/Web/JavaScript , tìmhiểuvềJavascript
[3] reactjs.org, tìmhiểuvề ReactJS
[4] Tàiliệu của Gumi


17