chloe的部落格

UAI 經營理念

chloe  2019-09-25  留言:0

你是否感受到了時間正在快速飛馳?

從早晨的涼意,忽然發覺秋天提早降臨。

正所謂一葉知秋,人們往往能夠從生活中的細節察覺變化;那麼,又是什麼跡象告訴了你——一個全新的世代已悄然來到。

數十年前,美國出於擴展軍事技術的動機,率先投入全球定位系統(Global Positioning System,GPS)的研發。GPS具有高覆蓋率、高隱蔽性,且不須經過授權,也因此當初美國政府採取選擇性誤差(Selective Availability, SA)*政策,降低民用訊號的精準度,以避免有心人士運用GPS作為破壞美國國土安全的利器。直至2000年,美國政府終於停止對民間訊號的干擾,使得GPS系統之定位準確度大幅提昇。

想像一下,當你開著一輛配有GPS系統的轎車,你順著路線悠然前行:在一個紅綠燈前,你恍然發現螢幕中自己的定位與眼前實景畫面幾近吻合。而後,窗外的綠燈亮起,踩下油門起步之時,你明白自己已經走在一條嶄新的路途。

如今GPS全球定位技術被應用於生活中各方面,可說是與食、衣、住、行、育、樂皆相互結合;事實上,這並不僅僅是科技產業的唯一一個成功案例,它更是著眼未來的一種趨勢。

聯合人工智能公司(UAI)深刻意識到現代網路技術與人工智能的蓬勃發展,致力於將技術應用、落實於日常生活之中,在提昇交易便利性的同時,也使每位消費者都能碰觸到相關的技術資源:不論在過去、現在甚或未來,科技始終來自於人性,更意味著,各層面技術的發展、成熟終歸不離「以人為本」的核心價值。我們認為,科技成果屬於全體人類,不該有人被排除在外,因此,UAI 強調運用集結各方心力編寫、升級的開放源碼(open source),以開發、建構、經營並維護旗下網站:

1. https://shop.uai.com.tw - 「專注於電子零組件的電子商務交易平台

對電子零組件製造廠商而言,是高效能的銷售平台;對使用者(如公司、工廠、研發機構、個人)而言,則為優質的購買平台。shop.uai 的存在,提供交易過程中的所有參與者更具效率、品質的服務經驗;而從網站營運中所累積的大數據資料,我們也將加以利用,將其作為發展、提昇相關人工智能技術的基礎。

2. https://wiki.uai.com.tw - 「目標成為全臺最具規模、最詳盡的電子零組件維基資料庫

wiki.uai 以系統性地方式對電子零組件資料加以整理、分類,從製造商到消費者,皆能利用wiki.uai 進一步了解產品規格與特性。我們投入並擴展電子零組件領域搜尋與分析技術,產生有用的領域資訊,藉以幫助使用者發想產品應用的無限可能性。

3. https://libra-tw.org - 「數位加密貨幣模擬測試平台

Libra幣誕生自Facebook於2019年正式對外宣佈的加密貨幣發行計畫,UAI 認為,數位加密貨幣已然是國際金融體系的趨勢之一,且可有效解決實體貨幣的數項弊病(諸如洗錢、詐騙風險等)。是以,UAI 成立 libra-tw.org,促使臺灣導入數位加密貨幣,增進線上交易安全,降低線上交易成本;並期望在國際數位貨幣浪潮洶湧來襲之前,臺灣能對此率先發展出相對應的制度與政策。

4. www.mapleboard.org - 「針對開放源碼進行討論、交流的社群媒介

MapleBoard.org 將討論重點鎖定於開放源碼,其社群由一群對開放源碼嵌入式系統相關技術、應用、行銷、企劃等有興趣的人士組成,目的在推廣、提昇、支援開放碼嵌入式系統的發展。藉由社群成員間知識經驗之互相分享、交流與彼此支援,不分年紀、教育程度與工作背景,從小學生到二度就業者都得以隨時參與 MapleBoard.org 社群。

5. https://blog.mapleboard.org - 「知識經驗之分享與傳承

blog.mapleboard.org 為MapleBoard.org 的附屬部落格網站,成員可自由地將討論心得、感想或者延伸問題以文字紀錄於網頁中,並可瀏覽他人的文章、留言回饋。透過撰寫文章,使用者能夠再次加以思考,在如今步調繁忙的現代社會中,偶爾作此練習,亦不失為沈澱心靈的好機會。

 

