การสร้าง e-Portfolio

1

แฟ้มสะสมงาน หรือ Portfolio คอื อะไร

Portfolio เมื่อแปลออกมาจะหมายถึง ผลงาน หรือชื่อที่นํามาใช้ในภาษาไทยก็คือ แฟ้มสะสม
ผลงาน ซ่งึ หมายถึง แฟม้ ที่ใชใ้ สก่ ระดาษหลาย ๆ แผ่นเพอ่ื รวบรวมตัวอย่างหรือบางสว่ นของหลักฐานที่แสดง
ถึงผลสมั ฤทธ์คิ วามสามารถ ความถนัดของบคุ คลหรือข้อมูลอื่น ๆ ทีเ่ ปน็ ประเดน็ สาํ คญั เพื่อสะสมไว้อย่างเป็น
ระบบเมื่อวิวัฒนาการด้านเทคโนโลยีสารสนเทศมีการเติบโต เปลี่ยนแปลงไป แฟ้มสะสมงาน Portfolio จึง
ปรับเปลี่ยนเป็น e-Portfolio ปรับรูปแบบของแฟ้มใส่กระดาษเอกสาร สู่การออกแบบจัดทําในรูปแบบ
อิเล็กทรอนิกส์ซึ่งสามารถเผยแพร่ไปยังกลุ่มเป้าหมายของผู้จัดทําแฟ้มสะสมงานได้ง่าย และสะดวก ทั้งใน
ระบบออฟไลนแ์ ละออนไลน์

ส่วนประกอบของแฟ้มสะสมงาน Portfolio

Portfolio คือผลงานหรือแฟ้มสะสมผลงาน ที่มีความสําคัญ เพราะนอกจากเป็นการรวบรวม
หลกั ฐานเกยี่ วกบั ทักษะความรคู้ วามสามารถไว้อยา่ งเปน็ ระบบแล้ว การจัดทาํ แฟ้มสะสมผลงานยังต้องมีการ
เตรียมข้อมูล และสว่ นประกอบหลกั ของ Portfolio ดงั น้ี

1. สว่ นปก
2. ข้อมูลส่วนตัว
3. ขอ้ มูลด้านการศึกษา พร้อมเอกสารเกี่ยวกับการศึกษา
4. รางวลั และผลงานทีไ่ ด้รบั อาจประกอบด้วยภาพถา่ ย และรปู ภาพผลงาน
5. รางวลั หรือผลงานทปี่ ระทับใจพรอ้ มคาํ อธบิ ายกิจกรรมท่ีทํา
6. ผลงานตวั อยา่ ง
7. ความสามารถพเิ ศษ
8. ขอ้ มูลอื่น ๆ ทต่ี ้องการใสห่ รอื สะสมไวเ้ ปน็ ผลงาน

ทั้งนี้ หัวข้ออาจมีการเปลี่ยนแปลงตามบริบทของการนำเสนอ Portfolio ของสถานศึกษาหรือของ
หน่วยงานนั้น ๆ และจํานวนหน้าของแต่ละส่วนนั้นเป็นการเก็บสะสมผลงานที่ผ่าน ซึ่งสามารถแยกสัดส่วน
ตามนำ้ หนัก หรือข้อจาํ กดั ของแต่ละท่ีทอ่ี าจระบุไว้หรือหากไม่ระบุก็ควรคํานงึ ถงึ ความเหมาะสม

2

ประเภทของ Portfolio

1. แฟ้มสะสมงานส่วนบุคคล (Personal Portfolio) เป็นแฟ้มที่แสดงข้อมูลเกี่ยวกับ บุคคลนั้น ๆ
เช่น พรสวรรค์ กฬี า งานอดิเรก การท่องเทย่ี ว และ การรว่ มกิจกรรม ชุมชน

2. แฟ้มสะสมงานเชิงวิชาชีพ (Professional Portfolio) เป็นแฟ้มที่แสดงผลงาน เกี่ยวกับอาชีพ
เช่น แฟ้มสะสมงานเพอ่ื ใชใ้ นการสมัครงาน แฟม้ สะสมงานเพือ่ เสนอขอ เลอื่ นระดับ

