Web Design Advanced

หลกสตร Web Design Advanced ก

ค ำน ำ

รายงานผลการด า เนนงานโครงการฝกอบรมเทคโนโลยสารสนเทศเ พอการ เรยนร หลกสตร Web Design Advanced โดยส านกวทยบรการและเทคโนโลยสารสนเทศ จดขนมวตถประสงคเพอใหบคลากรสายสนบสนน มความร ความสามารถเสรมใหแกบคลากรของมหาวทยาลยเทคโนโลยราชมงคลพระนคร ใหทนตอการเปลยนแปลงของเทคโนโลยสมยใหม ไดอยางด โดยจดขนระหวางวนท 23 -28 ธนวาคม 2556 ณ ศนยการเรยนรดวยตนเอง ชน 2 ส านกวทยบรการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยราชมงคลพระนคร มผเขาอบรม 26 คน คดเปนรอยละ 100 สนคาใชจายในการด าเนนงานรวมทงสน 123,240 บาท

ผลการประเมนโครงการพบวา ผเขารวมอบรมตอบแบบประเมนผลจ านวน 26 คน คดเปนรอยละ 100 มความเหนวา มความพงพอใจในการอบรมครงนโดยรวมอยในระดบมาก คอ 4.23 คดเปนรอยละ 84.62 หลงจากอบรมผเขารวมอบรมมความร ความเขาใจในเรองทอบรมเพมขนมคาเฉลย 5.00 คดเปนรอยละ 100และผเขารวมอบรมสามารถน าความรทไดรบจากการอบรมไปใชในการปฏบตงานไดอยในระดบมาก มคาเฉลย 4.38 คดเปนรอยละ 87.69 จากการส ารวจความพงพอใจของผเขารวมอบรมในดานประสทธภาพ อยในระดบมาก มคาเฉลย 4.48 หรอคดเปนรอยละ 89.62 โดยผเขารบการอบรมสามารถน าความรการใชปฏบตงานไดจรง

ส านกวทยบรการและเทคโนโลยสารสนเทศ หวงเปนอยางยงวารายงานฉบบนจะเปนประโยชนแกผมสวนเกยวของตอไป

ส านกวทยบรการและเทคโนโลยสารสนเทศ ธนวาคม 2556

หลกสตร Web Design Advanced ข

สำรบญ

หนำ

1. บทสรปผบรหำร 1

2. แบบเสนอของบประมำณ 2

3. รำยงำนผลกำรด ำเนนงำน 11

4. กำรประเมนผลโครงกำรฝกอบรม 12

5. ภำพกจกรรมกำรฝกอบรม 15

6. กำรน ำไปใชประโยชน/แลกเปลยนเรยนร 16

7. รำยละเอยดทำงกำรเงน 18

หลกสตร Web Design Advanced 1

โครงการงบประมาณในการพฒนาตามขอเสนอยทธศาสตรการพฒนาสถาบนเทคโนโลยราชมงคล

ดานวทยาศาสตรและเทคโนโลยในสวนของการพฒนาหองปฏบตการและพฒนาบคลากร หลกสตร Web Design Advanced ส าหรบบคลากรสายสนบสนนของมหาวทยาลย จดข นระหวางวนท 23 – 28 ธนวาคม 2556 ณ ศนยการเรยนรดวยตนเอง ส านกวทยบรการและเทคโนโลยสารสนเทศ โดยมวตถประสงคเพอพฒนาทกษะ ความรความสามารถเสรม ใหแกบคลากรของมหาวทยาลยเทคโนโลยราชมงคลพระนคร ใหทนตอการเปลยนแปลงของเทคโนโลย

การด าเนนงาน ไดรบงบประมาณ 123,240 บาท มผเขาอบรมจ านวน 31 คน สนคาใชจาย 123,240บาท ประกอบดวย

คาตอบแทน 50,400 บาท คาใชสอย 42,840 บาท คาวสด 30,000 บาท รวม 123,240 บำท จากการประเมนผลโครงการพบวา ผเขำอบรมมควำมพงพอใจในกำรอบรมครงนอยในระดบมำก มคำเฉลย 4.23 คดเปนรอยละ 984.62 กำรประเมนวทยำกร ผเขำอบรมมควำมพอใจอยในระดบมำก มคำเฉลย 4.49 คดเปนรอยละ 89.74 ดานความรความเขาใจ หลงจำกอบรมผเขำรวมอบรมมควำมร ควำมเขำใจในเรองทอบรมเพมขน มคำ มำก โดยมคำเฉลย 5.00 คดเปนรอยละ 100 ดานการน าความรไปใชประโยชน ผเขำอบรมสำมำรถน ำควำมรทไดรบจำกกำรอบรมไปใชในกำรปฏบตงำนไดอยในระดบ มำก มคำเฉลย 4.38 คดเปนรอยละ 87.69 ดานประสทธภาพจากการส ารวจควำมพงพอใจของผเขำรวมอบรมในดำนประสทธภำพ อยในระดบ มำก มคำเฉลย 4.48 หรอคดเปนรอยละ 89.62 ปญหำอปสรรค

