AI定義新時代——當人類的眼睛、耳朵,不再是唯一可思考和探索世界的工具

後台網頁設計 RWD網頁設計 網頁設計推薦


這是『第一次』,人類的眼睛不是唯一可以用來思考和探索世界的工具。」Google雲端人工智慧暨機器學習首席科學家李飛飛說。寒武紀大爆發(Cambrian Explosion)是動物演化史中的劃時代事件,在5億4,100萬年前至4億8,500萬年前,其間動物種類大量出現,幾乎所有動物的祖先都在這時期現身。寒武紀大爆發的原因成為科學的謎團,一派學者認為是因為眼睛——這個形成圖像的器官所驅動的。久遠之後,另一個劃時代來臨:沒有生命的機器也可以看到甚至理解這個世界。

近60年來,電腦視覺(Computer Vision,CV)科學家一直努力讓機器具備與人類相同的視覺,教導機器像人一樣理解所見之物,如辨識物品、辨認人臉、推論物體幾何形態,進而理解其中的關聯、情緒、動作及意圖,如1963年麻省理工學院研究生羅伯茲(Lawrence Roberts)的博士論文概述了電腦如何將3D物體分解成簡單的2D圖形,是現代電腦視覺研究先驅;1970年代晚期,麻省理工學院教授馬爾(David Marr)結合神經生理學和電腦科學後,提出電腦視覺的理論架構,又讓電腦視覺發展向前邁進一步。在應用端,電腦視覺最先被應用在「工業影像檢測」上,做機械或標籤檢測,幫助產業自動化,後來到延伸到車牌、指紋以及人臉辨識,但是,「過去半世紀從最初的『規則式專家系統』到近年『統計機器學習』,電腦辨識能力雖有長足進步,卻仍比不上可分辨貓狗的三歲孩童。」台大資工系教授林守德在〈深度學習的深度〉一文中指出。

真正讓電腦視覺領域有了大躍進,能力超越孩童的是深度學習(Deep Learning)技術,其中深度學習演算法:卷積神經網絡(Convolutional Neural Network,CNN)讓電腦辨識研究更上一層樓。有了新技術的加持,這些沒有生命的機器不僅可以看到世界、分辨貓狗,甚至還超越了人類的視覺能力,2015年微軟研究團隊在圖像辨識系統測試標竿ImageNet中系統錯誤率已降低至4.94%,超越人類視覺能力,此前同樣的實驗中,人眼辨識的錯誤率約為5.1%。

自駕車、安防監控與醫學影像等「視覺+X」領域正熱

「電腦視覺的下一個發展重點,我認為是『視覺 + X』,不論是生物學可視化也好,還是醫療圖像等,視覺在這裡面都有巨大機會。」李飛飛說。在醫療領域,IBM Watson Health正努力成為放射科醫師的助手,給予醫師最後的診斷建議。在自駕車領域,電腦視覺技術成為自駕車之眼,2017年3月Intel以153億美元併購以色列公司Mobileye,Mobileye就是以電腦視覺技術聞名,從ADAS系統(Advanced Driver-Assistance Systems)切入自駕車系統,Intel執行長柯再奇(Brian Krzanich)就直言,「收購Mobileye真正意義在於電腦視覺技術,其技術不僅可用在汽車,也可用在直升機、高端無人機與機器人等設備。」

而在安防監控領域,人臉辨識成為重心。中國的人工智慧獨角獸曠視科技,也是從電腦視覺技術起家,應用在1:N的人臉辨識技術中,協助中國警方過濾人潮抓逃犯,目前估值超過20億美元。而影音內容辨識層面,台灣新創公司創意引晴贏得騰訊與搜狐等平台信賴,幫助平台搜尋非結構化的影音內容。

網動廣告科技

參考資料:http://times.hinet.net/magazine/cp104/20282394

品牌電商LIFE8:捨棄上億業績,歸零重來更強大

