EGAT-web-manual

คู่มือการใช้งาน ระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS



สารบัญ 5 5 บทที่ 1 วิธกี าร Log in การใช้งานระบบจัดการข้อมูลเว็บไซต์ 6 การใช้งานเมนจู ัดการผูใ้ ช้งานระบบ 6 ขั้นตอนการสรา้ งผูใ้ ช้งาน 7 การลบบัญชีผูใ้ ช้งานระบบ ขั้นตอนการเปลี่ยนรหัสผ่าน 8 ลืมรหัสผ่าน 10 บทที่ 2 การจัดการข้อมูลหน้า HOME 11 ข้ันตอนการแกไ้ ขข้อมูลหน้า HOME 13 บทที่ 3 การจัดการข้อมูลหน้า ABOUT 13 ข้ันตอนการแกไ้ ขข้อมูลพ้ืนฐานหน้า ABOUT 14 ข้ันตอนการแกไ้ ขข้อมูลผู้บรหิ าร 14 บทที่ 4 การใช้งานเมนู 5 ธุรกิจ 15 รายละเอียดหน้าจอแสดงผล ข้ันตอนแกไ้ ขข้อมูลเบ้ืองต้น 17 ขั้นตอนการแกไ้ ขข้อมูลรายละเอียดธุรกิจ 18 ขั้นตอนการแกไ้ ขข้อมูลรูปภาพและBrochure ของธุรกิจ 18 บทท่ี 5 จัดการข้อมูล BIZNEWS 20 ขั้นตอนการเพ่ิม Biznews 21 21 บทที่ 6 จัดการหน้า NEWS ขั้นตอนการเพ่ิมข่าว 22 ขั้นตอนการลบข่าว ขั้นตอนการแกไ้ ขข่าว บทท่ี 7 จัดการข้อมูลหน้า EVENT การเพิ่มข้อมูลกิจกรรม ขั้นตอนการลบข่าว ขั้นตอนการแกไ้ ขกิจกรรม บทท่ี 8 การจัดการประกาศ การเพิ่มข้อมูลกิจกรรม คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 3

บทท่ี 1 ➋ วิธีการ Log in การใช้งาน ระบบจัดการข้อมูลเว็บไซต์ ผู้แลระบบสามารถเข้าบรหิ ารจัดการข้อมูลของเว็บไซต์หลัก ได้จากส่วนจัดการหลังบ้าน (Admin Panel) ซ่ึงผู้ดูแลระบบ สามารรถเข้าใช้งานระบบได้ที่ URL : http://www.business. egat.co.th/admin ก็จะพบหน้าจอให้ Log in เพื่อเข้าสู่ระบบ การจัดการเว็บไซต์ ดังภาพประกอบ หมายเหตุ ชื่อที่ใชใ้ นระบบ และ รหัสผ่าน ท่ีจะใช้เข้า Log in ระบบนั้น ข้ึนอยู่กับผู้ดูแลระบบจะสรา้ งข้ึนเม่ือเข้าสู่ระบบแล้ว จะพบกับหน้าจอแสดงผลที่แสดงแถบเมนตู ่าง ๆ ท่ีสามารถใช้ ในการจัดการเว็บไซต์ 1. ส่วนแทบเมนู ซ่ึงประกอบด้วย Home, ABOUT, 5 ธุรกิจ, BIZNEWS, MEDIA, NEWS, EVENT, จัดการผูใ้ ช้งาน 2. ส่วนแสดงข้อมูลผูใ้ ช้งาน และ ปุ่มออกจากระบบ 3. ส่วนแสดงผลหลัก จะแสดงข้อมูลต่าง ๆ ตามเมนทู ่ีเลือก ➊ ➌ 4 | EGAT BUSINESS WEBSITE MANUAL

