Java瑪奇朵-非本科系的IT吃喝電玩日誌

Google又推出人工智慧眼鏡嘍!!快來看看最新一代比第二代多出了哪些神奇的功能吧!!(上)
▲Envision 與 Google 合作的 AI 人工智慧眼鏡，不但造型與功能提升，更能幫助盲人「看見」世界
穿戴式裝置風潮日起，全世界的科技大廠紛紛投入其研究與開發，其中以 Google 的

人工智慧眼鏡為領頭羊，去年 5 月發表的 Google Glass Enterprise Edition 2（EE2）於日前宣布開放個人購買，未來將能以 999 美元（約 3.1 萬元新台幣）的售價購買到這副智慧眼鏡。

而與初代 Google Glass 相比，Google EE2 更加與 AI

人工智慧技術結合，在配置的硬體基礎上，EE2 能藉處理器的

AI 引擎進行識物學習、判斷和動作預測，在執行 AR 應用軟體時，做到更精準的擴增實境畫面。
 
本篇為上篇，下篇請點此

谷哥新一代穿戴式配備兼具性能外觀居然還有這些功能~(中)
更多人工智慧相關文章請點下方連結喔~
 
 
 
其他閱讀
JavaScript入門教學#21｜陣列的方法與屬性
JavaScript入門教學#22｜數學物件
今年10月即將入手的新身分證，它的UI設計有啥亮點？
差點被拋棄的冠軍程式語言-Java入門教學（一）Java 身世之謎／寫出第一個Java程式
人工智慧將成人類危機?!歐盟擬AI白皮書規範其應用!!(上)
快用防拍裸照人工智慧手機保護兒童青少年免於誘騙!!(上)
人工智慧精湛甩尾技術讓職業賽車手嚇到吃手手?!(上)

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

 
Python自學補給站初登場!!今天要來跟大家分享的是Python中的數據類型!!需要的同學們快一起來看看吧!!

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

 
快速上手Python有方法?!別懷疑~學好今天介紹的19個語法包你功力大增!!

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

 
今天要來跟大家分享網站前端的一些零基礎小常識~對網站前端有興趣的同學不要錯過嘍!!

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

今天要來跟大家介紹新式身分證的UI設計~快一起來看看有甚麼亮點吧!!(下)
本篇為下篇，上篇請點此

UI學員看過來!即將登場的新式身分證有甚麼特別的呢!(上)
卡面設計簡約質感，劃出你的隱私空間
新式身分證除了極簡風的 UI 介面之外，到底還有哪些亮點呢?
翻翻我們手中的現有身分證吧！現有的卡面樣式是 14 年前的設計，在今日文武百業都數位化的時代，早已不敷現況使用。政府為展現數位化決心、並因應逐日被重視的個資隱私，卡面與功能都已大幅變化，讓我們逐一細說如下：
一、隱私保護升級、遺失也不怕洩個資
除充滿質感的外觀，資訊呈現上也做不少調整。伴隨著個資保護意識抬頭，新版 ID 的 UI 介面一改過去拿出身分證便個資全都露的尷尬感，將大多數的個人資訊儲於晶片內。
新式 ID 僅保留個人基本資料：姓名、身分證字號、出生日、人像等，至於其他更私密的資訊如父母姓名、出生地等，都於晶片內加密保護，且需經本人同意、輸入身分證後 6 碼及自訂的 2 組密碼後，機關才能讀取資料。
萬一不小心遺失身分證，更可直撥「1996」專線掛失，自然人憑證就立即停用！失主也可申請紙本臨時證明，供掛失補辦期間使用。
而原有的身分證因為有密碼保護機制，所以毋需擔心晶片內容被讀取、盜用； 而晶片則是封裝後無法再取出、無法被側錄或複製偽造。
除此之外，數位身分證沒有儲存的功能，所以使用時不會留下紀錄，避免被第三方監控，真正保障各資安全。
二、兼具駕照健保卡功能，還可綁定手機！
今年 10 月後，若數位身份證執行狀況順利的話，政府將進入開發「行動身分證 APP」的階段，並將身份證與健保卡、駕照等證件「多卡合一」！如此一來，出門就真的不用帶一堆證件在身上，無論是要看病、驗車、遇到警察臨檢等等，只需一機在手便可搞定要各項大小事！
三、辦事不用往外跑，數位 ID 網上搞定！
身分證數位化的最大特點就是，任何需要證件才能辦理的業務，也都同步數位化，能在線上直接辦理。透過政府骨幹網路 (T-Road) 串接政府各機關、部門的獨立系統資料股，民眾最快在今年 10 月之後，就能在網路上辦理公投連署、健保、社福、津貼、勞保、年金、護照簽證等 16 項業務！這樣就不需要為了印身分證、臨櫃申辦事務而東奔西跑了
新版身分證不僅在 UI 介面的設計有乾淨利落、資訊分明的特點，更在技術、使用、便民性上有著巨大的突破！未來在其他功能上的結合，更是指日可待！讓我們一同期待 10 月份新卡的蒞臨吧！
 
