ขั้นตอนการใช้งาน-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 คดั ลอกลิงค์ แล้วนำสง่ ตอ่ ได้เลยทนั ที