LỜI CẢMƠNSau thời gian học tập tại trường, sinh viên được hệ thống lại toàn bộ lýthuyếtchuyên ngành và được tham gia kiến tập một số khâu nghiệp vụ cơ bản của cáckiếnthức lý thuyết đã đư
Lýdothực tập
Quá trình học tập tại trường đã cho mỗi sinh viên một lượng kiến thức lý thuyếtvề chuyên ngành mà họ đã lựa chọn Những lý thuyết ấy có thể giúp chúng ta hiểu biếtvề những con số trên giấy tờ, hiểu biết những khái niệm đặc thù của ngành nghề nhưngnhư thế vẫn chưa đủ Đối với xã hội ngày càng phát triển hiện nay thì việc cọ xát thựctếcùngvớinhữngkiếnthứcmàsinhviênđượctiếpthutrêngiảngđườngthìthựcsựrấtcần thiết Hoạt động đó sẽ giúp sinh viên biết được việc thật làm thật là như thế nào,kiếnthứctrêngiảngđườngkhácvớiviệcthựchànhtạicôngtylànhư thếnào.Chínhvìvậy các trường đại học hiện nay đã áp dụng các chưng trình khảo sát thực tế còn gọi là“thực tập” cho các sinh viên dễ dàng, nhanh chóng tiếp thu kiến thức giữa việc học đivớiviệchành.
Thực tập còn giúp sinh viên không còn bỡ ngỡ khi kết thúc chương trình học tạitrườngmàvẫnkhôngxácđịnhđượclàbảnthânsẽlàmnhữnggìsauđó.Nólàmtăngsựtựtintrongngh ềnghiệpcủabảnthân,giúpvượtquanỗisợhãikhôngtênmàmìnhphảiđốimặtởmôitrườnglàmviệc khácnhau.Thôngquacáchoạtđộngđósinhviêncòncócơ hội làm việc tại các tập đoàn lớn, mở ra một tương lai tươi sáng Vì thế em đã lựachọnCôngtycổphầnCôngnghệLansiumlànơiđểthựctập.
Lansium là một Công ty startup Mục tiêu của công ty là phát triển ứng dụngLansium trên nhiều nền tảng khác nhau để hỗ trợ cho các doanh nghiệp trong quá trìnhchuyểnđổisố.Thậtmaymắnkhiemđược thựctậptạicôngtyvàthamgiađộingũxâydựngfrontend.Dođó,emxinchọnđềtài“Xâydựnggiaodi ệnchoứngdụngLansium”.
Mụctiêuthựctập
Thứhailàđểchúngemcócơhộiđượcvậndụngnhữngkiếnthứcđãhọcởtrườnglớpvàomộtdựánt hựctế.Giúpchúngemcũngcốkiếnthức,khinhnghiệmmới.Từđógiúpchúngemtự tin,vữngbước trênconđườngtươnglaisựnghiệpsắptới.
Địađiểmthựctập
Bốcụcbàibáocáo
Khái quátvềLansium
- Địachỉ:203/33ĐặngThùyTrâm,P.13,QuậnBìnhThạnh,ThànhphốHồChíM inh.
- Email:vo.nguyen@lansium.com
- Tầmnhìn–giátrịcốtlõi: o Sựsốnglàsựtraođổi,mỗikhitraođổigiátrịmớiđượcsinhra,conngườicần công cụ để quản lý sự trao đổi một cách tự nhiên, đơn giản và hiệuquả. o Chuyểnđổisốsẽđơngiảnnếuchúngtachuyểnđổitừnggiaodịch. o Côngnghệsẽlànềntảngcủasựkếtnốicácgiaodịch.
Kháiquátvềứng dụng
- Ápdụngtrongcáclĩnhvựcsảnxuất,chuỗicungứng,nôngtrại,giáodục,đơnvịhànhchánh
- Tíchhợp nhiềunềntảngvào1hệthống o Traođổinộibộ o Quảnlýkếhoạch,quảnlýtheochủđề o Quảnlýtàiliệu o NềntảngERP o NềntảngIoT o Cáctiệních (hệthống chỉđường,coupon, )
Môtảcôngviệc
- ReactJSlàmộtthưviệnJavaScriptmãnguồnmởđượcthiếtkếbởiFacebookđể tạo ra những ứng dụng web hấp dẫn, nhanh và hiệu quả với mã hóa tốithiểu Mục đích cốt lõi của ReactJS không chỉ khiến cho trang web phải thậtmượt màcònphảinhanh,khảnăngmởrộngcaovàđơngiản.
- Sức mạnh của nó xuất phát từ việc tập trung vào các thành phần riêng lẻ.Chính vì vậy, thay vì làm việc trên toàn bộ ứng dụng web, ReactJS cho phépmột developer có thể phá vỡ giao diện người dùng phức tạp thành các thànhphầnđơngiảnhơn.
JSXlàphầnmởrộngcúphápJavaScript.KhôngnhấtthiếtphảisửdụngJSX trongpháttriểnReact,nhưngnó đượckhuyếnkhích.
Cácthànhphần–Reactlàtấtcảvềcácthànhphần.Bạncầnnghĩmọithứnhư mộtthànhphần Điềunàysẽgiúpbạnduytrìmãkhilàmviệctrêncác dự ánquymôlớnhơn.
LuồngdữliệumộtchiềuvàFlux–Reacttriểnkhailuồngdữliệumộtchiều giúp bạn dễ dàng suy luận về ứng dụng của mình Flux là mộtmẫugiúpgiữ dữ liệucủabạnkhôngtheohướng.
Phùhợpvớiđadạngthểloạiwebsite:ReactJSkhiếnchoviệckhởitạowebsitedễd ànghơnbởivìbạnkhôngcầnphảicodenhiềunhưkhitạotrang web thuần chỉ dùng
JavaScript, HTML và nó đã cung cấp chobạnđủloại“đồchơi”đểbạncóthểdùngchonhiềutrườnghợp.
TáisửdụngcácComponent:NếubạnxâydựngcácComponentđủtốt,đủ flexible để có thể thoả các “yêu cầu” của nhiều dự án khác nhau,bạnchỉtốnthờigianxâydựngbanđầuvàsửdụnglạihầunhưtoànbộởcácdự ánsau.KhôngchỉriêngmỗiReactJSmàcácframeworkhiệnnaycũngđềuchoph épchúngtathựchiệnđiềuđó,vídụFlutterchẳnghạn.
Có thể sử dụng cho cả Mobile application: Hầu hết chúng ta đều biếtrằngReactJSđượcsửdụngchoviệclậptrìnhwebsite,nhưngthựcchấtnóđượcs inhrakhôngchỉlàmmỗiđềuđó.NếubạncầnpháttriểnthêmứngdụngMobile,thìh ãysửdụngthêmReactNative–mộtframeworkkhác được phát triển cũng chính Facebook, bạn có thể dễ dàng “chiasẻ” các Component hoặc sử dung lại các Business Logic trong ứngdụng.
Thân thiện với SEO: SEO là một phần không thể thiếu để đưa thôngtinwebsitecủabạnlêntopđầutìmkiếmcủaGoogle.BảnchấtReactJSlà một thư viện JavaScript, Google Search Engine hiện nay đã crawlvàindexđượccodeJavaScript,tuynhiênbạncũngcầnthêmmộtvàithưviệnkhácđể hỗ trợ điều nàynhé!
- Taurilàmộtcôngcụpháttriểnứngdụngmáytínhđểbàn(desktopapplication) đa nền tảng, kết hợp giữa framework JavaScript React và côngcụđónggóiứngdụngTauri.TauriReactchophéplậptrìnhviênsửdụngcáccông nghệ web hiện đại như HTML, CSS, JavaScript và React để xây dựngcácứngdụngmáytính đểbànchoWindows,macOSvàLinux,vớikhảnăngđónggói ứngdụngnhỏgọnvàhiệuquả.
- Tauri cung cấp một cách tiếp cận linh hoạt cho việc xây dựng các ứng dụngmáy tính để bàn đa nền tảng, và cho phép lập trình viên sử dụng các kỹ thuậtweb để phát triển ứng dụng, đồng thời tận dụng các tính năng và khả năngcủahệđiềuhànhđểcảithiệntrảinghiệmngườidùng.
Đa nền tảng: Tauri React cho phép lập trình viên xây dựng các ứngdụng máy tính để bàn cho nhiều hệ điều hành khác nhau, bao gồmWindows, macOSvàLinux.
TíchhợpReact:TauriReactsửdụngReact,mộttrongnhữngframeworkph ổ biến nhấttrong việcxâydựngcácứng dụngwebhiện đại Điều này giúp cho việc phát triển ứng dụng trở nên dễ dàng hơnđốivớicáclậptrìnhviênđãquenvớiReact.
Khảnăngtùychỉnh:TauriReactchophéplậptrìnhviêntùychỉnhgiaodiện ứng dụng theo ý muốn, đồng thời cung cấp các API để truy cậpcác tính năng của hệ điều hành như quản lý cửa sổ, đọc/ghi file, truycậpcơsởdữ liệu,v.v.
Hiệu suất cao: Do sử dụng công nghệ web hiện đại và kết hợp với Tauriđể đóng gói ứng dụng, Tauri React có thể đem lại hiệu suất cao choứngdụngmáytínhđểbàncủabạn.
Phương thứclàmviệcvàquy trìnhthựchiện
- Cácbướclàmviệc o Tiếp nhận côngviệcthông quacáctask đượcphâncôngtrongphầngiámsátcủaứngdụngcôngty o Phântíchtìmhiểuvấnđề o Đưarahướnggiải quyết o Tiếnhànhgiảiquyếtcáccôngviệctrongtask o Sửalỗicácvấnđềnảysinhtrongsuốtquátrìnhlàmkểcảsaukhihoànthành o Tiếpnhậnreviewcủamentervàtiếnhànhsửađổitheoyêucầu
Kếtquảđạtđược
1 Chủsởhữu Module lờiworkspace mời vào
3 Ngườidùng Module lờiworkspace mời vào
- Hệ thống kiểm chứngthôngtinnếucótồntạihiể n thịra mànhìnhgửilời mời -
Chọnchứcquyềnchong ườicầnmời,nhậpthêmn ộidụnglời mời nếucóthể
-Hệthốngkiểmtrathôngtinvà sau đó tiến hành gửi lờimời
Use casenày mô tảcách ngườidùng chấp nhận lờimờivàoworkspace
6.2.Luồngsựkiệnthaythế Người dùng có thể chọn trở về đầu dòng sự kiệnchính hoặc hủy bỏ việc chấp nhận lời mời, lúc nàyusecasekếtthúc.
7.Hậuđiềukiện: Trở về màn hình trang chủ Dữ liệu workspace mớiđược thêm vào tài khoản của người đó(nếu thànhcông).
- Hệ thống xoá workspacemàngườidùngtừch ốitrongdanhsáchlờimời
6.2.Luồngsựkiệnthaythế Người dùng có thể chọn trở về đầu dòng sự kiệnchính hoặc hủy bỏ việc từ chối lời mời, lúc này usecasekết thúc.
7.Hậuđiềukiện: Trởvềmànhìnhtrangchủ.Dữliệudanhsáchlờimờiđượccậpnh ật(nếuthànhcông).
- Hệ thống hiển thị các biểucảm
- Hệ thống kiểm chứng cácthông tin sau đó tiến hànhlưuvàohệ thống
7.Hậuđiềukiện: Dữliệutinnhắnđược cậpnhật(nếuthành công).
- Ngườidùngchọncá c thông tin cần thiếtnhư vị trí bảng và vịtríthẻ
6.2.Luồngsựkiệnthaythế Người dùng có thể chọn trở về đầu dòng sự kiệnchính hoặc hủy bỏ việc di chuyển thẻ, lúc này usecasekết thúc.
7.Hậuđiềukiện: Trởvềmànhìnhtrangchủ.Dữliệucậpnhậtlạivịtrícủathẻ(nế uthànhcông).
Usecasenàybắt đầukhingười dùngmuốn sao chépmộtthẻnàođó
-Ngườidùngchọncác thông tin cần thiếtnhư vị trí bảng và vịtríthẻ
6.2.Luồngsựkiệnthaythế Người dùng có thể chọn trở về đầu dòng sự kiệnchínhhoặchủybỏviệcsaochépthẻ,lúcnàyusecasekếtth úc.
- Nhân viên vào danhmụcchọnvàophânq uyềnngười dùng
- Nhân viên chọn vàocác quyền hạn muốnthiếtlập hạnchocáctàikhoảnthuộcqu yềnhạnđó
6.2.Luồngsựkiệnthaythế Nhânviêncóthểchọntrởvềđầudòngsựkiệnchínhhoặc hủy bỏ việc phân quyền, lúc này use case kếtthúc.
Hình2.3 -S ơđồ tuần tựTạo lờimời
Hình2.4 -S ơđồtuần tự Chấp nhận, từ chối lờimời
Hình2.5 -S ơđồ tuần tựgửi emoji
Hình2.8 -S ơđồ tuần tựsao chépthẻ
Hình2.9 -S ơđồ tuần tự Quản lýcácquyềnhạn
Giaodiệndemo
- Cáctùychọn,nội dungcủa lời mời.
Hình2.16-G i a odiện quảnlý danhsách phânquyền
CHƯƠNG3.ĐÁNH GIÁKẾT QUẢVÀHƯỚNG PHÁTTRIỂN
Đánhgiákếtquả
Chứcnăngđãlàmđược
Chứcnăngchưalàmđược
Do một số nguyên nhân khách quan và chủ quan cũng như việc hạn chế về mặtthờigianmàđềtàivẫnchưahoànthiệnđượcmộtsốchứcnăng,mộtsốmodulevẫncòntồnđọngb ugs.
Hướngpháttriển
Sauđâylà mộtsốdựđịnh,phươnghướngphát triểntrong tươnglaicủađềtài: