Slider[Style1]

Style2

Style3[OneLeft]

Style3[OneRight]

Style4

Style5[ImagesOnly]

Style6

รายชื่อโปรแกรมที่ใช้ทำงานกับฐานข้อมูล MYSQL

รายชื่อโปรแกรมที่ใช้ทำงานกับฐานข้อมูล MYSQL

หลังจากผันตัวเองมาเป็น Web Programmer และต้องใช้ PHP + Mysql เป้นหลัก นอกจากจะใช้ phpmyadmin เป็นตัวจัดการฐานข้อมูลแล้ว การใช้โปรแกรมก้น่าจะช่วยเรื่องการจัดการ DB และเขียน SQL Query ได้ดียิ่งขึ้น

เท่าที่เคยใช้มาก็มีตายรายชื่อดังนี้

ToadforMySQL (Freeware)
รุ้จักจากการไปอบรม Oracle ใช้งานได้ง่ายดี แต่เหมือนจะหน่วงๆ ตอนทำงานไปหน่อย(คงคิดไปเอง)
รายชื่อโปรแกรมที่ใช้ทำงานกับฐานข้อมูล MYSQL

SQL Front (Freeware)
ของฟรี ใช้ง่าย โดยเฉพาะการ Export หรือ Import ข้อมูล แต่เหมือนการ Query จะทำได้แค่หน้าต่างเดียว
รายชื่อโปรแกรมที่ใช้ทำงานกับฐานข้อมูล MYSQL

HeidiSQL (Freeware)
การ Query ทำได้หลาย Tab แต่การ Import และ Export ข้อมุลยังยากสำหรับผมอยู่เลย
รายชื่อโปรแกรมที่ใช้ทำงานกับฐานข้อมูล MYSQL

SQLyog (Shareware)
ของเสียเงิน มีดีตรงการ Connect เพราะ host ที่ผมใช้ มันให้เข้าฐานข้อมูลได้จาก phpmyadmin เท่านั้น โปรแกรมอื่นๆจะใช้การ Connect แบบนี้ไม่ได้ แต่โปรแกรมนี้ทำได้ ก็เลยใช่งนมามาตลอด
รายชื่อโปรแกรมที่ใช้ทำงานกับฐานข้อมูล MYSQL

Navicat (Shareware)
โปรแกรมดีๆ ใช้งานได้เหมือน SQlyog ตอนนี้ก้ยังลังเลอยู่ว่าจะใช้ตัวไหนดี
รายชื่อโปรแกรมที่ใช้ทำงานกับฐานข้อมูล MYSQL

DBeaver (Freeware)
โปรแกรมล่าสุดที่เพิ่งรู้จัก  โปรแกรมโหลดช้า และการ Query ก้มีปัญหาอยุ่พอสมควร
รายชื่อโปรแกรมที่ใช้ทำงานกับฐานข้อมูล MYSQL

ทดสอบการทำ web-based file manager ด้วย Ajaxplorer


ทดสอบการทำ web-based file manager ด้วย Ajaxplorer

นึกสนุกลองมาเล่น Script ง่ายๆ
โจทย์คือ อยากได้ File Manager บนเว็บเอาไว้จัดการไฟลฺและโฟลเดอร์ต่างๆ เอาแบบที่ใช้ง่ายๆ คล้ายๆ Windows Explorer เลยจะดีมาก

ปกติใช้ FTP Client มันก็โอเคอยู่แล้ว แต่ถ้าอยากให้มีหลายๆ user เข้ามาใช้งาน แต่ไม่อยากให้เข้าผ่าน FTP (ฟังดูเรื่องมากยังไงๆ)

ลองเล่นหลายตัวก็มาเจอตัวนี้ Ajaxplorer ใช้ง่ายมากๆ หน้าตาเรียบง่าย
http://www.ajaxplorer.info/wordpress/
http://sourceforge.net/projects/ajaxplorer/

ตอนนี้ทดลองเอาไปใช้กับเว็บจริงแล้ว explorer.know2pro.com
กะว่าจะเอาไฟล์งานทั้งหมด Upload ขึ้น Host เลยดีกว่า

บันทึกการใช้งาน Joomla ตอนที่ 3

บันทึกการใช้งาน Joomla ตอนที่ 3

Plugin ของ Joomla ที่น่าสนใจ
– Content-Page Navigation
– Content-Rating เพิ่มคะแนนให้กับบทความ
– Content-Email Clocking ป้องกันไม่ให้ Email ในเว็บไซต์ถูกนำไปใช้เป็น Spam Email
– Content- Code Hightlighter (Geshi)
– Content-LoadModule โหลดโมดูลมาใส่บทความ ใช้โค้ด {loadposition xx}
xx คือ ตำแหน่งของโมดูล เช่น Top
– Content-PageBreak
– Editor-NoEditor เครื่องมือเขียนบทความแบบธรรมดา
– Editor-TinyMCE 2.0
– System-Legacy เปิดโหมดให้ Joomla 1.5 ใช้ extension ของ Joomla 1.0 ได้
– System-Cache เปิดระบบ Cache

การแก้ไข CSS
วิธีที่ง่ายสุดคือ เปิดเว็บด้วย Firefox และใช้ Firebug
ไฟล์ CSS จะมีอยู่ในทุก Template อาจจะชื่อว่า style.css การแก้ จะแก้จากใน Joomla เองหรือใช้โปรแกรม Editor อื่นๆ ช่วยก็ได้
เรื่อง Font ใน CSS จะชื่อ font เช่น font-size, font-family
และให้ดูตำแหน่งด้วยว่าอยู่ในไหนบ้าง เช่น Body

การแก้ Footer
วิธีที่ 1
– ปิดการทำงานของ Module Footer
– สร้าง Module แบบ Custom HTML
– เขียนข้อความหรือโค้ด
– ย้ายตำแหน่ง Module นี้ไปที่ Footer
– save
วิธีที่ 2
– ไปแก้ในไฟล์ /language/th-TH
– ชื่อไฟล์ th-TH.mod_footer.ini

การทำ Sticky Content
เช่น ประกาศข่าวสาร
วิธี(ที่คิดจะใช้)
– สร้าง Module เป็น Custom HTML
– จัดตำแหน่งไว้กลางๆหน้าเว็บ
– กำหนดให้แสดงตลอดเวลา ทุกๆหน้า

ทดสอบ Template แบบเร็ว (ไม่ต้องกำหนด Default) ใช้ URL นี้
www.ชื่อเว็บ.com/index.php?template=ชื่อเทมเพลต

ปัญหา Maximum execution time of 60 second
เกิดตอนใช้ Joomla ลง Extension ไฟล์ใหญ่ๆ
วิธีแก้
ใย XAMPP/php แก้ในไฟล์ php.ini
บรรทัด max_execution_time = 300

บันทึกการทำเว็บไซต์แผนที่และการทำ Image Map


บันทึกการทำเว็บไซต์แผนที่และการทำ Image Map