*參考資料:馬杰(2013年05月01日)。GPS 技術簡介與發展。科學月刊5月號(第521期)。檢自http://scimonth.blogspot.com/2013/05/gps.html




編輯手記~透明與半透明

chloe  2019-08-30  留言:0

過去我在處理網頁中背景顏色時,常常用到opacity來設定不透明度,然而它的小缺點在於會連帶影響其他標籤屬性,舉例來講,假如我想把欄位背景顏色透明化,欄位中的字往往也會隨之透明、難以看清楚。

即使可以偷懶(😁)選擇較淺的色號來代替透明化,讓背景不至於太喧賓奪主,但真要講究起來的話,兩者的效果仍然有天壤之別。

所以,🌈就🌈在🌈剛🌈剛🌈!!

我終於下定決心要找出僅針對背景顏色透明化的方法了!

雖然網路上已有不少相關的教學,不過對我來說,一點進去文章就看到成串的英文與數字在某種程度上真是嚇人,其實它執行起來沒有這麼困難的嘛~因此我就按照我的步驟再發文紀錄一下,權當是為將來的自己留下筆記囉📔

👇開始囉👇

一開始,我總是這麼設定背景顏色:

opacity示範-html

但如同上面提到的,這樣會使得區塊產生一種即將羽化登仙飄出螢幕看不清楚的感覺:

opacity示範-畫面

🐒不要緊張~只要把原本的背景色號丟到之前提過的Color Hex,利用上方搜尋欄進行檢索,就可以找到相對應的頁面:

color-hex

↗️在頁面右方可以看到RGB,請把這欄神奇的三個號碼複製起來,然後按照下圖格式、貼回剛剛的html區塊:

rgba示範-html

🌟注意哦!rgb後面要再加上a,即alpha值(alpha value),後面括號中相對應的第四個數值也就代表了不透明度,1=完全不透明、0=完全透明。

接下來看看結果吧!Do Re Mi So~~~~~🎶

rgba示範-畫面

哇哦,完全可以感受到作為邊緣人的強大怨念了呢!終於把存在感刷到巔峰了😆

🙈🙉🙊🙈🙉🙊

寫到這裡突然發現,截圖的時候不小心把游標也截進畫面裡了OAO!!

但我懶得重新截圖上傳啦......😥 可以想個辦法把它變透明嗎嗷嗷嗷嗷嗷~




有沒有想過,假如某天人類失去了好奇心,這個世界會變成什麼模樣?

🌋

我想,大概會變得非常冷漠,甚至死氣沉沉吧:所有的人、事、物皆屬理所當然,對於生活中的各種現象,也不需要探究其背後的原因。

失去了過程,那結果對我來說又有什麼意義?

💀

會開始思考這個問題,起源在於我意識到自己對新知越來越無感,總想著:我只要把眼前的事完成就好了;這樣的想法,卻在無形中為自己設下了框。

回頭想想,我會加入UAI團隊不過純屬偶然中的偶然,一切皆起因於一份遺留在求職網上、忘記關閉的履歷。

就此,我意外而有幸地開始接觸網頁設計和行銷的實務工作。

☀️⌚️⌛️☎️☕️😊😋

除了工作專案讓我學習到許多過去從未接觸的軟體、網頁編輯技巧外,與老闆間不時的對話也大幅拓展了我的眼界,我真正地感受到世界存在無限多種可能性。

某天,老闆推薦了SparkFun官網提供我參考:SparkFun是美國一個電子產品零售商,看似無趣(好吧,至少對我無言看似無趣😏)的電子零件,出我意料地,在SparkFun的Blog文章中顯得生動而有趣。

像SparkFun這樣結合產品與資訊,在商品買賣之外更達到了教育、娛樂的作用,如此路線也正是UAI的經營概念,如果能從手上的電子零組件作為出發點,隨著創意發想、動手實做以及文章、甚或是影片分享的方式傳播,那麼,我相信產品的價值一定不僅僅侷限於它的標價所示。

☀️⌚️⌛️☎️☕️😊😋

聽著老闆描述他對UAI未來發展的憧憬,我不由得也想像著臺灣品牌躍上國際舞台的那一天,也許,更準確來說,好奇心代表了一種對未來與理想的不斷追尋吧!




