Mobile App開發 UI UX loT 物聯網應用

ionic 開發 App 步驟1


使用 ionic v1 開發 app

環境: OSX, Node.js 4.4.5

本範例與官網相同,我們更簡潔地一行一命令,開 terminal 吧!

  1. npm install -g cordova ionic
    呼叫 Node 套件管理程式 npm 安裝 cordova 以及 ionic 兩個套件

  2. ionic start myApp tabs
    請 ionic 開新專案在 myApp 目錄夾裡,樣板選擇 tabs

  3. cd myApp
    這句命令帶我們進入一個名叫myApp的資料夾

  4. ionic serve --lab ionic serve
    在瀏覽器裡模擬 App 的執行,左右各一個視窗,分別模擬 iOS, Android,用來同時操作、比較版面不同帶來的差異感。 more
標籤 app, Cordova, ionic
47 Seconds

為什麼你不該開發RWD網站?


在2015年以前,網頁同時具有Responsive 回應式設計,似乎就像買車子的附加配備:好上加好; 然而Google在2015/4/21發佈了「行動裝置友善設計」的FAQ後,附加配備忽然變成了標準配備。

於是原本Google僅僅提醒:

「手機瀏覽量已比桌機瀏覽高出許多! 請務必做好行動裝置能正確讀取的內容(mobile-friendly) 」

變成「不想搜尋排名往後跑,網站須增加RWD!」

直到6個月過去,Google對於這個誤會稍微說明,首先是: 「網站具有"RWD"很好,不過沒有,搜尋排名也不會扣分。」

接著又提:

「"RWD"之前大家不是都把網站分成桌機版跟手機版嗎? 如果原本就有兩個版本,更不會影響搜尋結果,因為這是兩個獨立的網址分開計算。」

所以捲起袖子,首先看看手頭上的網站:根據網頁現有狀況,可以改善的... more

標籤 RWD
47 Seconds

藍芽+WIFI - 開發 物聯網應用,你應該知道的協定服務


開發物聯網基礎框架前,你應該知道

應用場景:

想像自己超市時,手機中的購物清單會app自動跳出通知:「Hi! 超市裡的物品正在特價,看看購物清單app要買什麼吧!」 點擊進入後,出現購物清單內,超市目前正在特價中、一般價格、稍貴價格等三大等級分類表; 超市則根據購買喜好,推薦你本次必買商品

加上你喜歡聽的明星演唱會門票即將開賣,活動app跳出一鍵購買的整合功能;

這些物聯網的應用 thanks IBM Video

更便利的便利生活,已經讓開發者們準備好手邊工具,準備進入基礎框架開發!

2013年蘋果針對自行開發、申請專利又開放給Android4.3以後版本開始支援的iBeacon 藍芽4.0低功耗應用,大力推行;2015Apple Pay推出,改採以NFC為支付基礎的應用後,我們已經能夠預期這兩項協定對物聯網loT的關鍵應用。

iPhone、iPad iOS 7 after, iPhone 4S, The New iPad以後版本裝置全支援iBeacon。

Android手機,Samsung Galaxy S3、HTC One等支援BLE,Android系統也只要4.3版以上可透過App支援

Image description

iBeacon的基礎很簡單,就是Bluetooth Low Energ 藍芽低功耗技術BLE 不斷廣播自身的ID。 more

標籤 iBeacon, loT, NFC, 物聯網
47 Seconds

Sketch! 前端設計者的必備工具


以前進行向量圖稿設計時,唯一好用的就是illustrator,身邊也不乏CoelDRAW、Photoshop的愛用者,但illustrator原生(只)支援向量設計的主要特色,能夠不必擔心放大倍率後出現意外的破圖或鋸齒。常常一份brouchur就能夠從A5到戶外帆布模組化設計,生產速度快上許多。

然而,Mobile Apps, 網頁RWD設計風行起來之後,這些所謂的更小型的像素級設計稿,反而讓illustrator使不上力,總覺得少了些什麼。有時候甚至得配合fireworks。

Image description

自從 Sketch 3 推出之後,用了一段時間,生產流程順暢許多,加上resource極多,可說是操作簡易如小畫家的高階設計軟體!在進行 wireframe 、 feature map、mockup 及 UX testing、UI設計時特別好用。 more

標籤 app, Mockup, sketch, UI, UX, Wireframe
47 Seconds

2016年網站優化趨勢


自從Google在2014/2月預告將會增加對「Mobile-Friendly」網站,也就是若網站有針對行動裝置如手機、平板等版面最佳化,例如增加手機版、行動版或者改為自適應化(又稱響應式RW D)版面,則將會於4月起提高搜尋的優先程度。

許多老客戶均詢問是否需要改版或者增加行動版?其實我們雖然常說網站就像組織的名片一樣,是各行各業,甚至是個人、或活動 都需要的,當然內容也需要更新。

網站就像報紙

2016年的優化趨勢回到基本

客戶經常會因為這個問題的回答而翻白眼的就是:「我的網站怎麼做SEO?」我總是回答:「經常更新內容,什麼都可以,公司消息,展覽活動、特賣等」這是最基本的SEO守則,接著,諸如文案的寫法、版面安排等才會回到優化部門專職處理。

所以2016年的優化一樣很簡單,設法將內容做成客戶喜歡看的報紙,這樣就對啦!

標籤
47 Seconds
    I'm here ~ Talk'n Form