Pencast วิชา​ Visual Simulation ครั้งที่ 4

ก่อนอื่นต้องขอชมน้องๆ หลายคนก่อนว่า ทำการบ้านครั้งที่แล้วได้ดีมากเลยครับ

เนื้อหาคราวนี้หลักๆ เป็นการเชื่อมโยงเนื้อหาคราวที่แล้ว (1D Dynamical System; Logistic Equation) กับเรื่องที่นักศึกษาสาขา animation คุ้นเคย นั่นก็คือ การกำหนดค่าการเคลื่อนไหวต่างๆ ให้กับ animation ก็หวังว่าจะทำให้หลายๆ คนเข้าใจบทบาทของ Dynamical system simulation กับการประยุกต์ใช้งานในเรื่อง animation มากขึ้นบ้าง

  1. ตอนที่ 1: Simple Dynamical System & Animation Control ขนาด 7.8 MB

  2. ตอนที่ 2: Simple Dynamical System & Animation Control (ต่อ) ขนาด 5.3 MB

  3. ตอนที่ 3: 2D Rule-based Dynamical System ขนาด 2.3 MB

  4. ตอนที่ 4: การบ้าน (นิดๆ หน่อยๆ) ขนาด 639 KB
    7.01 VS: Homework
    brought to you by Livescribe

ไฟล์เอกสาร (PDF) : VS_4_1.pdf, VS_4_2.pdf

หลังจากนั้น เนื่องจากน้องๆ หลายคนยังไม่เข้าใจการบ้านเท่าไหร่ ว่าจะต้องส่งอย่างไร ทำอะไร ต้องใส่อะไรบ้าง ฯลฯ (ถึงแม้ว่าผมจะให้ keyword “Cellular Automata” ในการ search google, wikipedia ซึ่งผมบอกว่า จะเอารูปจากเค้ามาเลยก็ได้ ไม่ผิด ก็ตาม) ซึ่งก็พอจะเข้าใจนักศึกษานะครับ ก็เลยต้องเปิด “เฉลย” การบ้านให้ดูก่อน ว่าให้น้องๆ ทำตามนี้แหละ เขียนส่งมาแค่นี้แหละ ซึ่งตรงนี้ไม่ได้บันทึกไว้ เพราะว่าเป็นการเปิดจากไฟล์ presentation ในเครื่อง (ผมไม่สามารถเขียนภาพผลการรัน Cellular Automata กฏ 110 ด้วยมือได้ครับ เกินความสามารถ) ก็เลยเอาภาพและ animation บางส่วน ที่สร้างจากการประยุกต์ใช้ Cellular Automata ดังๆ อย่าง Conway’s Game of Life ให้น้องๆ ดูไปด้วย

ก็ต้องขออภัยนะครับ ที่ในส่วนนั้นไม่ได้มีการบันทึกเอาไว้

Pencast วิชา Visual Simulation ครั้งที่ 3

เริ่มใช้ pencast กับวิชาอื่นที่สอน นอกจาก User Interface บ้าง วิชานี้เป็นวิชา Visual Simulation สอนให้กับคณะ ICT ซึ่งเนื้อหาหลักเป็น “การสร้างแบบจำลอง” ที่เหมือนจริง ซึ่งผมอยากจะโฟกัสแค่การสร้าง Texture ของลวดลายต่างๆ ทั้งที่เป็นลวดลายธรรมชาติและไม่ธรรมชาติ และการจำลองสถานการณ์ต่างๆ ที่บางทีอาจจะไม่ใช่ Direct simulation แต่แค่ให้ได้ความรู้สึกเหมือนจริง ซึ่งก่อนอื่นจะต้องศึกษาเรื่อง Procedural Texture Generation และ “ธรรมชาติของ Patterns” เสียก่อน ทำให้วิชานี้อาจจะมี nature แปลกๆ หน่อยสำหรับสาขา animation เนื่องจากจะมีคณิตศาสตร์ปนๆ อยู่บ้่าง (แต่ไม่ใช่เรื่องแปลก เพราะว่าการสร้าง texture หรือการศึกษา CGI; computer generated imaginary นี่ แทบจะเป็น math กันล้วนๆ ในเบื้องหลัง) ก่อนที่จะไปถึงเรื่อง Fractals ซึ่งเป็น “พระเอก” ของวิชา ต่อไป

สำหรับ Pencast ครั้งนี้จะ ตะกุกตะกักเล็กน้อย (เนื่องจากตัวเองก็ไม่ได้พูดเรื่องทำนองนี้มานานพอควร แล้วปกติจะพูดเรื่องทำนองนี้แต่กับพวกที่มี background เป็น math) และมีบางส่วนที่ไม่ได้ลงตรงนี้ เนื่องจากเปิดหน้าหนังสือลงใน visualizer และตัว pencast ไม่ได้บันทึกตรงนั้นไว้ให้ และการสนทนาต่างๆ ที่เกิดขึ้นระหว่างพักจะถูกตัดหมด และ 2 ครั้งก่อนหน้านี้ ไม่มีการบันทึกไว้ ดังนั้นหลายท่านที่มาฟัง อาจจะรู้สึกไม่ต่อเนื่อง หรือช่วงการ “Intro” มันหายไป ขออภัยด้วยครับ

