ใครๆ ก็สร้างแอปได้ด้วยแอป Glide

คุณเคยคิดอยากจะสร้างแอปของคุณเองไหม? แต่คุณคิดว่าการเรียนรู้การเขียนโปรแกรมเป็นเพียงความพยายามมากเกินไปหรือเกินความสามารถของคุณ? ผู้คนที่Glide Appsมีบางอย่างให้คุณ!

แอพ Glide คืออะไร?

Glide Apps คือเว็บไซต์glidea p ps.comที่ช่วยให้คุณสามารถสร้างแอปของคุณเองจากGoogle(Google Sheet) ชีต ได้ในเวลาเพียง 5 นาที นั่นคือสิ่งที่พวกเขาอ้างว่า จริงๆ แล้ว อาจต้องใช้เวลามากกว่า 5 นาที แต่จะใช้เวลาไม่นานเท่ากับการเรียนรู้วิธีเขียนโปรแกรมแอป อาจจะ 10 นาที

ฉันต้องสร้างแอปอะไร

สิ่งที่คุณต้องมีเพื่อสร้างแอปด้วยGlide Appsก็คือบัญชีที่มี บัญชีGoogle ไดรฟ์(Google Drive account)คุณจึงสามารถใช้Google ชีต(Google Sheets)ได้ และใช้เวลาเพียงเล็กน้อย Glide Appsมีตัวเลือกบัญชี(account option)ฟรี มันจะตอบสนองความต้องการของคนส่วนใหญ่และยังช่วยให้คุณสามารถแชร์แอพของคุณกับผู้อื่นได้  

ในการปฏิบัติตามบทช่วยสอน คุณจะต้องสร้าง บัญชี Glide Apps(Glide Apps account)เพื่อลงทะเบียน หากคุณไม่มีบัญชี Google Drive โปรดไปสร้างขึ้นใหม่เดี๋ยวนี้

หากคุณมีประสบการณ์กับGoogle ชีต(Google Sheets)จะช่วยคุณได้หากต้องการให้แอปของคุณมีความซับซ้อนมากขึ้น การเรียนรู้Google ชีต(Google Sheets)ง่ายกว่าการเรียนรู้การเขียนโปรแกรมมาก ดังนั้นนี่จึงเป็นตัวเลือกที่ยอดเยี่ยมสำหรับคนส่วนใหญ่

ถ้าคุณไม่คุ้นเคยกับGoogle ชีต(Google Sheets)คุณอาจคุ้นเคยกับMicrosoft Excelมากกว่า ชีตและ Excel(differences between Sheets and Excel)มีความแตกต่างบางประการ หากคุณ ใช้ Excelได้คล่อง คุณก็สามารถรับGoogle ชีต(Google Sheets)ได้อย่างรวดเร็ว

ฉันจะสร้างแอป(App)ด้วย แอป Glide(Glide Apps)ได้อย่างไร

มาสร้างแอปเพื่อติดตามว่าเราให้ยืมหนังสือของเรากับใคร คุณจะได้เรียนรู้พื้นฐานทั้งหมดเกี่ยวกับการสร้างแอปด้วยGlide Appsโดยการทำเช่นนี้ จากนั้นคุณสามารถก้าวไปอีกระดับและสร้างแอปสำหรับตัวคุณเอง

แอพให้ยืมหนังสือ(book lending app)ของเรากำลังติดตามหนังสือและเพื่อนของเรา และจับคู่ว่าเพื่อนคนไหนยืมหนังสือเล่มไหนและเมื่อไหร่

หน้าแรกจะแสดงรายการหนังสือของเรา เมื่อเราคลิกหนังสือ ระบบจะนำเราไปยังหน้ารายละเอียด(detail page)ของ หนังสือ

หน้า รายละเอียดหนังสือ(book detail page)จะแสดงรายละเอียดทั้งหมดของหนังสือของเรา ซึ่งเพื่อนมีและเวลาที่ยืมมา ข้างชื่อเพื่อนจะเป็นปุ่มที่ให้เราโทรหรือส่งข้อความหาเพื่อนเพื่อเตือนให้คืนหนังสือ

หน้าเพื่อนจะช่วยให้เราสามารถเพิ่มหรือลบเพื่อนพร้อมกับอีเมลและหมายเลขโทรศัพท์(phone number) ของพวก เขา เอาล่ะ.

สร้าง Google ชีต

ในGoogle Drive ของ(Google Drive)เรา เราจะสร้างGoogle ชี(Google Sheet and name)ต และตั้ง ชื่อว่า Book Tracker

