ชิ้นงานโปรเจ็ก

E-Book การสร้าง E-Portfolio ด้วย Google Sites

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

2 เข้าใช้งาน Google Sites เมื่อมีบัญชีผู้ใช้ Google เรี ยบร้อยแล้ว สามารถเข้าใช้งาน Google Sites เพื่อสร้าง แฟ้มสะสมงาน อิเล็กทรอนิกส์ E-portfolio ไดผ ้ า ่ นบราวเซอร ์ ดว ้ ยระบบออนไลน ์ เท ่ าน ้ นั 1. เปิ ดเว็บไซต์ www.google.com 2. คล ิ กป่ ุ ม เข ้ าส ู ่ ระบบ ด ้ านขวาของหน ้ า เว็บไซต์ 3. ก ร อ ก ข้อ มู ล บัญ ชี ผู้ใ ช้ Google แ ล ะ รหสัผา ่ น จากน ้ นัคล ิ กป่ ุ ม ถดัไป

3 4. คลิกเมนู แอป จากน ้ นัเล ื อกไอคอน ไดรฟ์ 5. ระบบจะนา ทางไปส ู ่ การทา งานส ่ วน ไดรฟ์ คล ิ กเมน ู ใหม ่ เข้าใช้งาน Google Sites

4 เข้าใช้งาน Google Sites 6. เล ื อกรายการ เพ ิ่มเต ิ ม และเล ื อก Google Sites เพ ื่อเร ิ่มทา E-portfolio 7. ระบบจะน าทางเข ้ าส ู ่ การสร ้ าง Sites ใน โหมด Sites แบบใหม ่ ท ี่สามารถประยก ุ ตใ์ ชใน้ การสร้าง E-portfolio 7.1 7.2 7.3

5 7.1 ต ้ งัช ื่อ Sites 7.2 ส ่ วนหวัของ Sitesโดยสามารถใส ่ ร ู ปภาพ ปรับเปล ี่ยนส ่ วนหัว หร ื อลบออกได ้ ท ้ งัน ้ ี ส ่ วน หวัน ้ ี จะสอดคลอ ้ งกบัธ ี มที่ได้เลือกไว้ในส ่ วน 7.3 7.3 เคร ื่องม ื อส าหรับใส ่ ข ้ อความ เน ้ ื อหา จดัร ู ปแบบ แบ ่ งเป็ น 3 หมวด ดงัน ้ ี 1) แทรกกล ุ ่ มเคร ื่องม ื อในการจดัการเน ้ ื อหา ในหน้า Sites 2) หน ้ าเว ็ บ กล ุ ่ มเคร ื่องม ื อในการเพ ิ่มหน้า เว็บลงใน Sites 3) ธีม กล ุ ่ มเคร ื่องม ื อในการจัดการ การ ออกแบบ สี ตัวอักษรที่ใช้ใน Sites เข้าใช้งาน Google Sites คลิก + เพื่อเพิ่ม หน้าใหม่ แสดงรายการธีมที่มีให้เลือกใช้

6 ปร ั บแต ่ งส ่ วนหว ั ของ Sites ผใ ู ้ ชส้ ามารถปรับแต ่ งส ่ วนหวัของ Sites ให้ ตรงกบัความตอ ้ งการ และเหมาะสมกบัร ู ปแบบ ของเคร ื่องม ื อท ี่จดัเตร ี ยมดงัต ่ อไปน ้ ี 1. ร ู ปแบบของช ื่อเร ื่องแบ ่ งเป็ น 5รายการดงัน ้ ี 1) ข้อความปกติ 2) ชื่อเรื่อง 3) ส ่ วนหวั 4) หวัขอ ้ ยอ ่ ย 5) ข้อความขนาดเล็ก 1. 2. 3.

7 2. เปลี่ยนรูปภาพ สามารถเลือกได้ 2 รูปแบบคือ อัปโหลดจากคอมพิวเตอร์ หรือเลือกรูปภาพจาก ระบบ 3. ประเภทส ่ วนหวัสามารถปรับแต ่ งไดท ้้ งหมด ั 4 รูปแบบ คือ 1) หน้าปก 2) แบนเนอร์ขนาดใหญ ่ 3) แบนเนอร์ 4) ช ื่อเท ่ าน ้ นั ปร ั บแต ่ งส ่ วนหว ั ของ Sites

