Learning Log Week 9 (1/Feb./10)

Learning Log Week 9 (1/Feb./10)

สิ้งที่ได้เรียนรู้

วันนี้เราได้นำเสนอ Site structer เกี่ยวกับ jomla ที่เราได้ทำตัวของกลุ่มเรานั้นทำเรื่อง Zoo World ที่เป็นการทำเว็บให้แก่สวนสัตว์โดยมีการวางเมนูหน้าหลักเอาไว้ คือ Home , Zoo member , Zoo Gallary,Zoo Contact , about Zoo และมีPromotion พิเศษสำหรับสมาชิก โดยทีมของเว็บจะออกโทนซาฟารี เน้นสีเขียวและสีสดใสเพื่อให้เข้ากับเนื้อหา โดยจากคำแนะนำคือการเพิ่มลูกล่นในส่วน Header และหน้าแรกเป็นแอนนิมเช่นที่จะทำให้ดึงดูดคนเข้ามาดูค่ะ และปรับให้เล็กลง โดยความคืบหน้านั้นเหลือเพียงใส่เนื้อหาและรูปเท่านั้น และได้เรียนรู้การอัพ joomla ขึ้นบนอินเตอร์เน็ต

- โดยเริ่มจากการโหลด Extention ที่ชื่อว่า Joomla Pack

- เมื่อได้โปรแกรมมาแล้วให้เรานำ joomla pack ที่ได้เป็นไฟล์ ZIP อัพขึ้นที่ Host โดยการ Install > Upload

- จากนั้นทำการโหลด JoomlaPackeXtract.download.exe เพื่อแปลงไฟล์

- เมื่ออัพโหลดแล้ว ให้เราเปลี่ยนที่หัวข้อ Advance และไปที่ File ที่เราจะดาวโหลดเปลี่ยนจาก ZIP เป็น JPA จากนั้นกด Back up now รอสักครู่ เมื่อได้เเล้วเราก็ ดาวโหลดไฟล์นั้นออกมา และนำมาแปลงใน JoomlaPackeXtract เราจะได้เป็น Folder ค่ะ

สิ่งที่จะนำมาในอาทิตย์หน้า

ทำ Joomla ให้เสร็จเพื่อที่จำนำเสนอในอาทิตย์ต่อไป รวมถึงจัดทำเอกสารการทำงาน อีกทั้งเตรียมเอกสารการประเมินมาเพื่อประเมินเพื่อนๆกลุ่มอื่นตามหลักเกณฑ์ที่ได้กำหนดเอาไว้

ข้อเสนอแนะ

วันนี้ค่อนข้างสับสนในการสร้างโครงสร้างทั้งหมดของเว็บแต่เเก้ไขได้ด้วยเอกสารที่ศึกษาเพิ่มจากหนังสือ

Learning Log Week 8(18/ Jan/10)

Learning Log Week 8(18/ Jan/10)

สิ่งที่ได้เรียนรู้

การเปลี่ยนโลโก้ใหม่ให้กับเว็บของเรา เพื่อแทนที่โลโก้ Joomla โดยจะต้องเซฟชื่อ และนามสกุลไฟล์ให้เหมือนเดิม

สร้าง Article โดยการสร้าง Article นั้นอันดับแรกเราต้องสร้าง Menu หลักก่อน และค่อยสร้าง Catagory และ สร้าง section จากนั้นเรามาสร้าง Article และกำหนดเมนูรวมถึง Catagory , มุมสมาชิก เป็นมุมที่สร้างขึ้นมาเพื่อสมาชิกโดยเฉพาะ และจะต้อง ลอคอิน เข้าใช้งานเพื่อที่จะเห็นสิ่งพิเศษหรือข้อความพิเศษ

สิ่งที่ค้นคว้าเพิ่มเติม

กลับไปศึกษา เพิ่มเติม

วางแผนหัวข้อในการทำ joomla และเนื้อหาคร่าวๆ

ข้อเสนอแนะ

joomla ค่อนข้างต้องศึกษาเทคนิคให้มากๆค่ะเท่านั้นเราก็จะทำได้ดี แต่คงต้องออกแบบงานไว้ก่อนด้วยค่ะ

จะได้ไม่มีปัญหาเวลาทำงาน

Learninglog week 7 (04/ Jan./ 10)

Learning Log week 7 (04/ Jan./ 10)

สิ่งที่ได้เรียนรู้

เริ่มจากการเรียนรู้ในเรื่องของ CMS และ LMS

