1

វទិ្យាស្ថា� ន ពហុបច្ចេ��កច្ចេទសព្រពះកុសុមៈព្របធានបទនៃនស្ថារណា

“ ច្ចេ�ហទំព័រផ្សព្វផ្សាយផលិតផលច្ចេល&បណា' ញ ”“Product Online Advertising”

សរច្ចេសរស្ថារណា ច្ចេ*យនិស្ិសតព្រកមុៈ B.IT.02-04១. ប៉ា� ង សំអុល២. គីម វតុ្ថា�៣. អុ៊ច អុន៤. អេអប សុភាព៥. អេ��ម អេស�ងអេ�ង

សាស្រ្តាសា ចា�្យដឹកនាសំា�ណា អេ(ក ភុន បញ្ញា+

2

អារម្ភកថា

ច្ចេ*យស្ថារតែតការរកី�ំច្ចេរនីឥតឈប់ឈរនៃនព្របព័ន្ធពត៌មានវទិ្យាបានជួយសព្រមលួ ដល់ការអភិវឌ្ឍន៍ច្ចេល&វស័ិយជាច្ចេព្រ�&នទាងំក្នងុស្ថា� ប័នឯកជន ក៏ដូ�ជាស្ថា� ប័នរដ្ឋឲ្យកាន់តែតមានភាពព្របច្ចេស&រច្ចេM&ង ក្នងុការទំនាក់ទំនងគ្នា្ន បានរហ័ស និងមានភាពទូលំទូលាយជាងច្ចេពលមុន។ ដូច្ចេ�្នះច្ចេហ&យច្ចេទ&បវស័ិយមួយច្ចេនះកាR យជាតព្រមវូការ�ំបា�់ និងកាន់តែតមានស្ថារៈសំខាន់់យ៉ាW ងខាR ងំក្នងុស្ថា� ប័ននានា។ ច្ចេ*យច្ចេហតុច្ចេនះច្ចេហ&យច្ចេទ&បព្រកមុសិក្សាព្រស្ថាវព្រជាវ បានសិក្សាច្ចេXY តច្ចេZច្ចេល&ការច្ចេរ[ប�ំច្ចេគ្នាលការណ៏ នៃនការបច្ចេង]&ត វបិស្ថាយច្ចេដ&ម្ប&ផYល់ភាពងាយព្រសលួក្នងុការតែ�កចាយពត៌មានបានឆាប់រហ័ស និង�ំច្ចេនញច្ចេពលច្ចេវលានៃនដំច្ចេណ& រការ ការងាររបស់ស្ថា� ប័ន ឬសង្គមបានយ៉ាW ងច្ចេព្រ�&នច្ចេទ[តផង។

3

ជា�ុងច្ចេព្រកាយច្ចេនះព្រកមុច្ចេយ&ងខ្ញុំ សូមសំណូមពរដល់និស្ិសត និងស្ថាព្រស្ថា' ចារ្យទំាងអស់ជួយតែកលំអររាល់កំហុសឆ្គង តែដលមានច្ចេhក្នងុស្ថារណា ច្ចេដ&ម្ប&ស្ថា� បនាឲ្យកាន់តែតព្របច្ចេស&រជាងមុនតែiមច្ចេទ[ត។ ព្រកមុច្ចេយ&ងខ្ញុំ សូមជូនពរដល់និស្ិសត និងស្ថាព្រស្ថា'ចារ្យ ទាងំអស់ឲ្យមានសុខភាពល្អ និង សុភមង្គល ជានិរន'រត៍ច្ចេរ[ងច្ចេZ។

4

PRODUCT ONLINE ADVERTISING

ជំពូក១ ច្ចេស�កY&ច្ចេផY&ម ជំពូក២ រលឹំកព្រទឹសY&ពាក់ព័ន្ធ ជំពូក៣ វធិ&ស្ថាព្រស' និងរ�នាសម្ព័ន្ធការសិក្សា ជំពូក៤ ការវភិា� និងការអនុវត'ន៍ ជំពូក៥ ច្ចេស�កY&សច្ចេងvប សន់្និ*្ឋ ន និងការផYល់អនុស្ថាសន៍

5

ជំពូក១ ច្ចេស�កY&ច្ចេផY&ម

1 . បុព្វច្ចេហតុនៃនការសិក្សា2 . �ំច្ចេណាទបញ្ហាx នៃនការសិក្សា3 . ច្ចេគ្នាលបំណងនៃនការសិក្សា4 . ទំហំ និងតែដនកំណត់នៃនការសិក្សា5 .ផលព្របច្ចេយ៉ាជន៍នៃនការសិក្សា

6

ជំពូក២ រលឹំកព្រទឹសY&ពាក់ព័ន្ធ

1 . ច្ចេត&អ្វ&ជាអ៊់ិនធឺណិត?2 . ច្ចេត&អ្វ&ជា HTML?3 .អ្វ&ច្ចេZជា CSS?4 . ច្ចេត&អ្វ&ច្ចេZ JavaScript?5 . ច្ចេត&អ្វ&ជា Bootstrap?6 . ច្ចេត&អ្វ&ជា PHP ?7 . រលឹំកច្ចេM&ងវញិនូវ Back-End និង Front-End8 . ច្ចេត&អ្វ&ជា MVC?9 . ច្ចេត&អ្វ&ជា MySQL?1 0 .ច្ចេត&អ្វ&ជា jQuery?

7

ជំពូក៣ វធិ&ស្ថាព្រស' និងរ�នាសម្ព័ន្ធការសិក្សា

1 . វធិ&ស្ថាព្រស'នៃនការសិក្សា ជាការបកព្រស្ថាយនូវ វធិ&ស្ថាព្រសYនៃនការសិក្សាច្ចេល&ព្របព័ន្ធតាមរយៈព្រទឹសY&បទ

SDLC (System Development Life Cycle) ជាច្ចេដ&ម។2 .រ�នាសម្ព័ន្ធនៃនការសិក្សា

ព្រតវូបានតែបងតែ�កជា ៥ជំពូកដូ�ក្នងុរបូ៣.២(ក្នងុច្ចេស[វច្ចេ|)�ឺជាការបកព្រស្ថាយច្ចេZច្ចេល&កាសិក្សា�ំច្ចេរាងទាងំមូលរបស់ព្របព័ន្ធ និងបានបងាx ញការបូកសរបុព&ការងារ តែដលការសិក្សាច្ចេធ្វ&បាន។3 .�ំច្ចេរាងច្ចេពលច្ចេវលានៃនការព្រស្ថាវព្រជាវ

ជាការតែបងតែ�កច្ចេពលច្ចេវលា តែដលបាន�ំណាយសព្រមាប់ការសិក្សាព្រស្ថាវព្រជាវ និងបច្ចេង]&តព្របព័ន្ធដូ�មានក្នងុរបូ ៣.៣។

8

ជំពូក៤ ការវភិា� និងការអនុវត'ន៍

1 .ការវភិា�របក�ំច្ចេហ&ញ2 .ការអនុវត'ន៍2.1 ការដំច្ចេM&ង Xampp2.2 Start Service ក្នងុកម្មវធិ& Xampp2.3 ការបច្ចេង]&ត Database និង Table2.4 PHP MVC Pattern 2.4.1 តែផ្នក Front-end2.4.2 តែផ្នក Back-end

9

ជំពូក៥ ច្ចេស�កY&សច្ចេងvប សន្និ*្ឋ ន និងការផYល់អនុស្ថាសន៍

1 . ច្ចេស�កY&សច្ចេងvប2 .សន្និ*្ឋ ន

2.1 �ំនុ�ខាR ងំ2.2 �ំនុ�ច្ចេខ្សាយ

3 .ការផYល់អនុស្ថាសន៍

10

នាច្ចេពលប��ុប្បន្នច្ចេនះវទិ្យាស្ថាព្រសYមានការរកី�ំច្ចេរនី ច្ចេជ~នច្ចេល~នកាន់តែត ខាR ងំច្ចេM&ងៗជាពិច្ចេសស វស័ិយវទិ្យាស្ថាព្រសYពត៌មានវទិ្យា តែដលកំពុងតែតច្ចេពញនិយមច្ចេព្រប&ព្របាស់ទូរទាងំសកលច្ចេលាក ច្ចេហ&យបច្ចេ��កវទិ្យាមួយច្ចេនះបានផ្សារភា� ប់ច្ចេZនឹង សង្គមប��ុប្បន្នច្ចេ*យមិនអា�កាត់XY �់បានច្ចេM&យ ច្ចេ*យច្ចេហតុច្ចេនះច្ចេហ&យ បានច្ចេធ្វ&ឲ្យបណាY រព្របច្ចេទសកំពុង អភិវឌ្ឍន៍ បានងាកមកយក�ិត'ទុក*ក់ និងផYល់តនៃមRយ៉ាW ងខាR ងំច្ចេZច្ចេល&វស័ិយមួយច្ចេនះ។

ទន្ទឹមនឹងការរកី�ំច្ចេរនីនៃនបច្ចេ��កវទិ្យា វាជាកតា' ដ៏សំខាន់មួយសព្រមាប់អ្នកព្របកបមុខរបរអាជ&វកម្មនានា ក្នងុការផ្សព្វផ្សាយលក់ផលិតផល និងច្ចេសវាកម្មរបស់ខRួនដល់អតិiិជន។

ច្ចេស�កY&ច្ចេផY&ម

11

បុព្វច្ចេហតុនៃនការសិក្សា

ហាងលក់កំុព្យូទ័រ �ំច្ចេរនី ផល មានទ&តាងំស�ិតច្ចេh ផ្ទះច្ចេលខ ២០៦ ផRូវ ៧៧BT រាជធាន&ភ្នំច្ចេពញ ជាហាងលក់កំុព្យូទ័រព្រ�ប់ព្របច្ចេភទ តែដលច្ចេទ&បនឹងចាប់កំច្ចេណ& តច្ចេM&ងក្នងុតែខ កុម្ភៈ ឆា្ន ំ ២០១៥។ ហាងលក់កំុព្យូទ័រ �ំច្ចេរនី ផល ជាហាងតែដលច្ចេទ&បនឹងបច្ចេង]&តច្ចេM&ងពំុទាន់មានព្របព័ន្ធផ្សព្វផ្សាយពត៌មានអំព&ច្ចេសវាកម្ម និងការរក្សាទុកទិន្នន័យឲ្យមានព្របសិទ្ធភាពច្ចេhច្ចេM&យច្ចេទ។

12

�ំច្ចេណាទបញ្ហាx នៃនការសិក្សា

ឆRងតាមការសិក្សាព្រស្ថាវព្រជាវអស់មួយរយៈច្ចេhហាងលក់កំុព្យូទ័រ �ំច្ចេរនីផល និងតាមការច្ចេធ្វ&បទសមា្ភ សX្ទ ល់ជាមួយមា� ស់ហាង និងបុ�្គលិករ�ួមក ព្រកមុសិក្សាព្រស្ថាវព្រជាវបានរកច្ចេ�&ញថាមានផលវបិាកជាច្ចេព្រ�&ន តែដលច្ចេក&តមានច្ចេM&ងនាច្ចេពលសព្វនៃi�ច្ចេនះដូ�ជាៈ

ការ�ំណាយច្ចេពលច្ចេវលាក្នងុការតែស្វងរកអតិiិជន។

13

ការរក្សាទុកទិន្នន័យគ្នា្ម នសុវត�ិភាព ច្ចេ*យស្ថារតែតកង្វះខាតនៃនលទ្ធភាពរបស់កម្មវធិ&មួយ�ំនួន ច្ចេពាល�ឺវាមិនអា�ច្ចេធ្វ&ការកំណត់ច្ចេZច្ចេល&សិទ្ធិ របស់អ្នកច្ចេព្រប&ព្របាស់ន&មួយៗបានច្ចេទ ដូច្ចេ�្នះ ច្ចេហ&យអ្នកច្ចេព្រប&ព្របាស់សុទ្ធតែតអា�ច្ចេធ្វ&ការតែកតែព្របទិន្នន័យច្ចេ*យគ្នា្ម នអ្នកដឹង។

មិនមានការកំណត់នូវកាលបរចិ្ចេ��ទច្ចេZច្ចេល&ការ Backup ទិន្នន័យ។ �ំណាយច្ចេពលច្ចេវលា និងiវកិាច្ចេព្រ�&នក្នងុការផ្សព្វផ្សាយពត៌មាន។

14

ច្ចេគ្នាលបំណងនៃនការសិក្សា

ច្ចេដ&ម្ប&បង]ឲ្យមានភាពងាយព្រសលួក្នងុអាជ&វកម្មរបស់ហាងលក់កំុព្យូទ័រ �ំច្ចេរនីផល និងអតិiិជនឲ្យមានភាពច្ចេជ~នច្ចេល~ន និងទាន់សម័យតែiមមួយកព្រមិតច្ចេទ[តច្ចេយ&ងបានសិក្សាច្ចេល&�ំនុ�មួយ�ំនួនដូ�ជា៖ វធិ&ស្ថាព្រស'ក្នងុការផ្សព្វផ្សាយផលិតផលច្ចេhច្ចេល&ព្របព័ន្ធអិុនធឺណិត។ វធិ&ស្ថាព្រស'ក្នងុការផ'ល់ពត៌មានអំព&ផលិតផល និងច្ចេសវាកម្ម ច្ចេZដល់អតិiិជន

។ វធី&ស្ថាព្រស'ក្នងុការរក្សាទុកទិន្នន័យឲ្យមានសុវត�ិភាពខ្ពស់។

15

ទំហំ និងតែដនកំណត់នៃនការសិក្សា

ទំហំៈ ច្ចេhក្នងុការសិក្សាព្រស្ថាវព្រជាវខាងច្ចេល&ច្ចេនះ ព្រកមុច្ចេយ&ងខ្ញុំបានច្ចេX' តច្ចេZច្ចេល&ការផ្សព្វផ្សាយផលិតផលច្ចេhក្នងុហាងលក់កំុព្យូទ័រ �ំច្ចេរនីផល និងផ'ល់ច្ចេសវាកម្មជូនអតិiិជន។

តែដនកំណត់ៈ ច្ចេhក្នងុព្របធានបទខាងច្ចេល&ច្ចេនះ ព្រកមុច្ចេយ&ងខ្ញុំបានកំណត់យកភាស្ថាកូដ និងកម្មវធិ&មួយ�ំនួនដូ�ខាងច្ចេព្រកាម៖ ការបច្ចេង]&តច្ចេ�ហទំព័រច្ចេនះ�ឺច្ចេព្រប&ព្របាស់កូដដូ�ជា៖ HTML, CSS, JavaScript,JQuery,bootstrap និង PHP។

