Giới thiệu - Cổng Thông tin đào tạo - Trường ...



??I H?C C?NG NGH? TH?NG TIN V? TRUY?N TH?NG VI?T - H?NKHOA C?NG NGH? TH?NG TIN V? TRUY?N TH?NG?? ?N CHUY?N NG?NH 1?? T?I: D?CH V? ?I CH? ONLINESinh viên th?c hi?n: Nguy?n Trung Hi?u Nguy?n H?u Ng?c TriêmGi?ng viên h??ng d?n: TS. Lê V?n MinhL?p : 17IT1 ?à n?ng, tháng 12 n?m 2020??I H?C C?NG NGH? TH?NG TIN V? TRUY?N TH?NG VI?T H?N?? ?N CHUY?N NG?NH 1 ?? T?I: D?CH V? ?I CH? ONLINE?à N?ng, tháng 12 n?m 2020M? ??UL?I C?M ?NL?i ??u tiên, em xin c?m ?n ??n toàn th? các qu? th?y c? giáo khoa C?ng ngh? th?ng tin và truy?n th?ng. Th?y c? ?? giúp em r?t nhi?u trong vi?c ??nh h??ng trong vi?c h?c t?p.Em c?ng xin g?i l?i c?m ?n ??n Th?y Lê V?n Minh, th?y ?? ??nh h??ng giúp em có th? ch?n ???c m?t ?? tài phù h?p. Th?y ?? giúp ?? em trong vi?c gi?i ?áp và tìm hi?u các th?ng tin mà em g?p v??ng m?c kh?ng th? gi?i ?áp ???c. Th?y ?? h??ng d?n em trong vi?c ch?n h??ng gi?i quy?t v?n ?? mà em m?c ph?i.NH?N X?T (C?a gi?ng viên h??ng d?n) …………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… ?a? N??ng, ngày … tháng … n?m 20... Giáo viên h??ng d?nLê V?n MinhM?c l?c TOC \o "1-3" \h \z \u Ch??ng 1Gi?i thi?u PAGEREF _Toc60239041 \h 71.1T?ng quan PAGEREF _Toc60239042 \h 71.2Ph??ng h??ng th?c hi?n PAGEREF _Toc60239043 \h 71.2.1X?y d?ng ?ng d?ng trên ?i?n tho?i PAGEREF _Toc60239044 \h 71.2.2X?y d?ng trang web Admin PAGEREF _Toc60239045 \h 81.3K?t qu? ban ??u PAGEREF _Toc60239046 \h 8Ch??ng 2Tri?n khai x?y d?ng PAGEREF _Toc60239047 \h 82.1X?y d?ng m?i tr??ng làm vi?c PAGEREF _Toc60239048 \h 82.1.1Cài ??t React Native PAGEREF _Toc60239049 \h 82.1.2Cài ??t ReactJS PAGEREF _Toc60239050 \h 92.2Ti?n hành thi?t k? giao di?n h? th?ng và tri?n khai th?c hi?n các ch?c n?ng PAGEREF _Toc60239051 \h 102.2.1Thi?t k? và th?c hi?n app trên ?i?n tho?i di ??ng PAGEREF _Toc60239052 \h 102.2.2Thi?t k? và th?c hi?n trang qu?n l? PAGEREF _Toc60239053 \h 16Ch??ng 3K?t lu?n và H??ng phát tri?n PAGEREF _Toc60239054 \h 203.1K?t qu? th?c hi?n PAGEREF _Toc60239055 \h 203.2H??ng phát tri?n PAGEREF _Toc60239056 \h 20Gi?i thi?uT?ng quanTrong th?i ??i hi?n ??i hóa nh? hi?n nay, r?t nhi?u nh?ng c?ng vi?c truy?n th?ng ?? ???c thay th? b?ng các ph??ng pháp hi?n ??i và ti?n l?i nhanh chóng h?n. Trong s? ?ó, vi?c mua s?m các s?n ph?m th?ng qua m?ng internet ?? v??n mình và phát tri?n m?t cách chóng m?t. Thay vì vi?c di chuy?n m?t kho?ng cách xa ?? có th? mua ???c món hàng ?u thích, hi?n nay, ch? c?n vài cú nh?n màn hình ?i?n tho?i hay click chu?t, m?i ng??i ?? có th? nh?n ???c hàng hóa mà mình yêu c?u ???c giao t?n n?i ? ch? sau vài ngày, th?m chí là vài gi?. Tuy nhiên, ?a s? các trang web th??ng m?i ?i?n t? hi?n nay khó mà có th? cung c?p các s?n ph?m nh? th?c ph?m t??i s?ng cho khách hàng, nguyên nh?n ch? y?u là do kho?ng cách giao hàng nhi?u n?i quá xa ngu?n hàng, d?n k?t qu? t?t y?u hi?n nay- các s?n ph?m ???c mua bán ?a s? là hàng gia d?ng, ?? ?óng gói s?n ho?c các s?n ph?m có th? gi? ???c l?u. Ph??ng h??ng th?c hi?nX?y d?ng ?ng d?ng trên ?i?n tho?i?? th?c hi?n ?? tài này, ?ng d?ng trên ?i?n tho?i s? ???c x?y d?ng trên n?n t?ng React Native, React Native là m?t framework m? ngu?n m? ???c sáng t?o b?i Facebook. Nó ???c s? d?ng ?? phát tri?n ?ng d?ng di ??ng Android, iOS, Web và UWP,b?ng cách cho phép các nhà phát tri?n s? d?ng React cùng v?i m?i tr??ng ?ng d?ng g?c (native). So v?i các framework khác, React Native có các ?u nh??c ?i?m nh? sau:?u ?i?m:Hi?u qu? v? m?t th?i gian khi mà b?n mu?n phát tri?n m?t ?ng d?ng nhanh chóng.Hi?u n?ng t??ng ??i ?n ??nh.C?ng ??ng phát tri?n m?nh.Ti?t ki?m ti?n.Team phát tri?n nh?.?ng d?ng tin c?y và ?n ??nh.X?y d?ng cho nhi?u h? ?i?u hành khác nhau v?i ít native code nh?t.Tr?i nghi?m ng??i dùng t?t h?n là hybrid app.Nh??c ?i?m:React Native v?n ?òi h?i native code.Hi?u n?ng s? th?p h?n v?i app thu?n native code.B?o m?t kh?ng cao do d?a trên JS.Qu?n l? b? nh?.Kh? n?ng tùy bi?n c?ng kh?ng th?c s? t?t ??i v?i m?t vài module.X?y d?ng trang web AdminWeb admin ???c x?y d?ng trên n?n t?ng ReactJs. React Js là m?t th? vi?n vi?t b?ng?javascript, dùng ???x?y d?ng giao di?n ng??i dùng?(UI). React ???c s? d?ng r?ng r?i và có h? sinh thái ?a d?ng phong phú. ?? phát tri?n ?ng d?ng hoàn ch?nh, m?t mình React Js là kh?ng làm ???c t?t c? mà c?n thêm:Server side language: ?? x? l? logic và l?u tr? d? li?u trên server.HTML/CSS ?? làm ?ng d?ng web.Flux/Redux?: là m?t ki?n trúc giúp t? ch?c code r? ràng và s?ch s?.Objective C: n?u s? d?ng React ?? x?y d?ng app cho iOS? l?nh v?c Web, s? d?ng React Js có th? ?em l?i tr?i nghi?m t?t cho ng??i dùng, c?ng nh? kh? n?ng Hot Reload giúp l?p trình nhanh h?n K?t qu? ban ??uTri?n khai x?y d?ng X?y d?ng m?i tr??ng làm vi?cCài ??t React NativeB?t ??u v?i vi?c cài ??t NodeJS và Expo Cli. ?? cài ??t NodeJS, vi?c c?n làm ??u tiên là truy c?p vào trang web : , sau ?ó t?i v? phiên b?n NodeJS phù h?p và ti?n hành cài ??t trên máy tính. Sau khi ?? cài ??t thành c?ng NodeJS, ti?p ??n, m? Command Promt và cài ??t Expo CLI b?ng l?nh sau:Sau ?ó, ch?y các l?nh sau ?? t?o m?t d? án React Native m?i, ví d? ? ??y ta t?o m?t d? án có tên "AwesomeProject":Thay vì l?nh npm start, c?ng có th? dùng l?nh expo start ?? thay th?.Nh? v?y, các b??c c? b?n ?? cài ??t m?i tr??ng làm vi?c cho React Native ?? hoàn thành. ?? có th? ti?n hành ch?nh s?a ?ng d?ng theo ? mu?n, ch? c?n m? t?p tin App.js và ch?nh s?a các dòng l?nh trong nó. Cài ??t ReactJST??ng t? v?i vi?c cài ??t m?i tr??ng cho React Native, b??c ??u tiên c?a vi?c cài ??t ReactJS c?ng là t?i xu?ng và cài ??t phiên b?n NodeJS phù h?p. Ti?p ??n, th?c hi?n cài ??t b? cài ??t app React b?ng c?u l?nh npm install -g create-react-app nh? sau:Sau khi cài ??t m?i tr??ng ban ??u hoàn thành, ti?p ??n, c?n cài ??t project m?i ?? có th? ti?n hành t?o trang web b?ng ReactJS b?ng l?nh: create-react-app react-projectK?t qu? ???c nh? sau:Ti?n hành thi?t k? giao di?n h? th?ng và tri?n khai th?c hi?n các ch?c n?ng Thi?t k? và th?c hi?n app trên ?i?n tho?i di ??ngMàn hình chínhTrang danh sách s?n ph?mTrang chi ti?t s?n ph?m Gi? hàngTrang ??ng nh?p và ??ng kí Trang th?ng tin khách hàngThi?t k? và th?c hi?n trang qu?n l?Trang ch?Trang qu?n l? s?n ph?mTrang thêm s?n ph?mTrang qu?n l? nh?n viênTrang qu?n l? ??n hàngK?t lu?n và H??ng phát tri?nK?t qu? th?c hi?nHi?n nay, ?a ph?n ?? hoàn thành các giao di?n và các ch?c n?ng chính c?a h? th?ng. Tuy nhiên v?n còn nhi?u ?i?u sai sót c?n chú ? h?n nh?:Giao di?n ?ng d?ng ?i?n tho?i còn th? s? và quá ??n gi?n, c?n ph?i ti?p t?c ch?nh s?a và n?ng c?p.Các ch?c n?ng chính c?a trang qu?n l? v?n còn ch?a hoàn thi?n l?m, ch? d?ng l?i ? m?c ?? qu?n l? c? b?n.C? s? d? li?u còn th? s? và h?n h?p, c?n ph?i b? sung nhi?u h?n.V?n còn m?t s? l?i có th? phát sinh ra trong quá trình s? d?ng ?ng d?ng trên n?n t?ng di ??ng.H??ng phát tri?nTrong t??ng lai, các vi?c làm c?n ?u tiên hàng ??u ?? phát tri?n h? th?ng ti?p t?c s? là:Thi?t k? nhi?u giao di?n và ch?c n?ng h?n cho phù h?p v?i xu h??ng s? d?ng c?a ng??i dùng.Ti?p t?c ki?m tra và kh?c ph?c các l?i trên h? th?ng, ??ng th?i n?ng cao kh? n?ng b?o m?t th?ng tin.Tri?n khai h? th?ng trên ph?m vi l?n h?n, t?ng s? l??ng ng??i dùng trong t??ng lai. ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download