SlideShare a Scribd company logo
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

                                        การใช้งาน GoogleDocs

1. การ Login เข้าระบบ GoogleDocs
 เปิดเว็บไซต์ www.google.com คลิกลิงค์ “เอกสาร”




 เข้าสู่ระบบด้วย account google



                                                                                          




 จะปรากฏหน้าต่างเอกสารดังภาพ (กรณีเริ่มต้น จะไม่มีเอกสารใดๆ ในหน้าเว็บไซต์)




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                           หน้า 1
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

2. การสร้างเอกสารใหม่ (เอกสารชนิดตารางคานวณ หรือ excel)
        ในส่วนนี้เป็นการสร้างเอกสารใหม่ (เอกสารชนิดตารางคานวณ) สาหรับเก็บข้อมูลคะแนนนักเรียน และจะ
นาตารางนี้ไปแสดงผลในหน้าเว็บบล็อกของตนเอง เพื่อให้นักเรียนสามารถเข้ามาดูคะแนนจากการทางานหรือการ
เรียนของตนเองได้
 คลิกเมนู CREATE เลือก Spreadsheet เพื่อสร้างเอกสารชนิดตาราง (เหมือนกับ Microsoft Excel)




                                                                              




 จะปรากฏหน้าต่างตารางคานวณดังรูป




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                           หน้า 2
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

 ตั้งชื่อไฟล์เอกสาร
 กรอกข้อมูลลงในตารางตามต้องการ (สาหรับในที่นี้เป็นตารางแสดงคะแนนนักเรียนห้อง ม.4/1)
 เป็นปุ่มสาหรับเพิ่มหน้าเอกสารใหม่ (add sheet)
 ชื่อของ sheet สามารถเปลี่ยนได้โดยคลิกแล้วเลือก rename…
หมายเหตุ : ผู้ใช้ไม่จาเป็นต้องบันทึกงาน เพราะโปรแกรมจะทาการบันทึกให้อัตโนมัติครับ
                                                           




                                                  




                                         

3. การ Publish เอกสารเพื่อนาไปใช้ในเว็บไซต์
 เลือกเมนู File -> Publish to the Web…




                                                                              




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                           หน้า 3
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

 จะปรากฏหน้าต่างดังรูป
 เลือก sheets ที่ต้องการ Publish (โดยทั่วไปเลือก All sheets เพื่อแสดง sheet ทั้งหมด)
 คลิกปุ่ม Start publish



                                   






 จะได้คลิกดังรูป (เป็นลิงค์ของเว็บเพจ)
 ถ้าต้องการโค๊ดแบบฝังในเว็บไซต์ ให้เลือกเป็นชนิด HTML to embed in a page



                                       
                                                                                                   




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                            หน้า 4
การใช้งาน GoogleDocs                  เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

4. การนาโค๊ดที่ได้จากการ Publish มาแสดงผลใน Wordpress
         ในขั้นตอนนี้จะนาโค๊ดแบบฝังที่ได้จากการ Publish ในขั้นตอนข้างต้นมาแสดงผลในเว็บบล็อก
Wordpress ครับ โดยมีวิธีการดังนี้
 Login เข้าสู่เว็บบล็อก Wordpress ของตนเอง และเลือกเมนู หน้า -> เขียนหน้าใหม่
 ตั้งชื่อหน้า
 คัดลอกโค๊ดแบบฝังจากขั้นตอนก่อนหน้ามาวางไว้ในแท็บ HTML
 กดปุ่มเผยแพร่
                                                   

 


                                                                                


 จะได้ผลลัพธ์ที่หน้าเว็บไซต์ดังนี้




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                            หน้า 5
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

