coscup 從硬體到軟體

34
「真」全端程師 從硬體到軟體 design by Stella

Upload: -

Post on 19-Aug-2015

570 views

Category:

Devices & Hardware


0 download

TRANSCRIPT

Page 1: COSCUP 從硬體到軟體

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

design by Stella

Page 2: COSCUP 從硬體到軟體

搜尋&安裝ionic view

圖⽚片來⾃自: ladybaby japan

ID: ADD8AB1DE

Page 3: COSCUP 從硬體到軟體

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

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

Page 4: COSCUP 從硬體到軟體

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

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

Page 5: COSCUP 從硬體到軟體

突破「絕對領域」

Page 6: COSCUP 從硬體到軟體

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

Page 7: COSCUP 從硬體到軟體

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/

Page 8: COSCUP 從硬體到軟體

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

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

Page 9: COSCUP 從硬體到軟體

共同規範UART/SPI

硬體微調

Page 10: COSCUP 從硬體到軟體

機房微調

Page 11: COSCUP 從硬體到軟體

軟體微調

Page 12: COSCUP 從硬體到軟體

CAMERA OAUTH

TOUCH ID

PUSH NOTIFICATIONS

GEO LOCATION PROGRESS

Cordova Angular ngCordova

Page 13: COSCUP 從硬體到軟體

Angular factory 與 Promise 封裝native 的 plugin

Page 14: COSCUP 從硬體到軟體

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

Page 15: COSCUP 從硬體到軟體

ionic resources

.png or .psd or .ai

ionic resources --iconionic resources --splash

Page 16: COSCUP 從硬體到軟體

ionic serve --lab

http://lab.ionic.io/

Page 17: COSCUP 從硬體到軟體
Page 18: COSCUP 從硬體到軟體

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.)

Page 19: COSCUP 從硬體到軟體

ionicmaterial.com

ID: ADD8AB1DE

Page 20: COSCUP 從硬體到軟體

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'])

Page 21: COSCUP 從硬體到軟體

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

Page 22: COSCUP 從硬體到軟體

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

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

Page 23: COSCUP 從硬體到軟體

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

Page 24: COSCUP 從硬體到軟體

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

Parse Cloud Deploy

parse new parse deploy

Page 25: COSCUP 從硬體到軟體

單晶⽚片

Page 26: COSCUP 從硬體到軟體

installparse-embedded.ipk

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

Page 27: COSCUP 從硬體到軟體

Create Object & Push

Page 28: COSCUP 從硬體到軟體

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

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

< DEMO />

ID: ADD8AB1DE

Page 29: COSCUP 從硬體到軟體

<g0v href=“pm2.5” />

https://github.com/miaoski/pm25

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

miaoski ++

IoT 空污偵測 DIY

AceChenX ++

Page 30: COSCUP 從硬體到軟體
Page 31: COSCUP 從硬體到軟體
Page 32: COSCUP 從硬體到軟體

Blynk

Page 33: COSCUP 從硬體到軟體

即將上架:

硬現場(inLive)治癒魔法

Page 34: COSCUP 從硬體到軟體

#parse #ionic#javascript