เปลี่ยนชื่อ หนังสือ(Books)แผ่นแรก ชื่อของแผ่นงานจะกลายเป็นชื่อของหน้าภายในแอป ดังนั้นให้ใช้ชื่อง่ายๆ ที่สมเหตุสมผล

เราต้องการ 8 คอลัมน์ในBooks sheet : Title , Author , Format , Price , Photo , Loaned_ To=Friends:NameและDate(Date Loaned) Loaned

ทำไมคอลัมน์หนึ่งชื่อ Loaned To=Friends:Name? นั่นก็เหมือนกับสมการที่แอป Glide(Glide Apps)สามารถอ่านได้ สิ่งที่บอกGlideคือคอลัมน์นี้มีชื่อเพื่อนที่คุณให้ยืมหนังสือเล่มนี้ จากนั้นระบบจะบอกให้ Glideเชื่อมโยงชื่อที่นี่กับชื่อหมายเลขโทรศัพท์(phone number)และอีเมลของเพื่อนคนนั้นในแผ่นงาน(Friends sheet)เพื่อน เพิ่มเติมในภายหลัง

ตอนนี้เราต้องสร้างแผ่นงาน(Friends sheet)เพื่อน ไปข้างหน้าและทำอย่างนั้น แผ่นงานเพื่อน(Friends sheet)ต้องมี 3 คอลัมน์ ตั้งชื่อพวกเขาชื่อ(Name)อีเมล(E-mail)และโทรศัพท์(Phone)

เพิ่มข้อมูลลงใน Google ชีตของคุณ

มาเพิ่มข้อมูลในสเปรดชีตตัวติดตามหนังสือ(Book Tracker spreadsheet) ของเรา กัน เถอะ ในตัวอย่างของเรา เราใช้หนังสือเพียง 4 เล่มในการเริ่มต้น นั่นก็เพียงพอแล้วที่(s enough)จะช่วยเราสร้างและทดสอบแอปของเรา เราสามารถเพิ่มหนังสือได้มากเท่าที่เราต้องการในภายหลัง

คอลัมน์รูปภาพ(Photo column)ต้องการคำอธิบายเล็กน้อย คุณสามารถค้นหารูปภาพของหนังสือที่คุณต้องการได้ทางอินเทอร์เน็ต (Internet)คลิกขวา(Right-click)ที่รูปภาพแล้วเลือก คัดลอก ที่อยู่รูปภาพ (Copy Image Address)วางลงในคอลัมน์รูปภาพ (Photo column)คุณจะเห็นในภายหลังว่าแอพของเราจะแสดงรูปภาพ หากคุณต้องการใช้รูปภาพของคุณเอง คุณจะต้องโฮสต์รูปภาพเหล่านั้นที่ใดที่หนึ่งทางออนไลน์

ปล่อยให้ช่องLoaned_To และDate(Date Loaned) Loaned ว่างไว้ก่อน

สลับไปที่ แผ่น งานเพื่อน(Friends sheet)และกรอกคอลัมน์(Phone)ชื่อ(Name)อีเมล(E-mail)และโทรศัพท์ ตัวอย่างใช้ชื่อที่แต่งขึ้นแน่นอน

กลับไปที่ หน้าหนังสือ (Books)ตอนนี้คุณสามารถกรอกข้อมูลในฟิลด์ Loaned_To(Loaned_To) และDate(Date Loaned) Loaned ชื่อที่คุณใส่ลงในช่องLoaned To จะต้องเหมือนกับชื่อที่อยู่ในแผ่นFriends (Friends sheet)นั่นคือสิ่งที่Glideจะใช้เชื่อมโยงทั้งสองเข้าด้วยกัน หากไม่เหมือนกัน Glideจะถือว่าไม่ใช่ตัวที่จำเป็นต้องเชื่อมโยง

ตอนนี้เราพร้อมที่จะเริ่มสร้างแอปของเราในGlide Appsแล้ว

การสร้างแอพในแอพ Glide

สลับไปที่เว็บไซต์Glide Apps(Glide Apps website)ที่https://www.glideapps.com/คลิกที่ปุ่มสร้างแอป (Create an app )ที่จะพาเราไปยังไซต์การสร้าง(creation site) แอ ป

คลิกที่ ปุ่ม แอปใหม่(New App) ทางด้านซ้ายของหน้าจอเพื่อเริ่มกระบวนการ

หน้าต่างจะเปิดขึ้นซึ่งเชื่อมโยงกับบัญชี Google ไดรฟ์ของ(Google Drive account)เรา ที่นี่ เราจะเลือกGoogle ชี(Google Sheet) ต จากที่เราต้องการสร้างแอปของเรา ดับเบิลคลิกที่Book Tracker (Book Tracker)แอพ Glide จะเริ่มสร้างแอพให้เรา จะใช้เวลาประมาณหนึ่งนาที ซึ่งอาจจะน้อยกว่านั้น

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