16

ការសរច្ចេសរច្ចេ�ហទំព័រច្ចេនះ�ឺច្ចេព្រប&កម្មវធិ&ជំនួយ AdobeDreamweaverCS5ជា ToolEditorសព្រមាប់សរច្ចេសរកូដ ។

ច្ចេព្រប&ព្របាស់កម្មវធិ& XAMPPControlPanel(Windows,Apache,MySQL,PHP/Perl/Python…) សព្រមាប់បច្ចេង]&ត server សិប្បនិមិត' ។

កូដច្ចេផ្សងច្ចេទ[តដូ�ជាៈ ASP.NET,XMLមិនព្រតវូបានសិក្សាច្ចេM&យ។

17

ផលព្របច្ចេយ៉ាជន៍នៃនការសិក្សា

បនា្ទ ប់ព&បានសិក្សាតែស្វងយល់ព&បញ្ហាx របស់ហាងលក់កំុព្យូទ័រ �ំច្ចេរនីផល រ�ួមក ព្រកមុច្ចេយ&ងខ្ញុំសង្ឹឃម និងច្ចេជ~ជាក់យ៉ាW ងមុតមាថំា ច្ចេ�ហទំព័រនៃនការផ្សព្វផ្សាយលក់ផលិតផល នឹងច្ចេសវាកម្មច្ចេhច្ចេល&បណាY ញច្ចេនះ នឹងអា�ផYល់ផលព្របច្ចេយ៉ាជន៍ជាច្ចេព្រ�&នដល់ហាង អ្នកច្ចេព្រប&ព្របាស់ សង្គមជាតិ និងព្រកមុសិក្សាព្រស្ថាវព្រជាវផងតែដរ។ ផលស្រ្តាបអេ-ជន៍ចំអេ0ះអង្គភាព

ច្ចេព្រកាយព&*ក់ព្របព័ន្ធនៃនការផ្សព្វផ្សាយច្ចេសវាកម្ម និងការលក់ច្ចេhច្ចេល&បណាY ញរ�ួមករាល់បញ្ហាx លំបាកទាងំឡាយ តែដលទាក់ទងច្ចេZនិង ការផ្សព្វផ្សាយពត៌មាន ច្ចេសវាកម្ម ការលក់ ព្រតវូបានច្ចេ*ះព្រស្ថាយព្របកបច្ចេ*យព្របសិទ្ធភាពខ្ពស់ និងអា�ច្ចេជ~ជាក់បាន។

18

ផលស្រ្តាបអេ-ជន៍ចំអេ0ះស្រ្តាកមុសិក្សាស្រ្តាសាវស្រ្តា6វ

ការសិក្សាព្រស្ថាវព្រជាវច្ចេនះបានផYល់ឱកាស ដល់និសិ្សតក្នងុការអនុវត'ន៍ព្រទឹសY&តែដលបានច្ចេរ[នកនRងមក តែiមទាងំបានយល់ដឹងនូវ�នRឹះi្ម&ៗ ក្នងុការបច្ចេង]&តព្របព័ន្ធផ្សព្វផ្សាយមួយឲ្យទទួលបានច្ចេជា�ជ័យ និងទទួលបានបទពិច្ចេស្ថាធន៍ស្ថាម�្គ&ភាពច្ចេhក្នងុព្រកមុ អំព&ការបច្ចេង]&តច្ចេ�ហទំព័រ ការច្ចេធ្វ&រអាជ&វកម្ម ច្ចេដ&ម្ប&អភិវឌ្ឍន៍ខRួនឲ្យទទួលច្ចេជា�ជ័យច្ចេZនៃi�អនា�ត់។

19

ស្រ្តាបអេ-ជន៍ចំអេ0ះសង្គមព្រកមុសិក្សាព្រស្ថាវព្រជាវយល់ច្ចេ�&ញថា ការបច្ចេង]&តច្ចេ�ហទំព័រផ្សព្វផ្សាយ លក់

