4121114 ปฏิบัติการการคิดเชิงสร้างสรรค์เพื่อการพัฒนานวัตกรรม

57 3. ส่วนประกอบต่างๆ ของหน้าจอ OBS จะแบ่งหน้าที่หลักๆ 6 ส่วน คือ • พ้ืนที่ Display สำหรบั แสดงหน้าจอตัวอย่างของการ Stream (พืน้ ทีใ่ หญ่ๆ ด้านบน) • Scene เปน็ ฉากๆ หนึ่งของเน้อื หาสำหรบั การทำ Swtiching เพ่ือสลบั ฉากไปมาได้ ในหน่ึง Scene จะใส่ Source ได้หลายๆ อยา่ งพร้อมกัน • Source เปน็ ข้อมลู ทีอ่ ยใู่ น 1 Scene ซึง่ สว่ นประกอบท่ีใช้บ่อยๆ เชน่ Image = ใส่ภาพประกอบ, Browser = ใส่ URL เวบ็ ไซต์, Display Cature = จบั ภาพหนา้ จอคอมฯ ของเราท้ังหมด, Window Capture = จับภาพเฉพาะบางหน้าตา่ ง, Game Capture = จบั ภาพจากเกมส์ เลือกเฉพาะหน้าต่าง ได้ Image Slide Show = ทำภาพสไลด,์ Media Source = ใส่คลปิ วดี ีโอ, Video Capture Device = ใส่ภาพวีดโี อจากอุปกรณ์อ่ืนๆ เช่น Webcam กลอ้ งวดี ีโอ เป็นตน้ , Text = ใส่ข้อความตัวอกั ษร • Mixer เป็นสว่ นท่ปี รับแต่งเสียง ลด เพิ่ม ความดงั ของเสียงและ webcam กรณีทเี่ ราใช้ Source แบบ Video Device, Media Source เป็นตน้ ฃ • Scene Transitions เป็น Effects ของการเปลี่ยนฉาก เช่น แบบ fade เปน็ ต้น • Controls เป็นส่วนควบคุม การตั้งคา่ ต่างๆ ซึง่ ประกอบดว้ ย Start/Stop Streaming = สำหรับเริ่ม สตรมี หรอื หยดุ สตรีม, Start/ Stop Recording = เรม่ิ บันทึกคลิป หรอื หยุดบนั ทกึ คลปิ , Studio Mode = โหมดสตูดิโอ มแี บง่ หนา้ จอตรง Display, Settings การเข้าไปปรับแต่งค่าต่างๆ เพิม่ และ Exit = ออกจากโปรแกรม OBS ส่วนประกอบอื่นๆ ดังนี้

58 ทีแ่ ท็บ Scene และ Source การใช้งานคือ เคร่ืองหมายบาก (+) เพ่ิม Scene หรือ Source, เครอ่ื งหมายลบ (-) ลบ Scene หรือ Source ออก สว่ นลกู ศรชข้ี น้ึ /ลง ใช้ในการสลบั ลำดบั ของ Scene หรือ Source (คลา้ ยๆ Layer ของ Photoshop) (หนา้ จอ ขณะเพิม่ Source)

59 การตง้ั คา่ OBS ที่ใช้บอ่ ยๆ เมือ่ คลิกท่ี Settings จะเขา้ สู่หนา้ จอการตงั้ คา่ สิง่ ทต่ี ้องทราบอนั ดบั แรกคือ Stream เป็นส่วนทต่ี ้องกำหนดค่า และ Service หรือ Stream Key เพอื่ ใชใ้ นการ Broadcast ซึ่งมสี ่วนท่ีเรา ต้องปรบั แต่งดังน้ี • Stream Type – ชนดิ ของการการสตรมี เช่น Stream Service และ Custom Server (ในที่นเี้ ลอื ก Stream Service เพราะเราใช้บริการฟรขี อง FB, YT เป็นตน้ ) • Service – เลือก Facebook Live หรอื บริการอนื่ ๆ เช่น Youtube, Twitch เป็นต้น (ต้องไปสมัคร ใชบ้ รกิ ารมาก่อน) • Server – เลอื ก Default หรือ บางบรกิ ารเชน่ Twitch ต้องเลอื กโซนเอเชยี จะ Live แบบไมก่ ระตุก มากเกินไป • Stream Key – ใส่คยี ์สตรีมม่ิงท่ีเรามี เชน่ ของ Facebook Live เป็นต้น

60 Output เปน็ ส่วนที่ให้เราเลือกรปู แบบไฟลท์ จี่ ะบนั ทึกเป็นคลปิ วีดโี อ เชน่ mp4, flv, mov เป็นตน้ นอกจากน้ี ยังสามารถเลอื ก Bitrate และ ตำแหนง่ ในการบนั ทกึ ไฟลบ์ นคอมพิวเตอรเ์ ราได้อีกดว้ ย Audio เปน็ ส่วนทีใ่ หเ้ ราปรบั แตง่ คุณภาพของเสียง ในแต่ละ Media Source ได้

61 Video เป็นส่วนที่ให้เรากำหนดความละเอียดของคลิปวีดโี อทเี่ ราบนั ทึก หรือ Live ได้ กำหนด Size ของคลปิ ได,้ กำหนด Frame Rate ได้ เพ่อื ความ Smooth ของคลิปวีดีโอของเรา Hot Key สำหรบั คนท่ีตอ้ งการสร้างปุม่ ลดั Advanced สำหรบั การปรับแตง่ ขนั้ สูง เชน่ การเลือก ประเภทของการเรนเดอรภ์ าพ ด้วย Software หรือ Hardware ซ่งึ จะมผี ลกับคณุ ภาพของคลปิ วีดีโอท่เี ราบันทึกดว้ ย

62 3. ใชโ้ ปรแกรมสรา้ ง Live Streaming ในขัน้ ตอนนจ้ี ะเปน็ การใชโ้ ปรแกรม OBS Studio เตรยี มหน้าจอสำหรบั การทำ Live Streaming โดยใน บทความนจ้ี ะแสดงวธิ ีการสตรมี หนา้ จอ แทรกรปู โลโก้ และแทรกหนา้ จอจาก Web Cam • เปดิ โปรแกรม OBS Studio แล้วกดปุม่ + ท่ีกรอบ “Source” เพื่อเพม่ิ ส่งิ ท่เี ราตอ้ งการจะแสดงใน หน้าจอการ Live Stream (พื้นท่ีสีดำๆ) • เลือกเพ่มิ Display Capture เพื่อเพ่ิมหน้าจอของเราลงไปในหน้าจอของ Live Streaming

63 • เมือ่ กด Display Capture แลว้ จะมีหน้าตา่ งขนึ้ มาให้ตัง้ ชอ่ื ของ source อนั น้ี เสรจ็ แลว้ กดปุ่ม OK • หนา้ ตา่ งถัดมาคือการระบเุ ลอื กหนา้ จอ หรอื จะเอาเฉพาะหน้าตา่ งโปรแกรมอะไรทเี่ ราต้องการ live

64 • ถ้าตอ้ งการจะ Live เฉพาะหนา้ ตา่ งโปรแกรมใดโปรแกรมหนึ่งใหเ้ ลอื กท่ี Crop แลว้ เลอื กเปน็ To Window จากนน้ั หน้าตา่ งโปรแกรมที่ Window เสรจ็ กด OK

65 • เม่อื ระบหุ น้าจอที่จะ live เสรจ็ แลว้ ใหก้ ดปุม่ OK กจ็ ะเหน็ วา่ หนา้ จอท่ีเราเลือกเขา้ มาอย่ใู นหนา้ จอของ Live Streaming แลว้

66 • ถดั มาจะเปน็ การเพ่ิมภาพโลโก้คำว่า “Live” ให้อยู่ที่มมุ บนขวา เรมิ่ กดท่ปี ุ่ม + ของ Sources อกี คร้ัง แล้วเลือกท่ี “Image” • ต้ังชอื่ วา่ “Live Logo” เสรจ็ แล้วกดปมุ่ OK

67 • เลือกรูปท่ตี ้องการ โดยการกดปุ่ม Browse เสรจ็ แลว้ กดป่มุ OK

