เอกสารอบรม social media

59
คู ่มือการใช้งาน Social Media [wordpress, slideshare, youtube, gmail, facebook] โดยครูณัฐพล บัวอุไร โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ลาลูกกา สานักงานเขตพื ้นที่การศึกษามัธยมศึกษา เขต 4

Upload: nattapon

Post on 24-Jun-2015

1.000 views

Category:

Education


3 download

TRANSCRIPT

Page 1: เอกสารอบรม Social Media

คมอการใชงาน Social Media

[wordpress, slideshare, youtube, gmail, facebook]

โดยครณฐพล บวอไร

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา

ส านกงานเขตพนทการศกษามธยมศกษา เขต 4

Page 2: เอกสารอบรม Social Media

สารบญ หนา การสมครสมาชก Wordpress 1 การตงคา Wordpress 6 การเปลยน Theme ของ Wordpress 11 การเขยนบทความหรอเรองใหม 14 การขอรหสผานใหม กรณทลมรหสผาน 21 การสมครและใชงาน Slideshare 24 การใชงาน Slideshare เบองตน 27 การน าเอกสารจาก Slideshare มาใชรวมกบ Wordpress 29 การใชงาน Youtube 32 การสมครสมาชก Gmail 38 การสมครสมาชก Facebook 43

Page 3: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 1

การสมครสมาชก Wordpress 1. ขนแรก เขามาทเวบไซต http://th.wordpress.com ครบ

2. คลกทปม “สมครตอนนเลย” ดงรป

3. เขาสหนาเวบส าหรบกรอกขอมล โดยกรอกขอมลดงน

3.1 ทอยของบลอกใหพมพชอเวบทตองการ เชน ชอของเราเอง จากนนระบบจะตรวจสอบวามชอน

อยแลวหรอไม หากมจะเปนกากบาท หากไมมจะเปนเครองหมายถก สเขยวครบ

3.2 พมพชอผใช ใชชอเดยวกบชอเวบทเราพมพไปดานบนกไดครบ

3.3 พมพรหสผาน ตองเปนตวหนงสอหรอตวเลขเทานน เชน ชอเลนตามดวย พ.ศ. เกด ของเรา

3.4 พมพอเมลของเราครบ

3.5 คลกปม Sign Up

3.1

3.2

3.3

3.4

3.5

Page 4: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 2

4. ถาปรากฏหนานแสดงวาสมครเสรจเรยบรอยแลวครบ ใหเปดอเมลทใชสมครไดเลย เพอไปท าการยนยน

การสมคร โดยทไมจ าเปนตองกรอกขอมลหนาน เพราะสามารถกรอกทหลงไดครบ

Page 5: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 3

5. คลกเปดอเมลเพอท าการยนยนการสมคร Wordpress ครบ

6. คลกลงคเพอยนยนการสมครครบ

7. ยนยนการสมครแลวจะปรากฏหนานครบ ใหคลกท “Login” เพอเขาสระบบ

Page 6: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 4

8. หนานคอหนาส าหรบเขาสระบบครบ ใหกรอกชอผใชกบรหสผานทใชในการสมคร

9. สวนนคอระบบหลงเวบครบ เอาไวเขยนเนอหา บทความ ตกแตงเวบไซต สามารถดหนาเวบไซตของ

ตนเองได โดยคลกทลงคดงรปครบ

Page 7: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 5

10. หนาเวบของเราครบ

Page 8: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 6

การตงคา Wordpress 1. เขาเวบไซตไปท wordpress ของตนเอง แลวตามดวย /wp-admin เชน kunkrunattapon.wordpress.com/wp-admin จะเขาสหนาจอส าหรบเขาระบบ ดงรป

ใหปอน Username และ Password แลวคลกปม “เขาสระบบ” ครบ 2. จะเขาสระบบหลงเวบดงรป จากนนคลกปม “ตงคา”

คลก

Page 9: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 7

3. เขาสหนาจอตงคา - ชอง Site Title ส าหรบตงชอเวบไซตของเรา - ชอง Tagline ส าหรบใสค าอธบายเวบแบบสนๆ (ไมจ าเปนตองใสกได) - เขตเวลา ใหเลอก UTC+7 ครบ เพราะเปนเวลาประเทศไทย - ดานขวาสดสามารถใสรปภาพประจ าบลอกของเราไดครบ - ตงคาเสรจเรยบรอยใหคลกปม “บนทกการเปลยนแปลง” ครบ

