讓視障者更接近這世界模樣的人工智慧眼鏡,到底是何方神聖?(中)

-

讓視障者更接近這世界模樣的人工智慧眼鏡,到底是何方神聖?(中)


 

你以為這是最早的Google人工智慧眼鏡嗎?才不是,現在介紹第一代給你認識!
Google眼鏡有多神？前一代就幫助奇異、DHL提升產能與服務

 Google 眼鏡，已經累積了數年在業界的應用與經驗累積，不少企業藉助 Google Glass，不但提升產能，效率也增加了！例如：DHL 有一個名為「訂單揀選」的供應鏈流程，就是物流人員透過掃描貨架上的物品，然後將物品移到推車內的箱子、袋子中，來履行客戶的訂單。在此過程中，借助 Google AI 眼鏡搭配 Ubimax 的軟體解決方案，理貨員可在視線範圍內直接從 Google 眼鏡接收 AR 揀貨指示，理貨人員不但無需一手拿紙本的撿貨說明文件、加上 Google AI 眼鏡的掃描功能，物流人員的工作效率與舒適度都大大提升！

▲大型農機製造商 ARGO 受惠於 Google EE2 而減少了四分之一的生產時間，大大提升效率。

而以生產大型的複雜農業機具為主的 ARGO，目標是協助農業提高生產力、增加利潤。因此所有 AGCO 解決方案都是客製化的，每個方案都需要 1000 多個精確步驟才能建構，每個步驟都是關鍵。因此工程師們透過 Google 眼鏡的視覺化呈現，能有效提高複雜的裝配速度與精準度。AGCO 的報告反應：「Google AI 眼鏡 有效將少量且裝配複雜的生產時間，減至 25%。」

▲GE 奇異通用電氣透過 Google 人工智慧 眼鏡提升裝配效率

除了以上 AGCO、DHL 藉助 Google Glass 提升工作效率之外，還有 GE 奇異通用電氣透過 Google 人工智慧 眼鏡提升裝配效率、中國也有部分航空公司也透過 AR 眼鏡辨識旅客、機場導航和追蹤行李，以此提升服務品質等案例。

過去的 Google 眼鏡，只能透過「解決方案提供商」向合作企業銷售，而這次，Google 開放 EE2 可供一般消費者購買啦！


第三代 Google 眼鏡　兼顧性能與外觀

 除了 AR 功能， AI 也賦予了 EE2 別具意義的功能──幫助盲人、視障人士「看見世界」。
而這次的 Google Glass EE2 眼鏡右側，還是需要一塊顯示晶體，解析度為 640×360。同時，800 萬畫素的廣角鏡頭、電池、手勢觸控模組、USB-C 等零件也都集中在右側，所以都集中在眼鏡右側，所以形成 EE2 眼鏡左右不對稱的造型 - 右側體積比左側還大。


 ▲因為顯示晶體、手勢觸控模組等零件都設計在右側的關係，所以 EE2 的右側體積大於左側。

作為一款視障輔具的載體，Google EE2 與 Google 過去的眼鏡相比，軟、硬體兩方面都有升級。
EE2 採用高通的 Snapdragon XR1 處理器，這是一枚專門為移動設備 AR 和 VR 設計的芯片，除了運轉效率更高、能支援電腦視覺與機器學習功能，使用上也更為省電，若使用 Envision 的視覺輔助 AI，電量更可持續一天的續航呢！鏡頭解析度也有所提昇，從過去的 500 萬畫素，提高為現在的 800 萬畫素，還支援 720p 影像！

硬體之外，可以透過內建麥克風下達語音指令，支援藍牙、Wi-Fi 連結手機，並且進行視訊時，用戶可向對方分享所在地理位置，還具有時尚輕巧的設計，使其易於整天佩戴。

本篇為中篇，下篇請點此連結




延伸閱讀文章：

Google的人工智慧眼鏡,讓視障者把這世界看得更清楚了!(下)

這最新的人工智慧白皮書,能讓人類和AI的界線更清楚嗎?(下)

人工智慧蚊子追蹤器?真的那麼神嗎!?


JavaScript入門教學#21｜陣列的方法與屬性

JavaScript入門教學#22｜數學物件

今年10月即將入手的新身分證，它的UI設計有啥亮點？

差點被拋棄的冠軍程式語言-Java入門教學（一）Java 身世之謎／寫出第一個Java程式

這個網誌中的熱門文章

前端工程師設定CSS背景的五種方法(一)背景固定模式設定