1. มบางหนวยงานจดอบรม วน เวลา ตรงกน จงไมสามารถเขาอบรมได 2. สงรายชอมาแตไมเขาอบรม เนองจากมงานดวนทตองท า 3. มบางหนวยงานสงรายชอลาชา

ขอเสนอแนะเพมเตม

1. อยากใหส านกวทยบรการฯ จดอบรมใหสายสนบสนนดวย ไมใชจดแตสายวชาการ 2. อยากใหส านกวทยบรการฯ จดอบรมหลกสตรอน ๆ ดวย 3. ควรเพมวทยากรใหมากกวาน เนองจากผเขาอบรมมจ านวนมาก 4. ควรท าความสะอาดเครองคอมพวเตอรและอปกรณพวง

บทสรปผบรหำร


โครงกำรงบประมำณในกำรพฒนำตำมขอเสนอยทธศำสตรกำรพฒนำสถำบนเทคโนโลยรำชมงคล ดำนวทยำศำสตรและเทคโนโลยในสวนของกำรพฒนำหองปฏบตกำรและพฒนำบคลำกร

ของมหำวทยำลยเทคโนโลยรำชมงคลพระนคร ปงบประมำณ พ.ศ. ๒๕๕๗ หนวยงำน ส ำนกวทยบรกำรและเทคโนโลยสำรสนเทศ

ชอโครงกำร โครงการพฒนาการจดการศกษาสาขาระบบเทคโนโลยสารสนเทศเพอการเรยนร หลกสตร Web Design Advanced ลกษณะของโครงกำร

( ) ๑.๑ การสงเสรม ความตระหนก ปลกฝงจตส านก ( ) ๑.๒ การสบสาน การพฒนา การอนรกษ ( / ) ๑.๓ การอบรม การประชม การสมมนา (ทางวชาการ/เชงปฏบตการ) ( ) ๑.๔ การฝกศกษา การศกษาดงาน ( ) ๑.๕ การจดนทรรศการ การจดงาน ( ) ๑.๖ อน ๆ .............................................................................

ควำมสอดคลองกบยทธศำสตรและกลยทธของมหำวทยำลย กลยทธท ( ) ๑.๑ บรณาการหลกสตรแบบองครวม

( ) ๑.๒ สรางความเขมแขงทางวชาชพเฉพาะทาง ( / ) ๑.๓ บรหารจดการเชงรก ( ) ๑.๔ พฒนานกศกษาและบณฑตใหเปนทรพยากรมนษยทมคณคา และรวมมอกบศษยเกา ( ) ๑.๕ พฒนาศกยภาพของบคลากรทางการศกษาทกระดบ ( ) ๑.๖ ใหบรการวชาการแกสงคม เพอสรางและพฒนาอาชพโดยยดหลกเศรษฐกจพอเพยง ( ) ๑.๗ สนบสนนและสบสานงานท านบ ารงศลปวฒนธรรม และรกษาสงแวดลอม ( ) ๑.๘ พฒนางานวจย/นวตกรรม/สงประดษฐ เชงบรณาการ เพอประโยชนเชงพาณชย ( ) ๑.๙ เผยแพรและถายทอดองคความรสความเปนเลศ ( ) ๑.๑0 สรางวฒนธรรมองคกรเชงคณภาพ ( ) ๑.๑๑ พฒนาความเขมแขงการใหบรการเชงวชาการโดยการถายทอดองคความรทเกดจากการ เรยนการสอน/การวจย เพอใหเกดประโยชนแกชมชน ( ) ๑.๑๒ พฒนาความเขมแขงของการใหบรการเพอหารายไดแกมหาวทยาลย ( ) ๑.๑๓ พฒนาระบบบรหารงานบรการวชาการเพอสรางศกยภาพในการใหบรการวชาการ ( ) ๑.๑๔ สรางเครอขายความรวมมอดานการบรการวชาการระหวางหนวยงานภาครฐ ภาคเอกชน และชมชน ( ) ๑.๑๕ สงเสรมการอนรกษศลปวฒนธรรมภมปญญาทองถนและรกษาสงแวดลอม ( ) ๑.๑๖ พฒนาบคลากรดานการวจยทมศกยภาพ ( ) ๑.๑๗ พฒนาผลงานวจยหรองานสรางสรรคเชงบรณาการทมคณภาพ