Page 10: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 8

4. ถาตองการแกไขขอมลสวนตวใหไปทเมน ผใช –> My Profile จะปรากฏหนาจอดงรป จากนนเราสามารถก าหนดขอมลสวนตวไดตามความตองการครบ

Page 11: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 9

เมน ตงคา –> การเขยน

ก าหนดจ านวนบรรทด

ส าหรบเขยนบทความ

ก าหนดหมวดหมในบทความท

ไมไดก าหนดหมวดหมใหกบ

บทความนน

ก าหนดหมวดหมของลงคท

ไมไดก าหนดหมวดหมไว

Page 12: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 10

เมน ตงคา -> การอาน

แสดงเรองบทความจากใหมไปหา

เกาทหนาแรกของเวบ

แสดงหนาบทความหรอหนาอนๆ ท

หนาเวบแรก

แสดงเรองลาสดทหนาเวบจ านวน

10 เรอง

Page 13: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 11

การเปลยน Themes ของ Wordpress 1. เขาเวบไซตไปท wordpress ของตนเอง แลวตามดวย /wp-admin เชน kunkrunattapon.wordpress.com/wp-admin จะเขาสหนาจอส าหรบเขาระบบ ดงรป

ใหปอน Username และ Password แลวคลกปม “เขาสระบบ” ครบ 2. จะเขาสระบบหลงเวบดงรป จากนนคลกปม “รปแบบบลอก”

คลก

Page 14: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 12

3. เขาสหนาตางส าหรบเลอกรปแบบบลอก เราสามารถเลอกรปแบบบลอกตามทตองการไดครบ เมอเลอกไดแลวใหกดปม “ใชงาน” ครบ เพอเปลยนรปแบบบลอก การเปลยนรปแบบบลอกนสามารถเปลยนไดตลอดครบ แตระบบ wordpress จะมรปแบบบลอกใหจ ากด เราไมสามารถเพมรปแบบบลอกเขาไปไดเองครบ ถาในหนาดงกลาวไมมรปแบบบลอกทถกใจ เราสามารถคลกปม “เรยกใหม” เพอสมรปแบบบลอกแบบใหมขนมาไดครบ

เมอเลอกรปแบบไดแลว ลองเปดไปทหนาเวบดนะครบ วารปแบบบลอกไดเปลยนไปหรอไม

Page 15: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 13

Page 16: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 14

การเขยนบทความหรอเรองใหม 1. เขาเวบไซตไปท wordpress ของตนเอง แลวตามดวย /wp-admin เชน kunkrunattapon.wordpress.com/wp-admin จะเขาสหนาจอส าหรบเขาระบบ ดงรป

ใหปอน Username และ Password แลวคลกปม “เขาสระบบ” ครบ 2. จะเขาสระบบหลงเวบดงรป จากนนคลกปม “เรอง -> เขยนเรองใหม”

คลก

Page 17: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 15

3. เขาสหนาตางส าหรบเขยนบทความครบ ดงรป โดย ชองท 1 ส าหรบใสชอเรองหรอชอบทความ ชองท 2 ส าหรบเขยนเนอหา ชองท 3 ส าหรบก าหนด keyword หรอค าส าคญทเกยวของกบบทความทเขยน ชองท 4 ส าหรบก าหนดหมวดหม (ศกษาเพมเตมทขอตอไป) ชองท 5 คอปม “เผยแพร” คอน าบทความออกแสดงทางหนาเวบไซต

1

2

3

4

5

Page 18: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 16

4. การสรางหมวดหม

1. คลกท “สรางหมวดหมใหม”

2. ตงชอหมวดหมทตองการ

Page 19: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 17

3. คลกปม “สรางหมวดหมใหม” กจะไดหมวดหมใหมทตองการแลวครบ

5. การยอเนอหาทแสดงหนาเวบใหสนลงโดยใชแทก more

แทก more คอ แทกส าหรบแบงเนอหาทจะแสดงทหนาแรกครบ ในตวอยางขางตน ขอความทจะแสดงหนา

แรกคอขอความทเขยนวา “เนอเรองสวนแรก” สวนขอความทวา “เนอเรองสวนทสอง” จะแสดงเมอเราคลก

หวขอบทความนนเพอเขาไปอานบทความเตมครบ เนอหาทงหมดกจะปรากฏขนมา

Page 20: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 18