ផលិតផល និងច្ចេសវាកម្ម ច្ចេនះមិនព្រតឹមតែតមានផលព្របច្ចេយ៉ាជន៍ ដល់អង្គភាពបWុច្ចេណា� ះច្ចេទ វាក៏បានផYល់ជាពនRឺដល់និស្ិសតជំនាន់ច្ចេព្រកាយតែដលសិក្សា នូវតែផ្នកពត៌មានវទិ្យាទុកច្ចេធ្វ&ជា�ំរ ូ និងការព្រស្ថាវព្រជាវបន'រច្ចេដ&ម្ប&អភិវឌ្ឍន៍ ព្របព័ន្ធផ្សព្វផ្សាយច្ចេនះឲ្យកាន់តែតព្របច្ចេស&រច្ចេM&ង។

20

១.ច្ចេត&អ្វ&ជាអិុនធឺណិត (INTERNET)

អិុនធឺណិត (Internet) �ឺជាបណា' ញទំនាក់ទំនងច្ចេ*យមិនកំណត់�ំនួន Note ព&កតែនRងមួយច្ចេZកតែនRងមួយច្ចេផ្សងច្ចេទ[ត,ព&ទ្វ&បមួយច្ចេZទ្វ&បមួយច្ចេទ[ត និងព&ព្របច្ចេទសមួយច្ចេZកាន់ព្របច្ចេទសមួយច្ចេទ[តច្ចេhជំុវញិពិភពច្ចេលាក។ ច្ចេហ&យវាមានអត�ព្របច្ចេយ៉ាជន៍ដូ�ជា៖ អា�ច្ចេផ្ញ&រស្ថារ និងច្ចេម&ល E-mail អា� Download និង Upload Files ច្ចេម&លពត៌មាន ភាពយន' និងការកំស្ថាន'ជាច្ចេដ&ម ការបញ�ូនឯកស្ថារឲ្យគ្នា្ន ច្ចេZវញិច្ចេZមក តែស្វងរកឯកស្ថារព្រ�ប់ព្របច្ចេភទ ការ Call Videos អា�ច្ចេធ្វ&ពាណិជ�កម្មបាន (ដូ�ជាការលក់ទំនិញជាច្ចេដ&ម)។