CMS คือ การทำเว็บไซต์โดยที่ฟผู้ใช้ไม่จำเป็นที่จะต้องมีความรู้มากในเรื่องของ html เสมือนกับเป็นโปรแกรมสำเร็จรูปที่ผู้ใช้สามารถนำมาใช้งานได้เลยเพียงแค่เราสามารถปรับแก้ Template หรือส่วนต่างๆของเว็บตามใจเรา ซึ่งรูปแบบการทำเว็บแบบ CMS นั้นส่วนมากจะนิยมใช้ในการทำเว็บของสำนักงาน และเว็บเอกชน เป็นต้น ตัวอย่างเว็บแบบ CMS เช่น Google Site แต่ที่นี่จะมี Template บังคับให้เราเลือกใช้เลยแต่จะเป็นโปรแกรมที่base มาจาก html หรือ อย่างเช่น Wordpress เป็นต้น

LMS เป็นโปรแกรมการสร้างเว็บอีกแบบหนึ่งแต่จะเน้นไปที่การศึกษา การเรียนออนไลน์ ซึ่งสิ่งที่เพิ่มเติมคือผู้สอนสามารถดูการตอบรับ การร่วมกิจกรรมของผู้เรียนได้ว่าผู้เรียนเข้าเว็บมากี่ครั้ง ทำกิจกรรมกี่ครั้ง เป็นต้ต ตัวอย่างของเว็บแบบ LMS คือ blackboard ซึ่งมีลิขสิทธิ์ หรือจะเป็น Sakai project ที่ต่างประเทศนิยมมาก

Joomla การสร้างเว็บไซต์ของตนเองด้วย Joomla โดยเป็นเว็บไซต์ที่เราสามารถกำหนดทั้งบลอค ทีม บทความต่างๆ ที่ต้องการให้ผู้อื่นเข้าชม การอัพเดตที่ง่ายกว่า Dreamwever ที่ค่อนข้างยุ่งยาก การเริ่มใช้งานนั้นต้องเริ่มจากการโหลดโปรแกรม Appserve และ โปรแกรม Joomla จากนั้น ฏ้ติดตั้งทั้ง 2โปรแกรม นำโปรแกรม Joomla มาใส่น Folder ของ www ที่อยู่ใน Appserve จากนั้นก็ลอง พิมพ์คำว่า http://localhost/joomla จากนั้นโปรแกรมก็จะขึ้นมา ดดยเราสามารถทำการเพิ่มบทความตกแต่งบลอค หรือเปลี่ยนทีมตามใจชอบ ทั้งนี้เราสามารถศึกาเพิ่มเติมได้จากเอกสารต่างๆที่เกี่ยวข้องเพื่อทำการกำหนดรูปแบบและพัฒนาเว็บไซต์ค่ะ

สิ่งที่จะไปค้นคว้าเพิ่มเติม

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

ข้อเสนอแนะ

วันนี้เรียนค่อนข้างเยอะค่ในตอนแรกๆก็ตามทันแต่ตอนหลังพอลงโปรแกรมแล้วมีปัญหาทำให้ต้องนั่งฟังอย่างเดียว ทำให้ทำได้ในบางหัวข้อเช่นการเปลี่ยนทีม และการเปลี่ยนภาษาไทยค่ะ

Learning log week 6 (14 Dec. 2009)

Learning log week 6 (14 Dec. 2009)

สิ่งที่ได้เรียนรู้

วันนี้อาจารย์ได้ให้แต่ละคู่นำเสนอผลงาน web quest ให้เห็นความก้าวหน้าของ

แต่ละกลุ่มประมาณ 70 % โดยกลุ่มของเราก็ได้ทำเกี่ยวกับภาษาเยอรมัน

ซึ่งเทื่ออาจารย์ชมแล้วอาจารย์ได้ให้ความเห็นว่า ภาระงานที่กำหนดไปนั้นอาจ

จะต้องเพิ่มในเรื่องของเครื่องมือเว็บ 2.0 อย่างเช่น multiply เพื่อให้เข้ากับ

ภาระงานที่กำหนดให้ และสิ่งที่จะต้องแก้ไขนั้นคือ

1. ขนาดของ bg, banner , homepage ที่มีขนาดใหญ่จนเกินไป

2. การลิ้งหน้าใหม่เนื่องจากเกิดความผิดพลาดขึ้น

สิ่งที่ต้องเตรียมมาคราวหน้า

เตรียมตัวสอบ

ส่งงาน web quest ที่สมบูรณ์

ข้อเสนอแนะ

วันนี้ไม่มีอะไรมากค่ะ แต่จะหนักๆไปที่ลงมือปฎิบัติมากกว่า ซึ่งพบปัญหา