更多UI相關文章請點下方連結或至本部落格首頁點選喔~
 
 
 
其他閱讀
JavaScript入門教學#18｜創造JavaScript物件(Objects)
你是我的眼！Google AI 眼鏡助視障朋友「看見」世界
差點被拋棄的冠軍程式語言-Java入門教學（一）
Java 身世之謎／寫出第一個Java程式
APCS 是什麼？所有 APCS 檢定的問題這篇都會回答你！
品牌重塑UI怎麼做?奧迪,福斯絕佳範例!!(上)
UI,UX設計課程沒教的設計心理學就看這篇!!
優質SEO速成班:長尾關鍵字提高轉化率

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

今天要來跟大家介紹新式身分證的UI設計~快一起來看看有甚麼亮點吧!!(上)
睽違14年，今年10月即將入手的 eID，新功能你期待嗎?
還記得 2018 年內政部舉辦的「新版身分證」設計競賽嗎? 當時任職 HTC，參與 HTC Sense UI 介面設計與 HTC Themes 設計的魯少綸，他的作品「形｜SHAPE」以簡潔的 UI 廣獲評審青睞，獲得「設計獎」，更成為新式身分證的設計依據。
▲ 新身分證得獎做品：左圖為設計獎、右圖為人氣獎
不過在網路票選過程中，「形｜SHAPE」僅獲得 46 票，與獲得近 10 萬票卻只得了一個「人氣獎」的作品「嶼民在地」票數相差懸殊，引發網友們不滿。「不禮貌鄉民團」在臉書上貼出比較，質疑為何 9 萬 6 千票的作品卻輸給僅有 46 票的作品，引發論戰。
對於爭議不斷的新身分證競賽結果，設計師聶永真表態：不要用民粹霸凌設計獎得主！究竟新式身分證除了極簡風的 UI 介面之外，到底還有哪些亮點，值得設計師為它發聲呢?
新身分證 UI：高延展性、整齊易讀、具包容性，獲評審青睞
▲ 新身分證版面切成單純的左右兩塊，給予長短不一的字數有很大的延展性，版面也更整齊易讀。
左右區塊排版，簡潔易讀
據「身分證再設計官網」所寫的官方勝選理由，「形｜SHAPE」以整齊的排版勝出。其實由上圖不難發現：「形｜SHAPE」無論是正面、反面，都只有切成單純的左右兩個區塊。正片的左區塊約佔了整體版面的 2/3、背面則占了約 3/4。
延展性強：無論文字多長都能排進去！
作者將姓名、地址以及「中華民國國民身分證」的中英文字樣⋯⋯等等字數較多的資訊，巧妙的置於較大的左區塊，讓整張身份證有整齊分明的排版；且左區塊的文字內容有足夠的空間可以延展，因此無論地址、姓名的長度多長，都能在雙語的排版上明暸易讀。
低調呈現台灣意象 質感律動感都到位
另外，作者也將代表台灣土地的圖樣，低調的詮釋在細節中：身分證簡約的白底，搭配玉山山脈的等高線圖的壓紋，上頭還印有台灣島狀的光影變化箔膜。對比其他直白地使用具體的台灣島外型、101 等圖樣，兼具律動感與藝術感的等高線線條作為背景，確實是十分令人玩味的呈現方式。
 