68 • จะเหน็ วา่ มโี ลโก้เพิม่ มาในหนา้ จอ Live Streaming แลว้ ซง่ึ สามารถเลือกปรบั ขนาด และปรับตำแหนง่ ได้ ตามตอ้ งการ • สดุ ทา้ ยจะเปน็ การเพม่ิ หน้าต่าง Webcam เข้าไปในหน้าจอ Live Streaming ใหก้ ดปุม่ + ที่ Sources อีกครั้ง คราวน้ีใหเ้ ลือกท่ี “Video Capture Device”

69 • ต้งั ชอ่ื ว่า “Webcam” เสร็จแลว้ กดป่มุ OK • หนา้ ตา่ งถดั มาใหเ้ ลอื ก Webcam ที่ Device และกำหนดขนาดท่ีตอ้ งการ

70 • เสรจ็ แลว้ กดปมุ่ OK กจ็ ะมหี นา้ จอ Webcam แสดงอยใู่ นหนา้ จอ Live Streaming แล้ว ซ่ึงสามารถปรบั ขนาด และตำแหนง่ ตามทีต่ อ้ งการได้ • ก็จะเสร็จข้ันตอนการเตรยี มหน้าจอสำหรบั การ Live Streaming แลว้ แตย่ งั ไม่สามารถ Live Streaming เพราะเรายงั ไม่ไดเ้ ช่อื มต่อการสตรีมเขา้ กบั Facebook หรือ YouTube หมายเหตุ การเพ่มิ source ตวั ทีอ่ ยู่ลำดบั บนสดุ มันจะไปซอ้ นทับตัวที่อยู่ต่ำกวา่ ตวั มันเปน็ ชน้ั ๆ ดังนน้ั ตอ้ ง เพิ่มโลโก้ และ Webcam ไวบ้ น Display Capture และสามารถแก้ไขลำดับไดท้ ีหลัง โดยการกดปุ่มลูกศรข้ึน- ลง 4. Live Streaming ผา่ น Facebook • เรมิ่ จากเข้าไปท่ี https://www.facebook.com/live/create เพือ่ ขอ Stream Key โดยให้กดทปี่ ุ่ม Create Live Stream แลว้ ทำตามข้นั ตอนถดั ไป

71 • ถัดมาจะเป็นการเลอื กวา่ เราตอ้ งการที่ Live ไปที่ไหน จะเปน็ หน้าโปรไฟลข์ องเรา หรือ Page หรอื Group หรอื Event กไ็ ด้ ในตวั อย่างจะเลอื กไปที่ Group • ถา้ เลือกเป็น Group ก็ต้องระบุชื่อกลุม่ ท่ีจะ Live เสรจ็ แลว้ กดปมุ่ Next

72 • หน้าต่างถัดมาก็จะมใี ห้ใส่ข้อความทตี่ อ้ งการโพส ตงั้ ชื่อวดี โิ อได้ และที่สำคญั จะมี Stream Key ใหเ้ ราเอา ไปใส่ในโปรแกรม OBS Studio เพอื่ เชือ่ มตอ่ มายัง Facebook สงั เกตว่าตอนนจี้ ะข้ึนคำวา่ OFFLINE อยู่ เนื่องจากยงั ไม่ได้มีการเชอื่ มต่อ

73 • เมอื่ ได้ Stream key มาแลว้ ใหเ้ อามาใสใ่ น OBS Studio โดยเลอื กท่ี Settings > Stream แลว้ เลอื ก Service เปน็ Facebook Live เสรจ็ แลว้ กดปมุ่ OK • จากนั้นกดป่มุ Start Streaming เสรจ็ แลว้ รอการเชอ่ื มตอ่ สกั ครู่

74 • เมอ่ื เช่ือมต่อสำเรจ็ แลว้ จะมีหน้าจอ จะเปลย่ี นจาก Offline เปน็ หนา้ จอ Preview แสดงขน้ึ มา (สงั เกตใน Live จะดเี ลยก์ บั หนา้ จอเราประมาณ 10 วนิ าท)ี

75 • เมื่อทุกอย่างพร้อมแลว้ ให้กดปมุ่ Go Live • เมือ่ ตอ้ งการจบการ Live ให้กดปมุ่ End Live Video รอสกั ครู่จะมลี งิ คใ์ ห้กดดาวนโ์ หลดไฟล์วดี ิโอท่เี รา Live จบไป

76 5. Live Streaming ผ่าน YouTube • ในการ Live ผา่ น YouTube นั้น จะต้องทำใน channel ซง่ึ เมนู Live Streaming จะอยใู่ นสว่ นของ Video Manager • เมื่อเข้ามาในหนา้ จอ Live Streaming แลว้ ใหเ้ ลอ่ื นหน้าจอลงมาด้านลา่ งจนเจอ “ENCODER SETUP” จะมี Stream key อยู่ โดยใหก้ ดปุ่ม Reveal เพอ่ื ดูคีย์ของเรา • ซง่ึ คีย์นีจ้ ะเป็นคยี ป์ ระจำของ channel ของเรา จะตอ้ งเกบ็ ไว้เป็นความลบั

77 • เมอ่ื ได้คียม์ าแลว้ ใหเ้ อามาใส่ในโปรแกรม OBS Studio โดยเลอื กที่ Settings > Stream โดยใหเ้ ลือก Service เป็น “YouTube / YouTube Gaming” และใสค่ ยี ์ที่ Stream Key เสรจ็ แลว้ กดปมุ่ OK • ทำการเชือ่ มตอ่ ไปยงั YouTube Live Streaming โดยกดปมุ่ “Start Streaming” รอสกั ครู่

78 • เมอ่ื เชื่อมต่อเสรจ็ แลว้ ในหนา้ จอของ YouTube จะข้นึ คำวา่ Live พรอ้ มจดุ สเี ขยี ว • เลื่อนลงมาดา้ นล่าง จะเจอลงิ ค์สำหรับแชรก์ าร Live Streaming น้ี • เมื่อผอู้ ่นื เขา้ ผ่านลิงค์จะเป็นแบบนี้

79 • สดุ ท้ายเมอื่ ตอ้ งการหยุดการ Live ใหก้ ลบั มากดปมุ่ “Stop Streaming” ทโี่ ปรแกรม OBS Studio

