20100806 wordpress-server2 go

Wordpress & Server2Go บุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ ( สวทช .) [email_address] http://stks.or.th http://slideshare.net/boonlert http://facebook.com/boonlert.aroonpiboon

บุญเลิศ อรุณพิบูลย์ 2536 – 2551 NECTEC เจ้าหน้าที่ระบบคอมพิวเตอร์ วิทยากร ศูนย์ฝึกอบรมคอมพิวเตอร์เนคเทค รักษาการหัวหน้างานสนับสนุนทางเทคนิค รักษาการหัวหน้างานวิชาการ รักษาการหัวหน้างานพัฒนาสื่อสาระดิจิทัล นักวิชาการ 2551 – ปัจจุบัน STKS / NSTDA นักวิชาการ รักษาการหัวหน้างานพัฒนาและบริการสื่อสาระดิจิทัล

Wordpress ซอฟต์แวร์ / ฟรีบริการในกลุ่มโอเพนซอร์ส (Open Source Software) ที่ทำหน้าที่บริการจัดการเนื้อหาสำหรับเว็บ (CMS – Content Management System) รูปแบบการนำเสนอเนื้อหาเว็บเป็นแบบ Blog weB + Log การนำเสนอเนื้อหาที่เรียงตามวัน / ที่เวลาที่เผยแพร่ผลงาน เนื้อหาล่าสุด แสดงเป็นลำดับแรก จัดกลุ่มเนื้อหาตามวันที่ / เวลา , หมวดหมู่ (Category) และป้ายกำกับ (Tag) สามารถประยุกต์ใช้งานได้หลากหลาย เว็บส่วนตัว / หน่วยงาน / กิจกรรม เว็บแลกเปลี่ยนเรียนรู้ผ่านชุมชนนักปฏิบัติ ( CoP) เพื่อการจัดการความรู้ เว็บไซต์บริการวิชาการ ความรู้ – Online Learning เว็บเพื่อการค้าขาย / พาณิชย์อิเล็กทรอนิกส์ (e-Commerce)

เหตุผลที่เลือกใช้ Wordpress ฟรี ได้ Source Code และปรับแต่งแก้ไขได้ มีผู้ใช้งานและนักพัฒนาจำนวนมาก เกิด Community ผู้ใช้และผู้พัฒนา ประยุกต์ใช้งานได้หลากหลาย มีโปรแกรมเสริมความสามารถหลากหลาย และฟรี เป็นมิตรที่ดีกับ Google (Search Engine Friendly & SEO – Search Engine Optimizer) สอดรับกับเทคโนโลยีเว็บ 2.0 (Web 2.0)

http://trends.google.com

http://cmsmatrix.org

Web 2.0 ทุกคน ( ตามเงื่อนไข / ข้อกำหนด ) มีสิทธิ์จัดการเนื้อหาในเว็บ ไม่ใช่ผู้ชมเว็บแต่เพียงอย่างเดียว ควรให้ความสำคัญกับ พรบ . การกระทำความผิดทางคอมพิวเตอร์ , พรบ . ลิขสิทธิ์ และ พรบ . อื่นๆ ที่เกี่ยวข้องด้วย เนื้อหาเป็นมากกว่าข้อความ – รูปภาพ ภาพเคลื่อนไหว Flash Animation Online Slide i-Paper Sound/Audio Video … ทำงานกันเป็นชุมชน (Communities) ผสานเทคโนโลยีร่วมกัน (Mash-up) ไม่ถูกจำกัดด้วยอุปกรณ์ ติดตาม ศึกษา วิเคราะห์พฤติกรรมผู้ชมเว็บได้มากขึ้น

ความสำคัญของ Web 2.0 การมีส่วนร่วม (Participation) คือ หัวใจ สำคัญ

การให้บริการของ Wordpress http://www.wordpress.com บริการฟรีออนไลน์ http://www.wordpress.org บริการดาวน์โหลดซอฟต์แวร์ต้นฉบับ Wordpress เพื่อการติดตั้งบนเครื่องแม่ข่ายเว็บของตนเอง / หน่วยงาน http :// mu . wordpress . org / บริการดาวน์โหลดซอฟต์แวร์ต้นฉบับ Wordpress Mu เพื่อการติดตั้งบนเครื่องแม่ข่ายเว็บของตนเอง / หน่วยงาน มีลักษณะการทำงานแบบกลุ่ม Blog