งานที่ทำก้จะคล้ายๆ กับในรูป แต่เปลี่ยนเป็นแผนที่ประเทศไทยแทน
http://davidlynch.org/projects/maphilight/docs/demo_usa.html
วันนี้ได้เห็นตัวอย่างจาก Thaiflood เลยคิดไอเดียได้ว่าจะทำคล้ายๆ แบบนั้น

วิธีการทำจะมีการใช้่ Hotspot ของ Dreamweaver แต่ว่าลองแล้ว ใช้งานยากมาก เลยหาจากเน็ต ได้เว้บที่ทำ Image Map แบบออนไลน์ได้อยู่ 1-2 เว็บ
ส่วนการเทสีในแผนที่จะใช้ maphilight: image map mouseover highlighting เป้น jquery plugin
ตอนนี้กำลังลองหัดใช้
http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/

เริ่มทำ Image Map แบบง่ายๆ ทดลองใช้ดูก่อน
http://www.kolchose.org/simon/ajaximagemapcreator/

ส่วนการทำจริงๆ ใช้เว้บนี้
http://www.maschek.hu/imagemap/imgmap

[Youtube] Creating Image Maps in Adobe Dreamweaver CS3
http://www.youtube.com/watch?v=seWbi5UE4o4&feature=related

บันทึกการใช้ PHP SQL Query OpenFlashChart, FusionCharts

บันทึกการใช้ PHP SQL Query OpenFlashChart, FusionCharts

ห่างหายจากการเขียนโค้ดไปนานเลยครับ ก็เกือบๆปี เพราะหลังๆมา ผมก้หันมาลองเล่น CMS ตัวอื่นๆ
แต่ไม่ว่ายังไง สุดท้ายก็ได้เจองานโค้ด ก็เลยต้องย้อนอดีตทั้ง PHP และ SQL เท่าที่จำได้ตอนนี้มีแค่ SELECT * FROM TABLE ส่วนคำสั่งอื่น ลืมไปหมดแล้ว

SQL INSERT INTO
http://www.select2web.com/sql/sql-insert-into-command.html

SQL Update
http://www.select2web.com/sql/sql-update-command.html

LEFT JOIN 3 Table
http://www.select2web.com/mysql/left-join-3-table.html

SQL UPDATE with JOIN TABLE
http://www.bigquery.com/aDetails.php?aID=42&cID=9

รวมเรื่องการ JOIN
http://www.w3schools.com/SQl/sql_join_inner.asp
http://www.w3schools.com/SQl/sql_join_left.asp
http://www.w3schools.com/SQl/sql_join_full.asp

PHP มีเขียนฟังก์ชั่นบ้าง แต่คิดไม่ออก เลยลองหาดูในเน็ต และก็เจอจริงๆ
http://www.webhostingtalk.com/showthread.php?t=684177

FusionChart V3 ใช้ง่าย รองรับภาษาไทย แต่ไม่ฟรีครับ ราคา 399$ ตอนนี้ก็ลองๆเล่นไปก่อน
บันทึกการใช้ PHP SQL Query OpenFlashChart, FusionCharts
http://phpdream.blogspot.com/2008/05/fusionchartphpmysql-step.html

OpenFlashChart ฟรี งงนิดหน่อย รองรับภาษาไทย
ลองทำเล่นๆดูแล้ว ที่ http://demo.know2pro.com/opfchart/pie-chart1.php
บันทึกการใช้ PHP SQL Query OpenFlashChart, FusionCharts

http://teethgrinder.co.uk/open-flash-chart-2/tutorial-2.php
http://www.exuber.net/2008/05/21/a-bit-of-open-flash-chart/
http://teethgrinder.co.uk/open-flash-chart-2/tutorial-db.php

บันทึกการใช้งาน Joomla ตอนที่ 2 เรื่องส่วนเสริมของ Joomla

jlogocss3

Module  ใน Joomla
– Archived Content คลังบทความเก่า ต้องกำหนดบทความใน Article Manager ก่อน
– Banner แสดงป้ายโฆษณา ต้องไปกำหนดใน Component Banner ก่อน
– Breadcumbs แสดงตำแหน่ง (Navigation) ของหน้าเว็บ
– Custom HTML  สร้าง Module แบบ HTML เอง อาจเป็นข่าว รูปหรืออื่นๆ
– Feed Display เป็นโมดูลที่ใช้แสดง Feed ที่ได้จากการตั้งค่าใน Component NewsFeed
– Footer ใช้แสดงข้อความ License ของ Joomla แก้ไขไม่ได้
– Lastest News แสดงหัวข้อบทความล่าสุด ตั้งค่าได้
– Login โมดูล Login เป็นแบบฟอร์ม
– Menu สร้างเมนู เช่น Main Menu, Top Menu
– Most Read Content แสดงหัวข้อบทความที่มีคนคลิ๊กเข้าไปอ่านมากที่สุด
– NewsFlash แสดงข่าวและเนื้อหา อยู่ใน Module จะให้สุ่มหรือไม่ก็ได้
– Poll แบบสำรวจ ดึงมาจาก Component  Poll อีกที
– Random Image ใช้สุ่มรูปภาพ รูปจะเปลี่ยนก้ต่อเมื่อมีการ Refresh หน้าเว็บ
กำหนดค่า image folder = imagesstoriesslide
– Relate Article เนื้อหาที่เกี่ยวข้อง ใช้ร่วมกับการแสดง Article
– Search โมดูล Search
– Section แสดง Section ทั้งหมด มักจะใช้เฉพาะ User เท่านั้น
– Statistic แสดงสถิติ รายละเอียด มักจะใช้เฉพาะ user เท่านั้น
– Syndicate สร้าง Feed ให้กับเว็บ แล้วให้ user เอาไปอ่านใน Feed Reader เอง
– Who’s Online แสดงจำนวนคนที่กำลัง Online
– Wrapper คล้ายๆ Iframe เอาไว้แสดงหน้าเว็บอื่น

Module ของ Admin
– Welcome to Joomla เป็นแค่ข้อความต้อนรับ ไม่ได้ใช้งานอะไร ให้ Disable ไปเลย
– Logged in Users แสดงรายชื่อ Admin ที่กำลัง Login อยู่ (Joomla มี Admin ได้หลายคน)
– Popular แสดงบทความยอดนิยม
– Recent Added Articles แสดงบทความล่าสึดที่เพิ่งจะเพิ่มเข้าไป
– Menu Stats แสดงรายชื่อและจำนวนเมนู
– Footer แสดงข้อความ LC ของ Joomla (แก้ได้ที่ตัว SourceCode)
– Joomla! Security NewsFeed แสดงข่าวสารของ Joomla (ให้ปิดไปเลย)
– Unread Messages จดหมายถึง Admin ที่ยังไม่ได้เปิดอ่าน
– Online Users แสดงจำนวนคนที่ Online อยุ่ในตอนนี้
– Quick Icons แสดง Icons ทางลัดอยู่ในหน้าแรกของหน้า Admin
– Login หน้า Login ของ Admin (ปิดไม่ได้)
– Admin Menu แถบเมนู Admin
– Title แสดงรายชื่อหัวข้อในหน้าต่าง
– Toolbar ปุ่ม เพิ่ม ลบ อยู่ใกล้ๆ Admin Menu