80 บทที่ 5 การสรา้ งสรรคน์ วัตกรรมดว้ ยเทคโนโลยีคลาวด์ ระบบเครือข่ายคลาวด์คอมพวิ ต้ิง การเข้าถึงฐานข้อมูลและการจัดการข้อมูลในฐานข้อมูลยังมีความยุ่งยาก ตลอดจนจึงมีการสนับสนุน เรื่องการจัดการระบบเครือข่าย การนำเทคโนโลยีเครือข่ายก้อนเมฆ (Cloud ComputingTechnology) และ โปรแกรมประยุกต์ หรือ Web Application Mobile มาใช้ด้านการจัดการและสนับสนุนข้อมูลต่าง ๆ ซึ่งจะ ชว่ ยเพ่ิมประสิทธภิ าพสูงสดุ ใหก้ บั ผู้สอนด้านการจัดการเรียนการสอนตลอดจนเพ่ิมประสิทธิภาพด้านการเรียนรู้ ให้กบั ผเู้ รยี น แนวความคิดของคลาวด์คอมพิวติ้ง (Cloud computing) เป็นการเข้าใช้บริการจากระบบ คอมพิวเตอร์ผ่านทางการออนไลน์ โดยที่ผู้ใช้บริการไม่จ าเป็นต้องรู้ว่ามีทรัพยาการมากน้อยแค่ไหน หรือ คอมพิวเตอร์ตั้งอยู่ที่ใดไม่ต้องสนใจเรื่องการจัดการทรัพยากรโครงสร้างพื้นฐานด้านไอที (IT Infrastructure) นั้น ๆ ตัวอย่างที่เห็นได้ชัดคือ ระบบอีเมลฟรีต่าง ๆ ไม่ว่าจะเป็น Google Mail (gmail) หรือ Yahoo Mail เปน็ ต้น คลาวด์คอมพิวติ้ง เป็นลักษณะของระบบคอมพิวเตอร์ที่อยู่ในรูปแบบของการระจายตามพื้นที่ต่าง ๆ มีการเชื่อมต่อกันเป็นระบบคลัสเตอร์ (Cluster Network) ผ่านการจัดสรรทรัพยากรด้วยเทคโนโลยีเวอร์ชวล ไลเซชั่น(Virtualization) เพื่อให้ตอบสนองงานบริการต่าง ๆ ให้รองรับกับจำนวนผู้ใชง้ านจำนวนมากท่ีเพ่ิมขึ้น อยา่ งรวดเร็วรวมถงึ มีระบบการจดั สรรทรพั ยากรตา่ ง ๆ ใหเ้ หมาะสมกบั ผใู้ ช้บรกิ ารประเภทตา่ ง ๆ ประเภทของบรกิ าร คลาวดค์ อมพิวตง้ิ (Cloud Service Models) บรกิ าร Cloud Computing มีหลากหลายรูปแบบ แบง่ หลักๆได้ 3 รูปแบบได้แก่ Software as a Service (SaaS) เปน็ การทีใ่ ชห้ รอื เช่าใชบ้ ริการซอฟต์แวรห์ รือแอพพลเิ คช่ัน ผา่ นอินเทอรเ์ นต็ โดยประมวลผลบนระบบ ของผู้ให้บริการทำให้ไม่ต้องลงทุนในการสร้างระบบคอมพิวเตอร์ ฮาร์ดแวร์ ซอฟต์แวร์เอง ไม่ต้องพะวงเรื่อง คา่ ใชจ้ ่ายในการดูแลระบบ เพราะซอฟต์แวร์จะถูกเรียกใชง้ านผ่าน Cloud จากท่ีไหนก็ไดซ้ ึ่งบริการ Software as a Service ทใ่ี กล้ตวั เรามากท่ืสดุ ก็คอื GMail น่นั เอง นอกจากน้ันก็เชน่ Google Docs หรอื Google Apps ที่เป็นรูปแบบของการใช้งานซอฟต์แวร์ผ่านเว็บบราวเซอร์ สามารถใช้งานเอกสาร คำนวณ และสร้าง Presentation โดยไม่ต้องติดตั้งซอฟต์แวร์บนเครื่องเลย แถมใช้งานบนเครื่องไหนก็ได้ ที่ไหนก็ได้ แชร์งาน

81 รว่ มกันกบั ผอู้ นื่ ก็สะดวก ซ่งึ การประมวลผลจะทำบน Server ของ Google ทำใหเ้ ราไมต่ ้องการเคร่ืองท่ีมีกำลัง ประมวลผลสูงหรือพื้นที่เก็บข้อมูลมาก ๆในการทำงาน Chromebook ราคาประหยัดซักเครื่องก็ท างานได้ แลว้ มหาวิทยาลัยท้งั ในไทยและต่างประเทศหลายแห่ง ภาพท่ี 3.1 Google Apps ท่มี า: https://cloud.google.com Platform as a Service (PaaS) สำหรับการพัฒนาแอพพลิเคชั่นนั้น หากเราต้องการพัฒนาเว็บแอพพลิเคชัน่ ที่ค่อนข้างซับซ้อน ซึ่งรัน บนเซิร์ฟเวอร์ หรือ Mobile application ที่มีการประมวลผลทำงานอยู่บนเซิร์ฟเวอร์ เราก็ต้องตั้งเซิร์ฟเวอร์ เชื่อมต่อระบบเครือข่าย และสร้างสภาพแวดล้อม เพื่อทดสอบและรันซอฟต์แวร์และแอพพลิเคชั่น เช่น ติดต้ัง ระบบฐานข้อมูล, Web server, Runtime, Software Library, Frameworks ต่าง ๆ เปน็ ต้น จากนัน้ กอ็ าจยัง ต้องเขียนโค้ดอีกจำนวนมาก แต่ถ้าเราใช้บริการ PaaS ผู้ให้บริการจะเตรียมพื้นฐานต่าง ๆ เหล่านี้ไว้ให้เราต่อ ยอดได้เลย พื้นฐานทั้ง Hardware, Software, และชุดคำสั่ง ที่ผู้ให้บริการเตรียมไว้ให้เราต่อยอดนี้เรียกว่า Platform ซึ่งก็จะทำให้ลดต้นทุนและเวลาที่ใช้ในการพัฒนาซอฟท์แวร์อย่างมาก ตัวอย่าง เช่น Google App Engine, Microsoft Azure ที่หลายๆบริษัทน ามาใช้เพื่อลดต้นทุนและเปน็ ตัวช่วยในการทำงาน Application ดังๆหลายตัวเช่น Snapchat ก็เลือกเช่าใช้บริการ PaaS อย่าง Google App Engine ทำให้สามารถพัฒนา แอพท่ีให้บริการคนจำนวนมหาศาลได้ โดยใช้เวลาพฒั นาไม่นานดว้ ยทมี งานแคไ่ ม่กี่คน ภาพท่ี 3.2 Google App Engine ทม่ี า: https://cloud.google.com

82 Infrastructure as a Service (IaaS) เป็นบรกิ ารใหใ้ ช้โครงสร้างพ้นื ฐานทางคอมพวิ เตอรอ์ ย่าง หน่วยประมวลผล ระบบจัดเกบ็ ข้อมูล ระบบ เครือข่าย ในรูปแบบระบบเสมือน (Virtualization) ข้อดีคือองค์กรไม่ต้องลงทุนสิ่งเหล่านี้เอง, ยืดหยุ่นในการ ปรับเปลี่ยนโครงสร้างระบบไอทีขององค์กรในทุกรูปแบบ, สามารถขยายได้ง่าย ขยายได้ทีละนิดตามความ เตบิ โตขององคก์ รกไ็ ด้ และทสี่ ำคัญ ลดความย่งุ ยากในการดูแล เพราะหน้าท่ีในการดแู ล จะอยู่ท่ีผใู้ หบ้ รกิ าร ภาพที่ 3.2 ระบบเสมือน (Virtualization) ทีม่ า: https://cloud.google.com ตัวอย่างเช่น บริการ Cloud storage อย่าง DropBox ซึ่งให้บริการพื้นที่เก็บข้อมูลนั่นเอง แต่นอกจากนี้ก็ยังมี บริการให้เช่ากำลังประมวลผล, บริการให้เช่าเซิร์ฟเวอร์เสมือน เพื่อใช้ลงและรันแอพพลิเคชั่นใด ๆตามที่เรา ตอ้ งการไม่วา่ จะเป็น WebApplication หรือ Software เฉพาะด้านขององคก์ ร เปน็ ตน้ การพัฒนาแอปพลิเคชันด้วยคลาวดแ์ พลตฟอร์ม AppSheet คือ เครื่องมือในการสรา้ งแอปฯ โดยอาศยั ไฟล์ข้อมลู ประเภท Spreadsheet บนระบบ คลาวน์ มาสร้างแอปฯ ไม่ต้องเป็นโปรแกรมเมอรก์ ็สร้างแอปฯบน AppSheet - ธรุ กจิ เจา้ ของคนเดยี ว รวดเรว็ ด/ู เก็บ ได้ทันทีไมต่ ้องเสยี เวลาใชห้ รอื เปิดคอม หรอื ใชก้ ระดาษจด หรือ คำนวณผา่ นเคร่ืองคิดเลข อกี ต่อไป - งานกลมุ่ เลก็ ลองสามคน ดู แชร์ คยุ กัน ได้ทันที ไมต่ ้องสง่ เมล์ ทำไฟล์ สง่ เซฟ กนั ตลอดเวลา ลดการ จดั เก็บ ลดความสับสนในการใช้ไฟลง์ านที่ซ้ำซ้อนกนั - งานทีต่ อ้ งเดนิ ทาง หรือทำงานหน้างาน ชว่ ยลดการจดบนั ทกึ ลงกระดาษ ลดเวลาในการมาบันทกึ เข้า คอมพิวเตอร์อกี ครงั้ - งานในแผนกหลายคน ดู แชร์ จดั เกบ็ ได้ทันที อัพเดต ตดิ ตามได้รวดเรว็ แจง้ เตือนผา่ นอกี เมล์ได้ทนั ทีที่ มกี ารปรับปรุงขอ้ มูล ไมต่ ้องกลบั ไปสร้างเมล์ใหม่ - งานในกลุ่มย่อย โครงการ โปรเจคเฉพาะกิจ ใชแ้ ลว้ เก็บหรอื ยกเลือกได้ สบายใจ

