การศึกษา

Archive for the ‘การศึกษา’ Category

Moodle Tutorial : Lecturer-Grouping Student In Your Class

Posted: มีนาคม 10, 2011 in การศึกษา, คอมพิวเตอร์และอินเทอร์เน็ต, Computers and Internet, Software
ป้ายกำกับ:e-learning, group, moodle, school, student, tutorial

Moodle Tutorial : Lecturer – Adding Students into your Course.

Posted: มีนาคม 4, 2011 in การศึกษา, Computers and Internet, Software
ป้ายกำกับ:adding, computers, course, e-learning, Howto, lms, moodle, software, student, technology, to

สาธิตการเพิ่มผู้เรียนลงในรายวิชา
วิดีโอสอนการใช้ระบบ LMS Moodle
วิทยาลัยนานาชาติ มหาวิทยาลัยนเรศวร
หน่วยเทคโนโลยีสารสนเทศ

Moodle Tutorial : Lecturer – Setting Up your Course

Posted: กุมภาพันธ์ 28, 2011 in การศึกษา, คอมพิวเตอร์และอินเทอร์เน็ต, Computers and Internet, Software
ป้ายกำกับ:ตั้งค่า, ผู้สอน, วิชา, สำหรับ, course, lecturer, moodle, Setting, tutorial

สำหรับคลิปนี้เป็นเนื้อหาสำหรับผู้สอนที่ได้รับรายวิชาที่สอนแล้ว หากไม่มีสามารถติดต่อได้จากผู้ดูแลระบบ Moodle ครับ

หากภาพมีขนาดเล็กขอให้คลิกขยายเต็มจอครับ

การพัฒนา เว็บแอพพลิเคชั่น เพื่อแสดงข้อมูลแบบ TreeView ตอนที่ 2

Posted: กุมภาพันธ์ 14, 2011 in asp.net, การศึกษา, คอมพิวเตอร์และอินเทอร์เน็ต, Computers and Internet, Software, windows
ป้ายกำกับ:ASP.Net, data, development, hierachy, linq, treeview, tutorial

ต่อจากบทความที่แล้ว เราได้สร้าง Database , Entity Data Model และในบทความนี้จะสร้างเพจการเรียกข้อมูล Employee ออกมาแสดง โดยผ่าน Control TreeView กันต่อไป

การดำเนินงาน (ต่อจากตอนที่แล้ว)

1. เรียกเพจ Default.aspx จาก Solution Explorer ด้วยการคลิกสองครั้ง

2.ให้ลบข้อความที่ส่วนที่เลือกเอาไว้ทิ้ง

แล้วลาก Treeview control มาจาก ToolBox ทางด้านซ้าย ไปวางบนเพจที่ว่าง

จะได้ผลดังนี้

4. ที่ source View ให้ระบุ Code ดังนี้

5.ให้คลิกสองครั้งที่ WebForm ของ Default.aspx นี้ จะปรากฏหน้าต่างการเขียน Code ขึ้นมา (หากไม่ปรากฏให้กดปุ่ม F7 แทนก็ได้ )

6. จากนั้นให้ using Entity Data Model โดยเขียนเพิ่มไปที่ส่วนต้นของ Code
เมื่อเพจเริ่มโหลดขึ้น เราต้องการให้ค้นหาข้อมูลของประธานของบริษัท ซึ่งหมายถึง Employee ที่มี Field ชื่อ ReportsTo มีค่าเท่ากับ Null

ให้เพิ่มโค้ดลงไปดังนี้

ที่บรรทัดที่ 7 ให้เพิ่มการเรียกใช้ EDM

#13 ประกาศตัวแปรเชื่อมต่อกับ EDM

# 15-21 ที่เหตุการณ์ Page_Load จะทำการตรวจสอบว่าเพจถูกรันขึ้นมาครั้งแรก หากใช่ก็จะไปทำงานที่ Function การค้นหา Employee ที่เป็นประธานบริษัท

#23-30 Function เข้าถึงประธานบริษัท
ผมใช้ LINQ เพื่อการเรียกข้อมูล โดยเรียกจาก Entity.Employee และกำหนดเงื่อนไขว่าจะต้องเป็นประธานบริษัทเท่านั้น

#29 โยนค่าข้อมูลของประธานบริษัทไปยัง Function ที่เราจะสร้างขึ้นชื่อว่าAccessNodes

7. ให้เพิ่ม Function ลงไปดังนี้

จากโค้ดเป็น Function เพื่อการวนลูปเรียกค่าเพื่อแสดงใน Treeview Control

