ปัญหานี้เกิดหลังจากผมติดตั้ง Watermark Extension ที่แจกฟรีโดยคนไทยเจ้าหนึ่งครับ พอก็อปไฟล์ไปวาง ตั้งค่าในหน้า module ให้เรียบร้อย แล้วกลับมา Refresh ก็เจออย่างที่เห็น

ผมทดลองทำใน Localhost นะครับ ใน host จริงไม่รู้ว่าผลจะเหมือนกันหรือเปล่า

Use of undefined constant HTTP_IMAGE

นอกจากจะ error เตือนแล้ว ยังทำหน้าเว็บเละไปหมด

ส่วนวิธีการแก้ผมหาจนใช้งานได้จริงแล้วครับ นั่นก็คือ

- ที่ root เปิดไฟล์ config.php

- เพิ่มโค้ดตรงนี้ลงไป ตรงไหก็ได้

define('HTTP_IMAGE', 'image/');

- save และ refresh ดูอีกที

Credit :

http://www.creativedev.in/2013/05/notice-use-of-undefined-constant-http-image-in-opencart/

http://www.opencart60s.com/opencart/help-needed-solved–55971.html

การทำคลิปที่สนุกๆ สำหรับผม Sound Efffect มีผลมากครับ ถ้าใส่ไม่ดี ไม่ถูกจังหวะ อาจจะเปลี่ยนเรื่องตลกให้เป็นเรื่องเศร้าได้เลยครับ
รายการที่เน้นความอาทั้งบน TV หรือใน Youtube มากมาย ก้มีการใช้ Sound Effect เพื่อสื่ออารมณ์ของช่วงนั้นๆออกมา ที่ผมดูบ่อยๆก็ spokedark ครับ โดยเฉพาะรายการ “เจาะข่าวตื้น”
ที่เนื้อหาจะจิกกัดชาวบ้านแล้ว พอได้ effect เสริมเข้าไป นี่อย่างฮาเลยครับ
เอาเป็นว่า ถ้าเจอ Sound Effetc ตัวไหน จะเอามาลงไว้ในนี้นะครับ
**ไฟล์น่าจะมีลิขสิทธิ์ ถ้าเอาไปใช้ทำคลิป ควรศึกษาแหล่งที่มาให้ดีก่อนนะครับ
- Sound Effect เสียงเด็กร้อง “เย้”  Kids Saying Yay!
เสียงนี้เจอในเกม five nights at freddy’s เกมสยองขวัญที่ถ้าเราผ่านมันไปได้ จะมีเสียงเด็กร้อง “เย้” แสดงความดีใจ ซึ่งพอมาอยู่ในเกมสยองขวัญนี่คือตลกมาก ประมาณว่ารอดตายแล้ว

หาได้สองตัวฟังแล้ว เสียงก็เหมือนๆ กันนะ

– เสียงต่อยกัน Punch Sound Effect
จะเรียงว่าเสียงชก ต่อย ปล่อยหมัด อะไรก้ได้มั้ง ส่วนมากจะใช้เวลาเอาคืนมุข หรือโดนแกล้งแล้วทำเคืองหน่อยๆ กดเสียงนี้รัวๆ ก็ฮาดีครับ

– Party Horn Sound Effect เสียงเป่าในงานปาร์ตี้ ไม่รู้ว่าเรียกว่าเครื่องอะไรเหมือนกัน

– Record/dj Scratch Sound Effect เสียงสแคชแผ่น เอาไว้ใส่ตอนมีการเล่นมุข แบบหันหน้ามาตกใจ หือ หา อะไรประมาณนี้

– Fairy Dust Sound Effect เสียงเสกของ โอมเพี้ยง ใช้กับการตัดต่อคลิปนิดหน่อย แต่ไม่ต้องเนียนมาก จะได้ดูตลก

– Heavenly Choir – God Speaking – Song / Sound Effect เสียงแบบเทวดา นางฟ้าประะาน อันนี้เจอใน เจาะข่าวตื้น บ่อยมาก โดยเฉพาะช่วงแดกดัน 555