83 - งานสังสรรค์ งานสมาคม งานครอบครัว เพ่ือความคลอ่ งตัวในการรวบรวมข้อมูล และยงั จัดเกบ็ ข้อมูล ไว้ใช้งานไดใ้ นครง้ั ต่อไป เรม่ิ ตน้ ใช้งาน : https://www.appsheet.com/ การลงชอื่ เข้าใช้ ข้นั ตอนแรกในการสรา้ งแอปฯ คอื การเลือกผู้ให้บริการคลาวด์ที่เราจะเช่อื มต่อกับ AppSheet เช่น Google Drive, box, Dropbox, Office365, Smartsheet มีสองวิธีในการเรม่ิ ตน้ ใช้งาน วธิ ีท่ีง่ายทีส่ ุดคอื การใช้สว่ นเสรมิ สำหรบั Google Apps หากคณุ เร่ิมจาก Google Formหรอื Google Sheet หรอื คุณสามารถคลกิ \"ลงช่อื เขา้ ใช\"้ ทด่ี ้านบนขวาของหน้าแรก ดว้ ยอเี มล และรหสั ผ่าน หมายเหตุ : AppSheet ใชก้ ระบวนการรบั รองความถกู ต้องของผู้ให้บริการระบบคลาวด์ของคุณเท่านน้ั และจะ ไมเ่ กบ็ ข้อมูลใดๆ ไว้ในเซิรฟ์ เวอร์ เม่อื คลิกที่ Start for free แลว้ จะปรากฏหนา้ จอ GETSTARTED

84 เมอื่ ลงชอ่ื เข้าใชแ้ ลว้ เราจะต้องเชื่อมต่อและอนุญาตให้ AppSheet เขา้ ถึงของมลู ใน Drive ของเรา เปรดชีต AppSheet จะสร้างและอ้างองิ กับโครงสร้างของข้อมูลตาราง \"table\" ในสเปรดชีต AppSheet จะ ทำความเข้าใจโครงสรา้ งของสเปรดชีตและแปลงข้อมลู เป็นแอปฯโดยง่ายดาย ถ้าโครงสรา้ งของตารางมีความ ซับซอ้ นมากเท่าใด กย็ ิง่ ยากในการแปลงข้อมลู ไดย้ ากขน้ึ กำหนดสว่ นหัวของตารางให้มีความสอดคล้อง ชัดเจนลงในคอลมั นใ์ นสเปรดชตี จะชว่ ยให้ AppSheet ระบุค่าในคอลัมนเ์ หล่านัน้ ได้ดียง่ิ ข้นึ และควรใช้ชอ่ื สามัญเป็นภาษาอังกฤษ ตัวอย่าง เช่น ถา้ คุณเพ่มิ คอลัมนท์ ่มี ี หมายเลขโทรศัพท์จะช่วยให้ AppSheet ระบุคา่ ในคอลัมนน์ ้ันวา่ เปน็ Telephone ********ควรเพ่มิ ข้อมูลใหม่เป็นแถวใหม่มิใช่เป็นคอลัมน์ การเริ่มต้นสรา้ งแอปฯใหม่ หากตอ้ งการสร้างแอปฯใหมใ่ หค้ ลิกแท็บ \"แอปฯของฉัน\" ท่ีด้านบน จากนนั้ คลิก \"Make a New App\"

85 เมอ่ื คลิกแล้วจะปรากฏหน้าจอให้ตง้ั ชื่อ ใส่รายละเอยี ด เลอื กแหล่งท่ีมาของเสปรดชีต (แนะนำให้ใช้ Google) ในขั้นตอนนี้ให้เลอื กหาไฟล์ Google Sheet ทีจ่ ะนำเขา้ ข้อมูลมาใช้ในแอปฯ โดยการพมิ พ์ช่ือไฟล์ใหถ้ ูกต้อง หลงั จากนัน้ คลกิ ที่ปุ่มค้นหา เพอื่ ดำเนนิ การสรา้ งแอปฯ ต่อไป ***(ถ้าเราจำชอื่ ไมไ่ ดใ้ หเ้ ปิด Google Sheet ไวแ้ ล้วเข้าไป Copy ชอ่ื ไฟล์มาวางได้เลย เพื่อความถูกต้อง) หลงั จากน้ัน โปรแกรมจะทำการประมวลผล กรุณารอสักครู่….

86 จะปรากฏหน้าจอการสรา้ งแอปฯขน้ึ มา เปน็ หนา้ เวบ็ ทส่ี ามารถใชเ้ ครื่องมอื แก้ไขขน้ั พื้นฐานหรอื ขัน้ สูง เพอ่ื ปรับแตง่ แอปฯ รวมทัง้ ดูตัวอยา่ งแอปฯ การปรบั แตง่ แอปฯ ข้นั พ้นื ฐาน คลกิ เมาสต์ ามหมายเลข 1. และ 2. สว่ นหมายเลข 3. คอื ตัวอย่างที่แสดงบนมอื ถอื รายละเอยี ด ดงั น้ี 1. Info (หมายเลข 1.) ส่วนของ Info ประกอบด้วยส่วนย่อยตอ่ ไปน้:ี - Errors & Warnings - Properties (หมายเลข 2.) - Documentation สว่ นทเี่ ราสามารถปรับแต่งคุณสมบัติ หรือรายละเอยี ดต่างๆ ของแอปฯ ดังนี้ - หมายเลข 4. คอื ช่อื แอปฯ เราสามารถแก้ไขไดต้ รงนี้ ใช้คำสั้นๆ ทเ่ี ปน็ คำเฉพาะสำหรับแอปฯ น้ี - หมายเลข 5. คอื เวอร์ชั่นของแอปฯ เป็นหมายเลขเวอร์ช่นั หลกั และรอง

87 - หมายเลข 6. คอื คำอธบิ ายหนง่ึ ประโยคของแอปฯ ให้เขียนอธิบายเพิ่มเตมิ เพื่อความเข้าใจและ ชัดเจน - หมายเลข 7. คือ ลกั ษณะของแอปฯทส่ี ร้างขึน้ สามารถใส่คำอธบิ ายแบบละเอียด (หนึ่งย่อหน้า) - หมายเลข 8. คือ คำแนะนำสำหรับผูใ้ ช้ จะใสห่ รือไม่ใสก่ ไ็ ด้ - หมายเลข 9. คือ เก่ียวกับ URL ไปยงั หนา้ เวบ็ ที่มีข้อมลู เพ่ิมเติมเกยี่ วกับแอปฯ น้ี จะใส่หรือไม่ใส่ก็ได้ เมอื่ ทำการเปล่ยี นแปลงข้อมูลจะมปี ุ่ม ปรากฏขึน้ มาทุกคร้ังและเม่ือตอ้ งการเปลีย่ นแปลง ก็ ต้องกดปมุ่ นี้ทุกคร้งั 2. Data ในสว่ นของ Data (หมายเลข 1.) จะประกอบไปด้วยสว่ นประกอบทง้ั หมด 4 ส่วน คือ 1. Tables (หมายเลข 2.) 2. Column Structure (หมายเลข 3.) 3. Slices (หมายเลข 4.) 4. User Settings (หมายเลข 5.) ในทีน่ ้จี ะขอกล่าวถึงทลี ะส่วน ดงั น้ี สว่ นท่ี 1 Tables (หมายเลข 2.) คอลัมน์ : AppSheet จะอา่ นสว่ นหวั ของคอลัมน์แตล่ ะคอลัมน์เพื่อกำหนดโครงสร้างคอลัมน์ คอลมั น์ ในตารางต้องไม่มกี ารเปล่ียนแปลง แถว : ทุกครงั้ ท่ีมกี ารบนั ทกึ ข้อมูลใหมจ่ ะมีการเพิ่มแถวใหม่ลงในสเปรดชตี ในส่วนของ Tables เราจะเหน็ ชอื่ ของตารางทเี่ รานำเข้ามาจาก Google Drive ปรากฏใหโ้ ดย อตั โนมตั ิ (ชอื่ ของ Tabsheet)