ป.ล. สำหรับน้องคณะ ICT ที่ใช้งานครั้งแรกนะครับ ช่วย รอหน่อย นะครับ เพราะว่ามันต้องทำการ download ไฟล์เสียงทั้งหมดก่อน ไม่งั้นเสียงไม่มา ก็ขนาดไฟล์ตามที่ผมระบุนะครับ

  1. ตอนที่ 1: Procedural Generation Introduction ขนาด 7.5 MB

  2. ตอนที่ 2: Patterns & Textures ขนาด 8.9 MB

  3. ตอนที่ 3: 1D Texture generation with simple Dynamical Equation (& Glimpse of Fractals) ขนาด 4.3 MB

ไฟล์เอกสาร (PDF) ครับ: VS3_1.pdf, VS3_2.pdf, VS3_3.pdf

Pencast จากวิชา UI วันที่ 6/21

วันนี้มี 4 ตอนครับ โดยไอเดียเป็นการเกริ่นเรื่อง Application Design ในโลกที่เต็มไปด้วย Data และแนวคิดที่ว่าโปรแกรมควรออกแบบเพื่อ maximize ความสามารถในการบริหารจัดการข้อมูล/สารสนเทศ … อ่อ แล้วครั้งนี้เสียงอาจจะแปลกๆ หน่อยนะครับ เพราะว่าใช้ไมโครโฟนครับ ปกติจะพูดดังๆ เอา แต่วันนี้ไม่ไหว เสียงค่อนข้างพัง พูดดังไม่ได้ เลยใช้ไมค์

  1. ตอนที่ 1: Data and UI Design (ไฟล์เสียง 6.1 MB และไฟล์ PDF UI_6_21_1.pdf)

  2. ตอนที่ 2: Metadata (ไฟล์เสียง 4.4 MB และไฟล์ PDF UI_6_21_2.pdf) เป็นเรื่อง surprise ผมมากพอสมควรเลยนะ ที่น้องๆ ปีสาม ไม่รู้จัก Metadata กัน หลายคนไม่เคยได้ยิน ไม่เป็นไร ก็สอนซะหน่อย เพราะว่านี่เป็นเรื่องสำคัญที่ทำให้เราเล่นกับข้อมูลได้หลากหลายและสนุกเลย

  3. ตอนที่ 3: Applications and Data (ไฟล์เสียง 5.6 MB และไฟล์ PDF UI_6_21_3.pdf)

  4. ตอนที่ 4: Application and Data (QA) (ไฟล์เสียง 2.9 MB และไฟล์ PDF UI_6_21_4.pdf) พอดีมีน้องคนนึงถามว่า “แล้วการเปลี่ยนจาก Application แบบเปล่าๆ เป็น Application+Data ต้องทำไงบ้าง” คิดว่ามีประเด็นดีะน ก็เลยพูดยาวหน่อย

น้องๆ ที่ลงวิชานี้อย่าลืมการบ้านนะครับ keyword ในการตั้ง subject ของ e-mail คือ app+data ครับ และช่วยๆ รบกวนทำการบ้านให้เหมือนกับว่าอยากจะผ่านวิชาหน่อยนะครับ

Pencast: Digital Camera Image Sensor 101

ตั้งแต่งาน WWDC มีเสียงเรียกร้องให้ผมอธิบายเรื่อง Backside Illuminated Sensor หลายเสียง และเนื่องจากตัวเองก็เคยเขียนเรื่องพวกนี้อยู่แล้ว เลยจัดเต็มเลยดีกว่า ไม่เฉพาะกับ Backside Illuminated ล่ะ ก็พบกับ Pencast ความยาวประมาณ 9 นาทีครึ่งตอนนี้ได้ครับ

ป.ล. ขนาดไฟล์เสียงตอนนี้คือ 1.9 MB นะครับ น่าจะโหลดได้เร็วกว่าของตอนที่ผมบันทึกจากการสอนในห้องเรียนเยอะ แต่ก็เหมือนเดิมนะครับ รอโหลดนิดนึง

ส่วนนี่ก็เช่นเดิมครับ PDF ที่ export มา:
6.16.Digital_Image_Sensor_101.pdf

Pencast จากที่สอนวิชา UI วันที่ 6/14

Pencast ข้างล่าง 3 อันนี้ เป็นการบันทึกสดจากการสอนวิชา User Interface Design และ Human-Computer Interaction ครั้งที่ 3 (สองครั้งแรก ไม่มีการบันทึก เพราะยังไม่มีของเล่น แต่ว่าเนื้อหาจะยังคงไม่มีอะไรมากมายนัก และส่วนหนึ่งก็ได้พูดถึงซ้ำในวันนี้)