– เสียงเป่า เริ่มการแข่งขัน  Reggae Air Horn Sound Effect

– เสียงกระดิ่งคริสมาส ถ้ามีเพลง jingle bell ก็ครบละ Christmas Sleigh Bells – Sound Effect

– เสียงสัญญาณเตือนภัย ใครฟังก็ต้องร้ออ๋อ Air Raid or Tornado Siren – Sound Effect

– เสียงปิ๊งไอเดีย เวลาคิดอะไรออก

– เสียงปิ๊งป่องๆ เวลาตอบคำถามถูก เสียงนี้จะน่ารักหน่อย เหมาะกับเกมโชว์ correct sound effect

– เสียงตอบผิด หาได้หลายแบบ พยายามคัดเอาที่เสียงไม่ดังโหดจนเกินไป เดี๋ยวจะหมดสนุก

 

– เสียงปรบมือ มีหลายแบบให้เลือก

 

– เพลงแบบสยองๆ ประกอบคลิปยาวๆ

“จิน หมอทะลุมิติ” เป็นซีรี่ย์แนวหมออีกเรื่องที่ผมชอบมาก เพราะเนื้อหา ไม่ใช่การนำเสนอความเทพของหมอเพียงอย่างเดียว (พระเอกคือหมอปัจจุบันที่ย้อนเวลากลับไปในยุคอดีตสมัยเอโดะ ก้ต้องเทพอยู่แล้ว)
แต่เป็นเรื่องชีวิตของคนทุกระดับ ตั้งแต่ชาวบ้าน ไปจนถึงคนระดับประเทศ ผ่านเหตุการณ์ต่างๆ ทั้งยามปกติ และสงคราม และแน่นอนเรื่องความรัก (ไม่ขอสปอยดีกว่า)
เรื่องนี้มีสองภาคจบ เท่าที่ดูจนจบ บอกได้เลยว่าดราม่า ซุ้งมาก ส่วนหนึ่งเพราะเนื้อเรื่อง (สร้างมาจากการ์ตูน ได้ข่าวว่ายังไม่จบด้วย) และที่สำคัญ คือ เพลงประกอบ OST นี่แบบว่าเล่นเอาน้ำตาไหลกันได้เลย
ทั้งเพลงบรรเลงและเพลงที่มีเสียงร้อง ถ้าไปโดนใจเข้าล่ะก็ มีเสียน้ำตาแน่ๆ (ผมโดนไปแล้วล่ะ หลายครั้งด้วย)
ถ้าใครที่ดุแล้ว จะยิ่งเข้าถึงอารมณืของเพลงประกอบมากครับ ส่วนคนที่ไม่ได้ดู ก้ไม่แน่ใจว่าจะซึ้งตามเพลงได้หรือเปล่า เอ๊ะ หรือผมรู้สึกอยุ่คนเดียว
เพลงหลัก main theme

Jin Minakata ost – Jin Main Title – Jin-仁　主題曲

ยิ่งฟังแบบที่เล่นสดยิ่งขนลุก

แถมช่วงหนึ่งของเพลงนี้ ก็ถูกเอาไปใช้ทำรายการ AKBINGO เวลาแกล้งกันว่าพิธีกรลาออก หรือญาติของใครสักคนที่ไม่ได้เจอกันนาน ได้กลับมาพบกัน ผมว่าเสียงช่วงนี้มันซุ้งเอามากๆเลย
http://youtu.be/Ne1bv-GiLmA?t=2m38s

ส่วนเพลง Ending ก็ใช่เล่น ซึ้งเอาเรื่องเลย
เพลง Itoshiki Hibi yo (いとしき日々よ Oh Sweet Days^?)
ศิลปิน Ken Hirai
ร้องสด

ที่ร้อง Cover ได้แบบมีคน Like เยอะกว่า Dislike ก้คนนี้เลย