( ) ๑.๑๘ พฒนาระบบงานบรหารวจย ( ) ๑.๑๙ สรางเครอขายความรวมมอดานการวจยระหวางหนวยงานภาครฐ ภาคเอกชนและชมชน เพอสรางมลคาเพมของงานวจย

ความสอดคลองกบกลวธ/มาตรการ ประชาสมพนธเชงรก และแนะแนวการศกษาเชงรก ผรบผดชอบโครงกำร ส านกวทยบรการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยราชมงคลพระนคร หวหนาโครงการ นางสาวเพชราภรณ เพชรแกว รองผอ านวยการส านกวทยบรการและเทคโนโลยสารสนเทศ หลกกำรและเหตผล ในสภาวะสงคมปจจบนน การพฒนาเวบไซตมความส าคญมากตอองคกรหรอหนวยงานตางๆ เพมขน เนองจากเทคโนโลยไดเขามาครอบคลมกบประเทศของเรามากขนกวาแตกอน การด าเนนงานในการจดท า หรอ การพฒนาเวบไซตนนเปนสงทผเรยนรทกคนจะตองมพนฐานมาบางอยแลว การด าเนนงานเพอใหเปนไปตามวตถประสงคของเปาหมายนน จ าเปนตองอาศยบคลากรทมความร ความสามารถในการสรางเวบไซต เพอทจะไดน าเอาความร วชาการ และเทคโนโลยใหมๆไปถายทอดสแกหนวยงานนน และเพอทจะไดน าความรทไดรบไปใชปรบปรงทางดานเทคโนโลยใหแกหนวยงานของเรา เพอทจะใหหนวยงานและบคลากรมความเขาใจเพมขนและมความสามารถมากยงขนกวาเดม ซงการพฒนาเวบไซตนนมเอกลกษณทหลากหลายรวมไปถงการตกแตงภาพใหสวยงามดวยกราฟฟก เพอใหเขาใจในรายละเอยดนและมประสทธภาพในเรองการท างานเพมมากขน ถงแมวาการพฒนาเวบไซตนเปนทนยมมากในปจจบน แตหลกในการปฏบตทถกก าหนดไวนนจะประสบผลส าเรจได บคลากรหรอเจาหนาทตองมความสามารถในการปฏบตงานอยางมประสทธภาพ ตองใชประสบการณในการท าความเขาใจเกยวกบ เทคโนโลยใหมากขน ดงนน ทางส านกวทยฯบรการ จงไดจดโครงการอบรมหลกสตร Web Design Advanced ขนเพอสงเสรม และสนบสนนใหบคลากรไดมความรและความสามารถเกยวกบการพฒนาเวบไซตตางๆใหมความสวยงาม โดดเดน มเอกลกษณเฉพาะตวยงขน สามารถปรบแตงเทคนคการออกแบบตามเทรนดเวบไซตยอดนยมในปจจบน ผเรยนจะไดรบรถงการปพนฐานหลกการออกแบบเวบไซต เรยนรการท างานแบบเปนกระบวนการตงแตเรมสรางแนวคด การพฒนาเวบไซตดานตางๆ รวมไปถงการตกแตงใหสวยงามดวยภาพกราฟฟก ลกเลน การจด Layout ตางๆ ขนเพอเพมความสนใจใหกบ เวบไซตเพมมากยงขน สามารถน าเทคโนโลยไปใชใหเกดประโยชนในดานของการท างาน ซงหลกสตรทใชในการฝกอบรมนสามารถท าใหเรารเกยวกบ โปรแกรมตางๆ การใชโปรแกรมสรางภาพใหเสมอนของจรงใหไดตามทตองการ สามารถเสรมสรางแนวคดและวธการเพมชองทางในการตลาด และการผสมผสานของค าสงเพอเพมลกเลนใหแกภาพโดยวธงายและสน กะทดรด และเชยวชาญในดานนเพมมากขนจากเดม


วตถประสงค 1. เพอใหบคลากรมความเขาใจเกยวกบการพฒนาเวบไซตมากยงขน 2. เพอน าความรจากการฝกอบรมไปใชในการปฏบตงานไดอยางมประสทธภาพ 3. เพอพฒนาใหไดโปรแกรมกราฟฟกตางๆ และปพนฐานการออกแบบเวบไซตทหลากหลาย ซงสามารถ