เนื้อหาคร่าวๆ ในวิชานี้ ผมไม่ได้ต้องการเพียงแค่ว่าหลักการในการออกแบบ User Interface เท่านั้น แต่จะรวมถึงการพัฒนาซอฟต์แวร์ ระบบ ตั้งแต่ขั้นตอนการเก็บ requirement เพื่อให้ได้มาซึ่ง User Experience (UX​) ที่ดี และการนำความรู้เรื่องอื่นๆ ไม่ว่าจะเป็นหลักการ 80:20 หลักการทำงานของสมองเพื่อให้ได้มาซึ่ง creativity การสร้าง innovation การศึกษาและระบุตลาดของซอฟต์แวร์ และความสร้างความสามารถในการแข่งขันโดยให้ User Interface, User Experience ที่เหนือกว่า เรื่องต่างๆ จาก Game Theory (เช่น Prisoner’s Dilemma) เป็นต้น

เนื้อหาด้านล่างนี้ แบ่งเป็น 3 ส่วน ตามที่ผม lecture ซึ่งในส่วนที่ 2 เป็นส่วนที่ผมนึกออกระหว่างสอน ว่าน่าจะพูดถึง น.ศ. จะได้ทราบบ้าง ว่าสมองทำงานอย่างไร ไอเดียต่างๆ ซึ่งเป็นนวัตกรรมได้ มันจะมาจากไหน ก็เลยสอนสดๆ เลย โดยแต่ละส่วนนั้น ขั้นด้วย discussion ที่ไม่ได้บันทึกไว้ ซึ่ง น.ศ. ที่ไม่ได้มาเรียน ก็น่าเสียดายแทนด้วย แต่ไม่มีอะไรมากหรอกครับ เพราะว่าส่วนมากก็เป็นเกร็ดเล็กน้อยเสียมากกว่า

ป.ล. เสียงอาจจะมาช้านะครับ อาจจะต้องรอมัน stream เสียงนิดนึง ส่วนภาพคงไม่มีปัญหา เพราะจากที่สังเกต ทาง Livescribe ใช้วิธีการสร้างจาก coordinate data (x, y, t) ส่วนเสียงนี่เป็น audio streaming ธรรมดา

หมายเหตุ มีการแจ้งว่า กด play บนนี้แล้วเล่นไม่ได้ ไปเล่นบนหน้าเว็บของ livescribe เองก็ไม่มีเสียง …​ ผมเข้าใจว่าพอกด play ไปแล้ว มันจะเริ่ม download ไฟล์เสียงครับ ซึ่งจะใช้เวลาหน่อย ในกรณีที่ไฟล์เสียงมันใหญ่ การ streaming ของเสียงอาจจะไม่ดีพอครับ คิดว่าใช้การ download ทั้งไฟล์ ขออภัยในความไม่สะดวกครับ จะติดต่อกับทาง livescribe เพื่อบอกปัญหานี้ต่อไปครับ …. กด play แล้วรบกวน “อดทนรอ” หน่อยนะครับ

ส่วนนี่คือ PDF ที่ export มาจากที่เขียนครับครับ

หวังว่าคงเป็นประโยชน์นะครับ ฟังเล่นเพลินๆ ละกันนะครับ

Pencast: 80/20 & IT ตอนที่ 1

กฏ 80:20 หรือ Pareto’s Principle เป็นเรื่องที่ผมใช้งานค่อนข้างเยอะครับ และต้องอธิบายซ้ำไปซ้ำมาค่อนข้างบ่อยเลย ในแทบทุกคลาสที่ผมสอน กับแทบทุกคนที่ผมคุยด้วย จะต้องมีเรื่องนี้อยู่ด้วยเกือบจะเสมอ ก็เลยคิดว่า น่าจะทำ slideshare หรือว่า video ลง youtube เอาไว้อ้างอิงทีเดียวเลย

แต่ว่าพอดีเร็วๆ นี้ผมได้ของเล่นใหม่มา คือ Pulse Smartpen ของ Livescribe ซึ่งทำ “Pencast” ได้่ คิดว่าเจ๋งดี เลยลองซะหน่อย ถ้าเป็นไงก็บอกด้วยนะครับ จะได้ทำต่อไปครับ

อันนี้เป็น Embedded Video (Flash) นะครับ แล้วก็ดู Full-screen ได้ (ถ้าไม่ดู คงจะอ่านไม่ออก) และจะเป็นการ trace การเขียนคู่ไปกับการพูดเรื่อยๆ ส่วนไฟล์จริง upload ไว้ที่ Livescribe.com ครับ … อ่อ และขออภัยเรื่องเสียงนะครับ ยังตะกุกตะกักอยู่บ้าง เขินๆ น่ะ (และอดนอนด้วย ฮาๆ กันไป)

ป.ล. มัน fully-interactive นะครับ คือ คลิกตรงไหน มันจะเริ่มพูดที่ตรงนั้น

ป.ล.2 อีกอย่าง ผมลายมือห่วยครับ –‘

80:20 and IT #1
brought to you by Livescribe


ไฟล์ PDF ตามที่เขียนครับ
80-20-and-IT-1.pdf