-
圖片
如何固定模式讓前端工程師教你!第一關讓你輕鬆過關,立馬進入狀況! CSS  background-attachment 決定背景圖片是否要跟著滑鼠滾動而上下移動，而它有三種不同的呈現方案： 第一種為當滑鼠上下滾動時，背景圖片與網頁主體跟著上下滾動 第二種為當滑鼠上下滾動時，背景圖片相對位置固定不動，呈現效果就像是網頁主體與背景是分開的 第三種為當滑鼠上下滾動時，背景圖片絕對位置固定不動，似乎網頁主體是浮在背景圖之上的感覺。 而 前端工程師 們通常會將CSS background-repeat 與  背景圖樣設定 (background-image)  搭配設計。 CSS background-attachment 基本語法如下： background-attachment: 顯示參數; 而另外，有三種可以使用的顯示參數，來決定背景圖與網頁主體該以何種方式來搭配顯示，分別為  scroll （預設值，背景圖案的「相對位置」不會隨著滾動機制而移動，而網頁主體則會跟著滾動）、 fixed （背景圖案的「絕對位置」不會隨著滾動機制而移動，而網頁主體則還是會跟著滾動，彷彿網頁主體是浮在整張背景圖之上的感覺。多用於網頁背景圖為滿版的場合時使用）、 local （背景圖案與網頁主體都會跟著滾動機制而滾動。以下是針對這三種參數的範例： CSS background-attachment 各種參數的範例 See the Pen background-attachment-example by Tedutw ( @Tedutw ) on CodePen . 現在新一代的網頁多採滿版設計，其中的「background-attachment: fixed;」參數，常被當代的 前端工程師 搭配「 background-repeat: no-repeat; 」參數使用，做出網頁主體都浮在高質感的背景圖的效果。 其他常用 CSS background 背景屬性說明連結 1. 背景顏色設定 (background-color) 2. 背景圖樣設定 (background-image) 3. 背景重複設定 (background-repeat) 4. 背景固定模式設定 (b
閱讀完整內容

前端工程師設定CSS背景的五種方法(五)設定背景顏色

-
圖片
設定背景顏色原來對前端工程師來說超必須!這篇文章讓你超容易入門! 使用背景顏色設定 (background-color)屬性， 前端工程師 可利用之，讓簡潔的純色背景襯托出網頁的主體，也可決定網頁的風格。像是背景純黑的網頁，與背景為粉紅色的網頁，風格就大不相同。其實 background-color 能夠使用的範圍除了網頁背景色外，也可以讓前端工程師用來設計表格、DIV 區塊、span 等網頁元素的背景顏色。   CSS background-color 基本語法如下： background-color: 顏色名稱或色碼 ; background-color 可以使用的顏色值包含顏色的英文名稱、十六進位制色碼以及 RGB 色碼，挑選顏色請參考： 網頁顏色代碼對照表 。 CSS background-color 語法範例一、網頁背景 html{background-color: 顏色名稱或色碼 ;} See the Pen background-color-bg-example by Tedutw ( @Tedutw ) on CodePen . CSS background-color 語法範例二、DIV 區塊、H1-H6 標題等斷落的背景顏色 div(可替換成 h1、p 等網頁元素標籤){background-color: 顏色名稱或色碼 ;} See the Pen background-color-div-example by Tedutw ( @Tedutw ) on CodePen . 同樣的技巧還可用在其他的網頁元素，若想採用圖片當成背景，請參閱： 2. 背景圖樣設定 (background-image) 。 其他常用 CSS background 背景屬性說明連結 1. 背景顏色設定 (background-color) 2. 背景圖樣設定 (background-image) 3. 背景重複設定 (background-repeat) 4. 背景固定模式設定 (background-attachment) 5. 背景圖片位置設定 (background-position) 延伸閱讀： 前端工程師設定CSS
閱讀完整內容

前端工程師入門HTML5就靠這些撇步!(8上)製作拖曳元素

-
圖片
可拖曳的HTML5元素怎麼做?今天讓我來大顯身手!下次你就能出風頭啦!\ HTML5 Drag & Drop API-讓元素變得可拖曳 你可能不知道，過去在網頁裡面實現 Drag & Drop 是很麻煩的！一定要配合 CSS、onmousedown、onmouseup、setInterval() 等，才能做出元件拖曳的視覺效果。但！現在各位有福啦！ HTML5 有直接的 Drag & Drop 機制，讓 前端工程師 可直接使用 drag and drop 的功能，讓使用者直接透過拖曳的方式，把要上傳的檔案拉到瀏覽器當中。 所有的 HTML 元素都可設成「可拖曳」的。要讓元素變得可以拖曳，只要在該元素的原始碼中加入 draggable 屬性，如下例 (讓圖片變得可以拖曳)： <img draggable="true" />   HTML5 Drag & Drop API 的範例 See the Pen HTML 5 Drag and Drop by Tedutw ( @Tedutw ) on CodePen . 讓元素可拖放-HTML的部分 除了<a>、<img>，其他 HTML 裡的元素本來是被預設為不可以作為源元素的，也就是說，我們本來是「拖不動」 它的。但在 HTML5 ，只要為它加上 draggable="true" 屬性，它就能「被拖曳」了。下面是上例的 HTML 碼的一部分： See the Pen HTML 5 Drag and Drop by Tedutw ( @Tedutw ) on CodePen . draggable 屬性上加了 draggable="true"，這樣就能讓這個 div 元素變成可以拖曳的 (至少在 Chrome 中可以)。但是我們還需要使用 Javascript 在 dragstart 裡為 dataTransfer 設置一些數據，因此需要加上下面的代碼。這樣可以確保它可以被拖曳。 See the Pen HTML 5 Drag and Drop-2 by Tedutw ( @Tedutw ) on CodePen
閱讀完整內容