3. แฟ้มสะสมงานเชิงวิชาการ (Academic Portfolio) หรือแฟ้มสําหรับนักเรียน (Student
Portfolio) เป็นแฟ้มที่แสดงผลเกี่ยวกับการเรียนการสอน เช่น แฟ้มสะสม งานเพื่อใช้ประเมินผลการผ่าน
จดุ ประสงค์การเรียนรู้ แฟ้มสะสมงานเพอ่ื ใช้ประกอบการประเมนิ ผลปลายภาค/ปลายปี

4. แฟ้มสะสมงานสาหรับโครงการ (Project Portfolio) มลี ักษณะคลา้ ยภาพยนตร์ สารคดี โดยเป็น
แฟ้มที่แสดงถึงความพยายามหรือขั้นตอนการทํางานในโครงการหนึ่ง ๆ หรือ ในการศึกษาส่วนบุคคล
(Independent Study) เช่น แฟ้มโครงงาน วิทยาศาสตร์ ในแฟ้มประกอบด้วยภาพของวัสดุอุปกรณ์ที่ใช้
และ แสดงขนั้ ตอนตา่ ง ๆ ในการดําเนินงานจนได้ผลผลิตทตี่ ้องการ

5. แฟ้มสะสมงานนักเรียน เป็นแฟ้มสะสมงานของนักเรียนแต่ละคน ที่แสดงถึง ความสามารถ
จดุ เดน่ จดุ ดอ้ ย ความสาํ เรจ็ ตลอดถงึ พฒั นาการในการเรียนรู้ของ นักเรยี น

ประโยชน์ของ Portfolio

ประโยชน์ของ Portfolio ขึ้นอยู่กับลักษณะการนําไปใช้งานและขึ้นอยู่กับประเภทของ Portfolio
เช่น การเก็บสะสมผลงานเพื่อนําไปใชใ้ นการสมัครงาน พิจารณาเลื่อนขั้นเงนิ เดือน หรือใช้เป็นผลงานแสดง
ความสามารถของตัวบุคคล โดย Portfolio ที่ดีต้องมีส่วนประกอบที่บ่งบอกหรือแสดงรายละเอียดไว้อย่าง
เปน็ ระบบ

3

ข้ันตอนการสรา้ ง e-Portfolio

1. สมคั รบัญชผี ้ใู ช้ Google

1.1 เปดิ เวบ็ ไซต์ www.google.com
1.2 คลกิ ปุม่ ลงช่ือเข้าสูร่ ะบบ ดา้ นบนขวาของหน้าเวบ็ ไซต์
1.3 คลกิ รายการ ใช้บญั ชอี ่ืน

1.4 คลิกรายการ สรา้ งบญั ชี เพ่อื สรา้ งบัญชี Google

1.5 กรอกขอ้ มูลเพ่ือใช้ในการสร้างบัญชี Google ใหถ้ ูกตอ้ ง ครบถว้ น จากน้นั คลกิ ปุ่ม ถดั ไป
(ปฏบิ ัติตามเง่ือนไขของการสร้างบัญชี Google จนเสร็จส้นิ )

สร้าง E-Portfolio ดว้ ย Google sites 4
1

เมื่อมบี ัญชีผู้ใช้ Google เรยี บรอ้ ยแล้ว สามารถเข้าใชง้ าน Google Site เพื่อสร้างแฟ้มสะสมงาน
อเิ ล็กทรอนิกส์ e-Portfolio ได้ผ่านเวบ็ บราวน์เซอรด์ ้วยระบบออนไลน์เท่านั้น

2.1 เปิดเว็บไซต์ www.google.com
2.2 คลิกปุ่ม ลงชอื่ เขา้ สูร่ ะบบ
2.3 กรอกข้อมลู บัญชผี ใู้ ช้ Google และรหัสผ่าน จากนัน้ คลกิ ปุ่ม ถดั ไป

2.4 คลกิ เมนู App จากนน้ั เลอื กไอคอน Sites
2.5 ระบบจะนำทางเข้าสู่การทำงานสว่ น Google Sites คลกิ เมนู สรา้ ง เพื่อเริม่ ทำ e-Portfolio

5

2.6 เลือกรายการ สรา้ ง Site เลอื ก วา่ ง หรอื ธมี ตามที่ Site มีให้เลอื กใช้

2.7 ตง้ั ชื่อ Site

2.8 สว่ นหัวของ Site โดยสามารถใสร่ ูปภาพ ปรับเปลยี่ นส่วนหัว หรอื ลบออกได้ ท้ังนี้ส่วน หัวนี้จะ
สอดคลอ้ งกับธีมท่ีไดเ้ ลือกไว้ ในสว่ นของ 2.9