ระบบส่วนเสริมของ joomla
Component ส่วนเสริมใหญ่สุดทำงานด้วยหน้าต่างที่เป็นของตัวเอง เช่น Webboard
Module ส่วนเสริมเล็กๆ ส่วนมากจะใช้แสดงข้อมูลบางอย่างและ Admin จะเป้นคนจัดตำแหน่งให้แสดงผลเอง
Plugin ส่วนเสริมแบบ Switch ใช้เปิด ปิด ฟังก์ชั่นการทำงานต่างๆ ไม่มีหน้า Control เป้นของตัวเอง แต่จะมี Parameter ให้ตั้งค่า

บันทึกการใช้งาน Joomla ตอนที่ 1 เรื่องทั่วๆไปของ Joomla

บันทึกการใช้งาน Joomla ตอนที่ 1 เรื่องทั่วๆไปของ Joomla

การจัดการบทความใน Joomla
==>Section
–>Category
–|Content

จะคล้ายๆ Folder ย่อยๆ Content คือ ส่วนที่เป็นเนื้อหาจริงๆ
ในตอนใส่เนื้อหา Content (ที่ Content item Manager) จะมีช่องให้ใส่เนื้อหา 2 ช่องคือ
1. Intro Text คือ ข้อความเกริ่นนำ ที่ทำให้ดุน่าสนใจจะเป็นข้อความสั้นๆ
2. Main Text คือ ข้อความหลักใน Content ส่วนนี้จะไม่แสดงในหน้าแรก แต่จะแสดงเมื่อผุ้ใช้คลิ๊กเข้าไปดูรายละเอียดเพิ่มเติม(ในกรณีที่ใช้ readmore)

รายการเมนูของ joomla ที่ได้ใช้งานบ่อย
– Article Layout (Article)
ลิ้งไปหาบทความ 1 บทความ คล้ายๆกับการสร้าง pages ใน wordpress เลือกบทความที่เอามาแสดงได้
– Category Blog Layout (Article)
แสดงบทความที่อยู่ใน Category ที่ได้เลือกไว้ มี Layout เป็น Blog เช่น เลือก Category News ก็จะแสดงบทความ News ทั้งหมด
Parameter : Leading จำนวน”บทความแนะนำ”
Intro จำนวน “บทความ” ที่ให้แสดงต่อ 1 หน้า
Column จำนวนคอลัมน์
– Category List Layout (Article)
แสดงบทความใน Category ให้เป็น List
– Section Blog Layout (Article)
เหมือน Category Blog Layout แต่ต่างกันที่ใช้บทความจาก Section
– Scetion Layout (Article)
แสดง List ของ Category ที่มีใน Section
– Standard Content Layout (Contact)
แบบฟอร์ม Conatct ทั่วไป
– Poll Layout (Polls) โพลสำรวจ ไม่เคยเอาใช้จริงสีกที
– Search (Search) ส่วนสำคัญที่ให้ผู้เยี่ยมชมหาบทความในเว็บเราได้
– Default Login Layout หน้า Login
– Deafult Registration Layout หน้าลงทะเบียน
– Default Remind หน้าลืมชื่อ
– Default Reset ลืมรหัสผ่าน
– User Form Layout ฟอร์มข้อมูลของ User
– Categoty List Layout (WebLinks) แสดง Category ของ Weblink ดูง่าย เป็นระเบียบดี
– Wrapper เป็น Iframe แสดงเว็บข้างใน Wrapper อีกที
– External Link ลิ้งไปเว็บนอก

การตั้งค่าหน้า Home
– ไปที่เมนู Home อยุ่ใน MainMenu ที่ Parameter-Basic
#Leading แสดงบทความใหม่ล่าสุด
#intro แสดงบทความถัดไปอีกกี่บทความ
#column จำนวนคอลัมน์
#link บทความอื่นๆ เป้น Link ของบทความถัดไป

Component ปกติของ Joomla
– Banner จัดการป้าย Banner ในเว็บ
– Contacts จัดการหน้า Contact รายชื่อ
– NewsFeeds จัดการ Feed ต่างๆ ที่เอามาลงใน Web
– Polls แบบสำรวจความคิดเห็น
– Search แสดงสถิติการ Search
– Web Links รวม Link จากเว็บต่างๆ เป้นหน้าเดียว

การ Upgrade Joomla ง่ายๆ
เข้าไปดาวน์โหลดชุดอัพเกรด Joomla เช่น
Joomla_1.5.14_to_1.5.15_stable-Patch_Package.zip
แตกไฟล์ไปทับกับ Joomla ที่ติดตั้งไว้แล้ว
เสร็จ

Wrapper ใช้เปิดเว็บอื่นๆใน Joomla คล้ายๆกับ IFrame

Static Page การสร้างเหมือนกับ Article ทั่วไป แต่ให้เลือก Section เป็น Uncategorized

บันทึกการใช้งาน WordPress ตอนที่ 1


บันทึกการใช้งาน WordPress ตอนที่ 1

- ปัญหาการ Upload File ไม่ได้
เกิดจากการตั้งค่าของ WP ตอนลงใหม่ๆ
วิธีแก้ ไปที่หน้า /wp-admin > เมนูซ้าย Setting
> Media > ที่ช่อง Store uploads in this folder ให้แก้เป็น wp-content/uploads
>กด save เสร็จ

- ระบบบทความใน WordPress

=Categories
–>Post
Categories สามารถแยกย่อยได้อีก ในแต่ละ Post ควรใส่ Tag ไว้ด้วย เป็นคำสั่นๆที่อธิบายถึงเรื่องราวในบทความนั้นๆ เช่น ต้นไม้ House ในแต่ละบทความสามารถใส่ Tag ได้หลายๆอัน
หลังจากใส่ Tag แล้วควรเพิ่ม Widget : Tag Clound ไว้ที่หน้าแรกด้วย

- ปรับ Permalink เพื่อ SEO
ที่ setting >> Permalinks ในหน้า permalink setting จะมีแบบให้เลือกอยู่แล้ว แต่เราสามารถตั้งค่าได้เองที่ช่อง “Custom Structure” การใส่
/xxx/xxx/xxx/%postname%

รูปแบบ
%year% ปี 4 หลัก เช่น 2010
%month% เดือน 2 หลัก เช่น 05
%day% วันที่ 31
%hour% ชั่วโมง 24 ชั่วโมง เช่น 23 หรือ 08
%minute% นาที เช่น 33
%second% วินาที เช่น 44
%postname% ชื่อหัวขอ post รองรับทั้งไทยและ Eng เหมากับการ SEO มากๆ
%category% แสดงชื่อ Category
%author% ชื่อผู้เชียน Post นั้นๆ
ถ้าเป็นเวอรืชั่นเก่าหลังจากตั้งค่าตรงนี้ จะมี Code ให้ copy แล้วสร้างไฟล์ ,htaccess ไว้ในโฟลเดอร์เดียวกับที่ติดตั้ง WordPress