6. การแทรกรปภาพเขามาในเนอหา

เมอคลกจะปรากฏหนาตาง

ใหเราเลอกไฟลรปภาพทตองการอพโหลดขนเวบครบ ระบบจะท าการอพโหลดใหอตโนมต แตถาอพโหลด

ไมไดใหคลกปม Browser uploader ครบ แลวเลอกไฟลรปภาพแลวกดปมอพโหลด จะปรากฏหนาจอดงรป

เมนส าหรบ

แทรกรปภาพ

Page 21: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 19

จากนนคลกทปม “ใสเขาในเรอง” ไดเลยครบ รปจะไปปรากฏบนเนอเรองของเราดงรป

Page 22: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 20

Page 23: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 21

การขอรหสผานใหม กรณทลมรหสผานของ wordpress

1. เขาสระบบจดการเวบไซตของตนเองครบ เชน www.krunattapon.wordpress.com/wp-admin เรากจะได

หนาตางดงรปดานลางน เพอเขาสระบบ

2. คลกลงค “คณจ ารหสผานไมได” ครบ

3. เขาสหนาตางใหม ซงระบบจะใหเรากรอกชอผใชหรออเมลทเราใชสมครไปครบ

เขาสระบบจดการเวบไซต

แลวคลกลงคนครบ

กรอกชอผใชหรออเมลท

เราใชสมครสมาชกครบ

Page 24: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 22

4. จากนนไปเปดอเมลทเราเคยใชสมครสมาชกครบ ระบบ wordpress จะสงอเมลส าหรบใชในการเปลยน

รหสใหมมาใหครบ

5. คลกลงคเพอเขาสหนาตางส าหรบตงรหสผานใหมครบ

6. เมอเขาสหนาตางส าหรบตงรหสผานใหม เรากจะสามารถตงรหสผานใหมทตองการไดเลยครบ โดยพมพ

รหสใหมทตองการใหเหมอนกนทงสองชอง แลวกดปม Reset Password

คลกเปดอเมลท

wordpress สงมาให

คลกเพอเขาสหนาตาง

ส าหรบตงรหสผานใหม

Page 25: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 23

7. เมอปรากฏหนาตางน แสดงวาเราตงรหสผานใหมเสรจเรยบรอยแลวครบ สามารถคลกลงค Log in เพอ

เขาสหนาตาง Log in ไดเลย

Page 26: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 24

การสมครและใชงาน Slideshare

เปนหนงเวบในกลม Social Networking ทรองรบการท าคลงเอกสารสวนตว และคลงเอกสารสาธารณะไดเปนอยางด ทานทมเอกสาร word, presentation และตองการเผยแพรออกสอนเทอรเนตเพอบรการความรออนไลน สามารถใช Slideshare เปนสอกลางได เอกสารทเผยแพรนจะถกแปลงเปน Flash Presentation และน าไปใชงานตอไดงาย ไมตองมาเสยเวลากบการคลกดาวนโหลดและเปด หรอปญหาเกยวกบ Version ของโปรแกรมทใชเปดไมตรงกบโปรแกรมทใชสรางผลงาน นอกจากนยงมค าสงเพอชวยน าเสนอผานเวบตางๆ ไดงาย ผสานกบ Facebook, LinkedIn, WordPress ไดทนท

อยางไรกตามเอกสารทน าเขา Slideshare ควรเปนเอกสารทเหมาะสมทงทจะเผยแพรได หรอหากทานตองการก าหนดสทธการเขาถงกไปเลอกระบเงอนไข Privacy ก ากบเอกสารแตละชนไดอสระ รวมทงก าหนดสทธดาวนโหลดเอกสารตนฉบบไดเชนกน

ขนตอนการสมคร Slideshare

1. เปดเวบไซต www.slideshare.net จะปรากฏหนาจอดงรป

คลกปม Signup เพอท าการสมครสมาชก

Page 27: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 25

2. จะเขาสหนาจอส าหรบกรอกขอมลผสมคร ใหกรอกขอมลสวนตวดงรป

3. เขาสหนาจอรายละเอยด ใหกรอกขอมลสวนตวของผสมครครบ

Username คอ ชอส าหรบเขาระบบ ตองเปนภาษาองกฤษหรอตวเลขครบ

กรอก E-Mail ของผสมคร

กรอกรหสผานส าหรบเขาระบบ

เลอกอะไรกไดครบ