網站建置 網站改版 客製化網頁設計


五年前林瑞達毅然放棄在雅虎經營有成,營收上看1億元的服飾店INTHING,從零開始。五年後他成為台灣網路知名男鞋品牌LIFE8執行長,去年公司營收突破3億元,今年的目標是向9億元叩關。

2007年第一次接觸電商市場,林瑞達就有不錯的成績:「第三、第四年我在雅虎男裝已經是第一名。」只是眼前上看億元的年營收卻讓他開心不起來,因為他發現2011、2012年的營收成長已經明顯趨緩,更可怕的是毛利率變低了很多。而問題就是市場的餅沒有變大,玩家卻愈來愈多,落入殺價的惡性競爭。

林瑞達形容,在同一個屋簷下,假設一天100萬人進雅虎,大家只能在裡面重新調整遊戲規則並重新分配,沒辦法做更大的餅。「這時候我就發現不行,我要轉做品牌。」他說,而且必須做可以自己掌握流量、數據和經營會員的自有品牌官網。

不過在當時做這個決定,也等於是要跟五年成果說再見。「那時候直接把雅虎完全放棄。為什麼必須放棄,不是覺得客人沒辦法過來,是因為兩個品牌定位不一樣。」他解釋,「我在雅虎是走比較低價的路線,某方面是市場破壞者,價格壓很低。而成立LIFE8是中價位,貪小便宜客人和品牌客人是不一樣的,我不希望我的新消費者認為LIFE8就是原本的INTHING,這樣他只會覺得你賣更貴。」他坦言心中當然有過掙扎,但他不認為自己有辦法同時經營兩個品牌,最終還是做出歸零的決定。

不過林瑞達覺得很關鍵的是,一方面他們抓到正確的品牌定位,找到市場空間,另一方面也是當時正好抓到Facebook起飛的時機點。因為2012年的流量成本還很低,假設粉絲團有50萬會員,發表一篇文章基本上50萬會員都看得到,那是很驚人的宣傳效應。而營業額雖然歸零,但經驗還在,加上四兄弟各自發揮所長,分別負責財務、產品、工廠、數據分析。林瑞達表示,「第一年就把錢賺回來了。」更重要的是,獲利結構也變得更健康。

他回憶當時做出離開雅虎的決定時,多數人都表示不可思議,但時隔一年就有人對他說:「Iven(指林瑞達),我知道你當初為什麼要離開了。」

但回顧過去五年他們其實也不是沒有跌倒過,一度因為在男性市場的優異成績給了他們跨足女裝市場的野心,卻沒料到兩邊市場的需求和消費習性完全不同,「把之前賺的都賠光。」他說。

網動廣告科技

參考資料:http://times.hinet.net/magazine/cp104/20374436

品牌電商Bonbons:解開平台封印,衝出破億營收

台北網站設計 網頁設計公司 網站設計公司


從多平台經營到將全部重心都放在品牌獨立官網,對Bonbons來說就像是解開了一道封印,繼去年營收首度突破一億元的里程碑之後,在這個人稱電商寒冬的時期,她們則是還要繼續往三成的年成長邁進。
告別平台,品牌電商活得更好

今年上半年台灣電商市場的氣氛有些低迷,也開始出現「電商寒冬」的說法。不過此次實地走訪六家品牌電商,看到的卻多是欣欣向榮的場景。或許是不是冬天,關鍵在於你變或不變。

畢竟電商發展超過20年,科技在變、環境在變、消費者也在變,賣家沒有理由不改變。而就網路流量入口分散、廣告費用不斷上漲、電商產業鏈的成熟、平台經營策略轉變,以及品牌長久經營考量等種種因素推動下,許多業者從獨立品牌電商找到了出口。

