37
2.2. Thi t k c s d li u v t lý
38
3. Lu ng ho t đ ng c a h th ng 3.1. Quy trình đ ng ký
i v i ng i dùng ch a đ ng nh p, mu n đ ng ký ph i th c hi n b m nút “ ng ký” n m thanh menu. i v i ng i dùng đã đ ng nh p, th c hi n ch n vào hình nh cá nhân trên thanh menu và ch n đ ng xu t. Sau đó ch n “ ng ký” n m thanh Menu.
Trang đ ng ký xu t hi n. Ng i dùng c n nh p các thông tin nh email, m t kh u, h , tên. Ng i dùng nh n b m nút “ ng ký” đ hoàn thành quá trình.
H th ng s ki m tra xem email ng i dùng v a nh p đã đ c s d ng hay ch a. N u email đã đ c s d ng thì s xu t hi n thông báo l i, yêu c u ng i dùng s d ng email khác. N u email ch a đ c s d ng thì là h p l , m t mã xác nh n s đ c g i v email c a ng i dùng. ng th i m t h p tho i yêu c u nh p mã xác nh n s xu t hi n. Ng i dùng m email c a mình đ l y mã xác nh n. Mã xác nh n là m t chu i g m 6 ký t s , n u ch a nh n đ c mã xác nh n, ng i dùng có th yêu c u h th ng g i l i b ng cách b m nút “G i l i mã xác nh n” sau m i 30 giây. L u ý là mã xác nh n ch có hi u l c trong vòng 10 phút.
Ng i dùng nh p mã xác nh n vào h p tho i và b m nút “Xác nh n”. H th ng s ki m tra mã xác nh n có đúng không. N u sai thì xu t hi n thông báo l i và nh p l i mã xác nh n. N u đúng, h th ng s g i cho b n m t email xác nh n t o tài kho n thành công
*L u ý: N u đ ng ký b ng tài kho n Google, b n s b qua đ c b c xác nh n tài kho n, và đ ng nh p th ng b ng gmail. Cách đ ng ký t ng t đ ng nh p, tuy nhiên b n s nh n đ c email xác nh n trong l n đ ng nh p đ u tiên. Các b c chi ti t gi ng nh ph n 3.2(a).
3.2. Quy trình đ ng nh p
Có 2 cách đ đ ng nh p vào h th ng a) ng nh p b ng Google
Ng i dùng b m nút “ ng nh p” thanh menu, sau đó ch n “ ng nh p b ng Google”, h p tho i tài kho n Google s hi n ra. N u trên máy ch a có tài kho n Google nào thì ng i dùng c n ti n hành đ ng nh p vào tài kho n Google. N u trên máy đã có tài kho n Google thì ng i dùng ch c n nh n ch n tài kho n mu n s d ng. H th ng chuy n đ n trang ch .
39
b) S d ng email và m t kh u
Ng i dùng b m nút “ ng nh p” thanh menu, h p tho i đ ng nh p xu t hi n. Ng i dùng nh p email và m t kh u, sau đó b m nút “ ng nh p”. H th ng ki m tra xem email và m t kh u có chính xác không. N u sai thì s xu t hi n thông báo l i, n u đúng s chuy n đ n trang ch .
3.3. Quy trình t o m i và qu n lý template c a nhân viên
Sau khi đ ng nh p vào h th ng, nhân viên b m nút “T o m i template”, h th ng chuy n đ n trang t o m i template. Nhân viên nh p đ y đ các thông tin bao g m lo i template, tên template, mô t , hình minh h a, mã ngu n. Sau đó nh n “T o m i” đ hoàn t t quá trình.
H th ng ki m tra xem có tr ng d li u nào thi u hay không h p l . N u có s xu t hi n thông báo l i yêu c u nhân viên nh p l i. N u m i thông tin đã đ y đ và h p l thì h th ng s ti n hành t o m i template.
Thông báo t o m i template thành công xu t hi n, nhân viên b m nút “OK”. H th ng chuy n đ n trang qu n lý template. đây nhân viên s nhìn th y template mình v a t o m i v i tr ng thái “ ã b khóa”.
Template c n ch qu n tr viên ki m duy t đ xu t hi n th vi n template. Sau khi ki m duy t thành công, nhân viên s nhìn th y tr ng thái c a template là “ ang ho t đ ng”. 3.4. Quy trình t o m i Landing Page c a khách hàng
Sau khi đ ng nh p vào h th ng, ng i dùng b m nút “Th vi n template” thanh menu. H th ng chuy n đ n trang th vi n template, ng i dùng s nhìn th y các template m u đây. Ng i dùng có th xem qua template b ng cách nh n nút “Xem tr c”, m t trang m i s m ra hi n th giao di n template m u. Sau khi đã ch n l a đ c template m u ng ý, ng i dùng b m nút “S d ng”. H th ng chuy n đ n trang t o m i template.
b c đ u tiên ng i dùng c n đ t tên cho template. Ng i dùng nh p tên sau đó b m nút “Ti p theo”( hình m i tên h ng sang bên ph i).
b c th hai ng i dùng c n ch n tên mi n. Có 2 l a ch n là “Ng u nhiên” và “Tùy ch n”, chú ý là ng i dùng c n s h u plan Pro thì m i đ c tùy ch n tên mi n. N u ch n “Ng u nhiên” thì Landing Page s s d ng tên mi n là mà m t dãy ký t do h th ng sinh ra. N u ch n “Tùy ch n” thì ng i dùng có th ch n tên mi n theo mong mu n, mang ý ngh a g i nh . Chú ý là tên mi n ch bao g m ch cái, ch s và d u g ch d i. Ng i dùng nh p tên mi n sau đó b m nút “Ti p theo”. H th ng s ki m tra tên mi n có h p l không, n u có l i thì s xu t hi n thông báo, n u không có l i thì s chuy n đ n b c k ti p.
40
b c th ba ng i dùng c n thi t l p m t s tùy ch n.
- Tùy ch n v “M c bài vi t”, tính n ng này giúp ng i dùng t o bài vi t trên trang Landing Page nh tin t c, s ki n, ch ng trình khuy n mãi, s n ph m m i. Ng i dùng ch n “Có” ho c “Không”.
- Tùy ch n v “Plugin Messenger”, tính n ng này s giúp nh ng ng i truy c p trang Landing Page có th nh n tin t i ng i dùng. Ng i dùng ch n “Có” ho c “Không”. N u ch n “Có” thì m t s xu t hi n ô đ ng i dùng nh p mã th c thi. có đ c mã th c thi ng i dùng c n s h u m t trang Facebook dành cho doanh nghi p. Tr c h t ng i dùng truy c p vào trang Facebook dành cho doanh nghi p, ch n “H p th ”, sau đó ch n “Plugin chat”, ch n “Thi t l p”. Ti p đó ch n ngôn ng là ti ng Vi t, thêm tên mi n https://epagestore.online. Sau đó ng i dùng sao chép mã th c thi và dán vào ô mã th c thi. Ng i dùng nh n ti p theo đ chuy n sang b c k ti p.
b c th t ng i dùng c n tùy ch nh l i giao di n. Các n i dung có th thay đ i bao g m các đo n v n b n và hình nh. Sau khi đã tùy ch nh xong ng i dùng chuy n sang b c k ti p.
B c th n m là b c cu i cùng, ng i dùng xem l i các thi t l p đã cài đ t bao g m tên Landing Page, tên mi n, tùy ch n v m c bài vi t và Plugin Messenger. N u mu n thay đ i các cài đ t tr c đó, ng i dùng b m nút “Quay l i”(M i tên h ng sang bên trái). N u đã ch c ch n v các cài đ t thì b m nút “Xác nh n” đ hoàn t t quá trình.
M t h p tho i thông báo t o m i Landing Page thành công s xu t hi n. Cùng v i đó là đ ng link và mã QR đ ng i dùng th truy c p. Ng i dùng nh n “OK”, h th ng chuy n đ n trang qu n lý Landing Page.
3.5. Quy trình qu n lý Landing Page c a khách hàng (adsbygoogle = window.adsbygoogle || []).push({});
Sau khi đ ng nh p vào h th ng, ng i dùng b m nút “Qu n lý Landing Page” thanh menu đ vào trang qu n lý Landing Page. N u ng i dùng ch a t o Landing Page nào thì s xu t hi n thông báo “Không có Landing Page nào!”. Ng c l i, s xu t hi n m t b ng danh sách Landing Page mà ng i dùng đã xu t b n.
b ng danh sách ng i dùng có th xem các n i dung nh tên Landing Page, đ a ch truy c p, h n s d ng, tr ng thái. Có t t c 3 tr ng thái c a Landing Page bao g m:
- ang ho t đ ng: Landing Page còn h n s d ng. - ã h t h n: Landing Page đã quá h n s d ng.
- B khóa: Landing Page đ ng t i n i dung vi ph m nên đã b qu n tr viên khóa.
B m vào nút “Tác v ” phía bên ph i ngoài cùng s xu t hi n các tác v ng i dùng có th th c hi n, bao g m:
- L y mã QR
41
- Th ng kê l t truy c p - i tên Landing Page - Thi t l p tùy ch n
- Xu t Landing Page ra file html - Xóa Landing Page
3.6. Quy trình t o m i và qu n lý bài vi t c a khách hàng
Sau khi đ ng nh p vào h th ng, ng i dùng b m nút “Qu n lý bài vi t” thanh menu. N u ng i dùng ch a t o Landing Page nào thì s xu t hi n thông báo “Không có Landing Page nào!”. Ng c l i, s xu t hi n m t b ng danh sách Landing Page mà ng i dùng đã xu t b n. Ng i dùng ch n Landing Page mu n qu n lý bài vi t.
Ng i dùng b m nút “T o m i bài vi t” đ thêm m i bài vi t, h th ng chuy n đ n trang t o m i bài vi t. đây ng i dùng c n nh p các thông tin nh tiêu đ , n i dung, hình minh h a. Sau khi đi n xong d li u, ng i dùng b m nút “T o m i”. Xu t hi n h p tho i thông báo t o m i bài vi t thành công. Ng i dùng sau đó đ c chuy n v trang qu n lý bài vi t. đây ng i dùng s nhìn th y b ng danh sách các bài vi t c a Landing Page. Các thông tin đ c hi n th bao g m tiêu đ bài vi t, th i gian c p nh t l n cu i. B m vào nút “Tác v ” phía bên ph i ngoài cùng s xu t hi n các tác v ng i dùng có th th c hi n, bao g m:
- Xem chi ti t bài vi t - Ch nh s a bài vi t - Xóa bài vi t
3.7. Quy trình qu n lý tài kho n c a qu n tr viên
Sau khi đ ng nh p vào h th ng, qu n tr viên b m nút “Qu n lý tài kho n” thanh menu. S có 2 tab bao g m tài kho n khách hàng và tài kho n nhân viên. Qu n tr viên b m vào t ng tab đ xem danh sách t ng ng.
tab tài kho n khách hàng, các thông tin hi n th bao g m h , tên, email, lo i plan khách hàng đang s h u và phía bên ph i cùng là nút tác đ th c hi n khóa/m khóa tài kho n.
tab tài kho n nhân viên, các thông tin hi n th bao g m h , tên, email và phía bên ph i cùng là nút tác đ th c hi n khóa/m khóa tài kho n.
th c hi n khóa/m khóa tài kho n thì qu n tr viên nh n vào nút, sau đó h p tho i yêu c u nh p m t kh u đ xác th c s hi n ra. Qu n tr viên nh p m t kh u sau đó nh n “Xác nh n”.
42
3.8. Quy trình qu n lý template c a qu n tr viên
Sau khi đ ng nh p vào h th ng, qu n tr viên b m nút “Qu n lý template” thanh menu. H th ng chuy n đ n trang qu n lý template. Template đ c chia thành 3 lo i g m thu th p khách hàng, bán hàng và trung gian chuy n đ i. Qu n tr viên b m vào t ng tab đ xem lo i template t ng ng.
M t b ng danh sách các template s xu t hi n đây. Các thông tin hi n th bao g m tên template, id c a nhân viên đã t o template đó, nút khóa/m khóa template và nút “Tác v ”
phía bên ph i cùng.
th c hi n khóa/m khóa tài kho n thì qu n tr viên nh n vào nút, sau đó h p tho i yêu c u nh p m t kh u đ xác th c s hi n ra. Qu n tr viên nh p m t kh u sau đó nh n “Xác nh n”.
th c hi n xem giao di n c a template, qu n tr viên b m vào nút “Tác v ”, ch n “Xem tr c”. th c hi n download mã ngu n c a template, qu n tr viên b m vào nút “Tác v ”, ch n “Download”.
3.9. Quy trình qu n lý Landing Page c a qu n tr viên
Sau khi đ ng nh p vào h th ng, qu n tr viên b m nút “Qu n lý landing page” thanh menu. H th ng chuy n đ n trang qu n lý Landing Page, đây s có 2 tùy ch n xem là xem theo tên mi n ho c ng i dùng.
N u mu n xem theo tên mi n thì qu n tr viên b m vào tab t ng ng. M t b ng danh sách Landing Page s hi n ra bao g m các thông tin nh tên Landing Page, đ a ch truy c p, h và tên khách hàng đã t o Landing Page đó và phía bên ph i cùng là nút đ khóa/m Landing Page.
N u mu n xem theo ng i dùng thì qu n tr viên b m vào tab t ng ng. M t b ng danh sách tài kho n ng i dùng đã t o Landing Page s hi n ra bao g m các thông tin nh h và tên khách hàng, lo i plan mà khách hàng đó đang s h u, s Landing Page ng i đó đã t o và nút “Xem chi ti t”. Qu n tr viên b m nút “Xem chi ti t” đ xem thông tin c th v các Landing Page mà khách hàng đang s h u. M t b ng danh sách Landing Page s ti p t c hi n ra bên d i, bao g m các thông tin nh tên Landing Page, đ a ch truy c p, h và tên khách hàng đã t o Landing Page đó và phía bên ph i cùng là nút đ khóa/m Landing Page. Qu n tr viên b m vào đ a ch truy c p c a Landing Page đ xem n i dung c a Landing Page. Xem xét xem có vi ph m các tiêu chí nh liên quan đ n v n đ chính tr , tôn giáo, s c t c, xúc ph m đ n cá nhân, t ch c. N u n i dung vi ph m thì qu n tr viên c n th c hi n khóa Landing Page đó b ng cách b m vào nút “Khóa”sau đó h p tho i yêu c u nh p m t kh u đ xác th c s hi n ra. Qu n tr viên nh p m t kh u sau đó nh n “Xác nh n”.
43 (adsbygoogle = window.adsbygoogle || []).push({});
CH NG 4: HI N TH C H TH NG
1. Qu n lý mã ngu n 1.1. Github 1.1. Github
- GitHub là m t d ch v n i ti ng cung c p kho l u tr mã ngu n Git cho các d án ph n m m. Github có đ y đ nh ng tính n ng c a Git, ngoài ra nó còn b sung nh ng tính n ng v social đ các developer t ng tác v i nhau.
- Là công c giúp qu n lý source code t ch c theo d ng d li u phân tán. - Giúp đ ng b source code c a team lên 1 server.
- H tr các thao tác ki m tra source code trong quá trình làm vi c (diff, check modifications, show history, merge source, …).
- Github cung c p các tính n ng social networking nh feeds, followers, và network graph đ các developer h c h i kinh nghi m c a nhau thông qua l ch s commit.
Tài li u tham kh o [13]
1.2. C u trúc mã ngu n trong E-PAGESTORE
- G m 3 ph n : Front-end, Back-end, Backup Database.
44
1.2.1. Front-end (ReactJS)