21

២.ច្ចេត&អ្វ&ជា HTML?

HTML ជាអក្សរកាត់នៃនពាក្យច្ចេពញ Hypertext Markup Language មានន័យថា ភាស្ថាតែដលច្ចេព្រប&សព្រមាប់បច្ចេង]&ត Web Pages។ HTML មិនតែមនជា Programming Language ច្ចេនាះច្ចេទវា�ឺជា Markup Language។ Markup Language �ឺជាសំនំុនៃន Markup Tags ។

22

៣. អ្វ&ច្ចេZជា CSS?

CSS មកព&ពាក្យថា “Cascading Style Sheets” �ឺជា Program Language មួយតែដលច្ចេ�អា�យក Tag របស់ HTML មកតុបតែតងឲ្យមានច្ចេស្ថាភ័ណ្ឌ ភាពច្ចេZតាមតំរវូការតែដលច្ចេយ&ង�ង់បាន ។ ច្ចេ*យព្រ�ប់ Tag របស់ HTML ច្ចេhច្ចេពលតែដលច្ចេយ&ងកំណត់ Style ច្ចេhក្នងុ CSS វានឹងមានលកvណៈដូ�គ្នា្ន ទាងំអស់ច្ចេhច្ចេពលតែដលព្រតវូការច្ចេ�វាមកច្ចេព្រប&ច្ចេhក្នងុ HTML Web Page។