😉初次接觸Drupal,是為了編輯shop.uai官網的頁尾(footer)。

回想起來,過去寫部落格時,只要把想呈現的文字輸入欄位裡,一個乾淨整齊的版面就此誕生,甚至連html都不需要理解。

雖然簡單、省時,但相對而言,網頁的獨特性也大幅被限制;直到認識Drupal後,才發現每個頁面都可以由管理者自行建構和調整。

以我負責的頁尾而言,原本以為只要一個蘿蔔一個坑地按規劃填入想要的欄位名稱,實際上現在卻要由整地開始,安排好每欄、每列;在參考許多網站後,按照shop.uai官網的特性挑選出幾樣頁尾常見的連結選項,又依性質分為關於我們產品說明顧客中心聯絡我們四大項。

在這些項目之中,就以顧客中心下的FAQ常見問題為例吧~🎵

FAQ常見問題的製作奠基於好幾個頁面,包括購物流程、備貨時間、付款方式、配送方式、出貨進度查詢、開立發票;在舊版網站中,上述這些頁面原本屬於一個分頁中的數個標籤,但網站改版後,為了保持整體架構的一致性,因此我開始構思要怎麼在一致性與獨特性中取得平衡——既不可完全跳脫shop.uai官網,又想增加FAQ問答的互動性。

😏😋多虧老闆介紹了W3Schools,其中的How To教程示範了許多網頁特效,利用HTML、CSS、JavaScript互相搭配,即可產生充💫滿💪生🌟氣💥的頁面排版。

W3Schools的教程不僅僅提供示範作品,還會一步一步拆解並說明每行code的含意,就算新手如我仍有霧裡看花的時候,只要依樣畫葫蘆、複製貼貼貼上,再慢慢對照範例修改錯處,也就能逐漸從中釐清脈絡、對HTML和CSS越來越熟悉囉。(至於JavaScript就......,還在更加遙遠的路上持續耕耘中😜)

言歸正傳,FAQ常見問題的頁面最後主要運用了accordion這項功能,如同字面上的意思,accordion就是內容如同手風琴般地延展開來。老實說,加入accordion不難,難的是加入accordion後,我又希望能讓視窗自動滾動到展開後那節內容的首端,讓瀏覽者不至於需要一直拉動視窗以閱讀內容......。

enlightened又經過了一連串的爬文後,終於找到了scroll這個指令,根據目測(咦?),它應該屬於JavaScript的一部分,可見JavaScript對網頁設計來說確實是很重要的(吧)啊啊啊😤 於是乎這又更加深了我對JavaScipt的好奇與學習動機了,希望開學後還能擠出時間自學🔧 但我想應該沒空

令人哀傷的是,scroll一直不乖乖地捲動頁面到我想要的位置,而是會像中邪一樣「咻——」地飛到奇怪的高度💦......嘛,這個bug就等我某日升等後再來解吧!!

FAQ常見問題-配色.png

除了版面特效以外,另一個重要的部份就是配色與色調啦~💓

配色嘛,雖然我既不是設計科系出身,沒修過相關課程,天生又沒什麼美感,但好歹知道

紅色

的對比色是

綠色

這樣看來,配色對我來說應該不太難吧~?

⬆️到底哪來的自信

💀沒錯,選擇網頁的配色的確就是一門學問。為了對顏色有更深入的了解,老闆又再次推薦了一個超🌟有🌟用的網站——Color Hex,你可以從裡面找到詳細的色票與色碼,再由Triadic Colors、Analogous Colors、Monochromatic Colors 和 Complementary Color著手搭配,避免一不小心設計出亮瞎使用者雙眼的「前衛」界面。

說到這裡,應該不難發現,其實UAI的主題色就是藍色哦,但這個藍色可不只是簡單的color:blue,而是經過大家一起討論後決定的色碼呢~

理性上,冷色調傳遞出沉著、可靠、使人信賴的形象;從感性的角度而言,這樣的主題色又不至於過於冰冷、產生距離感,這同時也吻合了UAI的經營理念:兼具「快速」「技術」、「服務」。UAI除了提供優良產品,也期許讓消費者享受高品質的服務過程——從瀏覽網站、透過wiki查詢資料、實際收到貨物、售後服務;UAI與客戶間的關係建立於信賴👥,而非交易本身。