5. การสร้างฟอร์มด้วย GoogleDocs
 เมนู CREATE เลือก Form




                         




 จะปรากฏหน้าต่างดังรูป ซึ่งเป็นหน้าต่างสาหรับสร้างฟอร์ม




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                           หน้า 6
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

 รูปแบบของฟอร์มสามารถเพิ่มได้โดยคลิกปุ่ม Add item โดย




        1. Text หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทข้อความบรรทัดเดียว เช่น ชื่อ, นามสกุล,
           ชื่อโรงเรียน เป็นต้น




        2. Paragraph text หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทข้อความหลายบรรทัด




        3. Multiple choice หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทตัวเลือกหลายตัวเลือก (เลือก
           ได้ข้อเดียว)




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                           หน้า 7
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

        4. Checkboxes หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทตัวเลือก (เลือกได้มากกว่าหนึ่ง)




        5. Choose from a list หมายถึง รูปแบบฟอร์มสาหรับเลือกข้อมูลจากลิสต์รายการ



        6. Scale หมายถึง รูปแบบฟอร์มสาหรับเลือกข้อมูลแบบมาตราส่วนประมาณค่า




        7. Grid หมายถึง รูปแบบฟอร์มสาหรับเลือกมูลแบบตาราง




 ใส่ชื่อหัวข้อแบบฟอร์ม และคาชี้แจงในการกรอกแบบฟอร์ม และจัดแบบฟอร์มตามต้องการ




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                           หน้า 8
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

 เลือก Theme ของแบบฟอร์ม โดยคลิกที่ปุ่ม Theme: Plain และเลือก Theme ตามต้องการ




 ระบบจะแสดงตัวอย่างฟอร์ม (สาหรับภาษาไทยอาจจะแสดงผลผิดพลาด แต่ในการแสดงผลจริงจะแสดงผลได้
ครับ ผู้ใช้สามารถเลือก Theme ที่ต้องการและคลิกปุ่ม Apple เพื่อเลือกใช้ Theme ที่ต้องการได้เลย แต่หาก
ต้องการเลือก Theme ใหม่ ให้คลิกปุ่ม Cancel




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                           หน้า 9
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

 เมื่อคลิกปุ่ม Apply แล้วจะกลับเข้าสู่หน้าเดิม
 นาลิงค์ด้านล่างไปใช้ในการเผยแพร่ได้ครับ




 เมื่อแสดงผลจะปรากฏดังรูป




 หากต้องการโค๊ดแบบฝังเพื่อนาไปใส่ในบล็อกสามารถทาได้โดยการคลิกปุ่ม More actions เลือก Embed




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                          หน้า 10
การใช้งาน GoogleDocs                 เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”

 จะปรากฏหน้าต่างดังรูป สามารถคัดลอกโค๊ดไปวางไว้ในแท็บ HTML ของ Wordpress ได้ครับ




                                                    จบแล้วครับ
                                      หลักสูตรเร่งรัดในการใช้ GoogleDocs

                  ของให้มีความสุขกับการใช้ Social Media ในการจัดการเรียนการสอนนะครับ
                                            ณัฐพล บัวอุไร (โจ๊ก)




สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร )                          หน้า 11

More Related Content

What's hot

รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์Onpriya May
 
รายงานโครงงานคอม22
รายงานโครงงานคอม22รายงานโครงงานคอม22
รายงานโครงงานคอม22piyaphon502
 
รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์Saengnapa Saejueng
 
รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์Chanpen Sangsai
 
การเขียนรายงานโครงงานคอมพิวเตอร์ (1)
การเขียนรายงานโครงงานคอมพิวเตอร์ (1)การเขียนรายงานโครงงานคอมพิวเตอร์ (1)
การเขียนรายงานโครงงานคอมพิวเตอร์ (1)ณัฐพล บัวพันธ์
 
คู่มือการบริหารจัดการ Blog ของหน่วยงานภายในโรงเรียน
คู่มือการบริหารจัดการ Blog ของหน่วยงานภายในโรงเรียนคู่มือการบริหารจัดการ Blog ของหน่วยงานภายในโรงเรียน
คู่มือการบริหารจัดการ Blog ของหน่วยงานภายในโรงเรียน
Koksi Vocation
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2Nu_waew
 
