1

คมอการจดท ำ E-PORTFOLIO ดวย Google Site

ความหมาย PORTFOLIO

จากเอกสารการอบรมเรอง การจดท า E-Portfolio โดย ผศ.พกจ สวฒถ คณะวศวกรรมศาสตร มหาวทยาลยสยาม

2

ขนตอนการจดท า E-Portfolio

ขนตอนท 1. Login เขาสระบบ Google Site

- เขาไปท e-mail ของทาน ท e-mail: xxxxx.xxx @siam.edu แลวเลอกท แอบ google แลวกดปม

Site/ไซต เขาสระบบ

- จะปรากฏ หนาจอ Site แลวเลอกท CREATE in Classic Site

3

- ใสชอ-นามสกลอ3ตวอกษร ตามดวย –Portfolio ตามตวอยางเพอใหสนและสอดคลองกบ e-

mail

- จะปรากฏชอ Site ทรเฉพาะคนสราง แลวเลอกแบบ Site ท Simple แลวกดปม CREATE

ขนตอนท 2. การปรบปรงแกไขขอมล หลงจาก CREATE Site

- เมอกดปม CREATE จะปรากฏหนาตาง Home ใหกดท เครองหมายแกไข

4

- จากนนเปลยนชอ Page จาก Home เปน แฟมประวต และใสขอมลประวตชองดานลาง จะพมพ

หรอ Copy จากไฟลขอมลทเราเตรยมไวกได และใสรปภาพ เสรจแลวกดปม Save

5

- ตวอยาง การกรอกขอมลแฟมประวต

6

ขนตอนท 3. การใสรปและปรบปรงแกไขรปภาพ

- การใสรป เลอก insert และเลอกท image /แลวกดอพโหลด upload image

7

- จากนนเลอกรปในไฟล แลวกด open แลวรอให upload จนเสรจเรยบรอย /แลวกด ok จะ

ปรากฏรปใน Page

8

- รปใน Page สามารถ ปรบแตง ยอขยาย และจดวางบนหรอลาง ของขอความได แลวกดปมSave

ขนตอนท 4. การสราง Page อนๆ ใน Create page อาทเชน Page แบบ Web Page/ Page แบบ List /

Page แบบ Announcements / และPage แบบ File Cabinet

4.1 ตวอยางการสราง Page แบบ Web Page เชน ค าอธบายลกษณะงาน/ การพฒนาตนเอง

9

- เมอกดปม Create page จะปรากฏหนาตาง Create

- ใหพมพชอ page “ค าอธบายลกษณะงาน/ การพฒนาตนเอง

- แลวเลอก Web Page แลวกด Create

10

- จะแสดงหนาตางเหมอน Page แฟมประวต

4.2 ตวอยางการสราง Page แบบ List เชน ภาระงาน/งานประจ า หรอ ภาระการสอน/ทปรกษา

1) เมอกดปม Create page

11

- จะปรากฏหนาตาง Create ใหพมพชอ page ภาระงาน/งานประจ า หรอ ภาระการสอน/ท

ปรกษา แลวเลอก List แลวกด Create

- จะแสดงหนาตาง ใหเลอกรปแบบ เลอก Issue list คลกท Use template

12

2) เลอกท Customize this list

- แกไขชอคอลมนใหม ทกคอลมนแลวกด save (เลอก Typeใหตรงกบรปแบบขอมล)

13

- จะปรากฏหนาตางใหมตามภาพ

14

3) เลอกท Add item

- กรอกขอมลการด าเนนงาน/ปรมาณงาน แลวกด save

15

- จะปรากฏหนาการด าเนนงานตามภาพ

4.1 ตวอยางการสราง Page แบบ Announcements เชน “ผลงานวจย/ งานสรางสรรค”

-เมอกดปม Create pageจะปรากฏหนาตาง Create ใหพมพชอ page ผลงานวจย/ งานสรางสรรค

16

- แลวเลอก Announcements แลวกด Create จะไดหนาจอดงรป

- เปลยนชอเรองทตองการ post และ Add file แลวกด Save

17

4.2 ตวอยางการสราง Page แบบ File Cabinet เชน “แบบรายงานสรปผลการปฏบตงาน”

-เมอกดปม Create page /จะปรากฏหนาตาง Create ใหพมพชอ page “แบบรายงาน

สรปผลการปฏบตงาน” แลวเลอก File Cabinet แลวกด Create /จะแสดงหนาตาง ใหเลอก

รปแบบ Add file/Add link /Add from drive

ขนตอนท 5. การปรบแตงเพจและการจดเรยงแผนผงไซต

5.1 ดวย Page Settings คลกท ปมตงคา เลอก Page Settings

18

- จะปรากฏหนาจอ Page Settings ใหเลอกปม Show ทง 4 ปม แลวกด Save

5.2 ดวย Edit Side Layout คลกท ปมตงคา เลอก Edit Side Layout

19

- จะปรากฏหนาจอ คลกท Navigation ส าหรบจดเรยงแผนผงไซตดานขาง หรอจะจดเรยงแผนผงไซตดานบน เลอกท แผนผงไซต

- จะปรากฏหนาจอ Configuren navigation คลกทชอเพจ แลวเลอนปมขน-ลง ซาย-ขวา หรอ

Remove เพอจดเรยงล าดบแผนผงไซต /ปมเพม Add page กรณมเพจใหม /แลวกดปม ok

20

ขนตอนท 6 . การแชรเพจดวย Manage Site-Sharing

- คลกท ปมตงคา เลอก Sharing and Permissions

- จะปรากฏหนา Link to Sharing

21

- กด Change เพอเลอกการแชร เลอก On Siam University แลวกด Save

- เลอกการแชร ไปทe-mail เฉพาะบคคลท Invite people ใส e-mail แลวกด Send

22

ขนตอนท 7 . การปรบแตงและจดการธม ส และแบบอกษร ของ Site ตนเองใหสวยงาม

- คลกท ปมตงคา เลอก Manage Site

- จะปรากฏหนาจอ Manage Site คลกท Themes, Colors, and Fonts

23

- เลอกธมตามตองการทชอง Simple และจดการตงคาหนา Page ตางๆ อาทเชน การตงคาพนหลง

ขนาดและสขอความ แลวกด Save

ความหมายของหนาการจดการตงคา

-Entire page จดการตงคา ส ขนาดขอความ และรปภาพ ทกรอบดานนอก

-Site header จดการตงคา ส ขนาดขอความ และรปภาพ ทกรอบดานบน

-Content area จดการตงคา ส ขนาดขอความ และรปภาพ ทกรอบดานในเนอหา

-Content area gadgets จดการตงคา ส ขนาดขอความ และรปภาพ ทกรอบดานในและคอลมน

-Sidebar gadgets จดการตงคา ส ขนาดขอความ และรปภาพ ทแผนผงไซตดานขาง

-Horizontal navigation จดการตงคา ส ขนาดขอความ และรปภาพ ทแผนผงไซตในแนวนอน

END