6

2.9 เครอ่ื งมือสำหรับใสข่ ้อความ เน้อื หา จัดรูปแบบ แบ่งเป็น 3 หมวด ดังนี้
1) แทรก กล่มุ เครื่องมือในการจัดการเนือ้ หาในหน้า Site
2) หน้าเว็บ กล่มุ เครื่องมือในการเพิ่มหน้าเวบ็ ลงใน Site
3) ธีม กลมุ่ เครื่องมือในการจัดการ การออกแบบ สี ตัวอกั ษรทใี่ ช้ใน Site

2.10 ปรับแตง่ ส่วนตวั ของ Site
ผู้ใชส้ ามารถปรบั แต่งสว่ นหัวของ Site ใหต้ รงกับความต้องการ และเหมาะสมกบั รปู แบบงาน
ดงั เครอ่ื งมือทจี่ ัดเตรียมใหด้ ังนี้

1) รูปแบบของช่ือเรื่อง แบ่งเป็น 5 รายการ คือ ข้อความปกติ ชื่อเรื่อง สว่ นหวั หัวข้อย่อย เล็ก
2) เปล่ียนรูปภาพ สามารถเลือกได้ 2 รูปแบบคือ อัปโหลดจากคอมพิวเตอร์ หรอื เลือก
รูปภาพจากระบบ

7

* กรณอี ปั โหลดจากคอมพิวเตอร์ (คลกิ เปล่ียนรูปภาพ อัปโหลด และเลอื กไฟลร์ ูปภาพที่
ต้องการจากคอมพิวเตอร์ แล้วคลกิ Open ดังภาพ

* กรณเี ลือกรปู ภาพจากระบบ

3) ประเภทสว่ นหัว สามารถปรับแต่งได้ 4 รปู แบบคือ 1) หน้าปก 2) แบนเนอรข์ นาดใหญ่
3) แบนเนอร์ 4) ชอ่ื เทา่ น้นั

2.11 การแทรกเนื้อหา
ผู้ใช้สามารถจดั การเนื้อหาที่จะปรากฏหนา้ site ไดจ้ ากกลุ่มเครอื่ งมือ แทรก ดา้ นขวามือ

1) แทรกขอ้ ความ คลกิ ไอคอน ช่องขอ้ ความจากกลมุ่ เคร่ืองมือ จากน้ันพิมพ์ข้อความที่
ต้องการ โดยสามารถปรับแตง่ ขนาดข้อความ ตวั หนา ตัวเอียง การจัดข้อความ รายการ เชื่อมโยง ปรบั สพี ื้น
หลงั ทาํ สําเนา และลบได้

8

2) แทรกรปู ภาพ สามารถเลือกจากการอปั โหลดไฟลใ์ นเครื่องคอมพิวเตอร์ หรอื เลือกจาก
ระบบ

เมือ่ แทรกรปู ลงหน้า Site แลว้ สามารถปรบั รปู ภาพ โดยการตัด ทําลิงคเ์ ชอ่ื มโยง เพ่มิ ข้อความ
บรรยาย คําบรรยายไดต้ ามความตอ้ งการ

3) แทรกการฝัง สามารถแทรก URL เพื่อเชอ่ื มโยงไปยังเวบ็ ไซต์ และฝงั โคด้ HTML

4) แทรกขอ้ มลู จากไดรฟ์ สามารถนาํ ข้อมูลที่จัดเก็บจากไดร์ฟมาแสดงในหน้า Site ได้

9

2.12 ปรบั แตง่ การจัดวาง
ผใู้ ช้สามารถปรับแตง่ การจดั วางเน้ือหาในสว่ นแสดงผลของ Site ไดห้ ลากหลายรูปแบบ

จากแถบเครื่องมอื การออกแบบ
การออกแบบ แบ่งเปน็ 6 รปู แบบ โดยสัญลักษณ์ แทนการแทรกรูปภาพ และสญั ลกั ษณ์ แทนการ

แทรกข้อความ

2.13 ตกแตง่ อ่ืน ๆ
นอกเหนือจากเคร่ืองมอื แทรกรปู ภาพ และข้อความ ในกลุม่ เคร่อื งมือ แทรกแล้ว Google Site ยังมี
เครื่องมอื เพิ่มเติมสําหรับปรบั ตกแต่ง Site ให้นา่ ดงึ ดูดใจได้ จากรายการดงั นี้