23

៤.ច្ចេត&អ្វ&ច្ចេZ JAVASCRIPT?

JavaScript �ឺជាភាស្ថាមួយព្របច្ចេភទ តែដលច្ចេ�បច្ចេង]&តច្ចេM&ងសព្រមាប់សព្រមលួដល់ការរ�នាច្ចេ�ហៈទំព័រឲ្យកាន់តែតមានច្ចេស្ថាភ័ណភាព និងភាពរស់រច្ចេវកីដូ�ជា តែកតែព្របលកvណៈរបស់ Browser ច្ចេ*យកំនត់អក្សររត់ច្ចេhច្ចេល& Title bar, Photo Slide ជាច្ចេដ&ម។ ច្ចេ�និយមច្ចេព្រប&វាសព្រមាប់សរច្ចេសរជា Client Side Script ។ JavaScript ព្រតវូបានបច្ចេង]&តច្ចេM&ងច្ចេ*យ Netscape ច្ចេហ&យវាមាន Syntax ជាច្ចេព្រ�&នព្រសច្ចេដ[ងច្ចេZនឹង Java Language បWុតែន'វាមិនមានទំនាក់ទំនងជាមួយ Java Language ច្ចេនាះច្ចេទ។

24

៥.ច្ចេត&អ្វ&ជា BOOTSTRAP?

Bootstrap �ឺជា frame work ដ៏ច្ចេពញនិយមបំផុតនៃន HTML, CSS និង JavaScript សព្រមាប់ការអភិវឌ្ឍនូវ ច្ចេ�ហទំព័រទូរស័ព្ទដំបូងច្ចេ�។ Bootstrap �ឺជា front-end framework មួយសព្រមាប់ការអភិវឌ្ឍច្ចេ�ហទំព័រមានភាពច្ចេល~ននិង ងាយ ព្រសលួ។ Bootstrap រមួមាននូវ templates រ�នាព្រ�ឹះរបស់ HTML និង CSS សព្រមាប់ typography, forms, buttons, tables, navigation, modals, image carousels និងមានជាច្ចេព្រ�&នច្ចេទ[តដូ�ជា JavaScript plug-in តែដលអា�ច្ចេព្រជ&សច្ចេរសីបាន។ Bootstrap ក៏អា�ឲ្យអ្នកនូវលទ្ធភាពច្ចេដ&ម្ប&បច្ចេង]&តការរ�នាបានយ៉ាW ងងាយព្រសលួផងតែដរ។

25

៦.ច្ចេត&អ្វ&ជា PHP ?

(PHP) មកព&ពាក្យថា Personal Home Page តែតឥMូវបានប'ូរមកជា PHP Hypertext Preprocessor។ វា�ឺជាភាស្ថាមួយតែដលច្ចេព្រប&សព្រមាប់រ�នា ច្ចេ�ហទំព័រ ឬតែដលច្ចេ�បានម្យា�ងច្ចេទ[តថាជា (Server Site) ជាទូច្ចេZព្រតវូបាន ច្ចេព្រប&សព្រមាប់ការរ�នា ច្ចេ�ហទំព័រក្នងុច្ចេគ្នាលបំណងបច្ចេង]&តនូវ វបិស្ថាយតែដលមានលកvណៈភRឺ និងមានព្រសស់ស្ថា្អ ត ទាក់ទាញ។ វាក៏ជាព្របច្ចេភទភាស្ថាខាង Server site ទ&មួយតែដលព្រតវូបាន*ក់បញ�ូលក្នងុភាស្ថាកូដរបស់ HTML ច្ចេយ&ងក៏ អា�ច្ចេ�បានមW្យាងច្ចេទ[តថាជាតំណភា� ប់របស់ភាស្ថា HTML។

26

៧. រលឹំកច្ចេM&ងវញិនូវ BACK-END និង FRONT-END

ជាទូច្ចេZក្នងុការបច្ចេង]&តជាព្របព័ន្ធមួយព្រតវូមាន Back-End និង Front-End ជាចំាបា�់ ។ ច្ចេhក្នងុព្របព័ន្ធច្ចេនះ Back-End ដំច្ចេណ& រការ និងការ�ូលច្ចេZច្ចេម&លបានលុះព្រតាតែត User ឆRងកាត់នូវ Page Administrator ច្ចេហ&យច្ចេធ្វ&ការ Login នូវ UserName និង Password ជាមុនសិន ។ រឯី Front-End �ឺអា�ឲ្យ User ទូច្ចេZ�ូលច្ចេZច្ចេម&លច្ចេ*យច្ចេសរតីាមរយៈការ Access ច្ចេZកាន់ Web Browser មិនចាបំា�់ច្ចេធ្វ&ការ Login នូវ UserName និង Password ច្ចេM&យ ។