คู่มือการสร้าง Blog ด้วย wordpress
คู่มือการสร้าง Blog ด้วย wordpressคู่มือการสร้าง Blog ด้วย wordpress
คู่มือการสร้าง Blog ด้วย wordpressประชิด ใจบุญ
 
ใบงานที่ 4
ใบงานที่ 4ใบงานที่ 4
ใบงานที่ 4
Alee Instance
 
เเบบเสนอโครงร่างเรื่องจอ Lcd ม.5.3
เเบบเสนอโครงร่างเรื่องจอ Lcd  ม.5.3เเบบเสนอโครงร่างเรื่องจอ Lcd  ม.5.3
เเบบเสนอโครงร่างเรื่องจอ Lcd ม.5.3commyzaza
 

What's hot (16)

บรรณานุกรม
บรรณานุกรมบรรณานุกรม
บรรณานุกรม
 
รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์
 
รายงานโครงงานคอม22
รายงานโครงงานคอม22รายงานโครงงานคอม22
รายงานโครงงานคอม22
 
รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์
 
การเขียนรายงานโครงงานคอมพิวเตอร์ (1)
การเขียนรายงานโครงงานคอมพิวเตอร์ (1)การเขียนรายงานโครงงานคอมพิวเตอร์ (1)
การเขียนรายงานโครงงานคอมพิวเตอร์ (1)
 
ภาคผนวก ก
ภาคผนวก  กภาคผนวก  ก
ภาคผนวก ก
 
บทที่ 1
บทที่ 1บทที่ 1
บทที่ 1
 
คู่มือการบริหารจัดการ Blog ของหน่วยงานภายในโรงเรียน
คู่มือการบริหารจัดการ Blog ของหน่วยงานภายในโรงเรียนคู่มือการบริหารจัดการ Blog ของหน่วยงานภายในโรงเรียน
คู่มือการบริหารจัดการ Blog ของหน่วยงานภายในโรงเรียน
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
คู่มือการสร้าง Blog ด้วย wordpress
คู่มือการสร้าง Blog ด้วย wordpressคู่มือการสร้าง Blog ด้วย wordpress
คู่มือการสร้าง Blog ด้วย wordpress
 
ใบงานที่ 4
ใบงานที่ 4ใบงานที่ 4
ใบงานที่ 4
 
หน้าปก
หน้าปกหน้าปก
หน้าปก
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
เเบบเสนอโครงร่างเรื่องจอ Lcd ม.5.3
เเบบเสนอโครงร่างเรื่องจอ Lcd  ม.5.3เเบบเสนอโครงร่างเรื่องจอ Lcd  ม.5.3
เเบบเสนอโครงร่างเรื่องจอ Lcd ม.5.3
 

Viewers also liked

Открытые Системы
Открытые СистемыОткрытые Системы
Открытые Системыericsoft
 
www.os-consult.ru
www.os-consult.ruwww.os-consult.ru
www.os-consult.ruericsoft
 
เกร็ดการออม
เกร็ดการออมเกร็ดการออม
เกร็ดการออม
Suthida Kawjakrua
 
Få målbare resultater på Facebook
Få målbare resultater på FacebookFå målbare resultater på Facebook
Få målbare resultater på Facebook
Peytz & Co
 
Annoncer på Google AdWords, Facebook og YouTube
Annoncer på Google AdWords, Facebook og YouTubeAnnoncer på Google AdWords, Facebook og YouTube
Annoncer på Google AdWords, Facebook og YouTube
Peytz & Co
 
เงินทองต้องวางแผน
เงินทองต้องวางแผนเงินทองต้องวางแผน
เงินทองต้องวางแผนSuthida Kawjakrua
 
SEO drevet Content Strategy
SEO drevet Content Strategy SEO drevet Content Strategy
SEO drevet Content Strategy
Peytz & Co
 

Viewers also liked (8)

Открытые Системы
Открытые СистемыОткрытые Системы
Открытые Системы
 
Type of room
Type of roomType of room
Type of room
 
www.os-consult.ru
www.os-consult.ruwww.os-consult.ru
www.os-consult.ru
 