#34 – 52 เป็นการประกาศลูปเพื่อการเข้าถึง Collection และนำค่าไปใช้ภายในบล็อคโค้ด

#36 ประกาศตัวแปรให้เป็นโหนดย่อยของ TreeView

#38 นำชื่อและสกุลไปแสดงเป็นข้อความของโหนดย่อย

#39 นำ Id ของพนง. ไปใช้เป็นค่าอ้างอิงในโหนดย่อย

#40 เพิ่มค่าโหนดที่ได้จากขั้นตอนที่ผ่านมาเข้าสู่ Treeview Control

#42 นับจำนวนโหนดลูกของ Id ที่กำลังทำงานอยู่นี้ (ส่วนนี้ผมใช้ LINQ เพื่อการค้นหาและส่งข้อมูลออกมาให้นับจำนวน)

#44-51 ผมได้ตรวจสอบเงือ่นไขว่ามีโหนดลูกของ พนง คนที่กำลังทำงานในลูปรอบนี้หรือไม่ หากมีก็ให้กำหนดค่าคุณสมบัติ populateondemand กับ Treeview เป็นจริง หากไม่มีก็ไม่เซ็ทค่านี้

8. เราต้องการให้คลิกที่ลิ้งของ control และแสดงแยกย่อยรายชื่อ พนง ที่เป็นลูกน้องออกมา เราจะต้องเพิ่ม Function เข้าไปนั่นคือ…

ผมใช้ LINQ ช่วยการเรียกข้อมูลของพนงที่ขึ้นตรงกับ Id ของพนงที่ได้ระบุเข้ามา แล้วโยนค่ากลับไปให้ Function AccessNodes เพื่อวนลูปและแสดงผลอีกครั้ง

9. และสุดท้ายสำหรับเหตุการของคอนโทรล Treeview ให้กลับไปที่หน้า Design แล้วคลิกที่คอนโทรล Treeview แล้วดูที่หน้าต่าง properties ทางด้านขวา ให้คลิกที่ปุ่ม Event ที่แสดงเป็นรูปสายฟ้า

แล้วให้คลิกสองครั้งที่เหตุการณ์ชื่อ TreeNodePupulate

จะปรากฏหน้า code behind อีกครั้งพร้อมกับ event ที่ vs ได้สร้างให้เรา ให้เพิ่มโค้ดลงไปดังนี้

เมื่อมีการคลิกที่ลิ้งของคอนโทรลจะมีการส่งค่า id ของโหนดที่ได้คลิกลงไปใน Function AccessNodesSub

เมื่อเสร็จสิ้นพิธีกรรมกันแล้ว ให้กด F5 บนคีย์บอร์ดเพื่อทดลองรันกันครับ

ทดสอบ ๆ 123

เมื่อรันขึ้นมาครั้งแรกปรากฏชื่อประธานบริษัท เมื่อคลิกที่เครื่องหมาย + ด้านหน้าจะแสดงผลดังนี้

สุดท้ายนี้..

ผมขอขอบคุณ Internet ที่ช่วยให้ผมเข้าถึงแหล่งข้อมูลดีๆ สำหรับบทความนี้ผมประยุกตร์มาจากคุณ

Teemu Keiski

ซึ่งได้เขียนไว้ที่… http://aspalliance.com/732

แต่เนื้อหาที่เค้าเขียนเป็นการใช้ ADO.net นะครับ ส่วนบทความที่ผมเขียนนี้ใช้ LINQ

Happy coding !! Open-mouthed smile

By Kwanchai !!!

การพัฒนา เว็บแอพพลิเคชั่น เพื่อแสดงข้อมูลแบบลำดับชั้นด้วย TreeView ตอนที่ 1

Posted: กุมภาพันธ์ 13, 2011 in asp.net, การศึกษา, คอมพิวเตอร์และอินเทอร์เน็ต, Computers and Internet, Software, windows
ป้ายกำกับ:ASP.Net, Control, development, entity framework, linq, ms sqlserver, treeview

การนำข้อมูลมาแสดงผลแบบลำดับชั้นหรือภาษาอังกฤษใช้คำว่า Hierarchy โดยข้อมูลที่มีในฐานนั้น อาจดูยุ่งยากวุ่นวาย แต่ไม่ยากจนเกินไปนักเมื่อทีมพัฒนา ASP.Net ได้ออกคอนโทรล TreeView เพื่อช่วยนำเสนอการแสดงผลดังกล่าว