- เปลี่ยนตำแหน่งเก็บไฟล์
Setting > Miscellaneous เปลี่ยน path ตามต้องการ ค่า Default คือ wp-content/uploads
และให้ติ๊กตรง Organize my upload….. ด้วย จะได้แยกโฟลเดอร์ตามวันเดือนปี

- ปิด Thumbnail (ประหยัดพื้นที่ host)
ทุกครั้งที่มีการ Upload รูปขึ้น WP จะมีการย่อรูปและสร้างเป็นไฟล์ใหม่ทุกครั้ง
เช่น Upload ไฟล์ test.jpg จะได้ test.jpg, test-150×100.jpg, test-300×75.gif
เปลืองพื้นที่เกือบๆ 3 เท่า ปิดไปเลยดีกว่า
เข้า /wp-admin ไปที่ setting > Media ในช่อง Thumbnail size, Mediumsize, Largesize ให้ใส่เป็น 0 ให้หมด

- ใส่ Favicon ให้ WordPress (แบบโค้ด)
ให้ Copy ไฟล์ ico ที่ต้องการทำเป็น favicon.ico ไปไว้ใน wp-content/themes/ธีมที่ต้องการ
เปลี่ยนชื่อไฟล์เป็น favicon.ico เพื่อความง่าย
แก้ไขไฟล์ header.php โดยให้เพิ่มบรรทัดนี้ลงไป

ทดลองดูผล

- การย้าย WordPress จาก localhost ไป host จริง
เรื่องฐานข้อมูลกับไฟล์ต่างๆ ให้ Backup หรือ export ออกมา
แก้ไขไฟล์ wp-config.php ที่ค่า DB_NAME, DB_USER, DB_PASSWORD, DB_HOST
เข้าไปที่ wp-admin ถ้าเข้าได้ ให้ไปที่ setting>general เปลี่ยนค่าในช่อง wordpress address(url) และ site address(url)
ถ้าเข้าหน้า admin ไม่ได้ ให้เข้าไปที่ phpmyadmin แล้วไปที่ SQLใส่คำสั่งด้านล่างนี้ลงไป(อย่าลืมใส่ค่า URL ใหม่ด้วย)
UPDATE wp_options
SET option_value = “http://เว็บใหม่.com”
WHERE option_name = “siteurl” OR option_name = “home”

ปรับ permission ของ wp-content/upload เป็น 777
ติดตั้ง Plugin ชื่อ Velvet Blues Update URLS
ไปที่ Setting > Update URLs ป้อน URL เก่าและใหม่ กด Update
เสร็จลองทดสอบ Link ต่างๆดู

- ตรวจสอบ Security ของ WordPress
ใช้ Plugin ชื่อ wp-security-scan (semperfiwebdesign.com)
ในแต่ละ folder ให้ใส่ไฟล์ index.php หรือ index.html ด้วย หรือจะใช้การแก้ .htaccess ก็ได้ (ใช้เพื่อไม่ให้เข้าถึง folder ได้โดยตรง)
ในไฟล์ .htaccess ให้ใส่
Option –Indexes
ป้องกันหน้า wp-login ไม่ให้โดน Hack
login lockdown

- WP-Page NAVI [Plugin]
เปลี่ยน next-previous ให้เป็น 1 2 3 4 >>
การใช้ หลังจากติดตั้งไปแล้ว ลแง Refresh ดูหน้าแรกว่าทำงานหรือยัง
ถ้ายังไม่ได้ให้ไปที่ index.php ใน Template ที่ใช้งานอยุ่ที่

ให้เพิ่มโค้ดนี้่แทนโค้ดเดิม

บันทึกการใช้ SMF Webboard ตอนที่ 3

บันทึกการใช้ SMF Webboard ตอนที่ 3

บันทึกการใช้ SMF Webboard ตอนที่ 3

- SMF การลง Language Thai
ภาษาไทยที่มีให้โหลดในเว็บ smf จะมี 2 แบบคือ
smf……thai.zip คือแบบ tis-620
smf….thai-utf8.zip คือแบบ utf8
เวลาใช้งานต้องใช้ให้เหมาะด้วย
ตอนนี้ใช้ utf8 เป้นตัวหลัก(เป็นมาตรฐานเดียวกับการทำเว็บ)
1. สร้าง DB ให้เป็น utf-unicode-ci
2. แตกไฟล์ smf…..thai-utf8.zip จะได้โฟลเดอร์ theme ให้เอาโฟลเดอร์นี้ไป Replace กับโฟลเดอร์ theme ที่อยุ่ในตัว install ของ smf
3. เวลาติดตั้งให้เลือก utf-8 ด้วย (เป้นตัวหลัก)

- การเปิด Quick Reply (ตอนด่วน อยู่ใต้กระทู้ทุกๆหน้า)
หน้า admin > ปรับแต่งธีมและการวางรูปแบบ
เมนู “คืนค่าตัวเลือก” ไปที่ SMF Default Theme-Core
เลือก “คืนค่าสมาชิกทั้งหมดสำหรับตัวเลือกธีมนี้”
ที่ “ใช้การตอบด่วน…..”
ให้เลือกเป็น “เปลี่ยน” ด้านหลังเป็น “แสดง,ปกติเปิด”

- SMF MOD แก้ปัญหา SPAM
Anti-bot : Are You Human/Bot ?
ตอนสมัครจะมีคำถามชื่อเดียวกันนี้ และมี Dropdown ให้เลือก yes และ no
Install เสร็จแล้วให้ไปที่ Menbers >> Registration > > Settings
Anti-bot : Registration Puzzles
ใช้คำถามเช่น 1+1+one = ? แทนตัวเลือก Yes no
หรือจะใส่ไปทั้่ง 2 MOD นี้เลยก็ดี

- เพิ่มเติม Mod Anti-bot : Are You Human/Bot ?
เวลาลง MOD นี้เสร็จแล้ว ถ้าเราปรับให้ Webboard ใช้ Thai จะเกิดปัญหาคือ ที่เมนู “ศูนย์จัดการการลงทะเบียน” >> การตั้งค่า
จะไม่มีข้อความแสดง ตรงส่วนที่เคยมี
และในหน้า Registor ก็เหมือนกัน
การแก้ไข
ไปเปิดไฟล์ themes/default/language/Modification.English.php
เอาข้อมูลที่เป็นตัวแปรมาให้หมด แล้ว Copy ไปลงในไฟล์
Modification.thai.php กรณีใช้ tis620
Modification.thai-utf-8.php กรณีใช้ utf8
*น่าจะแก้เป็นภาษาไทยได้ ทดลอง Refresh ดูว่าตัวอักษรกลับมาหรือยัง