http://www.wordpress.com

http://www.wordpress.org

http :// mu . wordpress . org /

ใช้จริง ทำอย่างไร องค์กร เตรียม Server ติดตั้ง Linux ฐานข้อมูล MySQL โปรแกรมภาษา PHP สิทธิ์ในการเข้าถึง Server ส่วนตัว หน่วยงานเตรียมพื้นที่ให้ สิทธิ์ในการเข้าถึง Server เช่าพื้นที่ ISP

Server2Go ซอฟต์แวร์จำลองเครื่องแม่ข่ายเว็บ (Web Server) แบบพกพา Apache PHP MySQL PHPMyAdmin Perl ไม่ต้องเสียเวลาติดตั้ง ดาวน์โหลด แล้ว unzip ก็ใช้งานได้ทันที คัดลอก (Copy) ระบบที่พัฒนาใส่ Thumb Drive & CD-ROM ไปใช้งานที่ใดก็ได้

http://www.server2go-web.de

การเรียกใช้งาน Server2Go ดับเบิลคลิกไอคอน Serve2Go.exe รอสักครู่ โปรแกรมจะเปิด IE Web Browser

สร้างตารางข้อมูล MySQL # 1 พิมพ์ http://127.0.0.1:4001/phpmyadmin

สร้างตารางข้อมูล MySQL # 2 คลิกในรายการ “สร้างฐานข้อมูลใหม่” ป้อนชื่อ เช่น wordpress เลือกตัวเลือกถัดไปเป็น utf8_unicode_ci จากนั้นคลิกปุ่ม “สร้าง” 1 2 3 4

ติดตั้ง Wordpress # 1 พิมพ์ URL http://127.0.0.1:4001/

ติดตั้ง Wordpress # 2 คลิกปุ่ม Create a Configuration File 1

ติดตั้ง Wordpress # 3 เข้าสู่จอภาพเริ่มต้นการติดตั้ง คลิกปุ่ม Let’s go! 1

ติดตั้ง Wordpress # 4 ป้อนข้อมูลการติดตั้งดังนี้ Database Name : wordpress User Name : root Password : ไม่ต้องระบุ Database Host : localhost Table Prefix : wp_ คลิกปุ่ม submit

ติดตั้ง Wordpress # 5 หากโปรแกรมตรวจสอบแล้วข้อมูลตามขั้นตอนที่ 4 ถูกต้อง จะปรากฎข้อมูลดังภาพ ให้คลิกปุ่ม Run the install

ติดตั้ง Wordpress # 6 ป้อนข้อมูลเกี่ยวกับเว็บไซต์ Site Title: ชื่อเว็บไซต์ User name: บัญชีชื่อผู้ควบคุมเว็บ เช่น admin Password: รหัสผ่านของ ผู้ควบคุมเว็บ Your e-Mail: e-Mail Address ของผู้ควบคุมเว็บ จากนั้นคลิกปุ่ม Install WordPress

ข้อแนะนำการสร้างรหัสผ่าน กำหนดเกณฑ์การสร้างรหัสผ่านให้ตนเอง ให้ความสำคัญกับการสร้างรหัสผ่าน หมั่นเปลี่ยนรหัสผ่าน เช่น กำหนดอักขระพิเศษให้สระ หรือปิดท้ายด้วย # A $ E + I ^ O @ U ! kampaengsaen k$mp$+ngs$+n KamPaengSaen#

ติดตั้ง Wordpress # 7 การติดตั้งสมบูรณ์

การเรียกชมเว็บไซต์ เปิดใช้งาน Server2Go

ชื่อเว็บไซต์ สโลแกนเว็บ เมนูจาก Pages เนื้อเรื่อง (Post) กลุ่มวิตเจ็ต

การเข้าสู่ระบบเว็บไซต์ – Log in เข้าสู่เว็บไซต์ เลื่อนหาคำสั่ง Log in จากกลุ่มรายการ Meta ป้อนบัญชี Admin เพื่อเข้าสู่ระบบ

จอภาพ ในส่วน ควบคุม ระบบ