น ามาประยกตใชในชวตจรง

กลมเปำหมำย อาจารย,เจาหนาท จ านวน 34 คน ผเขาอบรม จ านวน 26 คน กรรมการ จ านวน 7 คน วทยากร จ านวน 2 คน

สถำนทด ำเนนงำน ศนยการเรยนรดวยตนเองเทเวศร ส านกวทยบรการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลย

ราชมงคลพระนคร

ระยะเวลำด ำเนนงำน เดอน 16 – 20 ธนวาคม 2557 รวม 5 วน

ขนตอนกำรด ำเนนงำน

กจกรรม ป พ.ศ.256 ป พ.ศ. 2557 ไตรมำสท 1 ไตรมำสท 2 ไตรมำสท 3 ไตรมำสท 4

ต.ค. พ.ย. ธ.ค. ม.ค ก.พ. ม.ค. เม.ย. พ.ค ม.ย. ก.ค. ส.ค. ก.ย. 1.จดท ารางและรายละเอยดโครงการฯ 2.น าเสนอผบรหารเพอขอความเหนชอบในหลกการเบองตน

3.ปรบรายละเอยดโครงการตามความเหนชอบของผบรหาร

4.ขออนมตโครงการ 5.ประสานแผน วทยากรและทรพยากรด าเนนงาน

6.ด าเนนโครงการอบรม 7.ตดตาม ประเมณผลโครงการและรายงานผลการด าเนนโครงการ

8.รายงานผลการตดตามการน าความรไปใชประโยชน ภายใน 1 เดอน หลงจากด าเนนโครงการแลวเสรจ


งบประมำณ 123,240 บำท ( หนงแสนสองหมนสำมพนสองรอยสสบบำทถวน ) เบกจายจากงบประมาณในการพฒนาตามขอเสนอยทธศาสตรการพฒนาสถาบนเทคโนโลยราชมงคลพระนครดานวทยาศาสตรและเทคโนโลยในสวนของการพฒนาหองปฏบตการและพฒนาบคลากร ของมหาวทยาลยเทคโนโลยราชมงคลพระนคร ปงบประมาณ ๒๕๕๗

1. คำตอบแทน 50,400 บำท

คาตอบแทนวทยากรภายนอก ( 7 ชม. x 6 วน x 1,200 บาท x 1 คน )

2. คำใชสอย 42,840 บำท (ผเขาอบรมและคณะกรรมการด าเนนงาน จ านวน 3๔ คน)

- คาอาหารวาง (12 มอ x 34 คน x 30 บาท ) 12,240 บาท - คาอาหารกลางวน (6 มอ x 34 คน x 150 บาท ) 30,600 บา

3. คำวสด 30,000 บำท

รวมทงสน 123,240 บำท ( หนงแสนสองหมนสำมพนสองรอยสสบบำทถวน )

หมำยเหต ขอถวเฉลยจายคาใชจายทกรายการและจ านวนคนโดยเบกจายตามวงเงนทไดรบอนมต


รายละเอยดหลกสตรการฝกอบรม โครงการฝกอบรมเทคโนโลยสารสนเทศเพอการเรยนร หลกสตร Web Design Advanced

Web Design Advanced

ตำรำงกำรอบรม หลกสตร Web Design Advanced

รำยละเอยดหลกสตร

23 ธนวาคม 2556 8.30 – 12.00 น.

ครงท 1 เรยนรแนวคดในกำรออกแบบเวบไซต เพอใหเวบมลกษณะโดดเดน สวยงำม

เขาใจหวใจหลกในการออกแบบงานเวบไซต (Concept Design ) เรยนรทฤษฎส การเลอกใชส ใหเหมาะกบงานเวบไซต ประเภทตางๆ การจดวางองคประกอบทดบนเวบไซต การคดในระบบทมเวรค เพอใหงานส าเรจตามเปาหมายทก าหนด วธการเตรยมงานกราฟฟค เพอใชในงานเวบไซต รปแบบของไฟลงานกราฟฟคประเภทตางๆ การเลอกใชภาพใหเหมาะสม กบงานเวบ

13.00 – 16.30 น.

ครงท 2 เทคนคกำรจดเตรยมหำภำพกรำฟฟคทสวยงำม

มมมองการจดวาง Layout กอนเรมตน โปรเจค

วธคดแบบเปนขนตอน และ การน าทฤษฏสเขามาใชในการปฏบตงานจรง

จดวาง Layout และสามารถวเคราะหความเหมาะสมในการน าไปใชจรงได