การตั้งค่าโลโก้และข้อมูลแอป(App Logo and Information)

คลิกชื่อและไอคอน ตัว (name and icon)ติดตามหนังสือ(Book Tracker) ที่มุมบนซ้ายของหน้า

ซึ่งจะเปิดแถบเครื่องมือทางด้านขวาที่เราสามารถปรับแต่งไอคอนและชื่อแอปได้ คลิก(Click)ที่Change ใต้ไอคอน และค้นหาไอคอนที่เหมาะสม คุณสามารถเลือกอีโมจิเกือบใดก็ได้ที่มี มาเลือกหนังสือกันเถอะ

ตอนนี้เราสามารถเปลี่ยนสีพื้นหลัง(background color)ของไอคอนได้แล้ว เราเลือกสีน้ำเงิน/ม่วง แต่เราเลือกสีใดก็ได้

ตอนนี้เรามีโลโก้ที่ดูเป็นมืออาชีพสำหรับแอปของคุณแล้ว ง่ายมาก!

ที่นี่ เรายังเปลี่ยนธีมของแอพได้ ตัวเลือกของเราคือLightซึ่งเป็นค่าเริ่มต้นที่เราเห็น และDarkซึ่งเป็นค่าผกผันของแสง

นอกจากนี้ยังมีส่วนที่ช่วยให้เราสามารถให้ที่อยู่เว็บ(web address) แก่แอปของเรา ได้ สำหรับตัวอย่างนี้ เราได้เลือกที่จะระบุURLของhttps://booktracker.glideapp.ioมีเพียงคนเดียวเท่านั้นที่สามารถใช้URL นั้น สำหรับแอปของพวกเขา ดังนั้นคุณจะต้องใช้สิ่งที่แตกต่างออกไปเล็กน้อย

ด้านล่างเป็นพื้นที่ที่คุณสามารถเขียนคำอธิบายสั้นๆ เกี่ยวกับแอปของคุณ

ภายใต้นั้น เราสามารถตั้งค่าความเป็นส่วนตัวของแอพให้เป็นตัวเลือกใด ๆ ต่อไปนี้: สาธารณะ(Public)สาธารณะด้วยอีเมลรหัสผ่าน(Password)และ(Public) E-mail Whitelist ซึ่งช่วยให้เราระบุได้ว่าใครสามารถเข้าถึงแอปของเราได้บ้าง เพื่อจุดประสงค์ในการสาธิต เรากำลังตั้งค่าให้เป็นสาธารณะ(Public)

จดบันทึก(Take note)ไอคอนแชทยิ้ม นั่นคือสายตรงของเราที่จะช่วย เราสามารถใช้ มันเพื่อค้นหาGlide Apps ' Wiki หากเราไม่พบคำตอบที่ต้องการ เราสามารถส่งข้อความถึงคนเก่งที่Glide Apps (Glide Apps)พวกเขา ตอบสนองและช่วยเหลือ(responsive and helpful)ดี

หน้าหนังสือ

เรามีหนังสือมากกว่า 4 เล่ม เราจึงต้องการเพิ่มหนังสือได้โดยตรงจากแอป โดยคลิกที่หน้าจอ(Screens)ในแถบเครื่องมือด้านซ้าย ในแถบเครื่องมือด้านขวา เราจะเห็นปุ่มสำหรับเพิ่ม(Add item)รายการ

คลิก(Click)ที่เครื่องหมายบวก (+) ที่มุมบนขวาของแอพของเรา การ คลิก(Click)ที่เครื่องหมายบวกจะเปิดแบบฟอร์มที่เราสามารถใช้ป้อนหนังสือเพิ่มเติมได้

ลองดูที่หน้าหนังสือแต่ละเล่ม คลิก(Click)ที่หนังสือเล่มใดเล่มหนึ่งแล้วระบบจะพาเราไปยังหน้ารายละเอียดของหนังสือเล่มนั้น ทุกสิ่งที่เรามีในGoogle ชี(Google Sheet)ตบนหน้าหนังสือ(Books page)ถูกนำเสนออย่างดีที่นี่

เราจะเห็นว่าชื่อเพื่อนอยู่ใต้หนังสือ โดยมีหัวลูกศรอยู่ทางขวาของหนังสือ การแตะที่สิ่งนี้จะนำเราไปสู่หน้ารายละเอียดของเพื่อนคนนั้น

จากที่นี่ เราสามารถส่งอีเมล ส่งข้อความ หรือโทรหาเพื่อนเพื่อดูว่าพวกเขาเพลิดเพลินกับหนังสืออย่างไร หรือขอหนังสือคืน