27

៨.ច្ចេត&អ្វ&ជា MVC?

MVC មកព&ពាក្យច្ចេពញថា “Model View Controller” �ឺជា Design pattern។ Design pattern ជាទព្រមង់នៃន code ការសរច្ចេសរកូដ frameworks ធម្មតាមានភាពរហ័ស។ អ្នកអា��ិតថា Design pattern �ឺជាច្ចេព្រគ្នាងឆ្អឹងឬក៏ជា framework តែដល application របស់អ្នកបានបច្ចេង]&តច្ចេM&ង។ ច្ចេhក្នងុ MVC framework តែដលបានបច្ចេង]&ត�ឺថា framework ព្រតវូការតែតមួយបWុច្ចេណា� ះ�ឺ: index.php។ Model �ឺជាកតែនRងតែដលរក្សាទុក Data ច្ចេដ&ម្ប& ភា� ប់ច្ចេZកាន់ព្របភពទិន្នន័យច្ចេហ&យផ'ល់

ទិន្នន័យដល់ controller។ វាមិនតែមនជារច្ចេប[បតែដល MVC ព្រតវូតែតច្ចេដ&រច្ចេនាះច្ចេទ តែតច្ចេនះជា PHP។ ការភា� ប់ទិន្នន័យ�ឺស្ថាមញ្ញច្ចេហ&យមាន class directory តែដលអា�ច្ចេ�ជាលកvណៈ static ព&controller និងកំណត់ក្នងុ registry។

28

Controller

base controller កំណត់ទព្រមង់រាល់ controllers។ ច្ចេ*យរមួមាន registry ច្ចេhទ&ច្ចេនះ registry អា�ជួយព្រ�ប់ថា្ន ក់ក្នងុ base controller។ index () ក៏ព្រតវូបានច្ចេព្រប&ព្របាស់ផងតែដរក្នងុ base controller តែដលមានន័យថាព្រ�ប់ controller តែដលទាញព&វាព្រតវូមាន index () X្ទ ល់ខRួន។ View

View មាន code តែដលទាក់ទងច្ចេZនិង presentation និង presentation logic ដូ�ជា templating និង caching។

29

៩. ច្ចេត&អ្វ&ជា MYSQL?

MYSQL �ឺជាព្របព័ន្ធនៃនការព្រ�ប់ព្រ�ងច្ចេZច្ចេល& database តែដលមានទំនាក់ទំនងគ្នា្ន នឹង (RDBMS) ច្ចេ*យមានវត'មានអន'រកម្មជាមួយនិង SQL (Structured Query Language)។

30

១០.ច្ចេត&អ្វ&ជា JQUERY?

តាមរយៈច្ចេ�ហទំព័រ http://en.wikipedia.org/wiki/JQuery បានបញ្ហា� ក់ថា jQuery �ឺជាព្របច្ចេភទ cross-browser JavaScript library មួយតែដលបព្រងមួការសរច្ចេសរ JavaScript ឲ្យខR&សព្រមាប់យកច្ចេZច្ចេព្រប&ព្របាស់ជាមួយនឹង HTML។ jQuery �ឺជាព្របច្ចេភទ Open source មួយឥត�ិតនៃiR និងទទួលបាន License ព& General Public License (GNU)។ jQuery ផYល់នូវសមត�ភាពខ្ពស់ដល់អ្នកបច្ចេង]&តច្ចេ�ហទំព័រក្នងុការបច្ចេង]&ត plug-ins ច្ចេhច្ចេល&បណា� ល័យ JavaScript។ ការច្ចេព្រប&ព្របាស់ jQuery framework ពិតជាអនុញ្ហា្ញ តិឲ្យអ្នកបច្ចេង]&តនូវច្ចេ�ហទំព័រយ៉ាW ងរស់រច្ចេវកី។

31

1 .ការវភិា�របក�ំច្ចេហ&ញ

ច្ចេព្រកាយព&បានបច្ចេង]&ត ច្ចេ�ហទំព័រ សំរាប់ហាងលក់កំុព្យូទ័រខាងច្ចេល&រ�ូមក ច្ចេយ&ងច្ចេ�&ញថា ច្ចេ�ហទំព័រ ច្ចេនះបានច្ចេល�ជារបូរាងច្ចេM&ងអាព្រស័យ ច្ចេ*យមានការ�ូលរមូរបស់ និស្ិសត ស្ថាព្រស្ថា' ចារ្យតែណនា ំ និង ការផ្គត់ផ្គង់ ច្ចេព្រជាមតែព្រជង រាល់តំរវូការទាងំអស់របស់មា� ស់ ហាងច្ចេដ&ម្ប&បច្ចេង]&តនូវច្ចេ�ហទំព័រច្ចេនះ។ សព្រមាប់កម្មវធិ& និងឯកស្ថារមួយ�ំនួនតែដលពាក់ព័ន្ធសំរាប់ច្ចេព្រប&ព្របាស់ច្ចេដ&ម្ប&បច្ចេង]&ត ច្ចេ�ហទំព័រ សំរាប់ ហាង លក់កំុព្យូទ័រ ច្ចេនះមានដូ�ជា ៖ ភាស្ថាកូដ