Workshop : จดท ำ Web Layout เพอเตรยมประกอบหนำ Homepage


24 ธนวาคม 2556 8.30 – 12.00 น.

ครงท 3 Slice ชนงำนเพอประกอบในสวนของ HTML ดวย Dreamweaver CS6

จดเตรยม Site และน าชนงานทเตรยมจดท าหนา Homepage

สงเกต และแกปญหาทเกดขนจากการออกแบบ ในลกษณะตางๆ

ศกษาวธค านวณระยะเวลา และคาใชจาย ทจะตองท า Website ในแตละลกษณะ

จดทมวางแผนการท างาน ตามการปฎบตงานจรง การตดตอภาพ เพอใหดสมจรง ในการน ามาใช

Workshop : วำงแผนงำน และConcept ของ Website เพอเตรยมน ำเสนอและจดท ำในครงตอไป

13.00 – 16.30 น.

ครงท 4 น ำเสนอแผนงำน และเรมท ำโปรเจคแบบเปนระบบ

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

จดท าโปรเจคแตละทม พรอมการใหค าปรกษาและขอคดเหนของวทยากร

Workshop : จดท ำโปรเจคใหสมบรณ และสรปเทคนคพเศษของทมทใช

25 ธนวาคม 2556 8.30 – 12.00 น.

ครงท 5 น ำเสนอ Website และเทคนคกำรท ำงำนทเลอกใช

แตละทมน าเสนอ website ทจดท าส าเรจ พรอมเทคนคทเลอกใช วทยากรแนะน าเพมเตม และประเมนผล

น าขนใชงานจรง และทดสอบจากระบบจรง

ประยกตใช Behavior เชน ทดลองสราง Action ทเปนทนยมใชในงานเวบ

13.00 – 16.30 น.

ครงท 6 ท ำควำมเขำใจโครงสรำงภำษำ HTML และกำรเขยน Javascript ทซบซอนขน รวมทงกำรประยกต Behaviors พนฐำนเพอควบคมกำรแสดงผลทนำสนใจมำกขน

ท าความเขาใจ โครงสรางภาษา HTML เพอเขาถงการแกไขระดบ Code เขาใจถงความส าคญ และความสามารถของ Javascript ประโยชนของการน า Javascript มาประยกตใชบนเวบไซต ประยกตใช Behavior เชน ทดลองสราง Action ทเปนทนยมใชในงานเวบ


26 ธนวาคม 2556 8.30 – 12.00 น.

ครงท 7 เรยนรกำรใช CSS อยำงเปนโครงสรำง เพอจดกำร style ของทงเวบไซต

เรยน รการท างานรวมกนของ HTML และ CSS

การตกแตงหนาเวบ ใหสวยงาม ดวย CSS

การเพมเตมความนาสนใจใหกบเวบไซต ดวยการก าหนด Fonts ,Menu, ส, borders, การจดวางองคประกอบตางๆ ใหไดตามตองการ

การน า CSS มาปรบแตงแกไข เวบไซต เฉพาะหนา หรอ ทงเวบไซต ไดดวยตนเอง

13.00 – 16.30 น.

ครงท 8 CSS Part 2 : กำรน ำ CSS เขำมำใชรวมกบ javascript

รจก การใช CSS ทซบซอนมากขน

การใช javascript มาบงคบปรบแตง CSS ขณะใชงาน เชน การน าเมาสแตะทกลองขอความแลวเปลยนชดของ CSS

การใชงาน Library, การแกไข และลบ Object ใน Library

27 ธนวาคม 2556 8.30 – 12.00 น.

ครงท 9 กำรสรำง Template และ Library เพอเพมประสทธภำพในกำรสรำงเวบไซตขนำดใหญ

การเพมประสทธภาพในการสราง Web ดวย Template และ Library

การสราง Template File เพอการสรางหนา HTML ทงายตอการ Update

การก าหนดพนทเปลยนแปลงไดใน Template

การใชงาน Library, การแกไข และลบ Object ใน Library

13.00 – 16.30 น.

ครงท 10 กำรแบงงำนในกำรอพเดทเวบไซทอยำงงำยดวย Contributeและใช iframeประยกตใหเวบสมบรณแบบ

แบงงานในสวน Content ใหผรวมงาน โดยไมจ าเปนตองมพนฐานในการจด Layout ดวย Macromedia Contribute

การใช Tag iframe ในการน าสวนของ Free Programming มาใชงาน


28 ธนวาคม 2556 8.30 – 12.00 น.

ครงท 11 กำรน ำ Multimedia เขำมำใชใน website