แถมอีกสักหน่อย เหมือนศิลปินคนนี้จะเหมาะร้องเพลงซึ้งๆนะ เสียงเหมาะมาก
平井堅 Ken Hirai – 輕閉雙眼 Hitomi wo tojite

ยิ่งฟังยิ่งเหมาะกับที่พัดพรากกันไปมากจริงๆ เล้ย แบบที่จะได้เจอกันอีก…

ก่อนการใช้งานจริงบน Server ผมคิดว่าการทดลองปรับแต่งทุกอย่างบน Localhost น่าจะง่ายและสะดวกว่ามากครับ พอเราเสร็จจากตรงนี้ ก็ย้ายไฟล์และฐานข้อมุลไปไว้บน Server จริง

เว้บก็จะสามารถเปิดใช้งานได้ทันที

Localhost ที่ผมใช้เป็นของ XAMPP ครับ

++ เพิ่มเติมสำหรับวิดีโอคลิปการติดตั้ง Opencart 1.5 ครับ ++

1. เริ่มจากดาวน์โหลดไฟล์ติดตั้ง Opencart จะหาจากเว้บอื่นๆหรือที่ผมสะสมเอาไว้ก็ได้ครับ จากนั้นก็แตกไฟล์ออกมาใส่ในโฟลเดอร์

ตัวอย่างของผมใช้ XAMPP ต้องแตกไฟล์ใส่ไว้ใน C:\xampp\htdocs\ การทดลองติดตั้งนี้ผมจะสร้างโฟลเดอร์ opencartdemo2 นะครับ

สรุปว่าผมต้องแตกไฟล์ไปไว้ที่ C:\xampp\htdocs\opencartdemo2

2. เข้าไปที่ localhost/phpmyadmin เพื่อสร้างฐานข้อมูลตัวใหม่ ผมใช้ชื่อ opencartdemo2

3. เปิด Browser เข้าไปที่เว็บ localhost/opencartdemo2 จะเจอหน้าเงื่อนไข

หน้าแรกจะเป็นเงื่อนไขการใช้งาน ให้ติ๊กที่ “ยอมรับ” และกดปุ่มต่อไป

4. หน้าต่อไป เป็นการแจ้งว่า server ของเรารองรับ opencart หรือเปล่า ส่วนมากจะผ่านหมดนะครับ

เลื่อนมาทางด้านล่าง กดปุ่มต่อไป

5. ต่อไป เป็นการตั้งค่าระบบ ให้ใส่ค่าตามนี้

Databse Host : localhost

User : ชื่อ user ที่เข้า phpmyadmin

Password : รหัสผ่านที่ใช้เข้า phpmyadmin

Database Name : ชื่อฐานข้อมูล (ในตัวอย่างนี้คือ opencartdemo2)

Database Prefix : ไม่ต้องใส่

Username : ชื่อของผู้ดูแลระบบ

Password : รหัสผ่านของผู้ดูแลระบบ

Email : อีเมล์ของผู้ดูแลระบบ

กรอกเสร็จ กดปุ่มต่อไป

6. รอไม่นาน ระบบ Opencart ก็จะถูกติดตั้งลงใน localhost จนเสร็จ

**หลังจากนี้ต้องเข้าไปลบโฟลเดอร์ install ใน opencartdemo2 ด้วยนะครับ เพื่อป้องกันการติดตั้งซ้ำ

7. การเข้าระบบหลังบ้านขิง Opencart สามารถเข้าได้จาก

localhost/opencartdemo2/admin

กรอกชื่อและรหัสผ่านก็เป็นอันเสร็จ

8. หน้าเว็บหลักก็สามารถเข้าได้จาก localhost/opencartdemo2