กรอกเสรจแลว คลกเลย!!

กรอกชอผใช

เลอกประเทศไทย

กรอกจงหวด

เวบไซตของผสมครครบ หากไมมใหใสเวบโรงเรยนไปกอนครบ www.tupl.ac.th

เลอกอะไรกไดครบ !!

กรอกรหสใหเหมอนกบค าทอยดานหนา

คลกท าเครองหมาย ครบ

กรอกเสรจแลว คลกเลย

Page 28: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 26

4. ถาขนหนาจอนแสดงวาสมครเสรจเรยบรอยแลวครบ ใหผสมครเขาไปท E-Mail ทใชในการสมคร เพอท าการยนยนการใชงาน Slideshare ครบ

5. เขามาท E-Mail เพอท าการยนยนการใชงาน Slideshare

E-Mail ทถกสงมาจาก Slideshare ครบ คลกเขาไปเลย

คลกทลงค เพอท าการยนยนครบ

Page 29: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 27

การใชงาน Slideshare เบองตน

การอพโหลดเอกสาร

1. เขาสเวบไซต www.slideshare.net และท าการ login หรอเขาสระบบโดยใช ชอและรหสผานทเคยสมครไปครบ

2. เขาสหนาจอส าหรบเขาระบบ ใหผใชกรอก Username หรอ Email และรหสผานทเคยสมครไปครบ จากนนคลกปม Login

คลกปม Login เพอเขาสระบบ

กรอก Username

หรอ Email

กรอรหสผาน

Page 30: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 28

3. เขาสหนาจอสวนตวของเรา ซงยงไมมเอกสารใดๆ อยเลย

การอพโหลดเอกสารใหม ใหคลกทปม UPLOAD ไดเลยครบ

4. เขาสหนาจอส าหรบอพโหลด ใหคลกปม Browser and select files ครบ จากนนเลอกไฟลทตองการอพโหลด แตถาหากใชอนเทอรเนตโรงเรยนใหคลกปม Try single upload เพอท าการอพโหลดอกวธหนงครบ

5. กรณทคลกปม Try single upload จะปรากฏหนาจอดงรปดานลาง จากนนเลอกไฟลเอกสารทตองการอพโหลดไดเลยครบ

6. รปนระบบก าลงท าการอพโหลดอยครบ ใหรอสกคร แตระหวางรอสามารถเปลยนชอเอกสาร และเพมขอมลไดตามรปครบ

คลกปม UPLOAD

เพออพโหลดเอกสาร

คลก แลวเลอกไฟลท

ตองการอพโหลด

หากใชอนเทอรเนตท

โรงเรยนใหคลกปมน

กอนครบ

คลก แลวเลอกไฟลท

ตองการอพโหลด

Page 31: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 29

7. เมออพโหลดเสรจแลว จะปรากฏดงรปครบ

การน าเอกสารจาก Slideshare ไปใชรวมกบ Blog (Wordpress)

1. เปดเวบไซต www.slideshare.net คลกทชอของตนเอง แลวเลอกเมน My Uploads ดงรป

2. จะปรากฏรายการเอกสารทไดอพโหลดไปทงหมด ใหคลกเลอกเอกสารทตองการ

เลอกเมน My Uploads

เลอกเอกสารทตองการ

Page 32: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 30

3. เขาสหนาทไดเลอกเอกสารไว จะปรากฏหนาจอดงรป ใหคลกทปม Wordpress ดานซายมอ

4. ปรากฏหนาตางแสดง Code ทสามารถน าไปใชรวมกบ Wordpress ใหคดลอก Code ทอยในชองดานลาง

5. เขาสเวบไซต Blog ของตนเอง (เชน www.krunattapon.wordpress.com/wp-admin) และเขาสระบบ

คลกเลอก Wordpress

คดลอก

น า Code ทคดลอกมาวาง

ไวในสวนเนอหาของ

Blog แลวกดปม เผยแพร

Page 33: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 31

6. เปดเวบไซตของตนเอง (เชน www.krunattapon.wordpress.com) จะปรากฏเอกสารทไดอพโหลดขนไปดงรป

Page 34: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 32

Youtube

Youtube คออะไร