รจกไฟลมลตมเดยมาตรฐานทใชกนใน website

การใชงานไฟลแบบ Downloading และ streaming

การน าไฟลจาก Google Video หรอ YouTube.com มาใชตกแตงในงาน

13.00 – 16.30 น.

ครงท 12 เรยนรกำรท ำเวบเชงกำรตลำด กำรท ำ Search Engine Optimization :: SEO

เทคนคการท าประชาสมพนธเวบไซต รจกกบ Search Engine Optimization ทเปนทนยมในปจจบน

เราสามารถขยายชองทางทางการตลาดใหกบเวบไซตไดอยางไรบาง

กรณศกษำ :: เวบไซตทประสบควำมส ำเรจ ทงในไทยและตำงประเทศ กำรประเมนผลโครงกำร

1. จ านวนกลมเปาหมาย จ านวน 26 คน 2. ความรความเขาใจ 3. ผเขารบการฝกอบรมมความพงพอใจในการฝกอบรมโดยรวม รอยละ 85 % 4. ผเขารวมโครงการสามารถน าความรไปใชประโยชน รอยละ 85 %

วธกำรประเมน

1. ท าแบบทดสอบกอน-หลงการด าเนนโครงการ 2. มการสงเกตการณมสวนรวม 3. ท าแบบประเมนโครงการ เมอสนสดโครงการ


ผลทคำดวำจะไดรบ 1. ผเขาอบรมสามารถมความรเกยวกบการออกแบบ เวบไซตมากยงขน 2. มหาวทยาลยเทคโนโลยราชมงคลพระนคร มนกพฒนาระบบทมความสามารถ เพอปฏบตงานใน

อนาคตตอไปได 3. บคลาการสามารถน า Extension พเศษมาประยกตใชในการท างานได

กำรรำยงำนผล รายงานผลการด าเนนงานตามแบบรายงานทกองนโยบายและแผนก าหนด และสงรายงานฉบบสมบรณเมอโครงการแลวเสรจ


โครงการงบประมาณในการพฒนาตามขอเสนอยทธศาสตรการพฒนาสถาบนเทคโนโลยราชมงคล ดานวทยาศาสตรและเทคโนโลยในสวนของการพฒนาหองปฏบตการและพฒนาบคลากร หลกสตร Web Design Advanced ส าหรบบคลากรสายสนบสนนของมหาวทยาลย จดข นระหวางวนท 23 – 28 ธนวาคม 2556 ณ ศนยการเรยนรดวยตนเอง ส านกวทยบรการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยราชมงคลพระนคร

1. ผลกำรด ำเนนงำนดำนกำรจดกำรในภำพรวม 1.1 ในการอบรมกลมเปาหมายผเขารวมโครงการประกอบดวยอาจารยและบคลากรสาย

สนบสนน ทกหนวยงานของมหาวทยาลย จ านวน 34 คน

1.2 งบประมาณทไดรบ 123,240 บาท เปนเงนคาใชจายในการด าเนนงานจรง 123,240 บำท ประกอบดวย

คาตอบแทน 50,400 บาท คาใชสอย 42,840 บาท คาวสด 30,000 บาท รวม 123,240 บำท

1.3 จากการส ารวจความพงพอใจของผเขารวมอบรมในภาพรวม มคาเฉลยอยในระดบ มำก มคาเฉลย 4.23 คดเปนรอยละ 84.62 จากผตอบแบบสอบถาม 26 คน

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

ประโยชน และดำนประสทธภำพ 2.1 ดำนวทยำกร จากการส ารวจความพงพอใจของผเขารวมอบรมในดานวทยำกรอยใน ระดบ มำก มคาเฉลย 4.48 คดเปนรอยละ 89.62 2.2 ดำนควำมรควำมเขำใจ หลงจากอบรม ผเขารวมอบรมมความรความเขาใจในเรองท อบรม เพมขน อยในระดบ มำก มคาเฉลย 4.00 คดเปนรอยละ 88.00 2.3 ดำนกำรน ำควำมรไปใชประโยชน ผเขารวมอบรม สามารถน าความรทไดจากการ อบรมไปใชในการปฏบตงานได อยในระดบ มำก มคาเฉลย 4.41 คดเปนรอยละ 88.20 2.4 ดำนประสทธภำพ จากการส ารวจความพงพอใจของผเขารวมอบรมในดานประสทธภาพ อยในระดบ มำก มคาเฉลย 4.48 หรอคดเปนรอยละ 89.62

รำยงำนผลกำรด ำเนนงำน โครงกำรฝกอบรมเทคโนโลยสำรสนเทศเพอกำรเรยนร ประจ ำป 2557

