Workshop 4 : ลองเล่นกับ App หน้าแรก
ตัวอย่างนี้ท่านจะได้ทราบถึงไฟล์หน้าแรกและรู้ถึงหลักการทำงานเบื้องต้นของ App ตอนนี้เราจะลองแก้ไขหน้าแรก
โดยเพิ่มข้อความ My name is …. เข้าไปในหน้าแรก วิธีการมรดังนี้
1. เปิดหน้าต่าง Explorer/Finder เข้าไปที่โฟลเดอร์ของ App (ในตัวอย่างนี้คือ ...app\hello)
คลิกเปิดโฟลเดอร์ www จะพบไฟล์ index.html ซึ่งเป็นไฟล์หน้าแรกของ App และโฟลเดอร์อื่น ๆ ที่ทำงานร่วมกัน
2. ใช้เอดิเตอร์อะไรก็ได้ เช่น EditPlus หรืออื่น ๆ เปิดไฟล์ index.html จากนั้นพิมพ์ข้อความเพิ่มดังรูป
(หลักการเหมือนกับการใส่ข้อความหน้าเว็บเพจ HTML ทั่วไป) เสร็จแล้ว Save
3. ทดลองรัน cordova emulate android หรือ cordova run android ดังที่กล่าวมาแล้ว
จะปรากฏข้อความ My name is …. ที่หน้าแรกของ App
4. สำหรับผู้ที่ทำบน Mac หากยังไม่ได้สั่งติดตั้ง Platform iOS ก็สั่งติดตั้งเสียก่อน
(ถ้าก่อนหน้านี้ควบด้วยการ add android ios แล้วก็ไม่เป็นต้องทำซ้ำอีก)
5. ทดลองรัน App กับ Simulator ของ iOS เพื่อดูผลของ App
(จะต้องติดตั้ง ios-sim ให้เรียบร้อยเสียก่อน ดังบทที่ผ่านมา)
โดยเพิ่มข้อความ My name is …. เข้าไปในหน้าแรก วิธีการมรดังนี้
1. เปิดหน้าต่าง Explorer/Finder เข้าไปที่โฟลเดอร์ของ App (ในตัวอย่างนี้คือ ...app\hello)
คลิกเปิดโฟลเดอร์ www จะพบไฟล์ index.html ซึ่งเป็นไฟล์หน้าแรกของ App และโฟลเดอร์อื่น ๆ ที่ทำงานร่วมกัน
2. ใช้เอดิเตอร์อะไรก็ได้ เช่น EditPlus หรืออื่น ๆ เปิดไฟล์ index.html จากนั้นพิมพ์ข้อความเพิ่มดังรูป
(หลักการเหมือนกับการใส่ข้อความหน้าเว็บเพจ HTML ทั่วไป) เสร็จแล้ว Save
3. ทดลองรัน cordova emulate android หรือ cordova run android ดังที่กล่าวมาแล้ว
จะปรากฏข้อความ My name is …. ที่หน้าแรกของ App
4. สำหรับผู้ที่ทำบน Mac หากยังไม่ได้สั่งติดตั้ง Platform iOS ก็สั่งติดตั้งเสียก่อน
(ถ้าก่อนหน้านี้ควบด้วยการ add android ios แล้วก็ไม่เป็นต้องทำซ้ำอีก)
5. ทดลองรัน App กับ Simulator ของ iOS เพื่อดูผลของ App
(จะต้องติดตั้ง ios-sim ให้เรียบร้อยเสียก่อน ดังบทที่ผ่านมา)