不論是第一次創業資本額只有50萬元的小公司,還是已經在電商平台經營五年、十年,近兩年才轉戰獨立官網,年營收破億的中大型品牌業者,因為改變,他們的營收成長了、獲利結構更好了,品牌的基礎和能量也扎實、更充沛。或許六家業者不能代表全部,但他們的故事說明了,有好產品、有改變的決心和勇氣,確實可能逆勢走出不一樣的路。

Bonbons

位處老舊商辦9樓,約莫五坪大小的展示空間,一周只營業25小時,卻可以在一年內創造出破千萬元的營業額,堪稱台北市中山區的一幅奇景。但這才不過是網路女鞋品牌Bonbons全年業績的十分之一而已。含金量更高的,其實是展示間對角工作臺上,一雙接著一雙從網路接單出貨的鞋子。

Bonbons總經理林怡慧的好友,同時也是合作夥伴唐源駿笑稱,「Bonbons如今已經是中山區的扛霸子。」但眼前風光的背後,其實也經歷過一番血淚。Bonbons苦撐了七年,一直到去年營收才破億,並開始獲利。林怡慧直言,辦特賣會變現、抵押房子籌錢等事情她都做過,就是為了拚一口氣,不想認輸。

林怡慧回憶,最初Bonbons是透過各電商平台上架銷售,而當時最讓她困擾的就是時不時得配合平台辦殺價促銷活動。「我們成本高,不容許一直殺價。」她說,但現實是在平台上不配合就拿不到曝光資源。

網動廣告科技

參考資料:http://times.hinet.net/magazine/cp104/20374438

品牌電商3.0時代:流量、會員、數據自己來!

網頁設計 網站設計 台北網頁設計


2017上半年台灣電商市場有些不太平靜,PayEasy、17Life、86小舖等頗具規模也相當資深的電商業者接連傳出「瘦身」消息,好像真的有一種凜冬將至的危機感。但仔細細看烏雲背後,其實還是有一片青草地,上面仍長滿許多充滿活力的品牌電商,正成長茁壯。而同時間另一股依品牌電商力量而起的新商機也已經浮現。

回首電商發展至今超過20年,這長達20年的時間裡,科技在演化、世界在改變,品牌電商當然也要跟著進化,而我們或許可以稱現在已經進入「品牌電商3.0」時代。

品牌電商鬧獨立,平台不再是必要條件

第一代品牌電商多是來自拍賣平台上的超級大賣家;然後網路開店平台的出現成了新的品牌歸屬,讓中小型賣家可以用更快時間打造自己的「品牌店」;而第三波品牌電商發展則像是一場爭奪主控權的獨立革命,平台已不再是必要條件。

論流量,「你給平台抽25%,以百萬業績來說,我25萬乾脆給Facebook導流更多。」網路男鞋品牌AMANSHOES創辦人唐源駿一語道破市場環境的轉變。同時還有各種網紅現象,如藝人范瑋琪自創品牌Genquo,第一天上線就塞爆官網等等場景,都是不依賴平台流量崛起的最直接證明。

論技術,當發展超過20年的電商也開始被視為傳統產業的今天,原本的先進技術、獨特的領域知識,一個個都被轉化為多數人可以負擔、使用的標準品,變成可被獨立販售的服務或工具,也削弱了平台的一條龍服務價值。

論信任,早年消費者對電商的認識不多,商家要靠一點一滴的用戶評價累積信任,再加上大平台的企業招牌背書,才能換回一張張訂單。但如今消費者可能連來路不明的一頁式電商都會毫不猶豫地按下購買鍵。

上述轉變讓平台的地位不再,加以另外兩大趨勢變化,更進一步促成這一波品牌電商獨立革命。

網動廣告科技

參考資料:http://times.hinet.net/magazine/cp104/20374543

CSS教學-絕對位置的動態樣式

網頁設計報價 網站設計 台北網頁設計