เปนเวบไซตทใหบรการแลกเปลยนภาพวดโอระหวางผใชไดฟร โดยน าเทคโนโลยของ Adobe Flash มาใชในการแสดงภาพวดโอ ซงยทบมนโนบายไมใหอปโหลดคลปทมภาพโปเปลอยและคลปทมลขสทธ นอกเสยจากเจาของลขสทธไดอปโหลดเอง เมอสมครสมาชกแลวผใชจะสามารถใสภาพวดโอเขาไปแบงปนภาพวดโอใหคนอนดดวย แตหากไมไดสมครสมาชกกสามารถเขาไปเปดดภาพวดโอทผใชคนอน ๆ ใสไวใน Youtube ได แมจะกอตงไดเพยงไมนาน (youtube กอตงขนเมอเดอนกมภาพนธ ค.ศ. 2005) Youtube เตบโตอยางรวดเรวมาก เปนทรจกนแพรหลายและไดรบความนยมทวโลก ตอมาป ค.ศ.2006 กเกลซอยทบ ตอนนยทบจงกลายเปนสวนหนงของกเกลแลว (oknation)

การใชงาน Youtube รวมกน Wordpress

1. ท าการ Login และคลกปม Upload

คลก

Page 35: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 33

2. จะเขาสหนาจอส าหรบอพโหลดวดโอ โดยคลกทปม Upload video ไดเลยเพออพโหลดครบ แตถาอนเตอรเนตทใชอยไมเรวพอ กคลกทปม basic upload กอนนะ

3. ถาคลกทปม basic uploader เราจะสามารถเลอกการอพโหลดแบบธรรมดาได ซงชวยใหการอพโหลดงายขน โดยคลกทปม “เรยกด” แลวเลอกวดโอเพออพโหลด

คลกเพอเลอกวดโอ

คลก (ถาอนเตอรเนตชา)

หรอใชป มดานบนไมได

คลกเพอเลอกวดโอ

Page 36: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 34

4. เมอเลอกวดโอแลว ระบบจะท าการอพโหลดใหอยางอตโนมต โดยเราสามารถไปแกไขขอมลวดโอตางๆ ไดในขณะทระบบก าลงท างาน

ระบบก าลงอพโหลดวดโอ

เปลยนชอวดโอ

ค าบรรยายเกยวกบวดโอ

(ไมใสกได)

เลอกหมวดหมวดโอ

Page 37: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 35

5. เมออพโหลดเสรจแลว ใหลองคลกดวดโอทท าการอพโหลดไป ไดท เมนของเรา โดยเลอก My Videos

6. จะปรากฏวดโอทไดท าการอพโหลดไปทงหมด สามารถทจะคลกดไดเลยครบ

7. ขนตอไปจะเปนการน าวดโอเหลานไปใสในเวบบลอกของเรา โดยเมอเปดวดโอมาแลว ใหคลกทปม Embed ดงรป

คลก My Videos

คลกเพอดวดโอ

คลก

Page 38: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 36

8. จะปรากฏหนาจอดานลางวดโอดงรป ใหท าการคดลอก (coppy) โคดทงหมดไปใสใน Blog ของเราไดเลยครบ

9. เมอเปด Blog ใน Wordpress มาแลว ใหคลกทแทบ HTML กอนครบ แลววางโคดทงหมดลงไปไดเลย

คดลอกไปใสใน Blog

1. คลกแทบ HTML

2. วางโคดทคดลอกมา

Page 39: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 37

10. เมอคลกปมเผยแพรแลว วดโอของเรากจะไปแสดงทหนาเวบบลอกเรยบรอยแลวครบ

Page 40: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 38

การสมคร Gmail

Gmail เปนเวบไซตของบรษท Google (www.google.com) ทใหบรการไปรษณยอเลกทรอนกส หรอ E-Mail ฟร ไมตองเสยคาใชจาย โดยใหพนทเกบขอมลถง 7 GB มเครองมอในการจดการ E-Mail ทมประสทธภาพสง รวดเรว ขนตอนการลงทะเบยนงาย และสะดวก มการแสดงผลเปนภาษาไทย ปจจบนจงมผทลงทะเบยนใชงาน E-Mail ผาน Gmail เปนจ านวนมาก

ขนตอนการลงทะเบยนเพอใชงาน Gmail มขนตอนดงน

1. เปดเวบไซต Gmail โดยกรอก URL คอ www.gmail.com จะปรากฏหนาจอดงรปดานลาง จากนนคลกทปม “สรางบญช”

คลกปม “สรางบญช”

Page 41: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 39