หลกสตร Web Design Advanced


ประชากร ประชากรทใชในการประเมนผลโครงการเทคโนโลยสรสนเทศเพอการเรยนร หลกสตร Web Design Advanced ระหวางวนท 23 – 28 ธนวาคม 2556 ณ ศนยการเรยนรดวนตนเอง ส านกวทยบรการและเทคโนโลยสารสนเทศ ผเขาอบรมประกอบดวยอาจารยและบคลากรสายสนบสนนทกหนวยงาน จ านวน 26 คน กลมตวอยาง ทใชในการประเมนผลโครงการ คอ บคลากรสายสนบสนนทกหนวยงานของมหาวทยาลย จ านวน 26 คน คดเปนรอยละ 100 ของผเขาอบรม เครองมอทใชในการเกบรวบรวมขอมล ม 1 ฉบบไดแก แบบประเมนตนเองโครงการเพอการสงเอกสารทางการเงน ลกษณะแบบสอบถามเปนแบบมาตราสวนประมาณคา 5 ระดบ (Rating Scale) คอ มากทสด มาก ปานกลาง นอย และนอยทสด แบงเปน 3 ตอนคอ ตอนท 1 ขอมลสวนบคคล ตอนท 2 ความคดเหนดานการอบรม ตอนท 3 ขอเสนอแนะเพมเตม

แบบสรปผลกำรประเมนผลโครงกำรอบรม หลกสตร Web Design Advanced จ ำนวนผตอบแบบสอบถำมทงหมด 26 คน

ตำรำงท 1 ขอมลสวนบคคล

ขอมลสวนบคคล จ ำนวน รอยละ เพศ ชาย 25 80.65% หญง 6 19.35%

กำรประเมนผลโครงกำรฝกอบรม เทคโนโลยสำรสนเทศเพอกำรเรยนร ประจ ำป 2555

หลกสตร Web Design Advanced


ตำรำงท 2 กำรประเมนตนเองของผรบกำรอบรมตอควำมคดเหนดำนกำรอบรม

เกณฑกำรใหคะแนนระดบควำมคดเหน คาเฉลย 4.50-5.00 หมายถง มความพงพอใจมากทสด คาเฉลย 3.50-4.49 หมายถง มความพงพอใจมาก คาเฉลย 2.50-3.49 หมายถง มความพงพอใจปานกลาง คาเฉลย 1.50-2.49 หมายถง มความพงพอใจนอย คาเฉลย 0.50-1.49 หมายถง มความพงพอใจนอยทสด

ประเดนควำมคดเหน

ระดบควำมพงพอใจ / ควำมรควำมเขำใจ / กำรน ำควำมรไปใชประโยชน มำกทสด

(รอยละ)

มำก

(รอยละ)

ปำนกลำง

(รอยละ)

นอย

(รอยละ)

นอยทสด

(รอยละ)

คำเฉลย

(รอยละ) ระดบ

ดำนวทยำกร

1. การเตรยมตวและความพรอมของวทยากร

