BÁO CÁO THC TP
tài: Tìm hiu v lnh vc lp trình web ti công ty TNHH Gii pháp Công ngh Weable
Sinh viên thc hin: Th Kim Ngân – 18IT2
Giáo viên hng dn: Ths. Trnh Th Ngc Linh
n v thc tp: Cty TNHH Gii pháp Công ngh Weable
Ngi hng dn: Anh Nguyn Xuân Hu
à Nng, tháng 01 nm 2021
BÁO CÁO THC TP
TÀI: TÌM HIU V LNH VC LP TRÌNH WEB TI CÔNG TY TNHH GII PHÁP CÔNG NGH WEABLE
LI NÓI U
Hin nay trên th gii thng mi in t ang phát trin rt mnh m. K thut s giúp chúng ta tit kim áng k các chi phí nh chi phí vn chuyn trung gian, chi phí giao dch và c bit là giúp tit kim thi gian con ngi u t vào các hot ng khác. Hn na thng mi in t còn giúp con ngi có th tìm kim t ng theo nhiu mc ích khác nhau, t ng cung cp thông tin theo nhu cu và s thích ca con ngi. Gi ây, con ngi có th ngi ti nhà mua sm mi th theo ý mun và các website bán hàng trên mng s giúp ta làm c iu ó. Chính vì vy các công ngh mã ngun m tr lên c chú ý vì các tính nng ca nó. Giá thành r và c h tr rt nhiu trên mng s giúp chúng ta nhanh chóng xây dng các website bán hàng thân thin và d s dng vi ngi dùng. Chính vì vy trong ó án này em chn tài v:” Xây dng website bán hàng in t trc tuyn bng Opencart”. ây là mt h thng n gin nhng mnh cho phép nhanh chóng xây dng các ng dng bán hàng trên Internet.
LI CM N
Trong li u tiên ca báo cáo án thc tp “ Xây dng Website bán hàng trc tuyn bng Wordpress” này, em mun gi nhng li cm n và bit n chân thành nht ca mình n tt c nhng ngi ã h tr, giúp em v kin thc và tinh thn trong quá trình thc hin án. Trc ht em xin chân thành cám n Cô Trnh Th Ngc Linh, Ging viên Khoa Công Ngh Thông Tin, Trng i hc Công Ngh Thông Tin & Truyn Thông Vit – Hàn, i hc à Nng, ngi ã nh hng, dn dt chn im thc tp cho chúng em và các anh trong công ty TNHH Gii pháp Công ngh Weable ã trc tip hng dn, giúp chúng em trong sut quá trình thc hin án. Xin chân thành cm n ban giám hiu nhà trng ã to iu kin tt nht trong quá trình hc tp. Do thi gian thc hin có hn, kin thc còn nhiu hn ch nên án thc hin chc chn không tránh khi nhng thiu sót nht nh.
Em rt mong nhn c ý kin óng góp ca thy cô giáo và các bn bè em có thêm kinh nghim và tip tc hoàn thin án ca mình.
Em xin chân thành cm n!
à Nng, tháng 01 nm 2021
Sinh viên
------------
………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
XÁC NHN CA C QUAN
(Ký tên, óng du)
------------
………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
XÁC NHN CA GVHD
(Ký tên, óng du)
Mc lc
CHNG 1: NI DUNG THC TP TI CTY TNHH GII PHÁP CÔNG NGH WEABLE 9 LCH LÀM VIC TI NI THC TP 9 1. GII THIU V CÔNG TY 10 1.1 Gii thiu chung v công ty 10 1.2 Lnh vc hot ng chính 10 1.3 Mô hình hot ng hin tai ca công ty Weable 10 1.4 Quy trình hot ng ca công ty khi có d án: 11 CÔNG TY TNHH GII PHÁP CÔNG NGH WEABLE 12 CHNG 2: TNG QUAN V MT WEBSITE VÀ WORDPRESS 13 2.1 Tng quan v mt website 13 2.2 Tng quan v Wordpress 13 2.3 Cài t Wordpress 14 2.4 S dng localhost/Wordpress 15 CHNG 3: GII THIU CU TRÚC THEME WORDPRESS VÀ CÀI T XAMPP 16 3.1. Các thut ng c bn 16 3.2 Danh sách template wordpress 16 3.3 Cu trúc theme wordpress 18 3.4 Cài t Xampp 19 3.4.1 Xampp là gì? 19 3.4.3 Xampp c dùng làm gì? 20 3.4.5 Cài t Xampp 21 CHNG 4 DEMO VÀ KT LUN 22 4.1 Demo 22 4.2 Kt lun 25 TÀI LIU THAM KHO 26
MC HÌNH NH
Hình 2. Install Wordpress
Hình 3. Phiên bn XAMPP mi nht là phiên bn 7.2.11 phát hành nm 2018
Hình 4. Nhng tính nng tuyt vi ca XAMPP là không th ph nhn
Hình 5. Cài t Xampp
Hình 6. ng nhp vào wordpress trên localhost
Hình 7. Trang ch wordpress
Hình 8. Danh sách sn phm to mc product
Hình 9. Trang ch website th gii di ng làm bng wordpress
Hình 10. Danh mc sn phm in thoi Android
Hình 11. Footers ca website th gii di ng
CHNG 1: NI DUNG THC TP TI CTY TNHH GII PHÁP CÔNG NGH WEABLE
LCH LÀM VIC TI NI THC TP
Khi thc tp tai công ty, Anh Nguyn Xuân Hu là ngi chu trách nhim hng dn trong quá trình thc tp ca công ty TNHH GII PHÁP CÔNG NGH WEABLE ã a ra lch thc tp cho sinh viên nh sau:
Tun
( Project Manage) chn tài thc hin án.
2
23/12 – 25/12
- Tìm hiu v CMS Wordpress là gì, ng dng ca ngôn ng này.
- Tìm hiu v mt ch phát trin mt sn phm da trên CSM Wordpress.
3
30/12
-Theme và Pluggin Wordpress
- Hoàn chnh mt website bán hàng th gii di ng
5
13/01 – 15/01
Làm bài word chun b báo cáo cho công ty Weable, c ánh giá và nhn xét.
1. GII THIU V CÔNG TY
1.1 Gii thiu chung v công ty
Công ty TNHH Gii pháp Công ngh Weable là mt t ch qui t nhng tri thc tr y nng ng, nhit huyt và kinh nghim trong lãnh vc CNTT, vi tâm huyt góp phn vào công vic thúc y tin trình a công ngh thông tin là ngành kinh t mi nhn, góp phn phát trin nc nhà.
1.2 Lnh vc hot ng chính
Công ty TNHH Gii pháp Công ngh Weable ã và ang tp trung ch yu chuyên sâu lnh vc hot ng thit k chuyên dng
1.3 Mô hình hot ng hin tai ca công ty Weable
· 1 PM (Project manage) - Là anh Hu, công vic là kim d án cho cty + lp trình1 Designer - Là anh Lâm, Thit k giao din web + lp trình
· 1 SEOer - Là anh t - SEO web (SEO web là gì - tra google), và lo phn ni dung cho website
· 1 Technical Director - Là anh Hiu - chuyên bên k thut, Server/Hosing, tên min
· Ngoài ra cty còn có mt s developer outsource (thuê ngoài khi cn thit)
1.4 Quy trình hot ng ca công ty khi có d án:
Công ty s dng “Figma” thit k d tng tác vi khách hàng và khách hàng có th theo dõi quá trình làm vic ca d án. Quy trình hot ng theo th t nh sau:
· Trao i yêu cu khách hàng ( Anh Hu trc tip trao i vi khách hàng)
· Bàn bc v giao din
· (A) Thit k website bn quyn
· (B) Thit k website có sn
· Cht giá-báo giá cho khách hàng (Nhn trc 30% cc). Nu hy hp ng công ty s nhn ht tin cc.
- Nu khách hàng chn thit k website có sn thì tin hành làm.
- Ngc li, khách hàng chn thit k website bn quyn thì theo th t nh sau:
· Design công ty ( Anh Lâm) s làm vic vi khách hàng. Thi gian thit k giao din: 7 – 10 ngày.
· Lp trình website ( Anh Lâm). Thi gian lp trình: 10 – 15 ngày
· Kim th ( anh Lâm), sa li ( nu có ) Thi gian thc hin: 2 – 3 ngày
· Gi cho khách hàng bn demo Thi gian : 1 tun ( kim tra, thay i)
· Thay i ln: báo giá mi
· Thay i nh: min phí
· Sau thi gian sa hosting ( khách hàng mua: a lên cho khách hàng, nu host cty: min phí 1 nm u, nm tip theo gia hn )
CÔNG TY TNHH GII PHÁP CÔNG NGH WEABLE
a ch: 72 – 73 H Huân Nghip, Phng M An, Qun Ng Hành Sn, Thành ph à Nng.
Website: https://weable.vn/
E-mail: info@weable.vn
CHNG 2: TNG QUAN V MT WEBSITE VÀ WORDPRESS
2.1 Tng quan v mt website
Vi mt website thông thng, nó s bao gm các thành phn sau:
· Giao din (Front-end): Là nhng gì chúng ta thy nó hin th ra bên ngoài nh b cc, màu sc ca website. Phn này chúng ta gi là giao din và nó c xp vào loi Front-end ca mt website.
· Mã ngun x lý (Backend): Ging nh mt c máy, nó hot ng c nh nhng gì chúng ta thy thì phi có mt h thng bên trong x lý. Ví d khi vào website bn n nút ng ký, làm sao h thng có th lu tr các thông tin ca bn li thì s do các mã ngun x lý.
· C s d liu (Database): Vi các website hin nay thì s có mt phn không th thiu gi là c s d liu. C s d liu s lu li d liu mm ca website ó nh d liu bài vit, ni dung trên website, hay các thit lp,…Còn mã ngun ch lu tr các tp tin ca mã ngun, tp tin hình nh.
Nh vy xây dng c mt website, chúng ta phi làm 3 phn này vi phc tp cao và yêu cu bo mt kht khe. Th nhng vi s h tr ca WordPress, công vic này ã c làm sn và chúng ta ch vic s dng cho nó chy.
2.2 Tng quan v Wordpress
WordPress là mt phn mm ngun m (Open Source Software 1) c vit bng ngôn ng lp trình website PHP và s dng h qun tr c s d liu MySQL; cng là b ôi ngôn ng lp trình website thông dng nht hin ti. WordPress c ra mt ln u tiên vào ngày 27/5/2003 bi tác gi  Matt Mullenweg  và  Mike Little . Hin nay WordPress c s hu và phát trin bi công ty Automattic có tr s ti San Francisco, California thuc hp chng quc Hoa K.
· WordPress là mt mã ngun m bng ngôn ng PHP h tr to blog cá nhân, và nó c rt nhiu ngi s dng ng h v tính d s dng, nhiu tính nng hu ích.
· S lng ngi s dng tng lên, các cng tác viên là nhng lp trình viên cng tham gia ông o phát trin mã ngun WordPress có thêm nhng tính nng tuyt vi.
· Là mt h qun tr ni dung (CMS – Content Management System 2) vt tri h tr ngi dùng to ra nhiu th loi website khác nhau nh blog, website tin tc/tp chí, gii thiu doanh nghip, bán hàng – thng mi in t, thm chí vi các loi website có phc tp cao nh t phòng khách sn, thuê xe, ng d án bt ng sn,..
Nhng nh th không có ngha là WordPress ch thích hp vi các d án nh, mà hin nay có ti khong 25% website trong danh sách 100 website ln nht th gii s dng mã ngun WordPress. Ví d nh trang tp chí TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz,…rt nhiu không th k ht c.
2.3 Cài t Wordpress
Bc 1: Truy cp vào  control panel ca Hostinger  và chn icon Auto Installer.
Bc 2: in WordPress trong ch tìm kim. Bn s thy phiên bn mi nht ca WordPress hin ra. Click vào nó.
Hình 2. Install Wordpress
Bc 3: in các thông tin cn thit:
· URL – ng dn ca trang WordPress. Nu bn mun cài vào th gc hãy trng
· Language – Chn ngôn ng WordPress.
· Administrator Username – Bn phi s dng tên này ng nhp vào dashboard ca WordPress.
· Administrator Password – Mt khu bn dùng ng nhp vào dashboard ca WordPress.
· Administrator Email – Email address ca bn. Chúng tôi khuyên s dng email công vic ca bn ti ây, nó s c dùng nhn thông báo và i mt khu.
· Website Title – Tiêu Website ca bn.
· Website Tagline – Slogan ca Website ca bn, dùng miêu t website ca bn dùng làm gì
Bc 4: Nhn nút Install.
2.4 S dng localhost/Wordpress
Li ích khi cài WordPress trên Localhost có th d thy là, bn s có mt môi trng kim th WordPress tuyt vi:
· Do kt ni ti website WordPress là kt ni ni b, bn s thy thay i ngay lp tc. Thao tác trên máy localhost s cc nhanh, và không chu nh hng bi kt ni mng.
· Bt chp thi tit và mùa cá mp ti, bn vn có th dng website cho hoàn chnh ri upload toàn b ni dung go-live sau, mà không lo ang làm dang d thì b mt kt ni.
· c bit localhost/WordPress rt hu dng cho ngi mi bt u, bn s có môi trng kim th và hc các kin thc v CMS này nhanh hn.
CHNG 3: GII THIU CU TRÚC THEME WORDPRESS VÀ CÀI T XAMPP
3.1. Các thut ng c bn
tr thành mt nhà phát trin web (web developer) hay mt nhà thit kt web (web designer) bng wordpress bn cn hiu c cu trúc ca mt theme wordpress. Trc ht ta nên i vào tìm hiu 2 thut ng khá ph bin nhng không kém phn quan trng:
· Theme: ây là mt tp hp các tp tin có cha hình nh, âm thanh, code,.. giúp hình thành nên giao din ca trang web
· Template: Là mt on code c vit di dng mt hàm hay lu tr trong 1 file bng ngôn ng PHP có th s dng li nhiu ln. Cu trúc theme ca wordpress chính là to ra t các template, c gi bi các hàm ã c xây dng sn ca wordpress hoc do ngi dùng t to.
· CSS: là code c vit bng ngôn ng CSS dùng tác ng ti giao din ca toàn trang. Thông thng stylesheet chính c lu vào file style.css nhng cng có th tùy chnh do ngi dùng.
3.2 Danh sách template wordpress
- Mt theme wordpress c to ra bng h thng truy cp phân cp vào các template, thông thng gi nhng template sn có wordpress cung cp sn nhng hàm gi ã c nh ngha (các hàm thng bt u bng ch wp_ ). Tt nhiên có th s dng c các hàm này thì bn phi t tên các template theo chun wordpress nu không mun phi nh ngha li.
- Mt theme c bn nht ca theme wordpress cn 2 file chính là index.php và style.css. Khi phát trin web hoàn thin s cn các file template khác, sau ây mình s gii thích nhng template quan trng thng có trong các theme dng sn, c lu trong th mc public.html/wp-content/themes:
· style.css : Stylesheet chính. Cha các on code CSS cho theme, c gi t header.
· rtl.css : File này t ng hng trang web t phi sang trái, có th c to bng plug-in RTLer.
· index.php : hin th trang ch, nó s hin th nhng bài vit dng tóm tt hoc thu gn theo ý ngi lp trình
· comments.php : Các ý kin hoc phn hi, ping back, track back ti trang web. các template này không nên cha các nh ngha function mà bn mun thêm vào mà hãy chúng trong hàm functions.php
· front-page.php : Trang front-page, thng dùng khi bn mun hin th mt trang tnh
· home.php : Thng dùng khi bn mun có mt front-page tnh nhng có cp nht các bài vit mi nht
· single.php : Trình bày mt post
· single-<post-type>.php : Trình bày post có s iu chnh riêng nht nh
· page.php : Trình bày mt page
· category.php : Trình bày mt category – th mc
· tag.php : Trình bày mt tag, khi mt t khóa c truy vn
· taxonomy.php : Trình bày mt phân loi, khi mt phân loi c truy vn
· author.php : Trình bày tác gi, ngi vit hay ngi phn hi
· date.php : Trình bày ngày tháng
· archive.php : c s dng khi tác gi, ngày tháng, hay th mc c truy vn. Nó s b ghi è bi author.php, date.php, category.php
· search.php : Trình bày khi mt kt qu tìm kim c truy vn
· attachment.php : Trình bày khi xem mt tp tin ính kèm
· image.php : Trình bày khi xem mt hình nh ính kèm
· 404.php : Trình bày khi nhp sai URL, wordpress không th tìm thy bài vit phù hp truy vn.
Ngoài ra còn có th có template khác tùy theo tng theme
3.3 Cu trúc theme wordpress
HEADER
INDEX
POST
PAGE
SIDEBAR
FOOTER
V tng quan mt giao din web trong wordpress s c b trí nh trên. Trong ó các phn c nh ngha nh sau:
Head và thanh tiêu (header.php)
· Bao gm th m <html> và phn <head> và phn tiêu (navigation) hin th phn u ca web.
· Link ti file CSS, dùng lnh wp_head()  gi stylesheet, script hay các fucntion khác.
· Gi ra bi hàm có sn trong wordpress là wp_get_header().
Widgets (sidebar.php)
· Cha các code v sidebar hai bên cnh trang web v link blog, mây th…. hin th hai bên ca web.
· Các code có th mc nh hoc s xut hin khi kích hot trong Appearance -> Widgets
Single Post (post.php), Home (index.php), Page (page.php)
· ã gii thiu trên, s hin th phn chính ca web.
Lu tr (archive.php)
· Hin th lu tr tiêu (tag, category, date-based, hoc author archive).
· Hin th mt danh sách các bài vit trong on trích hoc hình thc y
· Bao gm wp_link_pages ()  h tr chuyn hng các liên kt trong bài vit
ây là các template chc nng, dùng khi cn s dng các chc nng này
Footer (footer.php)
· Cha các mã liên quan ti menu footer, óng du bn quyn v.v…. hin th chân trang web.
· Cha th óng </body> và </html>. Gi ra bi hàm có sn ca wordpress là wp_get_footer().
3.4 Cài t Xampp
3.4.1 Xampp là gì?
XAMPP là chng trình to web server c ng dng trên các h iu hành Linux, MacOS, Windows, Cross-platform, Solaris.
· u im ln nht ca XAMPP là không phi tr phí bn quyn và s dng mã ngun m, bên cnh ó cu hình ca web server này tng i n gin, gn nh nên c s dng ngày càng ph bin hin nay.
3.4.2 Thông tin c bn v Xampp
Hình 3. Phiên bn XAMPP mi nht là phiên bn 7.2.11 phát hành nm 2018
Nhà phân phi: XAMPP là phn mm web server thuc bn quyn ca GNU General Public Licence. XAMPP do Apache Friends phân phi và phát trin.
Ngôn ng lp trình: XAMPP hình thành da trên s tích hp nhiu ngôn ng lp trình.
H iu hành: XAMPP c ng dng trên c 5 h iu hành: Cross-platform, Linux, Windows, Solaris, MacOS.
Các phiên bn: XAMPP ngày càng c nâng cp và phát trin. Hin nay phiên bn XAMPP mi nht là phiên bn 7.2.11 phát hành nm 2018.
3.4.3 Xampp c dùng làm gì?
- ng dng ca XAMPP là gì? Phn mm XAMPP là mt loi ng dng phn mm khá ph bin và thng hay c các lp trình viên s dng xây dng và phát trin các da án website theo ngôn ng PHP. XAMPP c s dng cho mc ích nghiên cu, phát trin website qua Localhost ca máy tính cá nhân. XAMPP c ng dng trong nhiu lnh vc t hc tp n nâng cp, th nghim Website ca các lp trình viên. 
· Localhost c ghép ca 2 ch “local” (máy tính ca bn) và “host” (máy ch) là thut ng ch máy ch chy trên máy tính cá nhân. Localhost c bn nó nh mt webserver bao gm: Apache, MySQL, PHP và PHPmyadmin. Localhost dùng chính cng máy tính làm không gian lu tr và cài t trang web.
Hình 4. Nhng tính nng tuyt vi ca XAMPP là không th ph nhn
3.4.5 Cài t Xampp
Bc 1: Download XAMPP
Bc 2: Nhp vào file có uôi .exe trên file ti xung.
Bc 3: Trên ca s Set up, tích chn các phn mm mà bn mun cài t. Nu bn mun cài WordPress trên XAMPP, các phn mm bt buc phi chn là MySQL, Apache, PHPMyAdmin. Sau khi chn xong, nhn Next.
Bc 4: Chn th mc cài t và nhn Next.
Bc 5: Ch vài phút cài t, sau khi cài t hoàn tt nhn finish kt thúc.
Hình 5. Cài t Xampp
CHNG 4 DEMO VÀ KT LUN
4.1 Demo
Hình 7. Trang ch wordpress
Hình 8. Danh sách sn phm to mc product
Hình 9. Trang ch website th gii di ng làm bng wordpress
Hình 10. Danh mc sn phm in thoi Android
Hình 11. Footers ca website th gii di ng
4.2 Kt lun
án xây dng mt trang Web bán hàng in t bng Wordpress cho ca hàng th gii di ng.
Qua quá trình thc hin án, em ã tng hp li c các kin thc trong thi gian ã hc ti Trng. ng thi em ã tìm hiu và nm c qui trình cài t và ng dng Wordpress có th ch ng trong tìm vic tìm kim thông tin phc v công vic.
Sau khi hoàn thành án, án tp trung x lí các k thut liên quan n thng mi in t, trong ó cho phép t yêu cu dch v trc tuyn. ây là mt mt hàng c bit trong lnh vc thng mi in t ang c a chung và s dng rng rãi. án c bn ã x lí ht các chc nng theo yêu cu ca ca hàng và ã th nghim cho kt qu nh mong mun.
Hng phát trin tip theo ca án là tích hp vic thanh toán trc tuyn trên Inrternet qua các nhà cung cp dch v ti Vit Nam: MSB,..
Bên cnh ó, vn còn mt s hn ch cha c khai phá.
TÀI LIU THAM KHO