สำหรับคนที่เริ่มการทำเว้บด้วยการออกแบบ เรื่องหน้าตา ก็สำคัญไม่แพ้ระบบ script ที่อยู่เบื้องหลัง เพราะผมเจอมาหลายๆที่ ระบบดีโคตรๆ แต่หน้าตาห่วยสุดๆ แถมใช้งาน ซึ่งผมถือหลักที่ว่า “ง่ายคือถูกต้อง”
ถึงจะเป้นระบบ Admin ผมก้ต้องทำให้คนอื่นที่ไม่รู้เรื่องเว้บ ใช้งานได้ง่ายและเป็นให้เร็วที่สุด หลังจากนั้่นก็รับ feedback ความคิดเห็น ติชมต่างๆ แล้วเอามาปรับแก้ให้เหมาะกับระบบ การทำงาน และบุคลากรที่จะต้องใช้งานระบบนี้ จนกว่าจะลงตัว นั่นเป็นสาเหตุว่าทำไม ผมถึงไม่รับทำ freelance แต่กลับเข้าไปทำงานในฐานะ webmaster มากกว่า ก็เพื่อจะได้เรียนรู้ เรื่อง user ให้มากขึ้นนั่นเอง
ไปกันไกล มาว่ากันเรื่อง Template ชุดนี้ เป็น Free Admin Template ที่ผมตั้งใจว่าจะทำแบบนี้ให้ได้เอง หรืออย่างน้อยก้ขอเอาไปดัดแปลงใช้งานได้ หน้าตาแต่ละตัวนี้ เรียบง่าย ดูดี มากครับ(สำหรับผม) ใครสนใจเชิญดหลดได้ตามสะดวก อย่าลืมนะครับ ว่า Template ทั้งหมดนี้ ทำงานอยุ่บน Bootstrap Framework
จริงๆ มีอีกเยอะครับ แต่ลงไว้เป็นตัวอย่างเท่านั้น
เว็บรวม Bootstrap Template
http://www.bootstrapzero.com/bootstrap-templates/admin

Charisma – free, responsive, multiple skin admin template
http://usman.it/free-responsive-admin-template/

SB Admin 1,2
http://startbootstrap.com/template-categories/admin-dashboard/

AdminLTE Dashboard and Control Panel Template
http://www.almsaeedstudio.com/

TemplateVamp: [FREE] Twitter Bootstrap Admin Template
http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/

Free Bootstrap Admin Theme
http://www.portnine.com/bootstrap-themes

Free Bootstrap Admin Theme – Updatedhttp://vadimg.com/2013/02/free-bootstrap-admin-theme-updated/

Free Twitter Bootstrap Admin Theme
http://keaplogik.blogspot.com/2013/08/free-twitter-bootstrap-admin-theme.html

Bootstrap admin template: Metis free download
http://community.bootstraptor.com/post/261825/bootstrap-admin-template-metis-free-download

Free Bootstrap Admin Template – SIMINTAhttp://www.binarytheme.com/free-bootstrap-admin-template-siminta/

Bootstrap Admin Theme 3
https://github.com/VinceG/Bootstrap-Admin-Theme-3

Binary Admin FREE BOOTSTRAP ADMIN TEMPLATE
http://binarycart.com/

Onokumus / Bootstrap-Admin-Template
https://github.com/onokumus/Bootstrap-Admin-Template

Bootstrap Free Admin Template-BCORE
http://www.binarytheme.com/bootstrap-free-admin-dashboard-template/

3 Bootstrap Admin Themes
http://www.portnine.com/bootstrap-themes

Bootstrap 3.X Admin’s Theme
https://github.com/meritoo/Bootstrap-3-Admin-Theme

HTML5 Admin Template
http://www.html5admin.com/

DevOOPS bootstrap admin theme
http://devoops.me

Metro Dashboard – A Modern and Clean Admin Template
https://github.com/jiji262/Bootstrap_Metro_Dashboard

Hierapolis – A Bold Bootstrap Admin Template
https://github.com/lab2023/hierapolis