- การย้าย SMF Webboard
กรณี ทดลองกับ Webboard ใหม่ที่ยังมีข้อมูลไม่มาก
การย้ายให้ export ฐานข้อมูลออกมาเก็บไว้ก่อน (ไฟล์ .sql)
เสร็จแล้วไปสร้างฐานข้อมูลชื่อเดิมใน host ใหม่ ต่อมา Import ไฟล์ .sql เข้าไป
(เสร็จเรื่องฐานข้อมูล)
ส่วนไฟลืต่างๆ ก็ให้ย้ายไปได้เลย Copy ไปวางได้เลย แล้วเข้าไปแก้ไฟล์ Setting.php
ค่าที่ต้องแก้ไข
$boardurl = ‘http://www.host.com’; ตำแหน่ง url ใหม่
##Database info## ส่วนฐานข้อมูลต้องแก้ให้เป็นข้อมูลของ host ใหม่ทั้งหมด
## Directories/Files ## แก้เป็น Path ปัจจุบันของ Host ใหม่
เสร็จแล้วให้เปิด Browser
พิมพ์ http//:www.host.com/index.php?action=admin
พอเข้าไปแล้ว จะเก็นว่าหน้าตามันแปลกๆไป สาเหตุคือ ตำแหน่งของ Theme ไม่ถูกต้อง
วิธีแก้ เข้าระบบด้วย Admin
ไปที่ ปรับแต่งบอร์ด >> ปรับแต่งธีมและการวางรูปแบบ
แท๊บ “ธีมและการตั้งค่า” จะเห็นว่า Path ยังเป็นของเดิมอยู่ ให้ลงไปด้านล่าง “คืนค่า URLS สำหรับธีมและไดเรคทอรี่” แก้ไขค่า Path ทั้ง 2 ช่องให้ตรงกับ host จริง
เสร็จแล้วกด “พยายามคืนค่าสำหรับธีมทั้งหมด”

*วิธีนี้จะเป้นการแก้ Path ให้กับ Theme ทั้งหมดในครั้งเดียว จะสะดวกกว่าการไปตั้งทีละ Theme

>>แก้ส่วน Avatar และ Attachment
ใน Forum > Attachment and Avatars
แก้ “Attachments Directory” (แท๊บ Attachment) แก้เป็น Path ของ Theme

ที่แท๊บ Avatar Setting
แก้ Path ตรง “Avatars Directory”
แก้ URL ตรง “Avatars URL”

แก้ส่วน Smileys and Message Icons
แก้ Base URL…..
แก้ Absolute Path……

- SMF การลง Language Thai
ภาษาไทยที่มีให้โหลดในเว็บ smf จะมี 2 แบบคือ
smf……thai.zip คือแบบ tis-620
smf….thai-utf8.zip คือแบบ utf8
เวลาใช้งานต้องใช้ให้เหมาะด้วย
ตอนนี้ใช้ utf8 เป้นตัวหลัก(เป็นมาตรฐานเดียวกับการทำเว็บ)
1. สร้าง DB ให้เป็น utf-unicode-ci
2. แตกไฟล์ smf…..thai-utf8.zip จะได้โฟลเดอร์ theme ให้เอาโฟลเดอร์นี้ไป Replace กับโฟลเดอร์ theme ที่อยุ่ในตัว install ของ smf
3. เวลาติดตั้งให้เลือก utf-8 ด้วย (เป้นตัวหลัก)

- การเปิด Quick Reply (ตอนด่วน อยู่ใต้กระทู้ทุกๆหน้า)
หน้า admin > ปรับแต่งธีมและการวางรูปแบบ
เมนู “คืนค่าตัวเลือก” ไปที่ SMF Default Theme-Core
เลือก “คืนค่าสมาชิกทั้งหมดสำหรับตัวเลือกธีมนี้”
ที่ “ใช้การตอบด่วน…..”
ให้เลือกเป็น “เปลี่ยน” ด้านหลังเป็น “แสดง,ปกติเปิด”

- SMF MOD แก้ปัญหา SPAM
Anti-bot : Are You Human/Bot ?
ตอนสมัครจะมีคำถามชื่อเดียวกันนี้ และมี Dropdown ให้เลือก yes และ no
Install เสร็จแล้วให้ไปที่ Menbers >> Registration > > Settings
Anti-bot : Registration Puzzles
ใช้คำถามเช่น 1+1+one = ? แทนตัวเลือก Yes no
หรือจะใส่ไปทั้่ง 2 MOD นี้เลยก็ดี

- เพิ่มเติม Mod Anti-bot : Are You Human/Bot ?
เวลาลง MOD นี้เสร็จแล้ว ถ้าเราปรับให้ Webboard ใช้ Thai จะเกิดปัญหาคือ ที่เมนู “ศูนย์จัดการการลงทะเบียน” >> การตั้งค่า
จะไม่มีข้อความแสดง ตรงส่วนที่เคยมี
และในหน้า Registor ก็เหมือนกัน
การแก้ไข
ไปเปิดไฟล์ themes/default/language/Modification.English.php
เอาข้อมูลที่เป็นตัวแปรมาให้หมด แล้ว Copy ไปลงในไฟล์
Modification.thai.php กรณีใช้ tis620
Modification.thai-utf-8.php กรณีใช้ utf8
*น่าจะแก้เป็นภาษาไทยได้ ทดลอง Refresh ดูว่าตัวอักษรกลับมาหรือยัง

- การย้าย SMF Webboard
กรณี ทดลองกับ Webboard ใหม่ที่ยังมีข้อมูลไม่มาก
การย้ายให้ export ฐานข้อมูลออกมาเก็บไว้ก่อน (ไฟล์ .sql)
เสร็จแล้วไปสร้างฐานข้อมูลชื่อเดิมใน host ใหม่ ต่อมา Import ไฟล์ .sql เข้าไป
(เสร็จเรื่องฐานข้อมูล)
ส่วนไฟลืต่างๆ ก็ให้ย้ายไปได้เลย Copy ไปวางได้เลย แล้วเข้าไปแก้ไฟล์ Setting.php
ค่าที่ต้องแก้ไข
$boardurl = ‘http://www.host.com’; ตำแหน่ง url ใหม่
##Database info## ส่วนฐานข้อมูลต้องแก้ให้เป็นข้อมูลของ host ใหม่ทั้งหมด
## Directories/Files ## แก้เป็น Path ปัจจุบันของ Host ใหม่
เสร็จแล้วให้เปิด Browser
พิมพ์ http//:www.host.com/index.php?action=admin
พอเข้าไปแล้ว จะเก็นว่าหน้าตามันแปลกๆไป สาเหตุคือ ตำแหน่งของ Theme ไม่ถูกต้อง
วิธีแก้ เข้าระบบด้วย Admin
ไปที่ ปรับแต่งบอร์ด >> ปรับแต่งธีมและการวางรูปแบบ
แท๊บ “ธีมและการตั้งค่า” จะเห็นว่า Path ยังเป็นของเดิมอยู่ ให้ลงไปด้านล่าง “คืนค่า URLS สำหรับธีมและไดเรคทอรี่” แก้ไขค่า Path ทั้ง 2 ช่องให้ตรงกับ host จริง
เสร็จแล้วกด “พยายามคืนค่าสำหรับธีมทั้งหมด”