88 เม่อื เราคลิกเข้าไปทชี่ ่ือของตาราง (หมายเลข 6.) จะมีรายละเอยี ดดงั รปู หมายเลข 1. ชอ่ื ตาราง (ชือ่ จะแสดงตาม Tabsheet ของ Google Sheet ทเี่ รานำเขา้ มา) หมายเลข 2. VIEW SOURCE คลกิ เพื่อแสดงแหลง่ ท่ีมาของตาราง ซงึ่ เมื่อเราคลิกจะเปิดไฟลง์ านข้นึ มา ตัวอยา่ งดังรูป หมายเลข 3. VIEW DATA คลิกเพื่อแสดงข้อมลู ของตาราง เม่อื เราคลิกจะแสดงรายละเอียด ดังรูป

89 หมายเลข 4. DELETE คือการลบตาราง เมือ่ คลิก จะปรากฏปุ่ม ถามเพื่อยืนยันการลบอีก คร้ังหนงึ่ หมายเลข 5. Table name คือช่อื ตาราง ในทีน่ ี้เราสามารถเปลย่ี นช่ือได้ แตก่ ็ไมม่ ีผลอะไรกบั ข้อมูล หมายเลข 6. Updates คือการเลอื กให้ตารางมีการอัพเดตข้อมูลได้ ถ้าเราไม่คลกิ เลือกตารางขอ้ มูลในแอปฯ ก็ จะไม่อัพเดต หมายเลข 7. Adds คือการเลือกให้ผูใ้ ช้งานสามารถเพมิ่ ข้อมลู ได้ ถา้ เราไมค่ ลิกเลือกตารางข้อมลู ในแอปฯ กจ็ ะ ดูข้อมลู ได้เท่านั้น หมายเลข 8. Deletes คอื การเลอื กให้ผใู้ ชง้ านสามารถลบขอ้ มูลได้ หมายเลข 9. Read-Only คือการเลือกให้ผใู้ ชง้ านอ่านอยา่ งเดียว ไม่สามารถอัพเดต เพม่ิ หรือลบขอ้ มลู ได้ หมายเลข 10. MORE SETTINGS เม่อื คลิกเขา้ ไปจะปรากฏรายละเอยี ดอืน่ ๆท่ีสามารถตั้งค่าได้ การเพ่ิมขอ้ มลู จากหลายตาราง หากตอ้ งการทำการเพมิ่ ข้อมลู จากหลายๆ ตาราง ทำได้โดยคลกิ ที่ปมุ่ Add New Table และสามารถ ใช้แหลง่ ข้อมลู ตารางท่ีมีแผน่ งานหรือแท็บไดห้ ลายแผ่นงาน ดงั ตัวอยา่ งในรปู หลงั จากคลิกเลือกท่ี Google แล้ว จะปรากฏหนา้ จอ ใหเ้ ลือกหาไฟล์ที่ต้องการเพิ่ม ดงั รูป

90 เมื่อคลิกเลอื กแลว้ จะปรากฏหนา้ จอ CREATE A NEW TABLE ดงั รูป หมายเลข 1. คือ ช่อื ของตาราง หมายเลข 2. คอื ชื่อแผ่นงานในกรณที ่ีมหี ลายแผ่นงานใน Sheet นน้ั ในท่ีน้มี ีทัง้ หมด 4 แผ่นงาน เรา สามารถเลอื กเพ่ิมได้ตามความต้องการ เลือกได้ทลี ะ Worksheet หมายเลข 3. คือ การตงั้ คา่ ตาราง ซ่งึ เราสามารถตัง้ ไดต้ อนนี้ หรือเข้าไปต้ังใน AppSheet อีกครงั้ กไ็ ด้ หมายเลข 4. คือ เม่ือเลือก Worksheet ได้แล้ว ให้กดป่มุ เพื่อทำการเพิ่มเขา้ ไปในแอปฯ หมายเลข 5. คอื เมื่อต้องการยกเลกิ การทำงานทุกอย่าง

91 เมอ่ื คลิกเลือกเพ่ิมตารางตามท่ตี อ้ งการแลว้ จะเข้าสู่หน้าตา่ งในสว่ นของ Tables ก็จะปรากฏตารางที่ เพิม่ เข้ามา นอกจากนี้ Appsheet ยงั แสดงตารางในส่วนของ Worksheet อ่นื ทีย่ ังไม่ไดท้ ำการเพิ่มเข้ามาให้อกี ดว้ ย และหากต้องการเพิ่มอีกกส็ ามารถคลิกเลือกเพิม่ เขา้ มาได้ทันที ดังรปู ส่วนท่ี 2 Column Structure (หมายเลข 2.) (สว่ นนีส้ ำคญั มากสำหรบั การจดั การกับข้อมูลในตาราง)

92 หมายเลข 3. คอื ช่ือตาราง หมายเลข 4. คอื รายละเอียดของตาราง หมายเลข 5. Show คือ คลกิ เพอ่ื ต้องการแสดงรายละเอียดของตาราง หมายเลข 6. Hide คอื คลิกเม่ือต้องการซอ่ นรายละเอียดคุณสมบตั ขิ องตาราง หมายเลข 7. Show All Properties คอื คลิกเม่ือต้องการแสดงรายละเอียดคุณสมบัตขิ องตาราง ท้ังหมด หมายเลข 8. Regenerate คือ การรีเซตขอ้ มูลจากตารางใหม่เม่ือมกี ารเปลีย่ นแปลงโครงสรา้ งตาราง จาก Google Sheet เชน่ การเพม่ิ คอลัมน์ หรอื ลบคอลมั น์ หากมกี ารเปลี่ยนแปลงแลว้ ไม่มีการคลกิ ที่ Regenerate จะเกดิ ขอ้ ผดิ พลาดทนั ที และแอปฯ กจ็ ะไม่สามารถแสดงข้อมูลไดเ้ ลย โครงสรา้ งคอลมั น์ ทกุ ตารางจะมีโครงสรา้ งของคอลมั น์ แถวทง้ั หมดของตารางตอ้ งสอดคลอ้ งกบั โครงสรา้ งคอลมั น์โดย โครงสรา้ งคอลัมน์ ประกอบด้วยคำจำกดั ความของคอลัมน์ มคี ณุ สมบตั ิดังนี้ :

93 หมายเลข 1. COLUMN NAME คอื ช่อื คอลมั น์ ชื่อคอลมั น์จะไดร้ ับจากสว่ นหวั ของคอลัมนใ์ นสเปรด ชีตโดยอัตโนมตั ิ ซง่ึ จะมีช่ือซำ้ กนั ไม่ได้ ถา้ ช่ือซ้ำกนั AppSheet จะสรา้ งช่ือใหม่ให้อัตโนมัติ หมายเลข 2. TYPE คือประเภทขอ้ มูล เช่น Number, Price, Phone, Email, Image, Text etc. หมายเลข 3. TYPE QUALIFIER คอื คุณสมบัติที่อธิบายเพ่ิมเตมิ เกี่ยวกับประเภทคอลัมน์ ตัวอย่างเชน่ Number อาจรวมถงึ คุณสมบัติ MinValue และ MaxValue หมายเลข 4. APP FORMULA คอื นิพจนท์ ีใ่ ชใ้ นการคำนวณคา่ ของคอลัมนภ์ ายในแอปฯ อธิบายถัดไปทางขวามือต่อจากรปู หมายเลข 4 ดังน้ี หมายเลข 5. KEY คือ คียร์ ะบุวา่ คอลมั นเ์ ป็นสว่ นหนึ่งของคียห์ รือไม่ หมายเลข 6. LABEL คือ ปา้ ยกำกบั แถว ซง่ึ ค่าในคอลมั น์น้ีจะปรากฏแกผ่ ูใ้ ช้เพ่ือชว่ ยใหผ้ ูใ้ ช้ระบุแถว หมายเลข 7. READ-ONLY คือ อ่านอยา่ งเดยี วถ้าเลอื กแล้วคอลมั นจ์ ะไมส่ ามารถแก้ไขได้โดยผใู้ ช้ หมายเลข 8. HIDDEN คือ ซ่อน ถ้าเลือกแลว้ คอลัมน์จะถูกซอ่ น ผใู้ ช้ไม่สามารถเหน็ ได้ หมายเลข 9. REQUIRED คือ ต้องการถา้ เลือกแล้วคอลัมน์ต้องมีค่า