ค่อนข้างมากเลยค่ะ ต้องแก้เว็บกันหลายรอบอยู่ :)

Learning Log Week 5 (30 / Nov. / 09)

Learning Log Week 5 (30 / Nov. / 09)

สิ่งที่ได้เรียนรู้

วันนี้ได้เรียนรู้เกี่ยวกับการทำ animation ง่ายๆจากโปรแกรม Image ready ซึ่งก็ค่อนข้างง่ายเราสามารถปรับความช้าเเละเร็วของการเคลื่อนไหวได้ตามความต้องการ จากนั้นก็เซฟมาเป็น .gif เพื่อใช้ในการทำเว็บต่อไป

จากนั้นก็เป็นการเรียนรู้ด้วยโปรแกรม Dreamweaver เพื่อช่วยในการสร้าง web page โดยเริ่มต้นจากการตั้งค่าหน้ากระดาษ เพื่อง่ายต่อการใช้งาน และจากนั้นก็เป็นการเรียนรู้เรื่อง การตั้งค่าภาษาเพราะเมื่อเราใช้ ภาษาไทยจะทำให้ไม่ผิดเพื้ยน และต่อจากนั้นก็เป็นการตั้งค่าเว็บเพจเบื้องต้น การใช้ตารางช่วยในการทำเว็บเพจ การสร้าง Template ตัวอย่างเทคนิคการสร้าง Rollover Button ไฟล์ ซึ่งค่อนข้างจะซับซ้อนและต้องใช้เวลาในการทำพอสมควร

อีกทั้งการทำ Java scrip ทำให้เว็บของเราดูมีความน่าสนใจขึ้นเยอะ และยังเป็นวิธีที่ค่อนข้างง่ายค่ะ

สิ่งที่จะไปศึกษาเพิ่มเติม

จะศึกษาเพิ่มเติมเกี่ยวกับการทำงาน โปรแกรม Dreamweaver เพราะยังค่อนข้างยากและซับซ้อน นอกจากนั้นจะไปศึกษาสิ่งที่จะสามารถนำมาตกแต่งเว็บเพิ่มเติม เริ่มออกแบบและลงมือทำ Web Queat ของตัวเองค่ะเพื่อที่จะได้เสร็จตามกำหนด

ข่อเสนอแนะ

วันนี้เรียนค่อนข้างหนักเพราะปฏิบัติค่อข้างเยอะพอสมควร ทำให้งงบ้างและในช่วงโปรแกรม Dreamweaver ทำให้สับสนพอสมควรต้องลองทำหลายๆรอบถึงจะเข้าใจและคิดว่าจะต้องฝึกฝนต่อไปค่ะ อิกอย่างคือ Java scrip ที่มีปัญหาตรงที่ว่ารูปไม่ขึ้นแต่มีการเคลื่อนไหว ลองทำหลายครั้งแล้วแต่ก็ยังไม่ได้ผล แต่ก็จะลองเอา Java ตัวอื่นลงมาใส่ค่ะ

Learning Log Week 4 (23 / Nov. / 09)

Learning Log Week 4 (23 / Nov. / 09)

สิ่งที่ได้เรียนรู้
สัปดาห์นี้อาจารย์ได้ให้นิสิตออกไปรายงาน Web Quest ของตนเองที่ได้ออกแบบมาคร่าวๆ จากการที่ข้าพเจ้าได้ฟังเพื่อนๆรายงานแล้วนั้นข้าพเจ้ารู้สึกว่าเพื่อนๆหลายคนมีความคิดดีๆเยอะมาก และมีความคิดสร้างสรรค์ที่สามารถนำมาใช้ได้จริง โดยข้าพเจ้าประทับใจรูปแบบของธมลวรรณในเรื่องของการออกแบบหน้าเว็บซึ่งมีความน่าสนใจและดึงดูดได้ดี อย่างตัวของข้าพเจ้าเมื่อเห็นเว็บแบบนี้ก็อยากจะเข้าไปชมแล้ว ดังนั้นการออกแบบเว็บก็มีส่วนสำคัญอย่างมากในการดึงดูดให้ผู้เรียนสนใจในเนื้อหา จากนั้นเรามาเรียนกันต่อที่ห้องคอม อาจารย์ได้สอนเกี่ยวกับเทคนิคของการ Slice ภาพ ด้วยเครื่องมือ Slice Tool ในโปรแกรม Photoshop เพื่อใช้ในการพัฒนา Web Quest ของตนเอง อีกทั้งการสร้าง Slice นั้นก็เพื่อให้เราออกแบบหน้าเว็บได้อย่างมีระบบระเบียบโดยการทำนั้นก็ไม่ได้ยาก และเมื่อเราใช้เป็นเเละเซฟเป็น ไฟล์ .html แล้วนั้นเมื่อมากดในส่วนของหน้า Index ก็จะขึ้นเป็นหน้าเว็บที่เราทำการ Slice แต่จะไม่ปรากฏเส้น Guide เเต่จะมีการลิ้งกันไปถึงหน้าที่เราต้องการอย่างมีระบบค่ะ