*วิธีนี้จะเป้นการแก้ Path ให้กับ Theme ทั้งหมดในครั้งเดียว จะสะดวกกว่าการไปตั้งทีละ Theme

>>แก้ส่วน Avatar และ Attachment
ใน Forum > Attachment and Avatars
แก้ “Attachments Directory” (แท๊บ Attachment) แก้เป็น Path ของ Theme

ที่แท๊บ Avatar Setting
แก้ Path ตรง “Avatars Directory”
แก้ URL ตรง “Avatars URL”

แก้ส่วน Smileys and Message Icons
แก้ Base URL…..
แก้ Absolute Path……

บันทึกการใช้ SMF Webboard ตอนที่ 2

บันทึกการใช้ SMF Webboard ตอนที่ 2

- Mod สุดโหด
Ad Management MOD 2.3
เป็นมอดจัดการโฆษณาในเว็บ Mod นี้จะทำงานเฉพาะ Theme Default เท่านั้น ถ้าจะให้ใช้กับ Theme อื่น ให้เข้าไปที่www.smfhacks.com/smf-package-parser.html ให้ Upload mod เป้นไฟล์ zip เข้าไปเลือก Install และ Only Theme edits กด Send Files มันก็จะมีหน้าใหม่ มี Code เยอะๆ ให้ไปแก้ที่ Theme ที่ต้องการให้กับ Mod นี้ (ลง Mod ก่อนก็ได้) ***วิธีนี้ใช้ได้กับ Mod อื่นๆด้วย
พอลงได้เวลาใช้งานให้เข้าไปเปลี่ยนภาษาเป็น English ไปดูที่ Ad Management กด Add Ad เพิ่มโค้ด HTML ลงได้ แล้วเลือก ติ๊กตำแหน่งที่ต้องการ
ทำให้ทุกคนทั้งสมาชิกหรือ Visitor เห็น Ad หมด

- Hover Mod 1.2 (Thai OK) ไม่ต้องตั้งค่า
เป็น Mod ที่จะทำให้เราสามารถคลิกที่บอร์ดได้ทันที ไม่ต้องไปคลิ๊กที่ชื่อ พอเมาส์อยู่บนบอร์ดใดๆ สีพื้นหลังของบอร์ดนั้นก็เปลี่ยน

- Board News 1.22 + ssi_boardnews 1.0
ทำให้การแสดงข่าวตรง header มีหัวข้อ พอเอาเมาส์วางก็จะมีเนื่อข่าว แสดงออกมา
ลงเสร็จแล้วให้ไปเปลี่ยน Lang เป็น English ที่ Server Setting แล้วกลับมาดูที่ main จะมีหัวข้อ Board News เข้าไป Enable และเลือกข่าวของบอร์ดที่จะแสดง
X ไม่ Support Lang Thai ไม่สมบูรณ์

- Favicon 1.1 (Thai OK) ต้องตั้งค่า
เป็น MOD แสดง Favicon ใช้ icon ขนาด 16×16 อัพไว้บน server แล้วไปตั้งค่าที่ Admin > Current Theme (ตั้งค่าธีมปัจจุบัน)

- Avatar@index 1.4 (Thai OK) ต้องตั้งค่า
แสดงรูปของคนตั้งกระทู้ไว้ที่หัวข้อกระทู้ ต้องไป Enable ที่ Admin > Feature and Option > Layout and Option แล้วกำหนดความสูง

- Move Recent Post to Top
เอาไว้แสดง list ของกระทู้ที่ตั้งใหม่หรือมีการตอบโดยจะย้ายจากข้างล่างไว้ข้างบน
การใช้งาน ก้ให้ลง Mod แล้วไปที่ current theme ตรง number of recent post to display……
ให้เปลี่ยนจาก 0 เป้นจำนวน list เช่น 10 กด save แล้ว refresh ดูผลในหน้าแรก

- Enchance Quick Reply 2.0.2 (SMF 1.1.4)
ลงตัว Mod ตามปกติแล้วเข้าไปที่ Themes and Layout เลือก Reset Option ดูที่ Theme ที่ใช้แล้วเลือก Reset All Emeber’s current Option for this theme เข้าไปดูที่ Quick Reply เปลี่ยนเป็น Change แล้วติ๊กเลือก

- การขยายแถบ Quick Reply
ปกติหลังจากลง Mod กับไปเปิดให้ทำงานแล้ว ตัวกรอบของ Reply จะมีขนาดเล็กนิดเดียวอยู่กลางๆจอ หากต้องการขยายให้ไปที่ theme/ชื่อtemplate/Display.template.php
เปิดขึ้นมาดูโค้ด

อีกบรรทัดข้างล่างให้เปลี่ยนจาก 50% เป้น 75% หรือใหญ่กว่านี้ก็ได้

- การลง Theme ใน SMF
เข้าไปที่ “admin(ผู้ดูแล)”
เมนูด้านซ้าย เข้าไปตรง “ตั้งค่าธีมปัจจุบัน” อยู่ในหมวดปรับแต่งบอร์ด จากนั้นที่หน้าต่าง “ปรับแต่งธีมและการวางรูปแบบ” เข้าที่ “จัดการและติดตั้ง”
ด้านล่างจะมี “ติดตั้งธีมใหม่” ให้อัพโหลด Theme ที่เป็นไฟลื .zip แล้วติดตั้ง ถ้ามีหน้าต่างถามให้กด Yes เลย

บันทึกการใช้ SMF Webboard ตอนที่ 1

บันทึกการใช้ SMF Webboard ตอนที่ 1

บันทึกการใช้ SMF Webboard  เคยใช้เมื่อ 2-3 ปีก่อนครับ
แต่ติดปัญหาเรื่องการสร้าง Community ทำให้เว็บบอร์ดร้าง ไม่มีคนเข้า ถ้าจะทำพวก Community ตอนนี้ผมว่าใช้พวก Social อย่าง Facebook จะดีกว่า

- Mod Header Rotation
ใช้รูปขนาด 973×120 เป็น jpg ให้ copy รูปไปไว้ในโฟลเดอร์ header อยู่ใน Package/HeaderRotation/header ตั้งชื่ออะไรก็ได้ พออัพโหลดไปลงที่โฮสเสร็จ ให้ Uninstall Mod ตัวนี้ออก แล้ว Install ใหม่เสร็จทุกครั้งที่ Reload

- Mod SMF Portal
ตรงหน้าแรกที่ Announcement สามารถใส่ Code HTML ได้ด้วย
เข้าไปที่ Feature & Option แล้วก็ Portal Setting ที่ Annouce ช่องเล็กๆ นั่นแหละ

- Mod Large Icon Board
ไอคอน หน้ากระทู้ขนาด 129×56 ไฟล์ .gif ต้นฉบับ 140×30
เพิ่มข่าวในหน้าแรกของ Forum (News)
admin > main > News and newsletters

- Favicon Modเพิ่ม Icon หน้า URL ที่ Browser
ลงแล้วไปตั้งค่าที่ admin > current theme
ใช้ไฟล์ 16×16 ไฟล์ .ico เท่านั้น