樣式屬性 屬性值 說明
position absolute/relative/static 設定物件的定位方式為絕對、相對或靜態
left pt/px/百分比/auto 設定左邊界的距離,可使用點數、像素、百分比或自動
top pt/px/百分比/auto 設定上方邊界的距離,可使用點數、像素、百分比或自動
width pt/px/百分比/auto 設定顯示的寬度,可使用點數、像素、百分比或自動
height pt/px/百分比/auto 設定顯示的高度,可使用點數、像素、百分比或自動
z-index 整數/auto 設定重疊物件的排序編號
visibility visible/hidden 設定顯示或隱藏物件

網動廣告科技

參考資料:http://edu.kiss99.net/css/css03.htm

常用的CSS樣式屬性

後台網頁設計 RWD網頁設計 網頁設計推薦

〔文字樣式屬性〕

樣式屬性 說明
line-height 設定行距,可以使用點數pt或百分比
margin-left 設定左邊界,指定像數px
margin-right 設定右邊界,指定像數px
margin-top 設定上邊界,指定像數px
margin-bottom 設定下邊界,指定像數px
text-decoration 設定文字底線,有底線:underline;無底線:none
text-transform 設定文字轉換,大寫:uppercase;字首大寫:capitalize
text-align 設定文字水平對齊方式,left、right、center、justify
vertical-align 設定文字垂直對齊方式,baseline、sub、super、top、text-top、middle、bottom、text-bottom
text-indent 設定文字段落縮排,點數或百分比

〔區塊樣式屬性〕

樣式屬性 說明
border-color 設定框線色彩
border-style 設定框線樣式,none、dotted、dashed、solid、double、groove、ridge、inset、outset
border-left-width 設定區塊左方的間隔,think、thin、medium或點數
border-right-width 設定區塊右方的間隔,think、thin、medium或點數
border-top-width 設定區塊上方的間隔,think、thin、medium或點數
border-bottom-width 設定區塊下方的間隔,think、thin、medium或點數

網動廣告科技

參考資料:http://edu.kiss99.net/css/css01.htm

輕鬆教你玩會css~

網站建置 網站改版 客製化網頁設計

CSS 是一種樣式語言,可以重新定義HTML標籤的顯示效果。

CSS 的基本語法:
名稱 { 屬性1: 值1;屬性2: 值2;… }

上述樣式組使用「{   }」包含著設定標籤(Tags)「名稱」的樣式,大括號中可以包含許多不同的屬性。 而屬性與屬性間只要以「;」隔開,屬性的值則使用「:」緊跟在屬性後面做描述即可。

上例是將CSS 樣式表放在網頁的Head區中,宣告本網頁中所有的<a>標籤的Link顯示屬性是”text-decoration:none”, 而<a>標籤的hover顯示屬性是”color:#ff0000; text-decoration:none”,也就是本網頁所有的超鏈結均不顯示底線,而當滑鼠指到超鏈區時,超鏈結文字的顏色顯示”ff0000″色。

‧如要自訂Class樣式名稱,可以在自訂的名稱前加「.」表示:
.名稱 { 屬性1: 值1;屬性2: 值2;… }

網動廣告科技

參考資料:http://edu.kiss99.net/css/css00.htm

Javascript寫入與輸出

台北網站設計 網頁設計公司 網站設計公司

結果:
歡迎光臨!
Hi,這是很有趣的 JavaScript!

這個例子可以學到二個要點:

1. <script language=”JavaScript”>
這告訴瀏覽器這是一個 JavaScript 的語法,請用JavaScript 指令來解碼。

2. document.write(‘…….’)
就是寫入網頁,也就是輸出在瀏覽器的網頁中。

如果要在 Script 中加註附記,就是與指令碼無關的提示標記,
好比著作權宣示等,可以使用下列兩種方法:

1.單行標記:用兩條 // 斜線作引子
如:
//版權沒有,可以翻印

2.多行標記:用前後標法
/*以上內容純屬虛構
若有雷同實在不幸*/

網動廣告科技