ปรับแต่งระบบเว็บไซต์ - Config คลิกคำสั่ง Settings จากรายการเมนูด้านซ้าย 1

ปรับแต่งระบบเว็บไซต์ - Config Site Title ชื่อเว็บไซต์ควรเป็นภาษาอังกฤษ ตามด้วยภาษาไทยได้ มีความหมายชัดเจน ผู้ใช้นึกถึงได้ง่าย ( คำค้น ) มีความยาวรวมไม่เกิน 64 ตัวอักษร Tagline สโลแกนของเว็บ Membership อนุญาตให้ผู้ชมเว็บสมัครสมาชิกได้หรือไม่ Time Zone ให้เลือกเป็น UTC+7 คลิกปุ่ม Save Change

หน้าควบคุมหลัก – Dashboard เมื่อปรับแต่ง / ทำงานใด สามารถกลับสู่หน้าควบคุมหลัก ได้โดยคลิกคำสั่ง Dashboard 1

ปรับแก้ไขข้อมูลสมาชิก คลิกที่ชื่อสมาชิก (user name) ที่มุมบนขวาของจอภาพ 1

ปรับแก้ไขข้อมูลสมาชิก

ชมเว็บไซต์ที่ปรับแต่ง เมื่อปรับแต่ง / ทำงานใด สามารถชมหน้าเว็บได้โดยคลิกที่ชื่อเว็บไซต์ 1

จากหน้าเว็บสู่หน้าควบคุม จากหน้าเว็บกลับสู่หน้าควบคุมได้โดย Log in ใหม่ หรือคลิกคำสั่ง Site Admin

เปลี่ยนกราฟิกหัวเรื่องเว็บ # 1

เปลี่ยนกราฟิกหัวเรื่องเว็บ # 2 เข้าสู่ส่วนทำงาน Dashboard คลิกคำสั่ง Appearance, Header

เปลี่ยนกราฟิกหัวเรื่องเว็บ # 3 เลือกรูปแบบกราฟิกที่ต้องการ แล้ว Save Change

เปลี่ยนกราฟิกหัวเรื่องเว็บ # 4 สามารถนำภาพที่สร้าง / จัดเตรียมเป็นภาพหัวเรื่องเว็บได้โดยคลิกปุ่ม Browse แล้วเลือกภาพ จากนั้นคลิกปุ่ม Upload โปรแกรมจะให้ตัดส่วนของภาพตามขนาดที่โปรแกรมกำหนด แล้วคลิกปุ่ม Crop and Publish

ใส่รายละเอียดเว็บ – About # 1 Wordpress เตรียมเมนูควบคุมหลักให้ 2 เมนู ได้แก่ Home สำหรับการกลับสู่หน้าหลัก About สำหรับนำเสนอรายละเอียดของเว็บ ในแต่ละเว็บควรมีการแสดงรายละเอียดต่างๆ ของเว็บ ที่เหมาะสมโดยปรับแก้ไขได้ดังนี้ ทำงานในโหมด Dashboard เลือกเมนู Pages Page เป็นเนื้อหา ประเภทหนึ่ง ของ Wordpress มักจะเรียกว่า Static Content

ใส่รายละเอียดเว็บ – About # 2 คลิกที่ชื่อหน้า About เพื่อเข้าสู่การแก้ไข เมื่อแก้ไขแล้วให้คลิกปุ่ม Update เพื่อปรับปรุงข้อมูล

เครื่องมือแก้ไขเนื้อหา

คัดลอกเนื้อหาจากแหล่งอื่นๆ ไม่ควรคัดลอก (Copy) เนื้อหาจาก Word หรือแหล่งอื่นๆ มาวางใน Editor ของ Wordpress เพราะจะส่งผลให้เกิดปัญหาการแสดงผลที่ผิดพลาด ปรับแก้ไขยาก เพราะมี special code จากโปรแกรมต้นทางส่งมายัง Editor ของ Wordpress หากจำเป็นต้องคัดลอกข้อมูล ให้นำข้อมูลดังกล่าวไปวาง (Paste) บน NotePad ก่อนแล้วจึงคัดลอกจาก NotePad มาวางใน Editor ของ Wordpress