การใช้งานเมนูจัดการผู้ใช้งานระบบ ผูใ้ ช้งานระบบสามารถบรหิ ารจัดการข้อมูลผูใ้ ช้งานได้เอง ซ่ึงการใช้งานในส่วนนี้จะต้องถูกสรา้ งสิทธผ์ิ ูใ้ ช้งานโดยผู้ดูแลระบบ เพ่ือ ประโยชน์ในการควบคุมดูแลแกไ้ ข ขั้นตอนการสร้างผู้ใช้งาน 1. เข้าที่เมนู “จัดการผูใ้ ช้งาน” จากน้ันคลิกท่ีปุ่ม เพ่ิมผูใ้ ช้งาน 2. จะปรากฏหน้าต่างดังภาพถัดไป ให้กรอกข้อมูลผูใ้ ช้งานระบบซ่ึงประกอบด้วย ■ ชื่อผูใ้ ช้งาน (Username ) ใช้ส�ำหรบั เข้าใช้งานระบบ ไม่สามารถใช้ซ้�ำได้ ■ ชื่อ - นามสกุล ผูใ้ ช้งาน ■ รหัสผ่าน ■ ยืนยันรหัสผ่าน จะต้องเหมือนกับรหัสผ่าน 3. คลิกที่ปุ่ม Save เพ่ือบันทึกข้อมูลบัญชีผูใ้ ช้งาน 4. รายช่ือบัญชีผูใ้ ช้งานจะแสดงในตารางดังภาพ คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 5

การลบบัญชีผู้ใช้งานระบบ 1. คลิกที่ปุ่ม ยกเลิกผูใ้ ช้งาน ของรายการท่ีต้องการลบ ระบบจะแสดงหน้าต่างยืนยันการลบดังภาพ 2. คลิกที่ปุ่ม ยืนยัน เพ่ือยืนยันการลบบัญชีผูใ้ ช้งาน ขั้นตอนการเปลี่ยนรหัสผ่าน 1. คลิกที่ปุ่ม เปลี่ยนรหัสผ่าน ของรายการท่ีต้องการจะเปล่ียนรหัสผ่าน ระบบจะแสดงหน้าจอส�ำหรบั เปล่ียนรหัสผ่านดังภาพ 2. กรอกรหัสผ่านใหม่ และยืนยันรหัสผ่าน จากนั้น คลิกที่ปุ่ม Save เพื่อบันทึกข้อมูลรหัสผ่านใหม่ 6 | EGAT BUSINESS WEBSITE MANUAL

ลืมรหัสผ่าน 2. ระบบจะแสดงหน้าต่างให้กรอกอีเมล์ท่ีใชใ้ นการลงทะเบียน ดังภาพ 1. เข้าที่ URL : http://www.business.egat.co.th/admin คลิกที่ปุ่ม ลืมรหัสผ่าน 3. กรอกอีเมล์ จากนั้นคลิกท่ีปุ่ม ยืนยัน จากน้ันระบบจะท�ำการส่งเมล์ไปยังอีเมล์ของท่าน พรอ้ มกับ ลิ้งเพื่อใชใ้ นการแกไ้ ขรหัสผ่าน ดังภาพ 4. คลิกที่ปุ่ม เปลี่ยนรหัสผ่าน เพ่ือไปยังหน้าต่างเปล่ียนรหัสผ่าน 5. กรอกรหัสผ่านใหม่ และยืนยันรหัสผ่าน จากนั้น คลิกที่ปุ่ม Save เพื่อบันทึกข้อมูลรหัสผ่านใหม่ คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 7

บทที่ 2 การจัดการข้อมูลหน้า HOME ขั้นตอนการแก้ไขข้อมูลหน้า HOME 1. เข้าที่เมนู “HOME” จากน้ันคลิกท่ีปุ่ม แกไ้ ข ด้านหลังข้อมูลท่ีต้องการแกไ้ ข TAG TAG ความหมาย banner_Main ขอ้ ความเปิด ในหน้า Home banner_Main_PIC ภาพเปดิ ในหน้า Home ACADEMY ขอ้ ความในส่วนของ ACADEMY ในหน้า Home ACADEMY_BG ภาพพน้ื หลังของ ACADEMY ในหน้า Home Video วีดีโอที่ใชส้ �ำหรบั หน้า Home banner_Main_PIC_mobile ภาพเปิด ในหน้า Home ส�ำหรบั mobile 8 | EGAT BUSINESS WEBSITE MANUAL