本篇為上篇，下篇請點此

UI學員看過來!即將登場的新式身分證有甚麼特別的呢!(下)
更多UI相關文章請點下方連結或至本部落格首頁點選喔~
 
 
 
其他閱讀
JavaScript入門教學#18｜創造JavaScript物件(Objects)
你是我的眼！Google AI 眼鏡助視障朋友「看見」世界
差點被拋棄的冠軍程式語言-Java入門教學（一）
Java 身世之謎／寫出第一個Java程式
APCS 是什麼？所有 APCS 檢定的問題這篇都會回答你！
品牌重塑UI怎麼做?奧迪,福斯絕佳範例!!(上)
UI,UX設計課程沒教的設計心理學就看這篇!!
優質SEO速成班:長尾關鍵字提高轉化率

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(二一)
陣列(Arrays)-length 屬性
JavaScript 陣列(Arrays）擁有一些實用的內置屬性和方法，如 length 屬性，用以回傳一個陣列中元素的數量。寫法如下例所示：
See the Pen JavaScript-Array-length-property by Tedutw (@Tedutw) on CodePen.

上述範例左側的原始碼，第一行的「courses」陣列有三個元素：HTML、CSS、JS，因此回傳數值為「3」;第四行的「courses1」陣列有四個元素：HTML、CSS、JS、JQuery，因此回傳數值為「4」
合併陣列（Combining Arrays）-concat () 方法
JavaScript 的 concat () 方法被用來合併兩個或多個陣列。此方法不會改變原本的陣列，而是新增加另一個經過合併過的陣列後回傳。
See the Pen JavaScript-combining-Arrays by Tedutw (@Tedutw) on CodePen.

上述範例左側的原始碼，第一行為「c1」陣列回傳為「HTML,CSS」;第二行的「c2」陣列回傳為「JS,JQuery」;第三行就採用 concat () 方法來合併第一、第二行的 c1、c2 陣列，是為新陣列「c3」，其回傳值有四個元素「HTML,CSS,JS,JQuery」。
JavaScript 的陣列 (Arrays）教學在此告一個段落，請各位讀者務必將前一章「陣列的介紹」與本章再複習一次。下回的JavaScript教學系列，我們將陸續介紹 Math Object 數學物件與 Date Object 日期物件等 JavaScript 原生物件。
 
更多JavaScript相關文章請點下方連結~
 
 
 
其他閱讀
JavaScript入門教學#18｜創造JavaScript物件(Objects)
你是我的眼！Google AI 眼鏡助視障朋友「看見」世界
差點被拋棄的冠軍程式語言-Java入門教學（一）
Java 身世之謎／寫出第一個Java程式
APCS 是什麼？所有 APCS 檢定的問題這篇都會回答你！
Javascript新手上路(十九):Method
前端工程師一定要懂的JavaScript變數命名規範~
學習網頁前端時也千萬別放過JavaScript!!
 
 
 
 

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(二十)
陣列(Arrays)
JavaScript 中的「陣列(Arrays)」可被比喻成「可以一次承裝多個值的變數」。一般的變數一次只能裝一個值，而陣列一次可裝多個變數。例如，現在我們有三個課程名稱「HTML」、「CSS」、「JS」，就需要設立三個變數來承裝。原始碼如下所示：
var course1 ="HTML";
var course2 ="CSS";
var course3 ="JS";
若是使用「陣列(Arrays)」，原始碼就可以精簡成一行文，如下所示：
var courses = new Array("HTML", "CSS", "JS");
語法解析：上述的代碼是宣告名為「courses」的陣列。這個陣列包含三個值（或稱元素）。建立新陣列的寫法為「new Array(元素一,元素二,元素三)」
取出陣列的某一元素
陣列裡含這麼多元素，當我們要找出某個元素時，就需要把索引號碼寫在方括號內。要取出陣列中的第 X 個元素，語法為「陣列名稱[X-1]」(因為陣列元素的編號是從零開始，不是從一開始，所以第一個元素的索引號為「0」、第二個元素的索引編號為「1」，由此類推⋯⋯)
我們承接前一段「名稱為 courses 的陣列」的例子，假如今天我們要從 courses 陣列中取出「JS」，並且把「JS」改成「JQuery」，寫法如下：
var courses = new Array("HTML", "CSS", "JS");
var course = courses[2]; // 取出第三個元素「JS」
courses[2] = "JQuery"; //將第三個元素名稱改成「JQuery」
See the Pen JavaScript-Array1 by Tedutw (@Tedutw) on CodePen.

若當我們輸入的索引數字，已經超過了陣列元素數目減去「1」的數字時（例如上述例子的陣列中只有三個元素，但是你卻輸入了「3」或是比「3」還大的數字，則 JavaScript 會回傳「undefined」）。如以下所示：
var courses = new Array("HTML", "CSS", "JS");
document.write(courses[3])

See the Pen JavaScript-Array2 by Tedutw (@Tedutw) on CodePen.

使用其他方式來建立陣列 Array
除了上述方式，我們還可以藉由先輸入陣列元素個數、之後再告知哪個序號對應到哪個元素的方式來建立陣列。
例如，我們把上述的 courses 陣列使用此方法來寫，則 JavaScript 原始碼如下：
var courses = new Array(3);
courses[0] = "HTML";
courses[1] = "CSS";
courses[2] = "JS";
JavaScript 的陣列是動態的，因此我們在上述例子中的第一行「var courses = new Array(3);」，也可以不給元素的數目，即為「var courses = new Array();」。此時，後面的元素就可自由增加如下：
var courses = new Array();
courses[0] = "HTML";
courses[1] = "CSS";
courses[2] = "JS";
courses[3] = "JQuery"
實務上常用：陣列實字 (Array literal)
以上介紹了JavaScript陣列的寫法。為了提高前端工程師的執行速度，我們可以把以上的寫法簡化成陣列實字 (Array literal)寫法，如下所示：
var courses = ["HTML", "CSS", "JS"];
這樣子的寫法，等同於「var courses = new Array("HTML", "CSS", "JS");」，差別是陣列實字的寫法，少了關鍵字「new Array」，並且把元素左右側的括號改成方形括號。此種簡化的寫法最常被前端工程師所使用。
今天就介紹到這裡，在接下來「JavaScript入門教學#21」的文章中，我們將繼續介紹陣列的屬性、合併方法等。建議讀者們先消化一下陣列的寫法，再進入下一章學習陣列的活用，才會學得更輕而易舉。
 
更多JavaScript相關文章請點下方連結~
 
 
 
其他閱讀
JavaScript入門教學#18｜創造JavaScript物件(Objects)
你是我的眼！Google AI 眼鏡助視障朋友「看見」世界
差點被拋棄的冠軍程式語言-Java入門教學（一）
Java 身世之謎／寫出第一個Java程式
APCS 是什麼？所有 APCS 檢定的問題這篇都會回答你！
Javascript新手上路(十九):Method
前端工程師一定要懂的JavaScript變數命名規範~
學習網頁前端時也千萬別放過JavaScript!!
 
 
 
 

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

如今看似穩坐第一名寶座Java其實也曾岌岌可危?想更了解Java就千萬不能錯過我們的文章!!(一)
冠軍語言 Java 的身家背景：開發初期差點遭撇棄！
Java 程式語言的雛形於 1990 年代被 Sun Microsystems（昇陽電腦）開發，最初被命名為 Oak，目標設定在家電（電視機、電話、鬧鐘、烤麵包機等）等小系統的程式語言，用來控制家電。
但當時智慧型家電的市場需求低，昇陽電腦本想放棄開發該語言，後因網際網路興起，昇揚電腦看見 Oak 在網際網路上應用的前景，於是改造了 Oak，於1995年5月以Java的名稱正式釋出。
之後昇陽電腦被 Oracle 收購，因此 Java 程式語言目前為 Oracle 所有。
Java 語言擁有的平台獨立性，讓你只需編寫一次程式，就可以在許多不同的平台上運行！Java 具有跨平台可用、多執行緒（同一時間執行多個以上的事情）、物件導向（開發者在設計軟體時候可使用自訂的類型和關聯操作，讓大型軟體開發案的管理變得更容易，並減少失敗率，增加程式的健全度。）等特性，所以廣獲各大企業青睞，在 TIOBE 熱程式語言榜上已多年數次蟬聯冠軍，包含今年三月也拿到冠軍的寶座。

圖片
去年與今年的 TIOBE 程式語言榜上，Java 都穩居冠軍寶座。

Java 適用於 Google 的 Android OS、PC 等各種 應用程式（如媒體播放器、防毒軟體、網路應用程式、企業應用軟體（即銀行業務）等）的開發，目前已有超過 30 億個設備都運行 Java 程式語言。
來寫第一個 Java 程式吧！
讓我們來開始撰寫 Java 程式，以下的 Java 範例窗格中，上半部顯示程式碼，下半部則是編譯器，會顯示出「Hello World」的程式結果。

現在，你也能動手撰寫這個程式，步驟如下：

以下的 Java 編譯器介面中，可以分為兩部分：上半部深藍色的區塊可以讓你撰寫程式，中間的淺藍色按鈕按下去即可執行程式，下半部白色的區塊則為程式執行的結果。接下來的步驟中，我們將依照指示，把程式碼 key 入到深藍色的部分。 PS: 第一行的「import java.util.*」請不要刪除，此行為「導入 Java 功用（import java utility）」的宣告。

在上半部深藍色的部分，我們在第二行輸入以下 Java 程式：

public class Main {
public static void main(String[] args) throws Exception {
System.out.println("Hello World");
}
}

按下中間顯示為「Run(Ctrl-Enter)」的淺藍色按鈕來編譯程式

等待數秒後，就可以在下半部白色的區塊中，看見程式的執行結果。如果出現「Hello World」代表你的成功寫了人生中第一個 Java 程式

在以上程式碼中，你還可以把「System.out.println("Hello World");」中的 Hello World 改成任何你想要的文字，例如 Hello Java、Hi,Java ，甚至是 Hello Kitty 等等。則執行出來的結果也會有所不同。

在 Java 中，每一行代碼都必須填入於「class名稱 {}」 的大括弧內。如以上例子，我們將所有代碼填入於名稱為「ＭyClass」的 class 後方的大括弧中。
所有的 Java 程式，都有一個所謂的「起點（或被稱為入口）」，這種方法（method）被稱為「main」。以上例子在「(String[ ] args)」這段代碼的前面，就有出現「main」字眼。另在，隨著「main」出現的關鍵字「public」和「static」，將在後面幾章做詳細說明。
 
更多Java相關文章請點下方連結!!
 
 
 
其他閱讀
Python不是蟒蛇,Java是咖啡,奇葩的程式語言命名起源
用Python或Java寫程式時，聽什麼音樂能增加效率?
Java、Python...初學者該從哪個程式語言下手？
APCS 是什麼？所有 APCS 檢定的問題這篇都會回答你！
Python學員找工作免擔心!!就業種類選擇看這篇!!
Java免費開發工具大放送!!再也不用擔心沒得練習啦!!
想在短時間內掌握Python?學好這些語法很重要!!

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

正在摩拳擦掌準備APCS認證的同學們對這個認證夠了解嗎?今天要跟大家分享一些整理好的資訊~不要錯過嘍!!(下)
「大資工時代」下　人人都得會的程式設計

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

正在摩拳擦掌準備APCS認證的同學們對這個認證夠了解嗎?今天要跟大家分享一些整理好的資訊~不要錯過嘍!!(中)
學測失利也免驚！檢測高分、紅利級分幫你順利上榜

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()

正在摩拳擦掌準備APCS認證的同學們對這個認證夠了解嗎?今天要跟大家分享一些整理好的資訊~不要錯過嘍!!(上)

(繼續閱讀...)

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()