94 หมายเลข 10. DISPLAY NAME คือ แสดงช่ือคอลัมน์ กรณีท่ีช่ือแตกตา่ งจากช่ือคอลัมนก์ ส็ ามารถ เพิ่มเติมได้ หมายเลข 11. DESCRIPTION คอื คำอธบิ ายคอลัมน์ หมายเลข 12. INITIAL VALUE คือ คา่ เริ่มตน้ คา่ เริม่ ตน้ ที่จะกำหนดให้กับคอลมั น์เม่ือมีการเพิ่มแถว ใหม่ลงในตาราง คา่ เรมิ่ ตน้ สามารถแทนท่ไี ดโ้ ดยผูใ้ ช้ หมายเลข 13. SEARCHABLE คอื สามารถค้นหาได้ ผใู้ ช้สามารถค้นหาค่าในคอลัมน์น้ีได้ หมายเลข 14. SCANNABLE คอื Scan คุณสามารถป้อนค่าของคอลมั นโ์ ดยใช้เครอ่ื งสแกนบารโ์ ค้ด หมายเลข 15. SENSITIVE DATA คือ ข้อมูลสำคัญ สว่ นของค่าในคอลมั นน์ ี้ไม่ควรถูกบนั ทกึ ลงใน บันทึกการตรวจสอบ เนือ่ งจากมีข้อมูลส่วนตวั หรอื ข้อมูลสว่ นบคุ คล หมายเลข 16. SPREADSHEET FORMULA คือ สูตรชที เป็นนิพจน์ท่ีกำหนดใหก้ บั คอลัมน์นใี้ นแผ่น งาน ****** TYPE : หมายเลข 2. TYPE คือประเภทคอลมั น์ ซึง่ โดยปกตแิ ล้วเม่ือนำเข้าขอ้ มลู จาก SpreadSheet แล้ว AppSheet จะกำหนดคา่ ให้โดยอตั ิโนมัติ ตามรูปแบบทีน่ ำเขา้ มา แตเ่ ราสามารถแก้ไขหรือเปลีย่ นแปลงเพ่ือให้ ตรงตามความตอ้ งการได้ ซึง่ มีรายละเอียด ดังนี้ Text types : ประเภทข้อความ Text คือ แสดงข้อความสั้น ๆ (ไม่กี่คำ) ท่ีแสดงในบรรทัดเดียว Name คอื กรณีพเิ ศษของประเภทข้อความทแ่ี สดงถึงช่ือของบุคคล หรือสถานท่ี LongText คือ แสดงเน้ือหาข้อความท่ียาวขึน้ ในหลายบรรทัด Numeric types : ประเภทตวั เลข Number คอื ค่าจำนวนเต็ม Decimal คือ ค่าตวั เลขทมี่ ที ศนยิ ม Price คือ ค่าสกลุ เงิน

95 Percent คือ แสดงค่าเป็นเปอร์เซ็นต์ Temporal types : ประเภทช่ัวคราว Date คอื แบบวัน (วันเดือนปี) Time คอื กำหนดเวลาภายในหนงึ่ วัน (ชัว่ โมง นาที วนิ าที) คุณสามารถต้ังค่าแอตทริบิวต์ \"IgnoreSeconds\" เพอ่ื ไม่สนใจวนิ าที DateTime คือ แบบวนั และเวลา Duration คอื แบบจำลองระยะเวลาหน่งึ Change types : เปล่ียนประเภท ChangeTimestamp คือ แสดงเม่อื รายการถูกแก้ไขคร้ังลา่ สุด ดวู ิธกี ารทำงานน้ีพร้อมกับ Type Qualifier ใน ChangeCounter คือ แสดงจำนวนครั้งที่มีการแก้ไขรายการ ดวู ิธกี ารทำงานน้ีโดยไม่มีการคดั เลอื ก ประเภทใน ChangeLocation คอื จะเติมข้อมลู โดยอัตโนมตั ิดว้ ยตำแหน่ง GPS ปัจจบุ ัน (ท่ีมกี ารเปลยี่ นแปลง) Enumerated types : ประเภททรี่ ะบุ Yes/No คือ ใช่ / ไม่ใช่ : เรยี กอีกอยา่ งวา่ 'Boolean' ค่าเหลา่ น้แี สดงเปน็ Y หรอื N ในแอปฯและมี กลไกการเลือก 'ตัวเลื่อน' ในฟอร์มปอ้ นข้อมูล Enum คือ ช่วยใหผ้ ูใ้ ช้เลือกค่าเดียวจากรายการคา่ ที่อนุญาต EnumList คอื จะเหมือนกับ Enum ยกเวน้ ให้ผู้ใชเ้ ลอื กคา่ ตา่ งๆ จากรายการค่าที่อนุญาต Ref คือ ถกู ใชเ้ พื่อสรา้ งความสมั พันธร์ ะหวา่ งระเบยี นหนึง่ กับอกี ระเบียนหน่ึง ดูอ้างอิงระหว่างตาราง Color คอื รายการรหสั สใี นแอปฯโดยใชช้ ดุ ย่อย 6 สีมาตรฐาน ไดแ้ ก่ สแี ดงเหลืองเหลอื งส้มมว่ งและ น้ำเงนิ Progress คือ แสดงความคืบหน้าของรายการโดยใช้สัญลกั ษณ์ 'ฮาร์วียบ์ อล' Communication types : ประเภทการส่อื สาร Phone คือ โทรศัพท์ : ทำโมเดลหมายเลขโทรศัพท์ ทำให้แอปฯสามารถโทรและส่งขอ้ ความ SMS ได้ Email คือ อเี มล : แสดงท่ีอยู่อีเมล - ใหค้ วามสามารถในการส่งอเี มลโดยคลิกทท่ี ี่อยู่อีเมล Geographic types : ประเภทภมู ิศาสตร์ Address คอื ที่อยู่ : ระบทุ ี่อยู่ไปรษณีย์แบบเต็มรูปแบบ LatLong คือ ละติจูดและลองจจิ ูด (เช่น '48.5564, -122.3421') เขตข้อมลู ฟอรม์ สำหรับชนิดข้อมูลน้ี

96 สามารถกรอกข้อมูลตำแหน่งปจั จบุ ันไดด้ ว้ ยคลิกเดยี ว Content types : ประเภทเนอ้ื หา Drawing คือ การวาด : สร้างแผ่นรปู วาดในแอปฯ Image คือ รูปภาพ : รปู แบบ. jpg, .png และ gif ค่าน้ีอาจเปน็ URL รปู ภาพหรอื ชื่อของไฟล์ในระบบ ไฟลต์ ้นทางของสเปรดชตี โปรดอ้างอิงสว่ นทีอ่ ธบิ ายวธิ กี ารใชไ้ ฟล์เปน็ รปู ภาพ ภาพจะถูกบันทกึ ลงในอุปกรณ์ โดยใช้กล้องถา่ ยรูปหรือจากกล้องถา่ ยรูปในเครอื่ ง Thumbnail คือ ภาพขนาดย่อ Signature คอื ลายเซ็น : คอื ลายเซ็น สามารถบันทึกด้วยการวาดบนมือถือ File คอื ไฟล์ :สามารถเพ่ิมไฟล์เอกสารใดๆ ท่ีสามารถดูได้ในเบราว์เซอร์ (มักใชส้ ำหรบั เอกสาร PDF) ไมม่ ีกลไกการจับภาพสำหรบั ไฟล์ในแอปฯ Show คือ แสดง : ประเภทการแสดงมใี ห้เลอื ก 6 ประเภท: 1. Page_Header: ใชเ้ พ่อื สรา้ งหน้าใหม่ภายในฟอร์ม 2. Section_Header: ใช้เพ่อื สร้างส่วนใหมภ่ ายในหน้าฟอร์มเดยี วกนั 3. Text: ใช้เพอื่ แสดงข้อความอธิบาย 4. URL: ใช้เพอ่ื แสดง URL ที่คลิกได้ 5. Image : ใชเ้ พ่ือแสดงภาพน่ิง 6. Video : ใช้เพ่ือแสดงวิดโี อ MP4 Other types : ประเภทอ่นื ๆ URL คือ ทอ่ี ยู่เวบ็ มสี องส่วนคา่ URL: ที่อยเู่ ช่น \"http://en.wikipedia.org\" และข้อความลิงกท์ ีเ่ ปน็ ตวั เลือกเชน่ \"คลกิ ทีน่ เ่ี พื่อเยีย่ มชมวกิ ิพเี ดีย\" App คือ ไปที่แอปฯ AppSheet อน่ื หรือไปท่ีมมุ มองอื่นในแอปฯปัจจุบัน MultiColumnKey คือ ฟิลด์คอมโพสิตท่เี ป็นตวั แทนของการรวมกันของหลายช่องสำหรับจุดประสงค์ ของคยี ์