2. ระบบจะแสดงหน้าต่าง 2.1. กรณีเป็นข้อความ หรอื เน้ือหา ระบบจะแสดงหน้าต่างส�ำหรบั แกไ้ ขข้อมูลโดยมีข้อมูลเดิมไวใ้ ห้ 2.2. กรณีเป็นรูปภาพ หรอื วีดีโอ ระบบจะแสดงหน้าต่างให้อับโหลดไฟล์ท่ีต้องการดังภาพ 3. แกไ้ ขข้อมูล หรอื อับโหลดไฟล์ ท้ังภาษาไทย และ อังกฤษ ท่ีต้องการแกไ้ ข จากน้ัน คลิกที่ปุ่ม Save เพื่อบันทึกข้อมูล คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 9

บทท่ี 3 การจัดการข้อมูลหน้า ABOUT ข้ันตอนการแก้ไขข้อมูลพ้ืนฐานหน้า ABOUT 1. เข้าที่เมนู “ABOUT” ระบบจะแสดงหน้าต่างดังภาพ คลิกท่ีแทบ ข้อมูลพื้นฐาน 2. ระบบแสดงหน้าต่างข้อมูลพ้ืนฐานของหน้า ABOUT จากน้ันคลิกที่ปุ่ม แกไ้ ข ด้านหลังข้อมูลที่ต้องการแกไ้ ข TAG ความหมาย about About_PIC ขอ้ ความเปดิ ในหน้า About รูปภาพเปดิ ของหน้า About 10 | EGAT BUSINESS WEBSITE MANUAL

3. ระบบจะแสดงหน้าต่าง 3.1. กรณีเป็นข้อความ หรอื เน้ือหา ระบบจะแสดงหน้าต่างส�ำหรบั แกไ้ ขข้อมูลโดยมีข้อมูลเดิมไวใ้ ห้ 3.2 กรณีเป็นรูปภาพ หรอื วีดีโอ ระบบจะแสดงหน้าต่างให้อับโหลดไฟล์ท่ีต้องการดังภาพ 4. แกไ้ ขข้อมูล หรอื อับโหลดไฟล์ ท้ังภาษาไทย และ อังกฤษ ท่ีต้องการแกไ้ ข จากน้ัน กดท่ีปุ่ม Save เพื่อบันทึกข้อมูล ขั้นตอนการแก้ ไขข้อมูลผู้บริหาร 1. เข้าที่เมนู “ABOUT” ระบบจะแสดงหน้าต่างดังภาพ คลิกท่ีแทบ ผู้บรหิ ารและทีมงานมืออาชีพ 2. ระบบจะแสดงหน้าต่างข้อมูลผู้บรหิ าร จากน้ันคลิกท่ีปุ่ม   ด้านหลังช่ือผู้บรหิ ารท่ีต้องการแกไ้ ข คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 11

3. ระบบจะแสดงหน้าจอส�ำหรบั แกไ้ ขข้อมูล 4. กรอกข้อมูลที่ต้องการแกไ้ ขในแต่ช่อง จากนั้นคลิก Save เพื่อบันทึกข้อมูลใหม่ 12 | EGAT BUSINESS WEBSITE MANUAL

บทท่ี 4 ➊ การใช้งานเมนู 5 ธุรกิจ ➋ รายละเอียดหน้าจอแสดงผล 1. แถบแสดงรายการธุรกิจใช้ส�ำหรบั เลือกเพ่ือแสดงหน้าต่างข้อมูลของแต่ละธุรกิจ 2. แทบเมนขู ้อมูลต่าง ๆ ของธุรกิจ ข้ันตอนแก้ ไขข้อมูลเบ้ืองต้น 1. เข้าที่เมนู “5 ธุรกิจ” จากน้ันกดเลือกแถบแสดงรายการธุรกิจ โดยเลือกธุรกิจที่ต้องการแกไ้ ข 2. ระบบจะแสดงข้อมูล ของธุรกิจท่ีเลือก จากน้ัน คลิกท่ีปุ่ม แกไ้ ข ในส่วนแสดงข้อมูลเบื้องต้น คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 13