เพจเพื่อน

มาดู หน้า เพื่อน(Friends) กัน ดูเหมือน หน้า หนังสือ(Books)แต่กับเพื่อนเราแน่นอน

เรามีเพื่อนมากกว่าสามคน เรามาทำให้แอปนี้เพิ่มเพื่อนกันเถอะ เหมือนกับที่เราทำแอปนี้ให้เพิ่มหนังสือได้ ในแถบเครื่องมือด้านขวา ให้คลิกปุ่มเพิ่มรายการ (Add item )เราจะเห็นเครื่องหมาย + ที่มุมบนขวาของหน้าเพื่อน (Friends page)การคลิกที่จะเปิดแบบฟอร์มที่ช่วยให้เราสามารถเพิ่มเพื่อนได้มากขึ้น

การนำทางแอพ

สุดท้าย มาจัดระเบียบการนำทางกัน คลิก(Click)การนำทาง(Navigation )ในแถบเครื่องมือด้านซ้าย

ในแถบเครื่องมือด้านขวา เราจะเห็นหน้าแอปแสดงอยู่ มาเปลี่ยนไอคอนสำหรับแต่ละหน้าให้มีความหมายมากขึ้นกัน คลิก(Click)เปลี่ยน(Change )ใต้ไอคอน(circle icon)วงกลมสำหรับหนังสือ(Books) _ เราสามารถค้นหาไอคอนที่เหมาะสมได้ที่นี่ มาเลือกไอคอนเปิดหนังสือ กันเถอะ(Book Open)

ทำเช่นเดียวกันเพื่อเปลี่ยนไอคอนสำหรับหน้าเพื่อน (Friends page)เราเลือกไอคอน Facebook(Facebook icon)เพราะมันเชื่อมโยงกับเพื่อนได้ง่าย

แอปเปิ้ลหรือแอนดรอยด์?

จนถึงตอนนี้ เราได้ทำทั้งหมดนี้ในมุมมอง iPhone (iPhone view)หากเราต้องการดูว่าแอปจะมีหน้าตาเป็นอย่างไรในอุปกรณ์ Android(Android device)ให้คลิกที่ไอคอน Apple ใกล้กับด้านบนขวาของพื้นที่แสดงตัวอย่างแอ(app preview area)ป มันจะแสดงให้คุณเห็นทันทีว่ามันจะมีลักษณะอย่างไรบนอุปกรณ์ Android(Android device) ส่วน ใหญ่

การแชร์แอพ

แค่นั้นแหละ! แอพของคุณเสร็จแล้ว ที่เหลือก็แค่แชร์กับคนอื่น และGlideก็ทำให้การทำเช่นนั้นง่ายขึ้นด้วย เพียงคลิก(Just click)แชร์แอป(Share App)ในแถบเครื่องมือด้านซ้าย(left toolbar)เพื่อดูวิธีแชร์กับคนอื่นๆ เราสามารถแชร์ไปที่Twitter , Facebook , ทางอีเมล์ หรือรับลิงค์ที่เรานำมาลงบนเว็บไซต์ได้

แอพของคุณจะเป็นอย่างไร?

แอป Glide มี (Glide Apps)แอปตัวอย่าง(example apps)ที่เรียบง่ายและซับซ้อนมากขึ้นซึ่งคุณสามารถแยกส่วนเพื่อเรียนรู้หรือรับแรงบันดาลใจจาก คุณสามารถสร้างแอปสำหรับสมาคมเกม(gaming guild) ของคุณ หรือไดเรกทอรีของร้านอาหารในท้องถิ่น หรืออะไรก็ได้ที่คุณคิด

หากสามารถแสดงในรูปแบบสเปรดชีต(spreadsheet form)คุณสามารถใช้Glide Appsเพื่อสร้างแอปได้ เราหวังว่าคุณจะ ลองใช้ แอป Glide(Glide Apps)และแจ้งให้เราทราบว่าคุณสร้างอะไร



About the author

ฉันเป็นนักพัฒนาเว็บที่มีประสบการณ์มากกว่า 10 ปี ฉันเชี่ยวชาญด้านการพัฒนา Chrome OS และเคยทำงานในโครงการต่างๆ มากมายตั้งแต่สตาร์ทอัพขนาดเล็กไปจนถึงบริษัทที่ติดอันดับ Fortune 500 ฉันยังเป็นผู้เชี่ยวชาญในบัญชีผู้ใช้และความปลอดภัยของครอบครัว และได้พัฒนาแอพ Android ที่ประสบความสำเร็จหลายตัว



Related posts