สิ่งที่ต้องนำมา

ปรับปรุง Web Quest ของคู่เราค่ะ เพราะงานนี้อาจารย์ได้มอบหมายงานคู่ให้แก่พวกเราแล้วก็จะนำภาระงานที่อาจารย์ได้เเนะนำในคาบและภาระงานที่น่าสนใจมาปรับใส่กับเว็บเควสของตัวเองค่ะ เพื่อให้เว็บเควสสมบูรณ์มากขึ้น

ข้อเสนอแนะ
ได้ความรู้ในหลายๆเรื่องทั้งการอกแบบสีและการออกแบบเว็บที่ค่อนข้างจะละเอียดและซับซ้อนแต่ว่าก็เพลินดีค่ะได้ดูความคิดของหลายๆคน ทุกคนทำมาสวยมากและก็น่าสนใจแตกต่างกันออกไปค่ะ ทำให้อยากนำข้อดีเหล่านี้มาปรับปรุงให้กับของตัวเองค่ะ :)

Learning Log Week 3 ( 16 Nov.09)

Learning Log Week 3 ( 16 Nov.09

สิ่งที่ได้เรียนรู้ (16.พย.09)

วันนี้อาจารย์ได้ให้พวกเราศึกษาเนื้อหาด้วยตัวเองได้จากเว็บWBI โดยเรื่องแรกคือ

1.ADDIE'S MODEL ซึ่งแบ่งออกเป็นทั้งหมด 5 ขั้นตอนดังนี้

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

1.2 Design อการออกแบบโดยมี Rapidprototype ซึ่งเป็นการออกแบบคร่าวๆให้ผู้สอนได้เห็นโครงสร้างของเว็บไซต์ดังกล่าว และจะได้สามารถปรับแก้ต้นแบบได้

1.3 Develop การพัฒนา โดยขั้นนี้ก็จะอิงผลมาจากข้อที่เเล้ว เมื่อต้นเเบบได้รับการยอมรับเเล้วก็จะดำเนินการในการพัฒนาต่อๆไป

1.4 Implement การนำไปใช้ แยกออกเป็น Pilots เว็บไซต์ไปทดลองกับกลุ่มเป้าหมาย

Rollout Plan การวางเเผนการนำไปใช้จริง

1.5 Evaluation การประเมินคือมีทั้ง SMES ประมเนทางเนื้อหาสาระ ว่าอยู่สาระใด หรือจะเป็น Audience คือกลุ่มเป้าหมาย หรือ คนทำเว็บเป็นคนประเมิน

Gagne 9 ขั้น

1. Gain attention เรียกความสนใจจากผู้เรียน เช่น วีดีโอ ภาพ สี เสียง เป็นต้น

2. Inform learners Objectives - แจ้งให้ผู้เรียนทราบถึงวัตถุประสงค์ของเว็บไซต์ซึ่งอาจจะอยู่ที่หน้า Home page หรือ Annoucement

3. Stimulate recall of prior learning กระตุ้นความรู้เดิมของผู้เรียนโดยอาจใช้ ภาพ วีดีโอ chatroom เป้นต้น

4. Present the content นำเสนอเนื้อหาสรุป เช่นอาจทำอยู่ในรูปแบบ Powerpoint ที่แปลงเเล้วก็ได้

5. Provide learning guidance การให้คำเเนะนำระหว่างเรียนเช่นอาจผ่านทาง FAQs หรืออาจจะมีปุ่มช่วยผู้เรียน โดยอาจใช้การพบกันเเบบประสารเวลาหรือ Post ข้อความไว้เล้วค่อยให้ผู้สอนมาตอบก็ได้

6. Elicit performance แบบฝึกหัดทดสอบความรู้เช่น Quiz เครื่องมือต่างๆ หรือจะAssign งานกลุ่มก็ได้

7. Provide feedback ให้ข้อเสนอเเนะหรือเเนวทางต่างๆทาง E-mail เป็นต้น

8. Assess performance การประเมินผล เช่นการตรวจสอบการเข้าร่วมกิจกรรมต่างๆ เเละการใช้ Rubic

9. Enhance retention and transfer to the job การทบทวนเเละการเสนอแนะ การนำไปใช้ในชีวิตจริง เช่นการตั้งโจทย์ case study เป็นต้น

WBI Site Structure

คือการกำหนดเนื้อหาทั้งหมด ซึ่งเป็นส่วนที่สำคัยมากๆสำหรับการทำเว็บไซต์ เหมือนเป็นการเขียนเเบบเว็บไซต์ทั้งหมด คือการกำหนดรายละเอียดของ Web page

1. Sequence คือการเรียงลำดับเเต่ละหน้าซึ่งเเบบนี้จะเหมาะกับการมีเนื้อหา web page ไม่มากนัก

2. Hierarchy เป็นการจัดแบบลำดับชั้นซึ่งเหมาะกับ Web page ที่มีเนื้อหามากๆ

3. ombination เหมาะกับการสร้างเว็บที่ซับซ้อนซึ่งเอาข้อดีระหว่างข้อที่ 1 เเละ ข้อที่ 2 มาผสมกัน

สรุปแล้ว ข้อมูลเเละขั้นตอนในการออกแบบเป็นเรื่องสำคัญอย่างมากที่เราจะต้องคำนึงถึงซึ่งจะต้องผสมผสานให้เหมาะสมกับ Web ของตัวเอง

Page Design

- Page Header คือ Banner ของหัวเรื่อง อาจจะเป็นจุดที่เด่นสุดคือมุมบนซ้ายซึ่งเป็นส่วนแรกที่มองเห็น

- Navigation Bar เชื่อมโยงไปยังส่วนต่างๆ เหมือนเป็นส่วนนำทาง

- Page Body เป็นส่วนที่ใส่เนื้อหาอาจมีส่วนนำทางในการเชื่อมโยงไปยังเนื้อหาอื่นๆ ซึ่งส่วนมากจะอยู่ทางด้านขวา

- Page Footer อยู่ด้านล่างสุดนิยมใส่ชื่อผู้จัดทำ Banner ของผู้สนับสนุน หรือแผนผังของเว็บไซต์ Text link เป็นต้น

การออกแบบ Page Header และ Navigation Bar จะคงอยู่ตลอดไม่ว่าจะเปิดไปหน้าใดของเว็บ การออกแบบควรคำนึงถึงความเรียบง่าย มีสีสันที่พอเหมาะ เป็นต้น

คำนึงถึงความสม่ำเสมอกันตลอดทั้งเว็บไซต์ ถ้าเราทำให้เกิดความเเตกต่างกันผู้ใช้อาจงงได้ว่าอยู่ที่เว็บไซต์เดิมหรือไม่

การใช้สี ซึ่งมีทั้ง โทนร้อนเเละโทนเย็น ในส่วนของสีโทนร้อน

Warm Tone นั้นจะบอกถึงความรู้สึกตื่นเต้น มีชีวิตชีวา

Cool Tone บอกถึงความสุภาพ อ่อนโยน เรียบง่าย

Neutral Tone สีโทนกลางขาว ดำ เทา น้ำตาล สามารถนำไปผสมกับสีอื่นๆก็ได้

- Navigation Bar ระบบนำทาง ช่วยให้ผู้ชมเข้าถึงข้อมูลได้อย่างรวดเร็วสามารถแยกออกจากเมนูหลักที่ปรากฏอยู่บนเว็บเพจทุกหน้า เเละอาจมีเครื่องมือช่วยค้นหา Search box เป็นต้น

-มี Link กลับไปหน้า Home page ในกรณีที่หลงทาง เป้นต้น

สิ่งที่จะเตรียมไปคราวหน้า

เตรียมตัวนำเสนอ Web Quest ของตนเองเเละศึกษารูปแบบของ Web Quest เพิ่มเติมรวมถึงอยากจะศึกษาในเรื่องของโทนสีซึ่งค่อนข้างน่าสนใจ เเละหลักการของ Gagne เพื่อจะได้ออกแบบเว็บไซต์ที่ตนเองต้องการได้อย่างถูกต้องตามหลัก

ข้อเสนอแนะ

วันนี้อาจารย์ให้ศึกษาบทเรียนด้วยตัวเองซึ่งก็ดีค่ะเพราะว่าจะได้ทบทวนได้หลายรอบถ้าไม่เข้าใจเเต่ง่วงนิดหน่อย พอทำงานก้สนุกดีค่ะมีไอเดียเยอะเเยะทำให้เลือกได้เยอะดีค่ะจากตัวอย่างที่พี่ทีเอให้ดู