2. เขาสหนาจอส าหรบกรอกขอมลสวนตว โดยในหนาจอนใหผสมครท าการกรอกขอมลของตนเองลงไปในชองทระบบก าหนดไว

พมพชอ E-Mail ทตองการ โดยตองเปนตวอกษร ตวเลข

หรอ จด (.) เทานน จากนนคลกปม “ตรวจดวามหรอไม”

เพอท าการตรวจสอบวาชอนนถกใชไปแลวหรอไม

รหสผานเปนตวเลขหรอตวอกษรพมพตดกน

ไมนอยกวา 6 ตวอกษร โดยพมพให

เหมอนกนทงสองชอง

กรอกรหสทเหนดานบนใหถกตอง

คลกปม “ฉนยอมรบ โปรด

สรางบญชของฉน”

Page 42: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 40

3. ระบบจะใหผสมครยนยนบญชของตนเอง โดยใหกรอกหมายเลขโทรศพท แลวกดปม “สงรหสยนยนไปยงโทรศพทมอถอของฉน” (ไมเสยคาใชจาย)

4. เมอไดรบรหสผานแลวใหพมพรหสผานลงในชอง “ปอนรหสของคณ” จากนนกดปมยนยน

กรอกเบอรโทรศพทมอถอ แลวกดปม

“สงรหสยนยนไปยงโทรศพทมอถอของ

ฉน” จากนนรอสกคร ระบบ gmail จะ

สงรหสผานมาใหทางโทรศพท

พมพรหสผานทไดรบทางโทรศพท

แลวกดปม “ยนยน”

Page 43: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 41

5. คลกปม “แสดงบญชของฉน” เพอเขาสหนาจอแสดงจดหมาย (E-Mail)

6. เสรจเรยบรอยแลวครบ การสมครใชงาน E-Mail ของ Gmail

สามารถออกจากระบบได

โดยคลกปม “ออกจากระบบ”

Page 44: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 42

7. การเขาสระบบ E-Mail ของ Gmail โดยเขาเวบไซต www.gmail.com ไดโดยตรง หรอเขาจากหนาเวบ www.google.com ดงรป

8. เขาสหนาจอส าหรบกรอก E-Mail และ รหสผาน

9. ตอนนกสามารถใชงานเครองมอตางๆ ของ Google ไดแลวครบ โดยคลกเลอกทเมนดานบน

คลกปม “ลงชอเขาสระบบ”

กรอก E-Mail และรหสผาน

เครองมอหรอ Google Apps หากตองการเขาไปท E-Mail กคลกทปม Gmail ไดเลยครบ

Page 45: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 43

การสมครสมาชก Facebook

1. เขาสเวบไซต www.facebook.com จะปรากฏหนาตางดงรป ใหกรอกขอมลสวนตวลงในชองส าหรบ

ลงทะเบยนครบ

2. พมพขอความลงในชองวางตามทระบบก าหนดครบ แลวกดปมลงทะเบยน

กรอกขอมลแลวกดป มลงทะเบยน

พมพขอความแลวกดป มลงทะเบยน

Page 46: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 44

3. ระบบจะใหเราด าเนนการ 3 ขนตอน ซงหากยงไมมขอมลกสามารถคลกปม “ขามขนตอนน” ไปกอนได

ครบ

ขนท 1 เปนสวนของการคนหาเพอนจากอเมลครบ ถายงไมคนหาเพอนกสามารถขามไปกอนได

ขนท 2 กรอกขอมลสวนตวครบ สามารถกรอกไดเลย แลวคลกปม “บนทกและด าเนนการตอ”

ขนท 3 อพโหลดรปภาพสวนตว ถายงไมมสามารถอพโหลดภายหลงไดครบ

Page 47: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 45

4. ระบบจะน าเราเขาสหนาตางนพรอมกบเตอนวาใหไปทอเมลเพอยนยนการสมครสมาชกครบ

5. เปดอเมลทใชในการสมครสมาชก จะพบอเมลจากระบบ facebook ทสงเขามาครบ ใหคลกเขาไปไดเลย

6. แลวคลกทปม “เรมกนเลย” ครบ

Page 48: เอกสารอบรม Social Media

ครณฐพล บวอไร [www.nattapon.com] 46

7. ตอนนเรากจะสามารถใชงาน facebook เราไดแลวครบ

Page 49: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 1

การใชงาน GoogleDocs 1. การ Login เขาระบบ GoogleDocs เปดเวบไซต www.google.com คลกลงค “เอกสาร”

