การใช้งาน Ionic Creator

ทำขั้นตอนกำรใช้ Ionic Creator ขนั้ ตอนที่ 1 ใหเ้ ขา้ ที่ Google แล้ว Search หาเว็บไซต์ ionic creator ขน้ั ตอนที่ 2 เหมือนขึน้ หนา้ ดังกล่าวใหค้ ลิกเข้าท่ี เวบ็ ไซต์ Ionic Creator

ข้ันตอนที่ 3 จะปรากฎหน้าดงั กล่าว ใหเ้ ราพิมพ์ E- mail และ Password ของตน ข้ันตอนที่ 4 ดังตวั อยา่ งดงั กล่าวแลว้ คลกิ ท่ี Sign in Creator เพื่อเขา้ สูร่ ะบบ

ขนั้ ตอนที่ 5 จะปรากฎหน้าต่างของการใชง้ าน ขน้ั ตอนท่ี 6 ใหค้ ลิกท่ี +New Project เพอื่ เร่มิ การใช้ งาน

ข้ันตอนท่ี 7 จะปรากฎหน้าต่างของการต้งั ช่ือและเลือก แบบในการทางาน ข้ันตอนท่ี 8 ใหท้ าการตง้ั ชอ่ื ตงั้ ชื่องานของตนเอง ทีช่ อ่ ง ของ Project name

ข้นั ตอนที่ 9 ในที่นี่ต้ังชอ่ื ว่า test จากนัน้ ทาการเลือก รูบแบบที่เราตอ้ งการจะใช้ทางาน ขัน้ ตอนท่ี 10 ในท่ีนเ้ี รื่องเป็นรปู แบบของ Blank คือ รูปแบบเปลา่ ทาเองทั้งหมด จากนั้นคลกิ Create Project เพ่อื เข้าสูห่ นา้ ของการทางานออกแบบ

ข้นั ตอนท่ี 11 จะปรากฎหนา้ ต่างของการออกแบบ ทงั้ หมดของงาน ขั้นตอนท่ี 12 ตวั Pages คือหนา้ เพจงานหรอื หนา้ กระดาษท้งั หมดในการใชท้ างาน

ขั้นตอนที่ 13 เครื่องมอื +Add Page คือตวั เพมิ่ หน้ากระดาษงาน ขั้นตอนท่ี 14 เครอื่ งมือนมี้ ไี ว้ดูมมุ มองของงาน มี ทัง้ หมด 2 มุมมอง คือ มมุ ของคนออกแบบ และ มุมมองของคนอ่นื ทเี่ ข้ามาดงู าน และสามารถเปล่ียน เปอรเ์ ซนตใ์ นการทางานใหม้ ขี นาใหญ่และเล็กลงได้

ขั้นตอนท่ี 15 เครื่องมือในการแชรแ์ ละตวั แสดงแอค เคาว์ตัวทใี่ ช้ทางาน ข้นั ตอนท่ี 16 การตงั้ คา่ หน้ากระดาษในเรื่องของชอื่ และการตกแต่ง แก้ไข

ข้ันตอนที่ 17 อุปกรณเ์ พม่ิ ท่ีเสรมิ เอาไวน้ าไปใช้ในการ ทาตัวงาน เพอื่ ความสะดวกและสวยงาม ข้ันตอนที่ 18 เริ่มตน้ การทางาน ด้วยการตง้ั ช่อื หนา้ ของงานแผน่ แรก คลิกที่ Page เพอ่ื เลอื ก

ขนั้ ตอนท่ี 19 เปลีย่ นชอื่ หน้าไดท้ ี่ Title ท่มี ุมดา้ นขวา แถบของ Page จะปรากฏการเปลย่ี นแปลงทต่ี ัว โทรศพั ทจ์ าลอง ข้ันตอนท่ี 20 เมอ่ื ตอ้ งการทาหน้าแรกดว้ ยการเพมิ่ รปู ใหไ้ ปทเ่ี คร่ืองมอื image ทีแ่ ถบ Components ให้ คลกิ ค้างไว้แลว้ ลากมาวางท่ีโทรศพั ท์จาลองที่เครอื่ งมอื