นำเข้ารูปภาพ # 1 รูปภาพที่นำมาประกอบเนื้อหาของ Wordpress จะต้องเตรียมดังนี้ กำหนดชื่อแฟ้มภาพ (File name) ให้เป็นภาษาอังกฤษ และ / หรือผสมตัวเลข ห้ามใช้ภาษาไทย ฟอร์แมตภาพ .gif สำหรับภาพวาด ภาพลายเส้น ภาพที่มีสีไม่มาก .jpg/.png สำหรับภาพสีมาก .png สำหรับภาพสีมากที่ต้องการพื้นโปร่งใส (Transparent) ควรย่อภาพให้มีขนาดที่เหมาะสม และ / หรือลดความละเอียดของภาพ (Resolution) ระหว่าง 72 – 96 dpi รูปภาพ / แบบอักษร / ข้อความไม่ควรละเมิดลิขสิทธิ์ http://openclipart.org ค้นหาภาพจาก Google, Flickr ด้วยเงื่อนไข CreativeCommons ระบุ Metadata ของภาพให้เหมาะสมในระดับดิจิทัล

Progressive & Interlaced รูปภาพที่แสดงในโหมดปกติ การแสดงผลภาพแบบ Interlaced การแสดงผลภาพ แบบ Progressive

ปัญหาลิขสิทธิ์ของเมืองไทย

การสืบค้นภาพที่เป็น (cc) (cc)

วัน / เวลากล้องถ่ายภาพดิจิทัล / อุปกรณ์ดิจิทัล พรบ . การกระทำความผิดทางคอมพิวเตอร์

นำเข้ารูปภาพ # 2 จากหน้าจอสร้าง / แก้ไขเนื้อหา คลิกเมาส์ ณ ตำแหน่งที่ต้องการวางภาพ คลิกปุ่ม ใส่รูปภาพ คลิกเลือกภาพจากปุ่ม Select Files

นำเข้ารูปภาพ # 3 ป้อนชื่อภาพในรายการ Title ใช้ภาษาไทยได้ ป้อนคำบรรยายภาพใน รายการ Caption/Descriptions หากต้องการให้คลิกที่ภาพ เพื่อคลิกไปยังภาพขนาดต้นฉบับ ให้คลิกปุ่ม File URL แต่ถ้า ไม่ต้องการให้คลิกภาพ คลิกปุ่ม None กำหนดตำแหน่งการวางภาพ จากรายการ Alignment กำหนดขนาดภาพจาก Size คลิก Insert into Post

การสร้างหน้าใหม่ (New Page) การสร้างหน้าใหม่ ทำได้ 2 วิธี คลิกคำสั่ง Pages, Add New คลิกรายการ New Page

การสร้างหน้าใหม่ (New Page) 1) ป้อนชื่อเรื่อง 2) พิมพ์เนื้อหา 4) เลือกรูปแบบ และลำดับ การนำเสนอ 5) Publish 3) เลือกเงื่อนไข Comment

ปรับแต่งค่าควบคุมของ Page อนุญาต / ไม่อนุญาตการแสดงความคิดเห็น การแสดงผล Page ปรับเปลี่ยนลำดับด้วยค่า Order

การเผยแพร่เนื้อหาแบบ Blog การเผยแพร่เนื้อหาแบบ Blog จะมีลักษณะที่ควบคุมด้วยวันที่ / เวลาที่เผยแพร่ (Published Date) โดยเรียกเนื้อหาลักษณะนี้ว่า Post สามารถระบุหมวดหมู่ (Category) และป้ายกำกับ (Tag) ได้ การทำงานกับ Post ทำได้โดยเลือกคำสั่ง Posts 1

การลบ Post เลือกคำสั่ง Posts จาก Dashboard นำเมาส์ชี้ที่รายการ Post ที่ต้องการลบ คลิกคำสั่ง Trash 1 2

การสร้าง Post ใหม่ คลิก Posts, Add New หรือคลิกรายการ New Post

1) ป้อนชื่อเรื่อง 2) พิมพ์เนื้อหา 3) พิมพ์เนื้อหาสรุป 4) สร้าง / เลือกหมวดหมู่ 5) พิมพ์ป้ายกำกับ 6) ระบุ URL เพื่ออ้างอิง 7) กำหนดเงื่อนไข การเผยแพร่และ Publish

