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 Chuyêngiahướ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 CHƯƠNG 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 1.1.2 Lịch sử hình thành phát triển công ty 1.1.3 Lĩnh vực hoạt động 1.1.4 Cơ sở vật chất 1.1.5 Cơ cấu tổ chức doanh nghiệp 1.1.6 Đối tác công ty 1.2 NHIỆM VỤ THỰC TẬP 1.3 KẾT LUẬN CHƯƠNG CHƯƠNG NỘI DUNG THỰC TẬP 2.1 NHỮNG KIẾN THỨC CƠ BẢN VỀ BUSINESS CENTRAL .6 2.1.1 Tìm hiểu Visual Studio Code: 2.1.2 Tìm hiểu Business Central 2.1.3 Cài đặt môi trường AL 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 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 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 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ị team Asurađãgiúpemhọchỏiđượcnhữngkiếnthứcmới, giúpđỡemgiảiquyếtcácvấnđềphátsinhtrongkhilàmđồán nhưqtrìnhlàmquenvớimơitrườnglàmviệcdoanhnghiệp emchưatừng; từđó có mà từtrướctới 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áccơng ty lớn Đồngthờiem xincảmơncácanh chị vàcácbạntạicơng ty đãhỗtrợemtrongqtrìnhthựctập Báocáothựctậpnày kếtquả 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 ý qThầy, Cơđểbàibáocáođượchồnthiệnhơn Emxinchânthànhcảmơn! CHƯƠNG 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:https://gumiviet.com/ Hotline: 028 3930 2407 Thờigianlàmviệc: Thứ – Thứ (8h – 17h30), nghỉtrưa 12h00 –13h30 1.1.2 Lịchsửhìnhthànhvàpháttriển công ty Công ty cổphầngumiViệt Nam công ty CNTT có vốnđầutư 100% đếntừNhậtBảnchuyênvềpháttriển website vàcácứngdụngdànhcho smart phone Đượcthànhlậptừnăm 2012 tạiViệt Nam, Gumiluôn đố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 Gumi có mộtvănphịngtạitịanhà D-House quận Gumi cơng ty mớinêncơsởvậtchấtvẫncịnkhiêmtốn 1.1.5 Đốitác cơng ty Works Japan đốitáclớnnhất vớinhiềudựánnhỏnhưNikkan, Dnavi, Asura, … công ty Gumi 1.2 NHIỆM VỤ THỰC TẬP - TìmhiểuvềngơnngữJavascript - Tìmhiểuvề HTML 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 Kinhdoanh Gumi xuấtpháttừCơngnghệthơng tin 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 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 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) 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à mãnguồnmởchính 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, 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) nhưphíamáychủ (với Nodejs) Nóvốnđượcpháttriểnbởi Brendan Eich Hãngtruyềnthơng Netscape vớ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 Java .js phầnmởrộng thườngđượcdùngcho tập tin mãnguồn JavaScript Ứngdụng Javascript : o JavaScript mộtngơnngữ lậptrìnhdựa ngunmẫu vớicúpháppháttriểntừ C Giốngnhư C, JavaScript có kháiniệm từkhóa, đó, 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 đượ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 trang Wikipedia tiếngViệt Tuynhiên, mỗitrìnhduyệtápdụng JavaScript khácnhauvà khơng tntheochuẩn W3C DOM, đótrongrấtnhiềutrườnghợplậptrìnhviênphảiviếtnhiềuphiênbản cùngmộtđoạnmãnguồnđể có thểhoạtđộng nhiềutrìnhduyệt Mộtsốcơngnghệnổibậtdùng JavaScript đểtươngtácvới DOM bao gồm DHTML, Ajax SPA Bênngồitrìnhduyệt, JavaScript có thểđượcsửdụngtrong tập tin PDF Adobe Acrobat Adobe Reader Điềukhiển Dashboard hệđiềuhành Mac OS X phiênbản 10.4 có sửdụng JavaScript Cơngnghệ kịchbảnlinhđộng (active scripting) Microsoft có hỗtrợngơnngữ JScript làmmộtngơnngữkịchbảndùngchohệđiềuhành JScript.NET mộtngơnngữtươngthíchvới CLI gầngiống JScript có thêmnhiềutínhnănglậptrìnhhướngđốitượng Từkhi Nodejs đờivàonăm 2009, Javascriptđượcbiếtđếnnhiềuhơn mộtngơnngữđanềnkhi có thểchạy cảmơitrườngmáychủ 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 ngơnngữlậptrình JavaScript gầnnhưgiốngnhau 2.2 2.2.1 TÌM HIỂU VỀ REACTJS Giớithiệu React 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ơngcụnàyđượcpháttriểnbởi Facebook Nóđược mắtnhưmộtcơngcụ JavaScript mãnguồnmởvàonăm 2013 Hiệntại, nóđã trướccácđốithủchínhnhư Angular Bootstrap, haithưviện JavaScript bánchạynhấtthờibấygiờ CHƯƠNG KẾT QUẢ THỰC TẬP 2.3 Page Authentication 2.4 Page Student List 2.5 Page Seminar List 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 KẾT LUẬN Sau khitrải qua thángthựctậptạiGumi Viet, emđãtrangbịđượcchomìnhnhiềukiếnthức 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 emchưađượctiếpcậntới Bêncạnhđóem nhận 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 bàihọcchobảnthânđểtíchlũychoqtrìnhlàmviệcsaunày 16 Dướiđây emđãhọcđượcsauqtrìnhthựctập FPT Software:  Cáchsửdụngvàlàmviệc backlog  Hiểunhữngnguyêntắcvềgiaodiệnvàchứcnăng 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 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 quãngthờigianrấthữuđốivớinhữngsinhviênsắp 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 Gumi 17 ... 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áccơng ty lớn Đồngthờiem xincảmơncácanh chị vàcácbạntạicơng ty đãhỗtrợemtrongqtrìnhthựctập Báocáothựctậpnày kếtquả... giúpđỡemgiảiquyếtcácvấnđềphátsinhtrongkhilàmđồán nhưqtrìnhlàmquenvớimơitrườnglàmviệcdoanhnghiệp emchưatừng; từđó có mà từtrướctới 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,... Báocáothựctậpnày kếtquả 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 ý qThầy, Cơđểbàibáocáođượchồnthiệnhơn Emxinchânthànhcảmơn!