9.00 (34.62%) 17.00 (65.38%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.35 (86.92%) มาก

2. สามารถอธบายเนอหาไดชดเจนและตรงประเดน

11.00 (42.31%) 15.00 (57.69%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.42 (88.46%) มาก

3. ใชภาษาทเหมาะสม เขาใจงาย 15.00 (57.69%) 11.00 (42.31%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.58 (91.54%) มากทสด

4. สามารถตอบค าถามไดตรงประเดน

11.00 (42.31%) 15.00 (57.69%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.42 (88.46%) มาก

5. วทยากรมจ านวนเพยงพอเหมาะสม

15.00 (57.69%) 11.00 (42.31%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.58 (91.54%) มากทสด

6. เอกสารประกอบการบรรยายเหมาะสม

15.00 (57.69%) 11.00 (42.31%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.58 (91.54%) มากทสด

รวมทงหมด

4.49 (89.74%) มาก ดำนควำมรควำมเขำใจ

1. ความร ความเขาใจในเรองนกอนการอบรม

0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 26.00 (100.00%) 1.00 (20.00%) นอยทสด

2. ความร ความเขาใจในเรองนหลงการอบรม

26.00 (100.00%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 5.00 (100.00%) มากทสด


4.00 (80.00%) มาก ดำนกำรน ำควำมรไปใชประโยชน

1. น าความรทไดรบไปใชในการปฏบตงานได

10.00 (38.46%) 16.00 (61.54%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.38 (87.69%) มาก

2. สามารถใหค าปรกษา แนะน าแกเพอนรวมงานได

11.00 (42.31%) 15.00 (57.69%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.42 (88.46%) มาก

3. มความมนใจการน าความรทไดไปใชประโยชน

11.00 (42.31%) 15.00 (57.69%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.42 (88.46%) มาก


4.41 (88.20%) มาก ดำนประสทธภำพ

1. การใหบรการของเจาหนาท 12.00 (46.15%) 14.00 (53.85%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.46 (89.23%) มาก 2. การประสานงาน อ านวยความสะดวกของเจาหนาท

11.00 (42.31%) 15.00 (57.69%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.42 (88.46%) มาก


3. สถานทสะอาดและมความเหมาะสม

14.00 (53.85%) 12.00 (46.15%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.54 (90.77%) มากทสด

4. วสด / อปกรณในการฝก มความเหมาะสม

18.00 (69.23%) 8.00 (30.77%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.69 (93.85%) มากทสด

5. ระยะเวลาในการอบรม/สมมนามความเหมาะสม

14.00 (53.85%) 12.00 (46.15%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.54 (90.77%) มากทสด

6. ทานมความพงพอใจในการอบรมครงน

6.00 (23.08%) 20.00 (76.92%) 0.00 (0.00%) 0.00 (0.00%) 0.00 (0.00%) 4.23 (84.62%) มาก


4.48 (89.62%) มาก


ประมวลภำพกจกรรม


หลกฐำนกำรน ำไปใชประโยชน

น ำเนอหำจำก Ms Word เขำ Dreamweaver ใน Dreamweaver เราสามารถท จะเปดและ น าเขาเอกสาร HTML ท ถกสรางโดย โปรแกรม Microsoft Word ได โดยใชค าสง Clean up Word HTML ใน การลบโคด HTML ทถกสรางโดย Word ออก ซงโคดทถกลบออกดงกลาวจะเปนโคดทใชก าหนด รปแบบของเนอหาใน Word ซงไมสามารถแสดงใน WebBrowser ได กอนอนควร แปลงเอกสาร Microsoft Word ใหเปน HTML กอน ( โดยเลอกค าสง บนทกเปนเวบเพจ ) วธท 1 1. เปดไฟล HTML ทถกสรางจาก Word ดวย Dreamweaver 2. เลอก Commands > Clean Up Word HTML 3. ปรากฏ ไดอะลอกเมน Clean Up Word HTML กดปม OK เพอลบโคด วธท 2 1. เปด Dreamweaver เลอกค าสง File > Import > Word HTML 2. เลอกไฟล HTML ทถกสรางจาก Word 3. Dreamweaver จะตรวจสอบรนของ Word ทใชบนทกไฟล ดงกลาว 4. ปรากฏ ไดอะลอกเมน Clean Up Word HTML กดปม OK เพอลบโคด


ขอมลใน ไดอะลอกเมน Clean Up Word HTML Clean up HTML from เลอกเวอรชนของ Microsoft Word Remove all Word Specific Markup ก าหนดให ลบแทก HTML เฉพาะทถกสรางโดย Word Clean up CSS ก าหนดใหลบ CSS เฉพาะทถกสรางโดย Word Clean up <font> Tags ก าหนดให ลบแทก HTML ทอย ในแทก <body> แลว ก าหนดคาขนาดของตวอกษร ในแทก <body> ใหเทากบ 2 Fix Invalidly Nested Tags ก าหนดใหลบแทก font ท ถกสรางโดย Word ทอย นอกแทก ทอยในระดบบลอกออก เชน แทก <p>, <h1> และ<h2> Set Background Color เปนฟลดทใหพมพ รหสของสท เปนเลขฐาน 16 ในการก าหนดสพนหลง ใหกบเวบเพจ Apply Source Formatting ก าหนดใหใช รปแบบของซอรสโคด ตามทก าหนดไวใน HTML Format Preference Show Log on Completion ก าหนดใหแสดงกลองขอความ ทแสดงรายละเอยด ของการเปลยนแปลงทได ท ากบเอกสาร HTML ท สรางจาก Word ในขณะทน าเขาเนอหาใน Dreamweaver


กำรใส File VDO (.wmv) ลงในหนำ เวบเพจ โดย Dreamweaver คณเคยเหนเวบไซด หลายๆ เวบม VDO หนา เวบกนใชมยครบ วนนเราเอามาใสกนบางดกวา งายๆ แคไปท Insert > media > Plugin และ หา ไฟลทเปน .wmv มาลง


รำยละเอยดทำงกำรเงน

Web Design Advanced

Documents