Credit :
http://colorlabsproject.com/blog/free-bootstrap-admin-templates/
http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/
http://www.daveismyname.com/free-bootstrap-admin-themes-bp#.VFC-trZZjHQ
http://www.bootstrapzero.com/bootstrap-templates/admin
http://speckyboy.com/2014/05/16/free-bootstrap-admin-themes/

รวมแหล่งศึกษาเรียนรู้การใช้งาน CodeIgniter ด้วยตัวเอง
ข้อมุลต่อไปนี้อ้างอิงจากความรู้ของผมเอง คือ มีพื้นฐาน HTML, Javascript, CSS, PHP แบบที่ว่าพอ่านโค้ดได้พอเข้าใจ จำคำสั่งคร่าวๆที่ใช้งานบ่อยๆได้
พอจะมาเรียนรู้ CodeIgniter ด้วยตัเวอง ก็เลยต้องปูพื้นฐานกันพอสมควร
**ข้อมุลที่เอามาลงทั้งหมด ผ่านการดูด้วยตาตัวเองมาหมดแล้วครับ รู้สึกยังไงก็บอกไปอย่างนั้นนะครับ**
#1. ศึกษาพื้นฐาน OOP เบื้องต้น
- Youtube Channel : บัณฑิต แสนคำภา

คนไทยใจดีทำคลิป PHP OOP เจ้าของคำพูดติดปาก “ง่ายมั๊ยครับ ง่ายนะ” (ขอแซวหน่อยนะพี่ ดูคลิปของพี่มา 3 รอบละ) ก็ง่ายตามที่พี่เค้าบอกนั่นละครับ เหมาะมากสำหรับมือใหม่
http://www.youtube.com/playlist?list=PLBD7BFD9EAF2D8297

---

#2. ศึกษาเรื่อง CodeIgniter
- Youtube Channel : บัณฑิต แสนคำภา

เจ้าของเดียวกันกับคนที่สอย PHP OOP หลักการสอนยังง่ายเหมือนเดิม ที่ผมชอบคือการสอนทำระบบ Template คือ แยกส่วนหน้าเว็บออก เวลาแก้ไขจะได้ง่าย ไม่ต้องมานั่งแก้ทุกไฟล์
ถึงทุกทีผมจะใช่ระบบ Template ของ Dreanweaver แต่พอทำแบบที่พี่เค้าสอน ผมว่ามันง่ายและสะดวกกว่าใช้ Dreamweaver เยอะเลย
http://www.youtube.com/playlist?list=PL4AD4B345A46AFAB1

- udemy.com – PHP Codeigniter – Learn Codeigniter (by BrutalStorm)

Download : Yandex
ชุดนี้จะสอนแบบช้าๆ เรื่อยๆ ทำตามได้ ตัวอย่างมีพอสมควร เข้าใจไม่ยาก
1 – SETTING UP
2 – PROJECT CREATING THE FIRST SECTIONS
3 – PROJECT CREATING OUR FIRST MODEL
4 – PROJECT LOGGING A USER IN
5- PROJECT REGISTERING USERS
6 – PROJECT REFACTORING TO AN API AND GETTING JAVASCRIPT BUCK-WILD
7 – ADVANCING OUR JAVASCRIPT STRUCTURE
8 – CREATING A REUSABLE CRUD MODEL
9 – CREATING NOTES
10 – APPEARANCE TWITTER BOOTSTRAP

หลังจากทดลอง “งม” การใช้งาน Bootstrap จนเข้าใจมาระดับหนึ่ง ผมได้ทดลองมือด้วยการออกแบบหน้า Frontend เป็นที่เรียบร้อย ถึงจะไม่ได้เขียนโค้ดเองทั้งหมด เพราะพึ่งพาเว็บ Bootstrap Snippet ที่แจกโค้ดสำเร็จ รวมถึง Bootstrap Theme Free อีกหลายๆอัน เลือกเอาส่วนที่สวยๆ ที่ผมชอบ มารวมร่างกัน จนได้เป็นเว็บต้นแบบ