8 แทรกเน ้ ื อหา ผ ู ใ้ ช ้สามารถจัดการเน ้ ื อหาท ี่จะปรากฏหน้า Sites ไดจ ้ ากกล ุ ่ มเคร ื่องม ื อแทรก ดา ้ นขวา 1. แทรกขอ ้ ความ คล ิ กไอคอน ช ่ องขอ ้ ความ จากกล ุ ่ มเคร ื่องม ื อ จากน ้ันพ ิ มพ ์ ข ้ อความที่ ต ้ องการ โดยสามารถปรับแต ่ งขนาดข ้ อความ ตัวหนา ตัวเอี ยง การจัดข้อความ รายการ เช ื่อมโยง ปรับส ี พ ้ ื น ทา สา เนาและลบได ้ 2. แทรกรู ปภาพ สามารถเลื อกจากการ อัปโหลดไฟล์ในเครื่องคอมพิวเตอร์ หรือเลือก จากระบบ ปรับแต่งลักษณะของข้อความ ปรับสีพื้นหลัง ท าส าเนา ลบ พิมพ์ข้อความ

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

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

11 แทรกเน ้ ื อหา 3. แทรกข้อมูลจากไดรฟ์สามารถน าเอาข้อมูล ท ี่จดัเกบ ็ จากไดรฟ์มาแสดงในหน้า Sites ตวัอย่างการแทรกข้อมูลจากไดรฟ์ ตัวอย่างการฝัง URL

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

13 ตวัอยา ่ งเช ่ น เล ื อกร ู ปแบบการจดัวาง เป็ นร ู ปภาพ ประกอบค าบรรยายใต้ภาพ ปร ั บแต ่ งการจด ั วาง

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

15 การสร้างเว็บไซต์หรือการน าเอา Google Sites มาปรับใช้เป็ น e-Portfolio ต้องมีรายละเอียด มากกวา ่ 1 หน้าผู้ใช้สามารถใช้เมนูหน้าเว็บ เพื่อเพ ิ่ม หนา ้ เพ ิ่มเต ิ มตามความตอ ้ งการ 1. คลิกปุ่ มเครื่องมือ หน้าเว็บ จะแสดงหน้าเว็บที่มี อยท ู ่ ้ งัหมด 2. คลิกปุ่ ม + เพ ื่อเพ ิ่มหนา ้ เวบ ็ ใหม ่โดยสามารถ เพ ิ่มไดท ้้ งัร ู ปแบบล ิ งค ์ และหนา ้ เวบ ็ เพ ิ่มหนา ้ เวบ ็ คลกิกลุ่มเครื่องมือ หน้าเว บ พื้นที่แสดงหน้าเว บทั้งหมดใน Sites คลิก + เพื่อเพิ่มหน้าเว บ

16 เพ ิ่มหนา ้ เวบ ็ 3. กรอกชื่อหัวข้อที่ต้องการสร้างเป็ นหน้าเวบ ็ ใหม ่ โดยหวัขอ ้ น ้ ี จะปรากฏอยบ ู ่ นแถบเมน ู ดา ้ นขวาของ Sites จากน ้ นัคล ิ กเสร ็ จส ิ ้ น

17 เพ ิ่มหนา ้ เวบ ็ 4. ปรับค ่ าของหนา ้ เวบ ็ไดโ้ ดยคล ิ กเล ื อกหวัขอหน้า ้ เวบ ็ ท ี่ตอ ้ งการ โดยจะม ี รายการใหป้ รับแต ่ งดงัน ้ ี

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

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

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

21 เผยแพร ่ E-portfolio ส ู ่ ออนไลน ์ เม ื่อพร ้ อมเผยแพร ่ ช ิ ้ นงานแล ้ วให ้ คล ิ กปุ่ ม เผยแพร ่ บนแถบเคร ื่องม ื อ ท ้ังน ้ ี เม ื่อเผยแพร ่ ส ู ่ ระบบออนไลน์แล้ว ผู้ใช้งานที่มีการเชื่อมต ่ อ อ ิ นเตอร ์ เน ็ ต และทราบท ี่อย ู ่ เว ็ บไซต ์URL จะ สามารถ Sites ที่จัดท าไว้ ผู้ใช้สามารถปรับปรุง แกไ้ ขเปล ี่ยนแปลง Sites ของตนเองได้ตามความ ต ้ องการ แต ่ ต ้ องคล ิ กป่ ุ ม เผยแพร ่ เพ ื่อเป็ นการ อพัเดตรายการล ่ าส ุ ดท ี่ทา ไวใ้ น Sites เสมอ แสดงทอี่ยู่เวบ ไซต์URL ให้คัดลอกส่วนนี้ไปเผยแพร่ คลิกเพื่อเผยแพร่

22 เผยแพร ่ E-portfolio ส ู ่ ออนไลน ์ แสดงตวัอยา ่ ง Sites ท ี่ทา การเผยแพร ่ แลว ้