97 3. UX (เป็นส่วนสำคัญในการกำหนดรปู แบบในการนำเสนอมมุ มองของแอปฯ ในรปู แบบตา่ งๆ) สว่ นท่ี 1 Views เปน็ สว่ นของการนำเสนอมุมมองหน้าตาของข้อมลู แก่ผู้ใช้งาน สามารถตัง้ คา่ ได้ตามความตอ้ งการ ซง่ึ ตอนแรกทเ่ี ร่ิมต้นสร้างแอปฯขึ้นมา AppSheet จะทำการกำหนดมุมมองข้อมูลใหโ้ ดยอัตโนมัติ หากเราไม่ ตอ้ งการ เรากส็ ามารถลบ และทำการสรา้ งใหม่ได้ ดงั ต่อไปน้ี เมอ่ื ต้องการสรา้ งใหม่ กดทีห่ มายเลข 1. กจ็ ะปรากฏรายละเอียด New View (หมายเลข 2.) ขึ้นมา ซึง่ เราสามารถตั้งค่าตา่ งๆ ได้ตามตอ้ งการ ดงั ตอ่ ไปนี้

98 หมายเลข 3. View name คือ ชอ่ื ของมุมมองส่วนท่ีสร้างข้ึน เราสามารถต้ังชอ่ื ตามต้องการ เชน่ Report, รายการแยกตามช้ัน เป็นตน้ หมายเลข 4. For this data คอื เลือกตารางทีจ่ ะแสดง หมายเลข 5. View type คือ ประเภทของมุมมอง มใี ห้เลอื กอยู่ท้ังหมด 8 มุมมอง ดังน้ี 1. Deck 5. Map 2. Table 6. Chart 3. Gallery 7. Form 4. Slideshow 8. Dashboard แบบที่ 1. Deck และ 2. Table (ตาราง) เป็นมมุ มองสรุปขอ้ มูล เป็นรายการแบบเล่ือนของแถว มมุ มองตารางแสดงข้อมูลในรูปแบบทีก่ ะทัดรดั มาก ทำใหค้ ุณสามารถเล่ือนดแู ถวได้อย่างรวดเรว็ แบบท่ี 3. Gallery เป็นมมุ มองเร่มิ ต้นของข้อมูลทมี่ ีคอลัมนร์ ปู ภาพหรือภาพขนาดย่อ เนือ้ หาจะ ปรากฏในมมุ มอง \"สรปุ \" เป็นแกลเลอรีรูปภาพทแ่ี ตล่ ะภาพมีคำอธิบายประกอบโดยใช้คีย์แถว การคลกิ รูปภาพ ใด ๆ จะเป็นการเปิดมมุ มอง 'ภาพ' แบบเตม็ หนา้ จอของรูปภาพพร้อมกับคอลัมนแ์ ถวอ่ืนๆ เมอ่ื อยใู่ นมุมมอง รายละเอียดแบบเต็มหน้าจอผู้ใช้สามารถกวาดนวิ้ ไปทางซ้ายหรือขวาเพ่ือยา้ ยไปยังแถวที่อยูต่ ิดกันได้ มุมมองแบบน้ีมี 3 ตัวเลือกย่อยทค่ี วบคุม ขนาดของภาพท่ีแสดงในมุมมองสรุป - Small ขนาดเลก็ : เหมาะสำหรบั ภาพขนาดย่อ - Medium ขนาดกลาง: เหมาะกับภาพสองภาพเคยี งข้างกนั บนหนา้ จอโทรศัพท์ - Large ขนาดใหญ่: แสดงภาพขนาดใหญ่ท่ีมคี วามกว้างเตม็ ตามแนวตงั้ เช่นเดียวกบั มมุ มองรายการ คุณสามารถเลือกคอลมั นเ์ พื่อจัดเรียงลำดับของการนำเสนอข้อมูล

99 แบบที่ 4. Slideshow มุมมองนีใ้ ชเ้ พื่อแสดงรายละเอยี ดเก่ียวกบั ระเบยี นและหนา้ ซ้ายและขวาผ่าน หลายระเบยี น มมุ มองน้จี ะถูกใชโ้ ดยอัตโนมตั เิ ม่ือเลือกรายการในมุมมองตารางเดค็ และแกลลอรี่ คุณสามารถ กำหนดคา่ มมุ มองอตั โนมัติน้ีโดยการสร้างตวั ควบคุม UX ของ \"สไลด์โชว์\" ประเภทและตำแหน่ง \"ref\" โดยองิ จากแหลง่ ข้อมูลเดียวกัน การตั้งคา่ มุมมองประกอบดว้ ยตวั เลือก เชน่ การนำเสนอภาพลำดับคอลมั น์และ คอลัมน์ QuickEdit QuickEditทำใหค้ อลัมน์สามารถแก้ไขได้โดยตรง จากมุมมองรายละเอียดแถว เพื่อใหส้ ามารถอัปเดต โดยไม่ตอ้ งแก้ไขแบบฟอร์มทั้งหมด ในการใช้ QuickEditแหล่งข้อมูลในมุมมองภาพสไลด์จะตอ้ งมกี ารแก้ไข นอกจากนบี้ างคอลัมน์จะไม่มีสิทธเ์ิ ชน่ - Key columns : คอลมั น์ท่ีสำคญั - Columns marked read-only : คอลัมน์ทท่ี ำเครื่องหมายเป็นแบบอ่านอย่างเดยี ว - Columns computed by AppFormula or sheet formula : คอลมั น์ทค่ี ำนวณโดย AppFormula หรอื สูตรแผน่ งาน - System columns like row number : คอลัมนร์ ะบบเช่นหมายเลขแถว - \"Change\"-type columns : คอลมั น์แบบ \"เปล่ียน\" - Columns with Editable_If expressions that disallow edits : คอลมั นท์ ีม่ ี Editable_If นิพจนท์ ไ่ี ม่อนุญาตใหม้ ีการแก้ไข

100 แบบที่ 5. Map มุมมองน้แี สดงทอ่ี ยู่และ LatLong คอลัมนบ์ นแผนท่ี แบบท่ี 6. Chart แผนภูมิ มีรูปแบบของแผนภูมิเพ่ือให้แสดงผล ดงั นี้ หมายเลข 1. Chart type เลอื กประเภทของแผนภมู ทิ ี่ หมายเลข 2. Group aggregate คอื วิธีการรวมขอ้ มูลสำหรบั แผนภูมริ วม หมายเลข 3. Chart columns คอื เลือกคอลมั น์ใดท่ีจะรวม เพอ่ื แสดงเปน็ แผนภูมิ หมายเลข 4. Chart colors คอื ใช้สที ี่กำหนดเองสำหรบั แผนภมู นิ ี้ แบบที่ 7. Dashboard มุมมองหนา้ แดชบอรด์ ช่วยให้สามารถแสดงมุมมองอ่นื ๆ ในท่เี ดียว ปัจจุบนั

