1 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

การเผยแพร Podcast ดวยเวบ Podbean.com

Podbean.com คอเวบทเราจะฝาก file podcast ไว ( จรงๆ สามารถทำาไดอกหลายเวบ แตในวชา น ขอยกเอาเวบไซตนมาใหนกศกษาไดทดลองใชกน)

ทำาไมเราตองฝาก file เพราะเราตองการ Mp3 Player ไปฝง (embed) ในเวบของเรา รวมถงลงค เพอดาวนโหลด และ RSS feed ใหคนสมครสมาชกเรา

สำาหรบเวบ podbean.com นน จะใหพนทในการเกบ file “เสยง พรอมใหเวบไซต Podcast

Blog” ใหเราดวยเพอใหเราสามารถนำา Podcast online และ เผยแพรได ดานลางนคอ วธใช podbean.com และวธนำา file ไปไวใน Blog oknation.net ดวย

1. เขาเวบไซต http://www.podbean.com แลวลงชอเขาใช ( log in) ดวย username +

password ทสมครไว (password จะอยใน email ของคณ ถายงไมไดทำาการเปลยน password เปนอนใหมของคณเอง)

2 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

2. เมอลงชอเขาใชแลวจะเขามาทหนาแรกของ account (ตามรปดานลาง) click ทชอของ เรา ทอยมมขวาบน

3. Click “เขาไปท My Dashboard” เพอจดการขอมล

3 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

4. ในหนา Dashboard จะมเมนสำาคญตามทบอกไวในรปดานบน เรมแรก เราจะเขาไปท “เมน Upload” เพอ upload file เสยง podcast ทเราทำาเสรจแลว ( อยาลมตอง save file เ ปน .mp3)

5. เมอเขามาแลว ทำาการ upload file โดย browse หาไฟลจากในเครองคอมพวเตอร แลว click upload เวบไซตจะทำาการอพโหลดไฟลให รอจนกวาจะอพโหลดเสรจ เมอ

อพโหลดเสรจแลว จะปรากฏขนมาในหนาเดม วามไฟลใหมไดอพโหลดแลว

4 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

5 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

6. จากนน เราตองทำาการ Publish หรอเผยแพร podcast ของเรากอน ถงจะสามารถม embed code เพอนำาไปแปะในเวบอนๆ ได วธการทำาไดสองอยางคอ

a. Click ท file ทเราตองการ publish มนจะพาไปทหนา publish เพอใหเรากรอกขอมล

b. หรอ click ทแถบเมน Publish ดานบน เพอไปทหนา publish กได

( รายละเอยดในหนา publish)

7. เมอเขาไปแลว กทำาการกรอกขอมลตางๆ พรอมเลอก file podcast ทเราตองการเผย แพร (ดงภาพดานลาง)

6 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

8. เมอกรอกขอมลแลวจะไดตามภาพดานลาง จากนน click คำาวา publish เพอเผยแพร

9. “เมอเสรจแลว ใหมองไปทแถบเมนดานบน แลวเลอก MANAGE” หรอ การจดการ ขอมล ซงจะเขามายงหนาทบอกวาตอนนเราม podcast ทไดรบการเผยแพรออนไลน

อะไรบาง (ภาพดานลาง) ซงถาเราตองการเผยแพร podcast ไหน กไปท Embed Code

7 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

10. Code สำาหรบ embed “ทเราตองการคอ Code Mp3 Player” “และ Code สำาหรบ download file”

11. ตอนนเรากเปดหนา explorer / firefox ขนอกหนา แลวเขาเวบ www.oknation.net

พรอม log in เขา blog ของคณ และเลอกเขา blog ของคณ

8 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

12. “ ” เขาไปทหนาการ สรางเรอง เพอสราง blog ใหม เมอเขาไปแลว อยาลมวา การ ทำา podcast สงคร ตองมเนอหาประกอบ podcast นนดวย ไมใชเอา file เสยงมาลง

เทานน ดงนน อยาลมวา ตองพมพขอความของ blog ดวย และจำาเสมอวา พมพใน Notepad กอน (start > all programme > accessories > notepad)

13. พมพเสรจเอา copy ขอความ มา paste ลงในหนาจดการ blog แลว ปรบแตงบทความ ใหมความเหมาะสมตามหลกการเขยนเพอสอออนไลนทด จากนน click ท icon

สดทายตรงแถบเครองมอ คอ icon html

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

podcast ไประหวางเรอง เรากตองมานงหาวา บรเวณทเราจะวาง code อยตรงไหน ดง นน คำาแนะนำาคอ ถาอยากจะวาง code ระหวางเรอง กควรเขยนถงแคตรงอยากวาง

code แลว click มาหนานเพอเอา code podcast มาวางกอน แลวคอยกลบไปหนาเดม โดย การ click ท icon html อกครง เพอเขยนขอความตอ... แตถาจะใส code podcast ตอนทาย เรอง กสามารถเขยนใหจบ แลวเขามาทหนา html แลวไปททายบทความทงหมด เพอ

วาง code

9 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

การ copy code podcast ทเปน mp3 player นนทำา โดย ไปทหนา podbean ซงตอนนเราเปดหนา

embed code ไว ( ดขอ 9-10)

14 code 2 อนแรกเปน mp3 player ทเราจะเลอกใช ตามชอบวาอยากไดสขาว หรอ ดำา ให click ทชองขาว ทม code อยหนงครง สงเกตวามแถบสไฮไลดขอความขน ให click ขวา

เลอก copy

ถาเขามาหนานแลว ไมเหนชองขาวๆ ทม code อย ให click ทรปกากบาทเขยวๆ เพอ เปดกลอง code ขนมา

15. จากนนกลบไปทหนา oknation อยาลมวาตองวาง code ในหนาทเปน html (ดวธการ เขาหนานนไดทขอ 13) จากนน ก paste code ลงไปบรเวณทตองการให mp3 player

ปรากฏ

10 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

16. จากนน เราตองการ code สำาหรบการ download เพอใหคนอน download podcast ของ เราไวฟงได กลบไปท podbean หนา embed อกครง ( ดขอ 9-10) code สดทายคอ code

ทเราตองการ copy มา

สำาหรบ code น เราสามารถแกไขขอความทตองการใหแสดงเพอ link ไปสการ download ได กอนอนมารจก code html เพอสราง link กอน

11 เอกสารประกอบการสอนวชา RT359 และ CA351 ( ปการศกษา 2552 ภาคเรยนท 1) โดย อ. สกลศร ศรสารคาม

<a href=”url ของสงทตองการ link”> ขอความเพอ link </a> ( นคอ code สำาหรบ link สวนทเปนตวอกษรสดำาคอขอความทเราเปลยนแปลงไดตามใจเรา)

ดงนนใน code ของ podbean (ตามในรป) สวนทเขยนวา download

this episode “เราสามารถเปลยนขอความได เชน เปลยนเปน” ดาวโหลดเลยคะ เปนตน แตสวน สมวงตองคงเดม หามไป

เปลยนแปลง ถาอยากจะเปลยนขอความ ก copy จากหนา podbean มาใสใน

notepad แกไข แลว copy จาก notepad ไปใสในหนาจดการ blog

ใน oknation วางบรเวณทเราตองการ (สวนมากกจะอยตอจาก mp3 player ของเรา)

17. เมอเสรจแลว click icon html เพอกลบไปหนาปกต ใสชอเรอง เลอกกลมของเรองตาม ปกตใหเรยบรอย จากนน กด publish เพอเผยแพร กจะได blog podcast แลว