參考資料:http://edu.kiss99.net/javascript/javascript02.htm

CSS 語法教學

網頁設計 網站設計 台北網頁設計

宣告 CSS 樣式的語法如下:

選擇器 {
屬性:設定值;

}

在一個選擇器 (Selector) 中,可以設定的屬性數目沒有限制。

選擇器主要有三種:型類 (Type) 選擇器、Class 選擇器、和 ID 選擇器。

型類選擇器是 (X)HTML 標籤,如 <body> 和 <h1>。Class 和 ID 選擇器是使用者自訂的選擇器。我們會在之後討論這兩類的選擇器。

樣式是以『屬性:設定值』的方式來制定。舉例來說,若我們要設定一個元素內的文字是黃色的,那就用以下的『屬性:設定值』:

color:yellow;

在以上的宣告內,color 是屬性,而 yellow 是設定值。

在某些時候,一個屬性可能會有好幾個設定值。這些通常都是因為屬性是一個捷徑。舉例來說,margin 屬性可能會有 4 個設定值,而每一個值代表每一邊的邊界長度。

Grouping

如果有數個選擇器享有同樣的樣式,它們可以同時被宣告。這叫做 “grouping”。舉例來說,如果 <h1>, <h2>, and <h3> 都會有相同的樣式,那它們就可以用以下的方式被宣告:

h1 h2 h3 {
屬性:設定值;

}

後代選擇器 (Descendant Selectors)

我們可以設定說,只有當甲元素在乙元素之內時,甲元素才會用某個樣式。若甲元素不在乙元素內的話,那甲元素就可以有其他的樣式。要達到這個目標,我們就要利用後代選擇器的方式。

後代選擇器宣告的語法是:

【父選擇器】【子選擇器】{
屬性:設定值;

}

在以上的宣告中,只有當子選擇器是在父選擇器之內時,樣式才會被用到。這一類的語法可以包括好幾代的選擇器,而不是只有兩代而已。

舉例來說,以下的宣告,

li b {
color:yellow;
}

代表在 <li> <b> 之內的文字是黃色的。不是在 <li> 之內的 <b> 中的文字,就不會套用黃色字體這個樣式。

網動廣告科技

參考資料:http://www.1keydata.com/css-tutorial/tw/syntax.php

JavaScript 教學!初心者也學得會~

網頁設計報價 網站設計 台北網頁設計

JavaScript 教學

  1. 簡介介紹 JavaScript 的基本資料, 讓大家了解自己是否須要學習, 並為有志學習的初學者打好基礎。
  2. 初階教學本教學分成 7 篇, 由淺入深教授 JavaScript 的基本語法, 但不會太過詳細, 因為最重要的是明白語言的概念。 當明白概念後, 便很易上手。

    教學裏所舉的例子是寫在表格內的一個儲存格(Cell), 大家只要把格內的文字抄到檔案內, 就可以用瀏覽器開啟該檔來看結果。 如果想即時看結果, 可以按儲存格下的”看結果” 按鈕。

  3. 中階教學由 JavaScript 物件和功能入手, 介紹各個物件的實際應用例子。
  4. 高階教學講述一些比較深和涉及其它範籌的課題。 老實說, 老師的程度也只是中階而已

  5. 例子搜集了一些有用的 JavaScript 例子。
  6. 老師作品由老師自己構思出來(或參考其它資料)的 JavaScript, 如對這處的 JavaScript 有疑問, 可以直接問老師。
  7. 速查表列出所有 JavaScript 物件的方法、屬性及支援的事件, 用作快速查閱。
  8. 蟲與洞搜集瀏覽器執行 JavaScript 的錯誤 (Bugs) 和保安漏洞 (Security Holes)
  9. 瀏覽器列出常用的瀏覽器執行 JavaScript 的不同之處, 不過多數是靠老師經驗得來的。

 

網動廣告科技

參考資料:http://taiwantc.com/js/