Month: July 2016

ionic & ngCordova GPS Map

ให้เปิดไฟล์ index.html ในส่วนของ Header ให้ แปะไว้ด้านบนลองลงมาจาก style.css

ให้เปิดไฟล์ app.js แล้วแปะ Controller ลงไป

ส่วนหน้า index.html ในส่วนของ body ให้ใส่ tag ด้านล่างลงไปเพื่อสแดงผล

ให้เปิดไฟล์ style.css ซึ่งจะอยู่ในฟอรเดอร์ www/css/ และกำหนด style ให้กับ element id map

 

ngCordova FlashLight ปลั๊กอินสำหรับส่องแสงไฟฉาย บนมือถือ

 

ปรับปรุงระบบทรานสคริปกิจกรรมนักศึกษา

ปรับปรุงระบบทรานสคริปกิจกรรมนักศึกษา เพิ่มให้ผู้ดูแลระบบสามารถนำเข้าข้อมูลนักศึกษาใหม่ได้จากฐานข้อมูลของระบบทะเบียน และปรับให้ใบรายชื่อที่มีบาร์โค้ดแสดงข้อมูลใหม่ที่นำเข้า สามารถเข้าใช้งานได้ที่ http://activity.rmutp.ac.th/login.aspx

ionic framework การใช้งาน Sqlite และ ngCordova

ionic framework & Sqlite & ngCordova เป็นการใช้งานฐานข้อมูล sqlite ที่เป็นฐานข้อมูลบน smart phone ที่นิยมใช้กันใน ionic สามารถใช้ ngCordova ในการ install plugin Sqlite เพื่อใช้งานได้ทันทีดังนี้ สร้างโปรเจ็คใหม่ด้วย command prompt

ไปที่ folder sqlapp และ open with atom (text editor) ไปที่ไฟล์ config.xml แก้ไข name กับ widget id ใช้ bower install ngcordova

หลังจากนั้นให้เปิดไฟล์ index.html และนำ script ng-cordova.js ไปวางไว้ก่อน cordova.js

หลังจากนั้นให้เปิดไฟล์ […]

code ionic ตัวอย่างการทำ chat

index.html

app.js

 

ionic & ngordova

ngCordova คือ plugins เพื่อให้ ionic สามารถสั่งงานไปยัง iOS & Android device ได้ เช่นสามารถสั่งให้ส่งเสียงร้อง สั่งให้ทำงานร่วมกับกล้อง ร่วมกับ location สามารถสั่งให้อุปกรณ์ต่างๆ ทำงาน โดยสามารถเขียนคำสั่งได้จาก AngularJS ในการควบคุมการทำงาน ซึ่งสามารถเข้าใช้ plugins ต่างๆได้ที่ http://ngcordova.com/ ตัวอย่าง ngCordova ก่อนที่จะใช้งาน plugins จะต้องลง bower เพื่อใช้คำสั่งผ่าน command prompt ก่อนโดยการเปิด command prompt และพิมพ์ดังนี้

หลังจากนั้นจะต้องเปิดไฟล์ index.html ใน project และเพิ่มโค้ดใน html เพื่อเรียกใช้คำสั่ง cordova (ให้ใส่ไว้ด้านบนส่วนของ header)

และเพิ่ม ngCordova ในส่วนของไฟล์ www/js/app.js ตรง angular.module(‘starter’, [‘ionic’,’ngCordova‘]) […]

ionic command

ionic command จะพิมพ์ใน command prompt (cmd) เพื่อทำงาน โดยมีคำสั่งที่สำคัญดังนี้ 1) คำสั่งสร้าง apps

ตรง app1 คือชื่อ apps ที่จะสร้าง 2) คำสั่งเปิด run serve เพื่อจำลอง app ผ่าน browser เพื่อง่ายต่อการพัฒนา apps เริ่มต้น

3) คำสั่งปิด serve กรณีที่ทำแล้วอยากจำลองผ่าน emulator หรือ ผ่าน device จริงจะต้องปิด serve โดยพิมพ์

4) ให้ ionic download sources สำหรับใช้งานกับ android device

ให้ ionic download sources สำหรับใช้งานกับ […]

Atom/Emmet Bug

Open File -> Keymap…