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

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

(繼續閱讀...)

文章標籤

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

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

(繼續閱讀...)

文章標籤

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

今天要來跟大家介紹新式身分證的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) 人氣(8)

今天要來跟大家介紹新式身分證的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) 人氣(11)

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) 人氣(3)

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) 人氣(8)

如今看似穩坐第一名寶座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) 人氣(7)

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

(繼續閱讀...)

文章標籤

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

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

(繼續閱讀...)

文章標籤

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

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

(繼續閱讀...)

文章標籤

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