ขัน้ ตอนท่ี 21 ถา้ ต้องการอปั โหลดรปู ขน้ึ ไปใส่ ใหค้ ลกิ ที่ คาวา่ Upload Image แล้วคลกิ ตอ่ ท่ี Choose File จากนน้ั จงึ เลือกภาพแลว้ กด Open เพอ่ื ตกลง ขนั้ ตอนท่ี 22 ภาพทนี่ ามาใสจ่ ะปรากฎข้ึนทห่ี นา้ โทรศพั ท์จาลอง ซ่งึ เราสามารถเปลยี่ นขนาดของภาพ ภาพและลบภาพออกไดเ้ ชน่ เดยี วกัน

ขนั้ ตอนที่ 23 ถา้ ต้องการเพ่มิ ปมุ่ เพอ่ื คลิกลงิ คไ์ ปหน้า เพจอ่นื ให้เลอื กเครอ่ื งมอื Button ในแถบ Components แลว้ ลากมาวางทที่ ต่ี ้องการจัดวาง ขน้ั ตอนท่ี 24 เปลี่ยนช่อื ปมุ่ ทีก่ ล่อง Text และสามารถ ปรับเปลย่ี นขนาด สี และตกแตง่ ไดอ้ ีกด้วย

ข้ันตอนท่ี 25 เมอ่ื ต้องการสร้างหนา้ เพจเพิม่ ใหค้ ลกิ ที่ +Add Page เพ่อื ทาการเพมิ่ และเลอื กเปน็ แบบ Blank ขั้นตอนท่ี 26 จะปรากฎหนา้ ตา่ งของกระดาษใหม่ ขึน้ มาเพ่ือเร่มิ การทางาน

ข้ันตอนที่ 27 ถ้าต้องการลิงคป์ ุ่มให้คลิกแล้วไปหน้าอื่น ใหค้ ลกิ ไปท่ีหนา้ ที่มีปุม่ เคร่ืองมือที่ต้องการลงิ ค์ ขัน้ ตอนท่ี 28 คลกิ เลือกปุ่มทีต่ ้องการลงิ ค์ไป แลว้ คลิกที่ แถบ Not linked แลว้ เลือกหนา้ ปลายทางทตี่ อ้ งการ ลงิ ค์ไป

ขั้นตอนท่ี 29 หากตอ้ งการเพิ่มป่มุ เมนู 3 แบบ ดงั กล่าว มีความนยิ มในการใช้มาก สามารถใสร่ ูปภาพได้ ขน้ั ตอนที่ 30 ถ้าหากต้องหารใสร่ ปู ใหค้ ลกิ ไปที่ เครอื่ งมอื ที่ตนเองต้องการใส่ และสามารถเปลี่ยนสีได้

ขน้ั ตอนท่ี 31 สามารถเปล่ยี นชอื่ เคร่อื งมอื ไดท้ ี่ Content และคาอธิบายได้ที่ Line #2 ขั้นตอนท่ี 32 และถ้าหากต้องการใสข่ ้อความ มแี บบหวั เรอ่ื ง และบรรยายเนอ้ื หา สามารถเลือกใช้ได้ท่ีแถบ เครือ่ งมอื ชอื่ เครือ่ งมอื Heading และ Paragraph

ขนั้ ตอนที่ 33 แบบหัวเรื่องหรือ Heading สามารถลาก นามาใช้ได้เลย สามารถเปลี่ยนคาได้ที่กล่อง Text และ สามารถปรบั เปลยี่ นตกแตง่ สี ขนาดตัวอกั ษรได้ ขนั้ ตอนท่ี 34 แบบบรรยายเน้ือหาหรือ Paragraph สามารถลากนามาใช้ทไ่ี ดเ้ ลยเชน่ เดียวกนั สามารถ เปลยี่ นคาไดท้ ่ี Content และสามารถปรบั เปลยี่ น ตกแตง่ สี ขนาดตัวอกั ษรไดต้ ามทต่ี อ้ งการเช่นเดยี วกัน

ขน้ั ตอนที่ 35 ระบบจะทาการ Save เองทุกครงั้ แต่ หากไม่ม่นั ใจ เราสามารถ Save เองได้ โดยการกดตรง เครอื่ งหมาย  ดังภาพ ข้ันตอนที่ 36 เม่ือทาเสรจ็ แลว้ ตอ้ งการเผยแพรไ่ ปที่อืน่ หรอื ใหค้ นอื่นใช้ ใหเ้ ราคลกิ ไปท่ี Share เพอ่ื ทาการแชร์

ข้ันตอนที่ 37 คลกิ ที่ ให้เปน็ สาธารณะ หรือ Public ขนั้ ตอนที่ 38 คดั ลอกลงิ ค์ แลว้ นาส่งตอ่ ได้เลยทนั ที