--HTML : ជាកូដច្ចេព្រប&សំរាប់បច្ចេង]&តជាព្រទង់ព្រទាយច្ចេ�ហទំព័រ។

32

--Bootstrap : ច្ចេព្រប&សំរាប់រ�នាច្ចេ�ហទំព័រ ដូ� ជា Button, Table, Model, Form ជាច្ចេដ&ម។

--ភាស្ថារ Scrip : �ឺច្ចេយ&ងច្ចេព្រប& JQuery។--CSS : ជាកូដច្ចេព្រប&សំរាប់រ�នាច្ចេZច្ចេល&ច្ចេ�ហទំព័រ។--PHP : ជាកូដច្ចេព្រប&ព្របាស់សំរាប់ព្រ�ប់ព្រ�ង Data។

កម្មវធិ&ជំនួយក្នងុការសរច្ចេសរ--Adobe Dreamweaver CS5: ច្ចេព្រប&សំរាប់ជំនួយក្នងុការសរ

ច្ចេសរកូដ ។--Adobe Photoshop CS5 : ច្ចេព្រប&សំរាប់ Design និង Edit របូភាពសំរាប់ ច្ចេ�ហទំព័រ របស់ច្ចេយ&ង។

33

--Xampp : �ឺជា Server សប្បនិមិ្មតមួយតែដលច្ចេព្រប&សំរាប់ Start Service ( Apache, Mysql) និង Database។ Web Browser

--Mozilla Firefox--Google Chrome--Internet Explorerជាច្ចេដ&ម។

ឧបករណ៍-- Computer--Router --ច្ចេភR&ង

34

ឯកស្ថារសY&ព&ពត៌មានរបស់ Product-- របូភាពកំុព្យូទ័រ--ពត៏មានកំុទ្យូទ័រ

ព្រ�ប់ព្រ�ងច្ចេ�ហទំព័រ--PHP MVC Pattern : �ឺជា Model Views Controller

តែដល ច្ចេព្រប&សំរាប់បច្ចេង]&ត និងព្រ�ប់ព្រ�ង ច្ចេ�ហទំព័រ។--MySQL : ជា Database សំរាប់រក្សាទុកទិន្នន័យ។

35

2 .ការអនុវត'ន៍

ការបច្ចេង]&ត Database និង TableDatabase �ឺជាព្របព័ន្ធព្រ�ប់ព្រ�ងទិន្នន័យ រពឺត៌មានច្ចេផ្សងៗ ដូ�ជាបញ�&

ច្ចេ�្ម ះ នៃi�តែខ ច្ចេពលច្ចេវលា ជាច្ចេដ&ម។ ច្ចេដ&ម្ប&បច្ចេង]&ត Database ច្ចេយ&ងព្រតវូអនុវត'ន៍ដូ�ជំហានខាងច្ចេព្រកាម៖- ច្ចេព្រកាយព& Start Service Myspl ច្ចេជាកជ័យច្ចេហ&យច្ចេយ&ងច្ចេប&ក Web browser ច្ចេហ&យវាយ Address localhost/phpmyadmin តែដលបានបងាx ញដូ�របូ៤.១០ ខាងច្ចេព្រកាម៖