101 สามารถเพ่ิมการดูแผนที่, คลงั ภาพ, เด็ค, ตารางและสไลดโ์ ชวไ์ ด้ท่แี ดชบอรด์ แบบที่ 8. Form แบบฟอรม์ หมายเลข 6. Position คือ ตำแหนง่ ท่ขี องปุ่มเมนเู พอ่ื เข้าถงึ มมุ มองน้ี มีทั้งหมด 5 ตำแหน่ง ดังรูป - left คอื ตำแหนง่ ซ้าย - center คอื ตำแหน่งตรงกลาง - right คอื ตำแหน่ง ขวา - menu คือ ตำแหนง่ เมนูด้านบน - ref คือ ไม่แสดงตำแหน่งใด หมายเลข 7. Copy เมื่อต้องการคัดลอกการจดั รูปแบบมุมมอง หมายเลข 8. Delete เมื่อต้องการลบมมุ มองนี้ หมายเลข 9. Icon ฺเปน็ การเลอื กรปู ภาพไอคอนเพ่ือแสดงด้านหนา้ ตวั เลอื กมุมมองน้ันๆ หมายเลข 10. More setting เม่ือต้องการตง้ั ค่าส่วนอื่นๆ เพมิ่ เติม ส่วนที่ 2 Brand เป็นสว่ นของการปรบั แตง่ รปู ลักษณ์ มรี ายละเอยี ด ดงั น้ี หมายเลข 3. Color theme คือ สามารถเลือกใชส้ สี ำหรับอินเทอรเ์ ฟซของแอปฯ หมายเลข 4. App logo คือ โลโก้ของแอปฯ ซึ่งสามารถเลือกภาพทีจ่ ะใช้เป็นโลโกข้ องแอปฯได้

102 หมายเลข 5. Launch image คือ เลือกภาพทีจ่ ะแสดงบนหน้าจอเร่ิมต้นและซิงค์ หมายเลข 6. ฺBackground image คอื เลือกภาพทจี่ ะแสดงในพ้นื หลงั ของแอปฯ ส่วนที่ 3 Localize เป็นส่วนทีใ่ ช้สำหรับเปลยี่ นขอ้ ความที่แสดงในปุ่มระบบและการแจ้งเตือน สว่ นมากก็จะไม่มีการ เปลี่ยนแปลงอะไรในสว่ นน้ี สว่ นท่ี 4 Format Rules เป็นส่วนทีใ่ ช้กำหนดการจดั รูปแบบของอักษร สี ขนาด ไอคอน ตามเงอ่ื นไขท่เี ปลีย่ นแปลงตามข้อมลู ของคณุ สว่ นที่ 5 Option

103 เป็นสว่ นท่ีกำหนดการต้ังคา่ เร่ิมต้นเพ่ือควบคุมประสบการณ์การใชง้ านของผู้ใชท้ ่วั ทั้งแอปฯ ซึ่งจะขออธบิ ายไปทีละสว่ น ดงั นี้ หมายเลข 3 Starting view คือ มุมมองใดจะปรากฏเม่ือเรม่ิ ต้นแอปฯ สามารถเลือกได้ตามต้องการ หมายเลข 4 Start with About คอื ใหแ้ สดงขอ้ มลู รายละเอียดของแอปฯ เม่ือเร่ิมตน้ แอปฯ สามารถเลอื กการกระทำไดส้ องแบบคือ เลอื กเปดิ หรอื เลอื กปดิ หมายเลข 5 SYSTEM BUTTONS คอื ปุ่มของระบบ สามารถเลอื กซ่อนเมนแู ละปมุ่ ค้นหา และ Disable share button คอื ปิดใช้ปมุ่ แชร์ เพอ่ื ป้องกันไมใ่ ห้ผูใ้ ชส้ ง่ ลิงก์การติดต้ังแอปฯ ไปยังบุคคลอน่ื สามารถเลอื กการกระทำได้สองแบบคือ เลือกเปิด หรอื เลอื กปดิ หมายเลข 6 FONTS คือ รูปแบบของข้อความในแอปฯ สามารถเลือกต้งั ค่าไดต้ ามความตอ้ งการ หมายเลข 7 Text size คือ กำหนดขนาดของข้อความที่จะปรากฏอยู่ในแอปฯ หมายเลข 8 Form style คือ รูปลกั ษณ์โดยรวมของมมุ มองแบบฟอร์ม มีให้เลือก 3 แบบ คอื Default , Vertical และ Horizontal สว่ นมากจะกำหนดในรปู ของ Default หมายเลข 9 Hide form numbering คือ การซ่อนหมายเลขแบบฟอร์ม

104 หมายเลข 10 Advance forms automatically คือ การเลือ่ นคำถามถัดไปในฟอร์มโดยอตั โนมัติ หลังจากกรอกข้อมูลในฟิลดก์ ่อนหน้า หมายเลข 11 Image upload size คือ ขนาดอัพโหลดภาพ มใี ห้เลือก 5 ขนาด คือ Low, Default, Medium, High และ Full หมายเลข 12 Apply show-if constraints universally คือ การใชข้ ้อจำกดั show-if หากเปดิ ใช้ตัวเลือกนขี้ ้อ จำกดั คอลัมน์ Show-If จะมผี ลกับการดทู ้ังหมด หากปดิ ใชง้ านจะมผี ลเฉพาะในรูปแบบ เทา่ น้นั สามารถเลือกการกระทำไดส้ องแบบคือ เลือกเปดิ หรือเลอื กปิด หมายเลข 13 ส่วนของ TABLE VIEW - Show column headers คือ การแสดงสว่ นหวั ของ คอลมั น์ เลอื กแสดงชื่อคอลมั น์ท่ีดา้ นบนสุดของมุมมองตาราง สามารถเลือกการกระทำได้สองแบบคือ เลอื ก เปดิ หรอื เลอื กปดิ หมายเลข 14 ส่วนของ TABLE VIEW - Keep original column order คอื การเก็บคำสงั่ คอลมั นเ์ ดิมไว้ เลอื กการป้องกัน AppSheet หมายเลข 15 ส่วนของ SLIDESHOW VIEW -Slideshow style คือ สไตลเ์ รมิ่ ตน้ สำหรบั มุมมอง สไลดโ์ ชว์ การดทู ่ีคุณเพ่ิมจะสามารถแทนท่ไี ด้ มใี ห้เลือกท้งั หมด 4 รปู แบบ คือ Normal, Centered, No Headings และ Side-by-side ปกติจะเลือกแบบ Normal อยู่แล้ว หมายเลข 16 ส่วนของ SLIDESHOW VIEW - Slideshow image style คือ สไตลเ์ รม่ิ ต้นสำหรบั ภาพในมมุ มองแบบสไลด์โชว์ มีให้เลอื กท้งั หมด 3 รปู แบบ คือ Fill, Fit และ Bฺ ackground

105 หมายเลข 17 Inline row limit คอื เลอื กจำนวนแถวสูงสุดทจ่ี ะแสดงในมมุ มองอา้ งองิ ที่เกีย่ วขอ้ ง หมายเลข 18 สว่ นของ MAP VIEW - Map pin limit คอื จำนวนหมดุ สงู สดุ ทจ่ี ะแสดงในมมุ มอง แผนท่ี หมายเลข 19 สว่ นของ DATA FORMATS -Right-align prices คอื การเปดิ แสดงราคาแบบชิด ขวาคลา้ ยกับรูปแบบการบัญชี 4. Behavior

106 ส่วนที่ 1 Actions เปน็ สว่ นของการปรปั แต่งไอคอนเพิ่มเตมิ ทส่ี ามารถปรบั เปล่ียนขอ้ มลู ในแอปฯ ได้ สว่ นที่ 2 ฺWorkflow สามารถตัง้ ค่าเหตุการณ์ (เช่นการส่งอีเมล) เม่ือข้อมลู เปลีย่ นแปลงหรอื ตามกำหนดเวลาทีเ่ กิดข้ึน ประจำ ส่วนที่ 3 Offline & Sync เปน็ ส่วนของการต้งั ค่าแอปฯ ให้ทำงานแบบออฟไลน์ และควบคมุ การเปล่ียนแปลงในแอปฯ จะซงิ ค์กับข้อมูล ในระบบคลาวด์ ต้องใช้ PREMIUM per-user plan หรอื PUBLISHER PLUS per-app plan มรี ายละเอียด ในการต้ังคา่ ดงั ต่อไปนี้