ตัวอยา่ ง การนำสอื่ Youtube มาใส่ใน Site

10

2.14 เพ่ิมหน้าเวบ็
แน่นอนว่าการสรา้ งเว็บไซต์ หรอื การนําเอา Google Sites มาปรับใชเ้ ปน็ ePortfolio นั้น ตอ้ งมี
การนําเสนอเน้ือหา รายละเอียดมากกวา่ 1 หน้า ผใู้ ช้สามารถใช้เมนู หนา้ เวบ็ เพ่อื เพ่มิ หนา้ เพม่ิ เติมตาม
ความต้องการได้ ตามภาพด้านลา่ ง

กรณที ตี่ ้องการหลายหนา้ เลือกทำซ้ำหนา้ เว็บ กรณมี ีหน้าเว็บย่อย เลอื ก เพม่ิ หนา้ ย่อย

ปรับค่าของหน้าเว็บไดโ้ ดยคลกิ เลือกหัวข้อหนา้ เวบ็ ท่ตี ้องการ จากนั้น คลิกสัญลักษณ์ โดยจะมี
รายการให้ปรบั แต่งดงั นี้

11

2.15 ปรับแต่งธมี
ผใู้ ชส้ ามารถปรบั แต่งรูปแบบตัวอกั ษร สี การออกแบบ ได้ตลอดเวลาจากกลุ่ม เคร่ืองมือ ธีม

การเผยแพร่ e-Portfolio สรู่ ะบบออนไลน์

เผยแพร่ e-Portfolio
การทํา e-Portfolio นั้นก็เพื่อปรับเอาแฟ้มสะสมงานในรูปแบบเอกสาร แปลงสู่รูปแบบอิเล็กทรอนิกส์
และสามารถเผยแพรส่ ู่กลุ่มเปา้ หมายของผจู้ ัดทําได้อย่างสะดวก Google Site เป็นหนึ่งในเครือ่ งมือท่ีจะช่วย
ให้ผู้ใช้เผยแพร่ e-Portfolio ของตนสู่ระบบออนไลน์ได้อย่าง ง่าย สะดวก และรวดเร็ว ผู้ใช้ไม่จําเป็นต้องมี
Web Hosting ในการอัปโหลด e-Portfolio

12

เมื่อผใู้ ชส้ ร้าง e-Portfolio ของตนเองเรยี บร้อยแล้ว สามารถใชแ้ ถบเครื่องมอื ดา้ นบนระบบเพ่อื ดู
ตัวอยา่ งการแสดงผล แชรล์ งิ ค์ แชรไ์ ปยังผคู้ น ตั้งคา่ เพิ่มเติม และเผยแพร่

รายการปรบั แต่งเพ่มิ เตมิ เชน่ เช่ือมตอ่ เว็บไซต์กับ บัญชี Google Analytics เพื่อวิเคราะห์เว็บไซต์
การทําเวบ็ ซ้ำ การเพ่ิมรูปไอคอนสาํ หรับ Site เมอ่ื ถูกกดเป็น เวบ็ โปรด การต้งั ค่าข้อมูลเว็บไซต์เพื่อรายงาน
การเข้าถงึ Site ที่เผยแพรเ่ ป็นออนไลน์

เม่อื พรอ้ มเผยแพรช่ ้นิ งานแลว้ ให้คลิกปุม่ บนแถบเครอ่ื งมอื ท้งั นี้ เมอื่ เผยแพรส่ ู่ระบบ

ออนไลน์แล้ว ผู้ใช้งานที่มีการเชื่อมต่ออินเทอร์เน็ต และทราบที่อยู่เว็บไซต์ URL จะสามารถเข้าถึง Site ที่

จัดทําไว้ได้ ผู้ใช้สามารถปรับปรุง แก้ไข เปลี่ยนแปลง Site ของ ตนเองได้ตามความต้องการ แต่ต้องคลิกปุ่ม

เผยแพร่ เพ่ือเป็นการอัพเดตรายการลา่ สดุ ที่ทําไวใ้ น Site เสมอ

13

ตวั อย่าง Site ที่ทาํ การเผยแพรแ่ ลว้ แลว้ ดใู น Smartphone