36

1.*ក់ច្ចេ�្ម ះឲ្យ Database : shop_db2.បនា្ទ ប់មក�ុ�បូ៊តុង Create ។ សូមច្ចេម&លរបូខាងច្ចេព្រកាម៖

37

Create table

ច្ចេhក្នងុ Database ច្ចេនះ�ឺមាន Table ជាច្ចេព្រ�&នសព្រមាប់ច្ចេធ្វ&ការ រក្សាទុកទិន្នន័យរបស់ Website ច្ចេយ&ង។ ជាបន'ច្ចេZច្ចេនះច្ចេយ&ងសូមច្ចេល&កការអនុវត'ន៍បច្ចេង]&ត Table �ំនួន 3 មកបងាx ញ ដូ�មានច្ចេhក្នងុរបូខាងច្ចេព្រកាម៖

38

•Table ទ&១ tbl_products1.*ក់ច្ចេ�្ម ះឲ្យ Table: tbl_products2.បនា្ទ ប់មកព្រតង់�ំនុ�ទ&ព&ព្រតវូបំច្ចេពញ�ំនួន Fields របស់ Table3.បនា្ទ ប់មកច្ចេទ[ត�ុ�បូ៊តុង Go។ សូមច្ចេម&លរបូខាង

ច្ចេព្រកាម

39

ច្ចេយ&ងទទួលបាន Table មួយច្ចេ�្ម ះថា tbl_produces តែដលមាន fields ដូ�របូខាងច្ចេព្រកាម៖

40

PHP MVC PATTERN

ច្ចេhក្នងុការបច្ចេង]&តច្ចេ�ហទំព័រច្ចេនះ ច្ចេយ&ងបានច្ចេព្រជ&សច្ចេរសីយក PHP MVC pattern ច្ចេដ&ម្ប&ច្ចេធ្វ&ការបច្ចេង]&ត និងព្រ�ប់ព្រ�ងច្ចេ�ហទំព័រ ច្ចេ*យតែMកការបច្ចេង]&តច្ចេ�ហទំព័រច្ចេនះបានតែបងតែ�កជាព&រតែផ្នកធំៗ�ឺ៖ Back-End និង Front-End

1 .តែផ្នក Front-end2 .តែផ្នក Back-end

41

តែផ្នក FRONT-ENDFront-end អា�ព្រតឹមតែតបងាx ញទិន្នន័យ និងព័ត៌មានច្ចេhច្ចេល&ច្ចេ�ហទំព័រតែដលអា�ឲ្យ

User ទាងំអស់បាន ច្ចេ�&ញពត៌មានតែដលបានកំនត់ច្ចេhក្នងុ Back-end។ ច្ចេhតែផ្នក ច្ចេនះមាន Function និង Page ដូ�ជា៖ Home page Function pagination Special Products All Products Contact us Search(Function) Detail Listing product by Category

42

របូភាព Front-end

43

HOME PAGE

Home page�ឺជា default page ។ ច្ចេhក្នងុ Home Page មាន Function សំខាន់ៗដូ�ជាៈ

-Lastes product �ឺ function សព្រមាប់បងាx ញ ផលិតផi្ម&ៗតែដលបានបញ�ូល �ុង

ច្ចេព្រកាយច្ចេ�បង្អស់ មានរបូភាពដូ�ខាងច្ចេព្រកាម៖

44

45

FUNCTION PAGINATION

ច្ចេhក្នងុការ Load Product �ឺច្ចេយ&ងព្រតវូកំណត់នូវ�ំនួន Product (Limit) ច្ចេដ&ម្ប&ឲ្យការ Query Data មានភាពរហ័ស។ រឯី product តែដលច្ចេhសល់ព្រតវូបាន Query ជាបន'បនា្ទ ប់ច្ចេhច្ចេពលតែដលច្ចេធ្វ&ការ Click នូវច្ចេលខទំព័រ ឬក៏ Next and Prev របស់ pagination។ ជាក់តែសYងរបូភាពខាងច្ចេព្រកាមបងាx ញព& special product ក្នងុមួយ page �ំនួន ២០ ក្នងុ�ំច្ចេនាម special product ទាងំអស់មាន�ំនួន ៣០។

46

47

SPECIAL PRODUCTS

Page Special Products �ឺសំរាប់បងាx ញ ផលិតផលតែដលមានតនៃមRនៃiRចាប់ព& $500 ច្ចេM&ងច្ចេZ តែដលមានដូ�របូខាងច្ចេព្រកាម៖

48

ALL PRODUCTS

49

CONTACT US

50

២. ផ្ក BACK-END

Product Manager Category Manager Article Manager Main Menu Slide Show User Maneger

51

ADMINISTRATOR

52

PRODUCT MANAGER

53

CATEGORY MANAGER

54

ARTICLE MANAGER

55

MAIN MENU

56

SLIDE SHOW

57

USER MANEGER