3. ระบบจะแสดงหน้าต่างส�ำหรบั แกไ้ ขข้อมูลเบ้ืองต้นดังภาพ 4. กรอกข้อมูลที่ต้องการแกไ้ ข ในแต่ละช่อง ซ่ึงได้แก่ ชื่อธุรกิจ (ไทย) ชื่อธุรกิจ (อังกฤษ) ข้อความโปรย (ไทย) และ ข้อความโปรย (อังกฤษ) จากนั้นคลิกท่ีปุ่ม Save เพ่ือบันทึกข้อมูลการแกไ้ ข ขั้นตอนการแก้ไขข้อมูลรูปภาพและBrochure ของธุรกิจ 1. เข้าที่เมนู “5 ธุรกิจ” จากน้ันกดเลือกแถบแสดงรายการธุรกิจ โดยเลือกธุรกิจที่ต้องการแกไ้ ข 2. คลิก BROCHURE&PHOTO ระบบจะแสดงข้อมูลรูปภาพและ Brochure ของธุรกิจท่ีเลือก จากนั้น คลิกที่ปุ่ม แกไ้ ข ในส่วนแสดง ข้อมูลรายละเอียดของธุรกิจ 14 | EGAT BUSINESS WEBSITE MANUAL

3. ระบบจะแสดงหน้าต่างส�ำหรบั แกไ้ ขข้อมูล 3.1. หน้าต่างส�ำหรบั แกไ้ ขรูปภาพ 3.1.1. คลิกที่ปุ่ม Choose File เพ่ือเลือกภาพจากน้ันกดท่ีปุ่ม เลือก 3.1.2. คลิกที่ปุ่ม Save เพ่ือบันทึกข้อมูล 3.2. หน้าต่างส�ำหรบั แกไ้ ข Brochure 3.2.1. คลิกที่ปุ่ม Choose File ด้านล่าง “ภาพปก” เพื่อเลือกภาพปกจากนั้นกดท่ีปุ่ม เลือก 3.2.2. คลิกท่ีปุ่ม Choose File ด้านล่าง “File (.zip)” เพ่ือเลือกไฟล์ E-book (ที่ได้จาก บรษิ ัทเท่านั้น) จากน้ันกดที่ปุ่ม เลือก 3.2.3. คลิกที่ปุ่ม Save เพ่ือบันทึกข้อมูล ใช้เวลาซักครูร่ ะบบท�ำการแตกไฟล์ .zip TAG ความหมาย banner_Home ภาพท่ีใชเ้ ปน็ banner 5ธุรกิจ ในหน้า Home banner ภาพท่ีใชเ้ ปน็ banner สไลด์ ในหน้า Service banner_detail ภาพที่ใชเ้ ป็นภาพใน Popup ของแต่ละธุรกิจ detail_blur ภาพที่ใชเ้ ป็นภาพพน้ื หลังใน Popup ของแต่ละธุรกิจ Brochure Brochure ของแต่ละธุรกิจ ใชใ้ นหน้า Media คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 15

