coscup 從硬體到軟體

「真」全端⼯工程師從硬體到軟體

design by Stella

搜尋&安裝ionic view

圖⽚片來⾃自: ladybaby japan

ID: ADD8AB1DE

以前，想做建置⾃自動化的系統，需要⼀一個團隊，跨⾜足：嵌⼊入式 C語⾔言後端系統 PHP / PYTHON / LINUX_SHELL 前端介⾯面 JS / ANDROID_JAVA / IOS_SWIFT

- 公⾞車/救護⾞車/私⼈人轎⾞車定位- 紅綠燈中控系統- 空氣品質監測(PM2.5)- 降⾬雨率(氣壓&相對濕度？)- ⾨門禁管制系統- 遠端監視系統

圖⽚片來⾃自: ew.com / wegeekgirls.com

組⼀一個團隊，需要不同的技能解決不同的任務

突破「絕對領域」

開發⽅方式「微調」— 通常都不是微調

SMART CITY！ SMART ENGINEER！

只需要使⽤用JAVA SCRIPT

ngCordova

Server EmbeddedEnd User

JAVA SCRIPT JAVA SCRIPT

C / C ++

JAVA SCRIPT

Parse.com Arduino

http://node-ardx.org/

圖⽚片來⾃自: ew.com / wegeekgirls.com

組⼀一個團隊，需要相同的技能解決不同的任務

共同規範UART/SPI

硬體微調

機房微調

軟體微調

CAMERA OAUTH

TOUCH ID

PUSH NOTIFICATIONS

GEO LOCATION PROGRESS

Cordova Angular ngCordova

Angular factory 與 Promise 封裝native 的 plugin

bower install ngCordova<script src="lib/ngCordova/dist/ng-cordova.js"></script>

angular.module('myApp', ['ngCordova'])document.addEventListener("deviceready", function () { $cordovaPlugin.someFunction().then(success, error);}, false);

ionic add ngCordova

ionic resources

.png or .psd or .ai

ionic resources --iconionic resources --splash

ionic serve --lab

http://lab.ionic.io/

ionic run ios/android -l -c[--livereload|-l]

Live Reload app dev files from the device (beta)

[--consolelogs|-c]Print app console logs to Ionic CLI (live reload req.)

ionicmaterial.com

ID: ADD8AB1DE

ionic plugin add https://github.com/phonegap-build/PushPlugin.git

ionic add ionic-service-coreionic add ionic-service-push<script src="lib/ionic/js/ionic.bundle.js"></script><script src="lib/ionic-service-core/ionic-core.js"></script><script src="lib/ionic-service-push/ionic-push.js"></script>

ionic io init

angular.module('starter', ['ionic', 'ionic.service.core', 'ionic.service.push'])

1. Support Arduino Push2. A/B test3. Channels4. Schedule

ionic plugin add https://github.com/yutin1987/cordovaParselnstallation.git

Parse.Cloud.beforeSave('_Installation', function(request, response) { request.object.set('installationId', request.installationId) response.success();});

Parse.Cloud.afterSave => send SMS

Parse.Cloud.afterSave => upload image to imgurhttps://goo.gl/46GZca

https://goo.gl/Wlcrfi

Parse.Cloud.defineParse.Cloud.job

Parse Image MomentUnderscore

MailgunMandrillSendGrid

StripeMail Pay

TwilioSMS

App LinksBase

Cloud Code Modules

curl -s https://www.parse.com/downloads/cloud_code/installer.sh | sudo /bin/bash

Parse Cloud Deploy

parse new parse deploy

單晶⽚片

installparse-embedded.ipk

#include <Bridge.h>#include <Parse.h>Parse.begin(ID, APP_KEY)

Create Object & Push

⼥女兒在FB表⽰示「失敗也是正常的」

圖⽚片來⾃自: 台北市資訊局230

< DEMO />

ID: ADD8AB1DE

<g0v href=“pm2.5” />

https://github.com/miaoski/pm25

https://g0v.hackpad.com/IoT-DIY-B1xkj9fUqqH

miaoski ++

IoT 空污偵測 DIY

AceChenX ++

Blynk

即將上架：

硬現場(inLive)治癒魔法

#parse #ionic#javascript