คู่มอื การใช้ งาน NinjaMock
การใช้ งานมีข้นั ตอนดังต่ อไปนี้ 1. เข้าเว็บไซต์ https://ninjamock.com และจะพบกับหน้าแรกของเว็บไซต์ ดังภาพนี้
2. ให้เลือก LOG IN เพื่อทาการเลือก Account ของ Google เพื่อทาการเข้า LOG IN
3. หลักจากนั้นก็จะปรากฏหน้าต่างดังภาพ แล้วให้กด “ยอมรับ”
4. ให้ทาการตั้งชื่อให้กบั Account ของตัวเอง และเลือก Update My Setting
5. จากนั้นให้เลือก New Project
6. เลือกระบบปฏิบตั ิการของโทรศัพท์เพื่อทาการออกแบบหน้าตาของแอปพลิเคชัน่ (ในกรณีนีใ้ ห้ เลือกเป็ น Android)
7. เมื่อเลือกระบบปฏิบตั ิการเป็ น Android แล้วก็จะปรากฏหน้าต่างที่จะได้ทาการออกแบบ ดังภาพ โดยหน้าต่างนี้จะมีส่วนประกอบดังนี้ 3
4
2
1
7.1)
เครื่ องมือที่จะใช้ในการออกแบบ (หมายเลขที่ 1 )
7.2)
การจัดการคุณสมบัติต่าง ๆ ของเครื่ องมือ (หมายเลขที่ 2 )
7.3)
การจัดการในส่ วนของการออกแบบ (หมายเลขที่ 3)
7.3.1)
สามารถนาออกเป็ นไฟล์ PDF หรื อ ไฟล์ภาพ PNG ได้
7.3.2)
ย้อนกลับไปแก้ไข
7.3.3)
ทาซ้ า
7.3.4)
เป็ นการแสดงความคิดเห็นใน Project นี้
7.3.5)
สามารถแชร์ Project นี้ผา่ น QR Code ได้
7.3.6)
ทดลองใช้
7.3.7)
Project ที่ได้ทาการสร้างไว้ก่อนหน้านี้
7.3.8)
ออกจากระบบ
7.4)
พื้นที่ที่ใช้ในการออกแบบ
8. ในส่ วนของการเลือกเครื่ องมือเพื่อนาไปทาการออกแบบ
8.1)
Basic เป็ นการเลือกเครื่ องมือในส่ วนของปุ่ ม กล่องข้อความ การใส่ ลิงค์
และการเลือกรู ปแบบการเลือกข้อมูล 8.2)
Keyboards แทรกคียบ์ อร์ด
8.3)
List การเลือกรู ปแบบของรายการข้อมูล
8.4)
Action Bar การเลือกรู ปแบบของการกระทาต่าง ๆ เช่น เลือกข้อมูล
ทั้งหมด แก้ไข เพิ่ม และลบ 8.5)
Menu การเลือกรู ปแบบของเมนู
8.6)
Pickets เลือกรู ปแบบของเวลาการแจ้งเตือน
8.7)
Notification รู ปแบบการแจ้งเตือนจากข้อความในเครื่ อง และ Message
ต่าง ๆ 8.8)
Dialogs รู ปแบบของการแจ้งเตือนเมื่อทาการเชื่อมต่อ หรื อ การ save
ไฟล์ต่าง ๆ 8.9)
Data Tables การเลือกรู ปแบบเพื่อสร้างตารางใส่ ขอ้ มูล
8.10) Maps การเลือกรู ปแบบของแผนที่ 8.11) Charts การเลือกชนิดและประเภทของการสร้างแผนภูมิ กราฟต่าง ๆ 8.12) Shapes การแทรกรู ปร่ างต่าง ๆ 9. สามารถเปลี่ยนชื่อของ Project ได้โดยคลิกเลือกไปที่ ส่ วนของ Test เพื่อทาการเปลี่ยน ชื่อ (ตามหมายเลข 1 ) เว็บไซต์ NinjaMock จะทาการบันทึกการเปลีย่ นแปลงของ Project อยู่เสมอ 1
จัดทาโดย นายกิตติพร พันธุ์จู เลขที่ 1 นางสาวณิชกานต์ ชู เมือง เลขที่ 2 ปวส.2/2 สาขาคอมพิวเตอร์ ธุรกิจ