เขาสระบบดวย account google

จะปรากฏหนาตางเอกสารดงภาพ (กรณเรมตน จะไมมเอกสารใดๆ ในหนาเวบไซต)

Page 50: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 2

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

จะปรากฏหนาตางตารางค านวณดงรป

Page 51: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 3

ตงชอไฟลเอกสาร กรอกขอมลลงในตารางตามตองการ (ส าหรบในทนเปนตารางแสดงคะแนนนกเรยนหอง ม.4/1) เปนปมส าหรบเพมหนาเอกสารใหม (add sheet) ชอของ sheet สามารถเปลยนไดโดยคลกแลวเลอก rename… หมายเหต : ผใชไมจ าเปนตองบนทกงาน เพราะโปรแกรมจะท าการบนทกใหอตโนมตครบ

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

Page 52: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 4

จะปรากฏหนาตางดงรป เลอก sheets ทตองการ Publish (โดยทวไปเลอก All sheets เพอแสดง sheet ทงหมด) คลกปม Start publish

จะไดคลกดงรป (เปนลงคของเวบเพจ) ถาตองการโคดแบบฝงในเวบไซต ใหเลอกเปนชนด HTML to embed in a page

Page 53: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 5

4. การน าโคดทไดจากการ Publish มาแสดงผลใน Wordpress ในขนตอนนจะน าโคดแบบฝงทไดจากการ Publish ในขนตอนขางตนมาแสดงผลในเวบบลอก Wordpress ครบ โดยมวธการดงน Login เขาสเวบบลอก Wordpress ของตนเอง และเลอกเมน หนา -> เขยนหนาใหม ตงชอหนา คดลอกโคดแบบฝงจากขนตอนกอนหนามาวางไวในแทบ HTML กดปมเผยแพร

จะไดผลลพธทหนาเวบไซตดงน

Page 54: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 6

5. การสรางฟอรมดวย GoogleDocs เมน CREATE เลอก Form

จะปรากฏหนาตางดงรป ซงเปนหนาตางส าหรบสรางฟอรม

Page 55: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 7

รปแบบของฟอรมสามารถเพมไดโดยคลกปม Add item โดย

1. Text หมายถง รปแบบฟอรมส าหรบกรอกขอมลประเภทขอความบรรทดเดยว เชน ชอ, นามสกล,

ชอโรงเรยน เปนตน

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

3. Multiple choice หมายถง รปแบบฟอรมส าหรบกรอกขอมลประเภทตวเลอกหลายตวเลอก (เลอก

ไดขอเดยว)

Page 56: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 8

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

5. Choose from a list หมายถง รปแบบฟอรมส าหรบเลอกขอมลจากลสตรายการ

6. Scale หมายถง รปแบบฟอรมส าหรบเลอกขอมลแบบมาตราสวนประมาณคา

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

ใสชอหวขอแบบฟอรม และค าชแจงในการกรอกแบบฟอรม และจดแบบฟอรมตามตองการ

Page 57: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 9

เลอก Theme ของแบบฟอรม โดยคลกทปม Theme: Plain และเลอก Theme ตามตองการ

ระบบจะแสดงตวอยางฟอรม (ส าหรบภาษาไทยอาจจะแสดงผลผดพลาด แตในการแสดงผลจรงจะแสดงผลไดครบ ผใชสามารถเลอก Theme ทตองการและคลกปม Apple เพอเลอกใช Theme ทตองการไดเลย แตหากตองการเลอก Theme ใหม ใหคลกปม Cancel

Page 58: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 10

เมอคลกปม Apply แลวจะกลบเขาสหนาเดม น าลงคดานลางไปใชในการเผยแพรไดครบ

เมอแสดงผลจะปรากฏดงรป

หากตองการโคดแบบฝงเพอน าไปใสในบลอกสามารถท าไดโดยการคลกปม More actions เลอก Embed

Page 59: เอกสารอบรม Social Media

การใชงาน GoogleDocs เอกสารประกอบการอบรม “โครงการกาวใหมของครไทย กาวไกลดวย Social Media”

ส านกเทคโนโลยเพอการเรยนการสอน กระทรวงศกษาธการ ( โดยครณฐพล บวอไร ) หนา 11

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

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

ของใหมความสขกบการใช Social Media ในการจดการเรยนการสอนนะครบ

ณฐพล บวอไร (โจก)