บทท่ี 5 จัดการข้อมูล BIZNEWS ขั้นตอนการเพิ่ม Biznews 1. เข้าที่เมนู “Biznews” จากนั้นคลิกท่ีปุ่ม +Biznews 2. ระบบจะแสดงหน้าต่าง เพ่ิม Biznews ดังภาพ 3. คลิกที่ปุ่ม เลือกไฟล์ เพ่ือเลือกภาพท่ีต้องการใช้เป็นปก Biznews โดยภาพที่ใช้จะต้องเป็นอัตราส่วน 4 : 3 (แนวต้ัง) และขนาดไม่เกิน 2 MB 4. กรอกข้อมูลในช่อง Issue หัวเรอ่ื ง และ เน้ือหาโดยย่อ 5. คลิกที่ปุ่ม Choose File เพ่ือเลือกไฟล์ zip ( ไฟล์ E-book ท่ี ได้รบั จากทางบรษิ ัท เท่าน้ัน ) จากน้ันกดท่ีปุ่ม เลือก 6. เลือกปี ของ Biznews จากนั้น คลิกท่ีปุ่ม Save เพ่ือบันทึก ข้อมูล Biznews 7. จากนั้นระบบจะแสดง หน้าต่าง Loading จะต้องใช้เวลาใน การเพิ่มข้อมูลสักครู ่ 16 | EGAT BUSINESS WEBSITE MANUAL

บทที่ 6 จัดการหน้า NEWS ข้ันตอนการเพิ่มข่าว 1. เข้าที่เมนู “จัดการข่าว” จากน้ันคลิกท่ีปุ่ม เพ่ิมข่าว 2. ระบบจะแสดงหน้าต่างดังภาพ 3. คลิกที่ปุ่ม เลือกไฟล์ภาพเปิดข่าว เพ่ือเลือกภาพท่ีต้องการใช้ เป็นปกข่าว โดยภาพที่ใช้จะต้องเป็นอัตราส่วน 3 : 4 และขนาดไม่เกิน 2 MB 4. กรอกข้อมูลในช่องหัวข้อข่าว และเน้ือข่าว 5. คลิกที่ปุ่ม Choose Files เพ่ือเลือกภาพข่าวเพ่ิมเติม โดย สามารถเพิ่มภาพได้หลายภาพในครง้ั เดียวโดยการ กดที่ปุ่ม Ctrl + คลิกเลือกภาพท่ีต้องการ จากน้ันกดท่ีปุ่ม เลือก 6. คลิกที่ปุ่ม Save เพื่อบันทึกข้อมูลข่าว คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 17

ขั้นตอนการลบข่าว 1. คลิกที่ปุ่ม ลบ ของข่าวท่ีต้องการลบ ระบบจะแสดงหน้าต่างยืนยันการลบดังภาพ 2. คลิกที่ปุ่ม OK เพื่อยืนยันการลบข้อมูลข่าว ขั้นตอนการแก้ ไขข่าว 1. เข้าที่เมนู “จัดการข่าว” จากน้ันคลิกที่ปุ่ม แกไ้ ข 18 | EGAT BUSINESS WEBSITE MANUAL

2. ระบบจะแสดงหน้าต่างดังภาพ และแสดงข้อมูลเดิม 3. คลิกที่ปุ่ม เลือกไฟล์ภาพเปิดข่าว เพ่ือเลือกภาพท่ีต้องการใช้เป็นปกข่าว โดยภาพที่ใช้จะต้องเป็นอัตราส่วน 3 : 4 และขนาดไม่เกิน 2 MB 4. แกไ้ ขข้อมูลในช่องหัวข้อข่าว และเน้ือข่าว 5. คลิกที่ปุ่ม Choose File เพ่ือเลือกภาพข่าวเพ่ิมเติม โดยสามารถเพ่ิมภาพได้หลายภาพในครงั้ เดียวโดยการ กดที่ปุ่ม Ctrl + คลิก เลือกภาพที่ต้องการ จากน้ันกดท่ีปุ่ม เลือก 6. คลิกที่ปุ่ม Save เพ่ือบันทึกการแกไ้ ขข้อมูลข่าว คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 19