การแสดงผล Post Post ที่เผยแพร่แล้วจะแสดงผลผ่านหน้าแรกของเว็บ Post ที่สร้างล่าสุด จะแสดงบนสุด แต่ละ Post จะถูกจัดกลุ่มด้วย วันที่ / เวลาเผยแพร่ (Archives) หมวดหมู่ (Categories) ป้ายกำกับ (Tagged)

เขียนอะไร / อย่างไร เรื่องราวใกล้ตัว ที่ชอบและถนัด เขียนแบบเบาๆ เล่าเรื่อง นำเสนอภาพ พร้อมเรื่องประกอบ เรียนรู้ร่วมกัน เขียนตามเป้าหมายที่วางไว้

Slideshare ผ่าน Wordpress Slideshare.net เป็นแหล่งรวมสไลด์ / เอกสารแหล่งใหญ่บนโลกอินเทอร์เน็ต นำ PPT, PDF, DOC ไปจัดเก็บและแปลงเป็น Online Slide, i-Paper อัตโนมัติในรูปแบบ Flash-based ค้นสื่อจาก slideshare.net แล้วคลิกเลือกสื่อที่ต้องการ คลิกรายการ Embed คัดลอกคำสั่งจากรายการ Embed this presentation มาวางใน Post ผ่านโหมดการทำงาน HTML

Code ของ Slideshare 1 2

Slideshare ผ่าน Wordpress 1 2

Slideshare ผ่าน Wordpress

Youtube ผ่าน Slideshare 1 2 3 4

เพิ่มความสามารถด้วย โปรแกรมเสริม : Plug-ins http :// wordpress . org / extend /

ค้นหา / ดาวน์โหลด Plug-ins

ติดตั้ง Plug-ins # 1 เลือก Dashboard, Plugins, Add New, Upload Browse เลือกไฟล์ (.zip) แล้ว Install Now 1 2 3 4 5 6

ติดตั้ง Plug-ins # 2 การติดตั้งเสร็จสมบูรณ์ คลิกรายการ Activate Plugin เพื่อให้ Plug-in ที่ติดตั้งทำงาน 1

การยกเลิก Plug-ins เลือก Dashboard, Plugins คลิก Deactivate รายการ Plug-in ที่ไม่ต้องการ

การจัดการตาราง (Table) # 1 ติดตั้ง Plug-in ชื่อ WP - Table สร้างแม่แบบตารางจากคำสั่ง Dashboard, Posts, Tables

การจัดการตาราง (Table) # 2 เมื่อสร้างแม่แบบตารางแล้ว สามารถเข้าไปแก้ไขรูปแบบการแสดงผลโดยคลิก Edit ป้อนข้อมูล ปรับแต่งรูปแบบการแสดงผล แล้ว Updated ป้อนคำสั่ง [ table = ลำดับที่ของตาราง ] ใน Post เพื่อใช้งาน

การจัดการตาราง (Table) # 2

ใช้ Wordpress ให้เต็มประสิทธิภาพต้องเตรียมพร้อมอย่างไร Server & Security การติดตั้ง ปรับแต่งโปรแกรม เนื้อหา System Administrator การบริหารจัดการ Server ระบบรักษาความปลอดภัย การจัดการฐานข้อมูล การจัดการ Log file การจัดการสิทธิ์ของการเข้าถึงระบบ - Web Master การติดตั้งและปรับแต่ง การจัดการสมาชิก การจัดการหมวดเนื้อหา การติดตั้ง Plug-ins และเปิดใช้งาน การแก้ไขแม่แบบเว็บไซต์ด้วยเทคนิคแทนที่ - Web Master การแก้ไข CSS, HTML, PHP ระดับที่ 1 - Web Master & Web Programmer การแก้ไข CSS, HTML, PHP ระดับสูง - Web Programmer การพัฒนาต่อยอดด้วย web programming ต่างๆ ทุกคน ภายใต้ข้อกำหนดร่วมกัน ( มาตรฐานสื่อดิจิทัลต่างๆ )

แหล่งข้อมูล http://stks.or.th/wiki http://slideshare.net/boonlert

20100806 wordpress-server2 go

More Related Content

What's hot (15)

Viewers also liked (6)

Similar to 20100806 wordpress-server2 go (20)

20100806 wordpress-server2 go