เกร็ดการออม
เกร็ดการออมเกร็ดการออม
เกร็ดการออม
 
Få målbare resultater på Facebook
Få målbare resultater på FacebookFå målbare resultater på Facebook
Få målbare resultater på Facebook
 
Annoncer på Google AdWords, Facebook og YouTube
Annoncer på Google AdWords, Facebook og YouTubeAnnoncer på Google AdWords, Facebook og YouTube
Annoncer på Google AdWords, Facebook og YouTube
 
เงินทองต้องวางแผน
เงินทองต้องวางแผนเงินทองต้องวางแผน
เงินทองต้องวางแผน
 
SEO drevet Content Strategy
SEO drevet Content Strategy SEO drevet Content Strategy
SEO drevet Content Strategy
 

Similar to Googledocs 120620084315-phpapp01

การใช้งาน Google docs
การใช้งาน Google docsการใช้งาน Google docs
การใช้งาน Google docs
Aon Narinchoti
 
แบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานแบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานSirisuda Sirisinha
 
GoogleDocs
GoogleDocsGoogleDocs
GoogleDocs
Ratchanee Sangkaew
 
บลงงงสเ (1).pdf
บลงงงสเ  (1).pdfบลงงงสเ  (1).pdf
บลงงงสเ (1).pdfPloyko Stawbery
 
เเบบเสนอโครงร่างเรื่องจอ Lcd ม.5.3
เเบบเสนอโครงร่างเรื่องจอ Lcd  ม.5.3เเบบเสนอโครงร่างเรื่องจอ Lcd  ม.5.3
เเบบเสนอโครงร่างเรื่องจอ Lcd ม.5.3commyzaza
 
ใบงานที่ 4
ใบงานที่ 4ใบงานที่ 4
ใบงานที่ 4aom08
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1pastabenz
 
ใบงานที่4
ใบงานที่4ใบงานที่4
ใบงานที่4mina612
 
4เพื่อการศึกษา
4เพื่อการศึกษา4เพื่อการศึกษา
4เพื่อการศึกษา
Mookda Phiansoongnern
 
Final traininggoogleapps presentation2
Final traininggoogleapps presentation2Final traininggoogleapps presentation2
Final traininggoogleapps presentation2
Kruthai Kidsdee
 
Final traininggoogleapps presentation2
Final traininggoogleapps presentation2Final traininggoogleapps presentation2
Final traininggoogleapps presentation2
ฺBadBoy 20151963
 
4
44
ใบงาน 4
ใบงาน 4ใบงาน 4
ใบงาน 4
Alee Instance
 
ใบงานที่ 4 สื่อการศึกษา
ใบงานที่ 4 สื่อการศึกษาใบงานที่ 4 สื่อการศึกษา
ใบงานที่ 4 สื่อการศึกษาPuifai Sineenart Phromnin
 

Similar to Googledocs 120620084315-phpapp01 (20)

การใช้งาน Google docs
การใช้งาน Google docsการใช้งาน Google docs
การใช้งาน Google docs
 
แบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงานแบบเสนอโครงร่างโครงงาน
แบบเสนอโครงร่างโครงงาน
 
GoogleDocs
GoogleDocsGoogleDocs
GoogleDocs
 
แบบร่างโครงงาน
แบบร่างโครงงานแบบร่างโครงงาน
แบบร่างโครงงาน
 
บลงงงสเ (1).pdf
บลงงงสเ  (1).pdfบลงงงสเ  (1).pdf
บลงงงสเ (1).pdf
 
เเบบเสนอโครงร่างเรื่องจอ Lcd ม.5.3
เเบบเสนอโครงร่างเรื่องจอ Lcd  ม.5.3เเบบเสนอโครงร่างเรื่องจอ Lcd  ม.5.3
เเบบเสนอโครงร่างเรื่องจอ Lcd ม.5.3
 
ใบงานที่ 4
ใบงานที่ 4ใบงานที่ 4
ใบงานที่ 4
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
ใบงานที่4
ใบงานที่4ใบงานที่4
ใบงานที่4
 