บทท่ี 7 จัดการข้อมูลหน้า EVENT ขั้นตอนการเพ่ิมข้อมูลกิจกรรม 1. เข้าที่เมนู “EVENT” จากนั้นคลิกท่ีปุ่ม +กิจกรรม 2. ระบบจะแสดงหน้าต่างส�ำหรบั เพ่ิมกิจกรรมดังภาพ 3. คลิกที่ เลือกไฟล์ภาพกิจกรรม เพ่ือเลือกภาพท่ีต้องการใช้เป็นปกกิจกรรม โดยภาพที่ใช้จะต้องเป็นอัตราส่วน 3 : 4 และขนาดไม่เกิน 2 MB 4. กรอกข้อมูลในช่อง หัวข้อ วันท่ี (มีผลต่อการแสดงผลในส่วนของ กิจกรรม ท่ีจะเกิดข้ึน/กิจกรรมท่ีผ่านมาแล้ว ) และเน้ือหา 5. คลิกที่ปุ่ม Choose Files เพ่ือเลือกไฟล์เอกสารเพ่ิมเติม โดยสามารถเพ่ิม เอกสารได้หลายไฟล์ในครงั้ เดียวโดยการ กดท่ีปุ่ม Ctrl + คลิกเลือกภาพที่ ต้องการ จากนั้นกดท่ีปุ่ม เลือก 6. คลิกที่ปุ่ม Save เพ่ือบันทึกข้อมูลกิจกรรม 20 | EGAT BUSINESS WEBSITE MANUAL

ข้ันตอนการลบข้อมูลกิจกรรม 1. คลิกที่ปุ่ม ลบ ของกิจกรรมท่ีต้องการลบ ระบบจะแสดง หน้าต่างยืนยันการลบ 2. คลิกที่ปุ่ม OK เพื่อยืนยันการลบข้อมูลกิจกรรม ข้ันตอนการแก้ ไขข้อมูลกิจกรรม 1. เข้าที่เมนู “EVENT” จากน้ันคลิกท่ีปุ่ม แกไ้ ข 2. ระบบจะแสดงหน้าต่างดังภาพ และแสดงข้อมูลเดิม 3. คลิกที่ เลือกไฟล์ภาพเปิดข่าว เพ่ือเลือกภาพท่ีต้องการใช้เป็นปกกิจกรรม โดยภาพที่ใช้จะต้องเป็นอัตราส่วน 3 : 4 และขนาดไม่เกิน 2 MB 4. แกไ้ ขข้อมูลในช่อง หัวข้อ วันท่ี (มีผลต่อการแสดงผลในส่วนของ กิจกรรมที่จะเกิดข้ึน/กิจกรรมที่ผ่านมาแล้ว) และเน้ือหา 5. คลิกที่ปุ่ม Choose Files เพ่ือเลือกไฟล์เอกสารเพ่ิมเติม โดยสามารถเพ่ิมเอกสารได้หลายไฟล์ในครงั้ เดียวโดยการ กดที่ปุ่ม Ctrl + คลิกเลือกภาพที่ต้องการ จากน้ันกดท่ีปุ่ม เลือก 6. คลิกที่ปุ่ม Save เพื่อบันทึกการแกไ้ ขข้อมูลกิจกรรม คู่มือการใช้งานระบบบริหารจัดการเว็บไซต์ EGAT BUSINESS  | 21

บทท่ี 8 การจัดการประกาศ ข้ันตอนการเพิ่มประกาศ 1. เข้าที่เมนู “ประกาศ” จากน้ันคลิกท่ีปุ่ม +ประกาศรางวัล 2. ระบบจะแสดงหน้าต่างส�ำหรบั เพิ่มประกาศดังภาพ 3. คลิกที่ เลือกไฟล์ เพ่ือเลือกภาพท่ีต้องการใช้เป็นปกประกาศ โดยภาพที่ใช้แนะน�ำเป็นอัตราส่วน 3 : 4 และขนาดไม่เกิน 2 MB 4. กรอกข้อมูลในช่องหัวข้อของการประกาศ 5. กรอกวันที่เรมิ่ ประกาศ และวันท่ีส้ินสุดประกาศ (มีผลต่อการแสดงผล) 6. กรอกรายชื่อผูไ้ ด้รางวัลโดยคั่นด้วยเครอื่ งหมาย “ , ” (comma) 7. คลิกที่ปุ่ม Save เพ่ือบันทึกข้อมูลประกาศ 22 | EGAT BUSINESS WEBSITE MANUAL