- Message PreviewOn MouseOver
เวลาเอาเมาส์ไปที่ Board จะ Preview เนื้อหาให้ดู
ไปตั้งค่าที่ Post and Topics ตรง length of the message…
กำหนดจำนวนตัวอักษร

- Avatars@index
โชว์รูปบนกระทู้
ไปที่ Features and Option > Layout & Option
เลือก Enable Display…….
แล้วกำหนดขนาดรูป 40×40

- Signature Settings Mod
ควบคุมขนาดการจัดวางของ Signature ตั้งค่าที่
Admin > Feature & Option > Signature Setting

- การลง Icon Smiley ใน SMF
ให้สร้าง Folder ที่มีไฟล์ Smile เป็น .gif อยู่ข้างใน แล้วอัพโหลดขึ้นไป

- การ Upgrade Board
ให้เข้าไปที่ส่วน admin ที่ช่อง support Information จะบอกเวอร์ชั่นของ SMF ที่ใช้อยู่และเวอร์ชั่นล่าสุดที่มี
ที่ lastest Package จะบอกให้เรา Upgrade ได้ทันที กดตาม Link ที่มี
** Package ที่ลงไว้ต้อง Support เวอร์ชั่นใหม่ด้วย
==สำคัญ==
การอัพเกรดจากเวอร์ชั่นเก่าๆ เช่น 1.1 ไปเป็น 1.5  ต้องอัพเกรดตัว Language ที่ใช้ก่อน แล้วก็ปิด Package ให้หมด ไปโหลดตัว Large Upgrade มาจากเว็บ แตกไฟล์ใส่ที่ Webboard เดิม มันจะทับกัน แล้วเข้า upgrade.php หากมีข้อความแปลกๆ ให้ไปแก้ไขที่ upgrade.php ที่ Lang_Version ให้เปลี่ยนจากเวอร์ชั่นล่าสุดไปเป็นเวอร์ชั่นเก่าที่เราใช้

- ระบบหน้าแรกของ SMF
หน้าตาเดียวกับ www.siamcafe.net
ชื่อคือ MKportal (www.mkportal.it)
โหลดไฟล์ติดตั้ง MK_portal  ขนาดประมาณ 5 MB จากเว็บ(ต้องสมัครสมาชิกก่อน)
จากนั้นไป Search ใน Download ด้วยคำว่า thai จะเจอ LangPack ภาษาไทย
แตกไฟล์ตัวติดตั้งจะเจอโฟลเดอร์ Upload ข้างในจะมี
aeforum (forum ในตัว)
mkportal (ตัวจริง)
index.php
เอาทั้ง 3 ตัวนี้ไปไว้บน server จะได้
www.hostname.com/index.php
www.hostname.com/mkportal
www.hostname.com/aeforum
การติดตั้งให้เข้าไปที่ /mkportal/mk_install.php
ระหว่างการติดตั้งให้เลือก smfboard
ส่วนภาษาไทยให้ลงที่ lang ใน /mkportal

- แก้ font mkportal
เข้าไปที่ การจัดการสกิน (เมนูด้านล่าง)
tdglobal (12)
ฟอนท์ตรงนี้จะเป็นขนาดฟอนท์เนื้อหาของคอลัมกลาง
a.uno:link
a.uno:visited
a.uno:hover
เป็นฟอนท์ของลิงค์ต่างๆ ตรงเมนูทั้งซ้าย ขวา บน
ง่ายๆ ใส่ 1 2 ให้หมดเลย

Webcam Project การประยุกต์ใช้ Webcam ให้มีประโยชน์มากขึ้น


Webcam Project การประยุกต์ใช้ Webcam ให้มีประโยชน์มากขึ้น

Webcam เป็นอุปกรณ์อีกตัวที่แทบจะขาดกันไม่ได้ แต่สำหรับผม คิดว่าการเอาไปใช้งานน่าจะมีมากกว่าเอามาส่องกบ และเท่าที่รวบรวมมาได้ตอนนี้ ก็มี Project น่าสนใจหลายๆ ตัว ส่วนมากจะใช้ Webcam ซึ่งราคาก็ไม่ได้แพงอะไรมากครับ

1. Camspace เล่นเกมด้วย Webcam

Webcam Project การประยุกต์ใช้ Webcam ให้มีประโยชน์มากขึ้น

โปรแกรมที่จะเปลี่ยน Webcam ให้กลายเป็นตัว Controller ใช้ควบคุมเกมแทนเมาส์และ Keyboard แต่มีข้อจำกัดเรื่องแสง และสี ส่วนเกมก้มีน้อยและน่าเบื่อไปหน่อย ส่วนที่ว่าเอามาเล่นเกม Need For Speed ผมลองแล้วครับ บังคับยากและเมื่อยแขนมาก กลับมาใช้ Keyboard อย่างเดิมจะดีกว่า

2. Touchless SDK
Webcam Project การประยุกต์ใช้ Webcam ให้มีประโยชน์มากขึ้น

ชุด SDK สำหรับงาน Webcam จะว่าไปแล้วก็คล้ายๆ Kinect ของ Microsoft นั่นแหละครับ งานนี้ Programming ล้วนๆ แถมตั้งค่ายากอีก ผมก็เลยข้ามตัวนี้ไปครับ

3. Webcam Signature
Webcam Project การประยุกต์ใช้ Webcam ให้มีประโยชน์มากขึ้น
โปรแกรมที่ใช้ Webcam คู่กับปากกาที่ติด Infared LED ไว้ ประโยชน์คือ ใช้ปกกาตัวนี้เขียนลงบนจอได้เลย
แต่ Project นี้หยุดทำไปตั้งแต่ปี 2008 แล้ว

4. Webcam Whiteboard

Webcam Project การประยุกต์ใช้ Webcam ให้มีประโยชน์มากขึ้น
โปรแกรมตัวนี้เจ๋งมาก ใช้ Webcam จับการเคลื่อนไหวของปากกา Infared บนหน้าจอแล้วใช้แทน Mouse ได้เลย แต่ติดที่ว่าต้องใช้ Webcam ของดีหน่อย และมุมก้ต้องเป๊ะ เท่าที่ลองมาปัญหาจะอยู่ที่ตัวกล้องที่จับแสงอินฟาเรดไม่ค่อยได้ครับ

ตอนนี้หน้าเว็บ Homepage หายไปแล้วครับ คิดว่าคงเลิกทำแล้ว(หมดกระแส)
แต่โปรแกรมยังดาวน์โหลดได้ที่ http://www.brothersoft.com/webcam-whiteboard-352167.html

รวมไฟล์งานและเอกสารการสอนวิชา Database (Access 2003 + Access 2007)


รวมไฟล์งานและเอกสารการสอนวิชา Database (Access 2003 + Access 2007)

รวมเอกสารการสอนทั้งหมด ทั้งไฟล์สอน ตัวโปรแกรม งานที่ส่ง เป็นวิชาที่มีประโยชน์กับผมมากในตอนนี้ครับ ถึงตอนที่เรียนจะไม่ค่อยเข้าใจเท่าไหร่ก็เถอะนะ