4เพื่อการศึกษา
4เพื่อการศึกษา4เพื่อการศึกษา
4เพื่อการศึกษา
 
Final traininggoogleapps presentation2
Final traininggoogleapps presentation2Final traininggoogleapps presentation2
Final traininggoogleapps presentation2
 
Final traininggoogleapps presentation2
Final traininggoogleapps presentation2Final traininggoogleapps presentation2
Final traininggoogleapps presentation2
 
Final traininggoogleapps presentation2
Final traininggoogleapps presentation2Final traininggoogleapps presentation2
Final traininggoogleapps presentation2
 
ใบงานที่ 4
ใบงานที่ 4ใบงานที่ 4
ใบงานที่ 4
 
Thaismedu
ThaismeduThaismedu
Thaismedu
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
4
44
4
 
ใบงาน 4
ใบงาน 4ใบงาน 4
ใบงาน 4
 
Gor4
Gor4Gor4
Gor4
 
ใบงานที่ 4 สื่อการศึกษา
ใบงานที่ 4 สื่อการศึกษาใบงานที่ 4 สื่อการศึกษา
ใบงานที่ 4 สื่อการศึกษา
 

Googledocs 120620084315-phpapp01

  • 1. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media” การใช้งาน GoogleDocs 1. การ Login เข้าระบบ GoogleDocs  เปิดเว็บไซต์ www.google.com คลิกลิงค์ “เอกสาร”  เข้าสู่ระบบด้วย account google   จะปรากฏหน้าต่างเอกสารดังภาพ (กรณีเริ่มต้น จะไม่มีเอกสารใดๆ ในหน้าเว็บไซต์) สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 1
  • 2. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media” 2. การสร้างเอกสารใหม่ (เอกสารชนิดตารางคานวณ หรือ excel) ในส่วนนี้เป็นการสร้างเอกสารใหม่ (เอกสารชนิดตารางคานวณ) สาหรับเก็บข้อมูลคะแนนนักเรียน และจะ นาตารางนี้ไปแสดงผลในหน้าเว็บบล็อกของตนเอง เพื่อให้นักเรียนสามารถเข้ามาดูคะแนนจากการทางานหรือการ เรียนของตนเองได้  คลิกเมนู CREATE เลือก Spreadsheet เพื่อสร้างเอกสารชนิดตาราง (เหมือนกับ Microsoft Excel)   จะปรากฏหน้าต่างตารางคานวณดังรูป สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 2
  • 3. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”  ตั้งชื่อไฟล์เอกสาร  กรอกข้อมูลลงในตารางตามต้องการ (สาหรับในที่นี้เป็นตารางแสดงคะแนนนักเรียนห้อง ม.4/1)  เป็นปุ่มสาหรับเพิ่มหน้าเอกสารใหม่ (add sheet)  ชื่อของ sheet สามารถเปลี่ยนได้โดยคลิกแล้วเลือก rename… หมายเหตุ : ผู้ใช้ไม่จาเป็นต้องบันทึกงาน เพราะโปรแกรมจะทาการบันทึกให้อัตโนมัติครับ     3. การ Publish เอกสารเพื่อนาไปใช้ในเว็บไซต์  เลือกเมนู File -> Publish to the Web…  สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 3
  • 4. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”  จะปรากฏหน้าต่างดังรูป  เลือก sheets ที่ต้องการ Publish (โดยทั่วไปเลือก All sheets เพื่อแสดง sheet ทั้งหมด)  คลิกปุ่ม Start publish    จะได้คลิกดังรูป (เป็นลิงค์ของเว็บเพจ)  ถ้าต้องการโค๊ดแบบฝังในเว็บไซต์ ให้เลือกเป็นชนิด HTML to embed in a page   สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 4
  • 5. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media” 4. การนาโค๊ดที่ได้จากการ Publish มาแสดงผลใน Wordpress ในขั้นตอนนี้จะนาโค๊ดแบบฝังที่ได้จากการ Publish ในขั้นตอนข้างต้นมาแสดงผลในเว็บบล็อก Wordpress ครับ โดยมีวิธีการดังนี้  Login เข้าสู่เว็บบล็อก Wordpress ของตนเอง และเลือกเมนู หน้า -> เขียนหน้าใหม่  ตั้งชื่อหน้า  คัดลอกโค๊ดแบบฝังจากขั้นตอนก่อนหน้ามาวางไว้ในแท็บ HTML  กดปุ่มเผยแพร่     จะได้ผลลัพธ์ที่หน้าเว็บไซต์ดังนี้ สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 5
  • 6. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media” 5. การสร้างฟอร์มด้วย GoogleDocs  เมนู CREATE เลือก Form   จะปรากฏหน้าต่างดังรูป ซึ่งเป็นหน้าต่างสาหรับสร้างฟอร์ม สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 6
  • 7. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”  รูปแบบของฟอร์มสามารถเพิ่มได้โดยคลิกปุ่ม Add item โดย 1. Text หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทข้อความบรรทัดเดียว เช่น ชื่อ, นามสกุล, ชื่อโรงเรียน เป็นต้น 2. Paragraph text หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทข้อความหลายบรรทัด 3. Multiple choice หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทตัวเลือกหลายตัวเลือก (เลือก ได้ข้อเดียว) สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 7
  • 8. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media” 4. Checkboxes หมายถึง รูปแบบฟอร์มสาหรับกรอกข้อมูลประเภทตัวเลือก (เลือกได้มากกว่าหนึ่ง) 5. Choose from a list หมายถึง รูปแบบฟอร์มสาหรับเลือกข้อมูลจากลิสต์รายการ 6. Scale หมายถึง รูปแบบฟอร์มสาหรับเลือกข้อมูลแบบมาตราส่วนประมาณค่า 7. Grid หมายถึง รูปแบบฟอร์มสาหรับเลือกมูลแบบตาราง  ใส่ชื่อหัวข้อแบบฟอร์ม และคาชี้แจงในการกรอกแบบฟอร์ม และจัดแบบฟอร์มตามต้องการ สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 8
  • 9. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”  เลือก Theme ของแบบฟอร์ม โดยคลิกที่ปุ่ม Theme: Plain และเลือก Theme ตามต้องการ  ระบบจะแสดงตัวอย่างฟอร์ม (สาหรับภาษาไทยอาจจะแสดงผลผิดพลาด แต่ในการแสดงผลจริงจะแสดงผลได้ ครับ ผู้ใช้สามารถเลือก Theme ที่ต้องการและคลิกปุ่ม Apple เพื่อเลือกใช้ Theme ที่ต้องการได้เลย แต่หาก ต้องการเลือก Theme ใหม่ ให้คลิกปุ่ม Cancel สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 9
  • 10. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”  เมื่อคลิกปุ่ม Apply แล้วจะกลับเข้าสู่หน้าเดิม  นาลิงค์ด้านล่างไปใช้ในการเผยแพร่ได้ครับ  เมื่อแสดงผลจะปรากฏดังรูป  หากต้องการโค๊ดแบบฝังเพื่อนาไปใส่ในบล็อกสามารถทาได้โดยการคลิกปุ่ม More actions เลือก Embed สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 10
  • 11. การใช้งาน GoogleDocs เอกสารประกอบการอบรม “โครงการก้าวใหม่ของครูไทย ก้าวไกลด้วย Social Media”  จะปรากฏหน้าต่างดังรูป สามารถคัดลอกโค๊ดไปวางไว้ในแท็บ HTML ของ Wordpress ได้ครับ จบแล้วครับ หลักสูตรเร่งรัดในการใช้ GoogleDocs ของให้มีความสุขกับการใช้ Social Media ในการจัดการเรียนการสอนนะครับ ณัฐพล บัวอุไร (โจ๊ก) สานักเทคโนโลยีเพื่อการเรียนการสอน กระทรวงศึกษาธิการ ( โดยครูณัฐพล บัวอุไร ) หน้า 11