คราวนี้ก็มาถึงงานส่วย Backend หรือส่วน Admin นั่นเอง ถึงตอนนี้ผมจะไม่ได้เข้าใจการเขียน Codeigniter สักเท่าไหร่ เพราะไม่คุ้นกับการเขียน OOP, MCV แต่การออกแบบมักจะต้องมาก่อน
ทีนี้เพราะเวลาจำกัดประกอบกับความชี้เกียจส่วนตัว เลยต้องหา Bootstrap Admin Theme Free 3 แบบที่คัดมาแล้วว่ารองรับงาน Responsive แน่ๆ อาจจะติดขัดบางส่วน แต่ก็ดีกว่าสร้างเองใหม่ทั้งหมดครับ

**ทดสอบ Responsive กับ Notebook 14 นิ้ว (FF, Chrome), Apple iPad 2 (Safari, Chrome), Nokia Lumia 720 (IE), TV 47 นิ้ว

AdminLTE V1.0

สวย เรียบง่าย

http://almsaeedstudio.com/

Charisma Free, Responsive, Multiple Skin Admin Template

มีปัญหานิดหน่อยเวลาใช้กับมือถือจอเล็กๆ

เมนูจะถูกซ่อนอยุ่ทางซ้าย พอคลิ๊กออกมาก็ดันชอบหายไปเอง

http://usman.it/free-responsive-admin-template/

SB Admin

แบบเรียบง่ายที่สุด เวลาถูกย่อ ipad 2 เมนุจะคงขนาดเดิม กินพื้นที่ส่วน content พอสมควร

http://startbootstrap.com/template-overviews/sb-admin/

SB Admin 2

เท่าที่ลอง เหมือนกับ SB Admin แต่ Theme เป็นสีขาว ลองใน Lumia 720 แล้วเวลากดเมนูนี่กระตุกเลย

http://startbootstrap.com/template-overviews/sb-admin-2/

จริงๆ มี Theme อีกมากครับ แต่ทดลองแล้วไม่ถูกใจ จะลองดุเพิ่มเติมจาก Credit ก็ได้
Credit :
http://usman.it/free-responsive-admin-template/
http://startbootstrap.com/template-categories/admin-dashboard/
http://www.almsaeedstudio.com/
http://colorlabsproject.com/blog/free-bootstrap-admin-templates/
https://github.com/VinceG/Bootstrap-Admin-Theme
http://www.egrappler.com/templatevamp-free-twitter-bootstrap-admin-template/
http://www.daveismyname.com/free-bootstrap-admin-themes-bp#.VFC-trZZjHQ
http://www.bootstrapzero.com/bootstrap-templates/admin
http://speckyboy.com/2014/05/16/free-bootstrap-admin-themes/

วันนี้แนะนำเทคนิคเล็กน้อย เกี่ยวกับการซ่อนบางส่วนใน Blogger ที่เราไม่ต้องการ
กรณีที่ผมอยากซ่อน เพราะว่าย้ายไม่ได้ เลยคิดว่าปิดไปได้มัีย ซึ่งก็ปิดได้จริงๆ โดยการใช้ CSS แบบง่ายๆ (ซึ่งผมไม่เคยรู้มาก่อน)

ซึ่ง Powered By Blogger ก้คือส่วน Attribution นั่นเอง แถมลากไปที่แอื่นก้ไม่ได้ด้วย

ดูจากหน้าเว็บ ก็เป็นแบบนี้

วิธีการซ่อน attribute หรือ Powered By Blogger แบบง่ายๆ
1. เข้าไประบบหลังบ้านของ Blogger เลือก Template และ Edit HTML

2. กด Ctrl + F พิมพ์ </head> เพื่อค้นหา

3. Copy โค้ดชุดนี้ไปวางไว้ก่อน </head> ตามภาพ เสร็จแล้ว Save

4. ผลที่ได้ Powered By Blogger หายไปแล้ว

Credit : http://helplogger.blogspot.com/2012/03/how-to-remove-blogger-attribution.html