ไฟล์ที่สำคัญๆก็มีตามนี้
- รวมเอกสารการใช้ Access.rar
- งาน Access2007.rar
- Anan EBook (ในโฟลเดอร์นี้มีเอกสารการสอนใช้ Access เยอะมากและละเอียดมาก)

ไฟล์ทั้งหมดอัพโหลดไว้ที่ SkyDrive ครับ
รวมไฟล์งานและเอกสารการสอนวิชา Database (Access 2003 + Access 2007)

รวมไฟล์งานและเอกสารการสอนวิชา Database (Access 2003 + Access 2007)

รายงานและเอกสาร TermProject วงจรวัดความเข้มแสงด้วย LDR (AVR Microcontroller)


รายงานและเอกสาร TermProject วงจรวัดความเข้มแสงด้วย LDR (AVR Microcontroller)

งานเก่าๆ ที่ใช้ AVR Microcontroller ครับ ตมเคยเรียนมาแต่ PIC พอมาเจอ AVR ก็เลยต้องหาวิธีเขียนโปรแกรมแบบง่ายๆ โชคดีที่ AVR ก้มีภาษา BASIC เหมือนกัน
โครงงานนี้ใช้หลักการของ LDR มาแปลงค่าสงให้ AVR คำนวณแล้วแสดงค่าออกมาในรูปแบบ LED ครับ

ไฟล์เอกสารและโปรแกรมทั้งหมดผมรวมไว้ที่ Skydrive แล้วครับ
รายงานและเอกสาร TermProject วงจรวัดความเข้มแสงด้วย LDR (AVR Microcontroller)

**ภาพเก่ามากๆ เพราะใช้ มือถือ imobile ถ่ายครับ

รายงานและเอกสาร TermProject วงจรวัดความเข้มแสงด้วย LDR (AVR Microcontroller)

รายงานและเอกสาร TermProject วงจรวัดความเข้มแสงด้วย LDR (AVR Microcontroller)

 

เอกสาร+โค้ด AVR Basic โครงงาน

 

รวมรูปโครงงาน

วงจรวัดความเข้มแสงด้วย LDR (v.KTG)

อุปกรณ์เสริม AVR Microcontroller

วงจรวัดระดับน้ำด้วย AVR (v.ART)

วงจรวัดอุณหภูมิด้วย AVR (v.POY)

ทดลองใช้งาน Google Map API ร่วมกับ PHP และ Mysql (ฉบับทดสอบ)


ทดลองใช้งาน Google Map API ร่วมกับ PHP และ Mysql (ฉบับทดสอบ)

มีงานใหม่ ที่ยังไม่เคยลอง และก็น่าเล่น มาถึงมือผมจนได้ อาจจะไม่ใช่ของใหม่อะไร แต่ก็เป็นเรื่องที่ท้าทายพอสมควรนั่นก็คือ การใช้ Google Map API กับ PHP และฐานข้อมูล Mysql

งานครั้งนี้ผมลองรับมาทดลองดูก่อน เพราะยังไม่เคยทำ ผมเองก้ไม่ได้เป็น Programmer ด้วย แต่หลังจากลองเล่นได้คืนเดียวก็เห็นอะไรเยอะครับ

โจทย์คือ จะมีระบบฐานข้อมูลเกี่ยวกับโครงการของแต่ละหมู่บ้าน ทั่วประเทศ โดยโครงการนี้ จะมีสถานะอยู่ 3 สถานะ คือ รอส่งเอกสาร, รอการอนุมัติ และ อนุมัติแล้ว หน้าที่ของผมคือ เอาข้อมูลหมู่บ้าน พร้อมสถานะ มาพลอตตำแหน่งลงแผนที่ใน Google Maps

หลักการทำก้คือ ข้อมูลต้องมีชื่อหมู่บ้าน (อาจจะมีที่อยู่เพิ่มเข้ามาก็ได้) สถานะ และ ตำแหน่งละติจูดและลองติจูด เพราะในการพลอตตำแหน่งลงแผนที่ต้องใช้ทั้งสองค่า เพื่อระบุตำแหน่งในตัวโปรแกรม จากนั้นก็กำหนดสถานะว่าจะให้แสดงด้วยอะไร ผมก็เลยลองแบบง่ายๆ ด้วยการแทนตัว Marker เป็นสามสี

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

http://demo.know2pro.com/gmap/

แหล่งข้อมูล (ใช้ในการศึกษาเพื่อเขียนโค้ด Google Map API)

http://newsirius13.thport.com/exp.html แหล่งข้อมุลและตัวอย่างหลัก (ใช้ได้จริง)
http://www.tipsiam.com/Google-Maps-API-for-Google-Map-Mashup.htm ข้อมูลพื้นฐาน อ่านแล้วงงบ้าง โค้ดก็ใช้ได้บ้างไม่ได้บ้าง เอาไว้ดูรายละเอียดลึกๆ
http://googib.wordpress.com/ การใช้ API แบบลึกมากขึ้น
http://www.googlemaps.in.th/2009/02/hello-world-google-maps.html ตัวอย่างการเขียนแบบเริ่มต้น

http://map.tipsiam.com/ ตัวอย่างการประยุกตืใช้ Google Maps กับงานจริง
http://www.googlemaps.in.th/2009/02/thailand-travel-map-by-tourism-authority-of-thailand.html ของเก่าแล้ว ดูรูปตัวอย่างไว้เป็นไอเดีย

แหล่งข้อมูลเรื่องแผนที่

http://www.travelmath.com/country/Thailand หาค่าละติจูด ลองติจูดของประเทศไทยhttp://www.mapsofworld.com/lat_long/thailand-lat-long.html ค่าละติจูด ลองติจูดของแต่ละจังหวัด
http://www.easyhorpak.com/bangkok/point_map.php?keyword=thailand&id= หาค่าแบบจิ้มบนแผนที่ ใช้ง่ายมาก กดปุ๊บ รู้ค่าละติจูด ลองติจูด ทันที
http://map.rimnam.com/ เหมือนเว็บด้านบน แต่ Map เล็กกว่า
http://th.wikipedia.org/wiki/พิกัดภูมิศาสตร์

ข้อมุลเพิ่มเติม
การแปลงองศาแบบ องศา-ลิปดา-พิลิปดา หรือ องศา-ลิปดา เป็นองศาแบบทศนิยม ทำได้ดังนี้
นำพิลิปดาหาร 3600
นำลิปดาหาร 60
นำผลที่ได้จากข้อ 1 และ 2 บวกกัน แล้วนำไปบวกกับองศา ก็จะได้องศาแบบทศนิยม

เช่น เชียงใหม่
ละติจูด 18°47’N    = 18+(47/60) = 18.78333
ลองติจูด 98°59’E  = 98+(59/60) = 98.98333

หรือจะแปลงค่า จากเว้บนี้ก็ได้ http://www.mapsmile.com/convert.php