Cmaj7bm 的部落格

[F13-EWT] 400261181 蕭安廷 Post 2

老實說,對於網路這一個技術我以前都是抱著"自學就可了,幹嘛另外花時間修課"的心態,經過了整學期下來,當然地,老師的各種專業證明我是錯的,我所認知的都是在現有技術上做鑽研,而老師給我的選擇是更多多元的未來發展性。

 

一如往常,在輔大資工修過了那麼多的必修和選修課中,梅興老師的課是最實際的,因為都會有個期末專案可以努力打拼,這是一個很踏實的感覺。過了這學期,我對於網頁開發有了更多的認識,像是HTML的進階應用、ASP、PHP等......雖然在其他技術還是有點陌生,但我相信我現在就像是一把裝了子蛋的槍,終有一日要用到的時候,子彈衣錠可以射出去的,最後要謝謝梅老師和助教的努力。

400261181 資工三甲 蕭安廷 SelfLearning

我這次自學的主題是Youtube API

 

開發者提供的API選項有很多,有撥放器的(PLAYER)、也有在按鍵上做變化的、還有撥放清單等......

 

實用性是非常的高,Youtube是世界上所有人幾乎每日必看的網站,但我覺得控制項目算是有點少,也許也是另一個優點,簡潔的介面,但不可否認的,Youtube給人感覺不會因此而大打折扣,在影片串流技術還有Server端的服務不在話下。

 

實作

我研究了幾個Function

舉例來說,以下是一個Resize(重新調整撥放器大小)的功能:

[F13-EWT] 400261181 資工三甲 蕭安廷 Lab2

實作HTML

我選用的開發工具是Google Web Designer

本來我是希望用GoogleDrive來架設,但我做好的Index上傳上去後開啟網頁是開得出來,但內容幾乎損毀,幾次拯救下還是失敗

因此我先把我所做出來的index截圖已代表證明

這個開發工具提供的不只有HTML的編輯,他主要是被用來製作廣告的動畫和一些擴充的技術,我做了一個很簡單的網頁編輯:

 

這是我預覽網頁的實際畫面。

 

心得:本來想說是一次很普通的HTML實作的作業,但因緣際會下選擇使用了GOOGLE WEB DESIGNER才發現這款開發工具非常的強大又實用,而且又是免費(不知有無進階版以及是否會收費),到這裡,又燃起之前修Web基礎做期末專案時的熱血了,網路開發這一塊真的是非常有趣且商機十足啊!!

 

 

[F13-EWT] Lab3 400261181 蕭安廷

這次Lab3是要實作GoogleCharts API

首先,當然是找到Google API 的頁面

於是我找到了Sample Playground,如圖:

GOOGLE有提供很多各式各樣的API SOURCE CODE,包括我們這次要做的CHARTS就有分非常多種。

edit code in HTML

程式碼部分沒有困難的地方,改TITLE和addRows的地方就可以了

 最後成品:

 

 

[F13-EWT] HW0 400261181 蕭安廷


  我是來自資工三甲的蕭安廷,是個開始在替為摸不著的未來擔憂的老大三生。
  在資工系待了第三個年頭了,發現對Web很很大的興趣,也許是因為之前修過Dr. Mei 開的Web基礎原理,在期末專題中開始了濃厚的興趣,順道一提,附上我們之前做的專題: http://black40612.wix.com/musicdream
  在那時候有一大堆設計網站的idea,但是發現越想越多,越做越細,也越發現自己的不足,所以期待能在這學期將Web的技術學得更深入。



Linked In: http://www.linkedin.com/profile/view?id=205692254&trk=nav_responsive_tab_profile_pic

POST#2 400261181 蕭安廷

    在上這堂課前,對於網路的概念僅限於基本簡單的CSS修改和簡單的網頁架構而已,對於那些後台、SERVER等......使用者控制的東西完全沒概念,現在學到了更多,HTML5、JQuery、PHP等好多好實用的秘絕,也透過期末專案,將這些所學應用,真的是收穫滿滿。
  相信在將來後,能自己打出完整的CODE,而不是現在幾乎都用現成的東西來修改,就以我這次和我的組員作的專題為例:我們碰到很多技術上的問題,相對來說,要架構一個東西不是想像中的困難,因為有了理念和構想,所以弄出想要的實作。而我們遇到最大的困難,梅興老師也說過,現在是很少得可以做得出來(錄音程式),做不做得出來是其次,重點是你要如何做到最好,像知名的SOUNDCLOUD也有提供錄音服務,但是他們也僅限於"提供"錄音這個服務和後台管理,並沒有提供後製的服務,但這一切都是時間的問題,我的目標,就是學完這堂課後,能在未來做出屬於自己的SOUNDCLOUD,更應該說,是我自己的一片未來!!!!

LAB#2 400261181 資工二甲 蕭安廷

這次LAB2終於有一次實作模擬WEB的機會,當然也藉由這次的機會認識Google site,wix等......

但是我觀察一下Google site過後發現,相較於WIX,Google site缺乏多樣性變化,WiX能加入的元素較多,因此我就決定選用WiX來架構個人網站。

大致上,Wix有很多內建好的可提供的元素及插件,因此只要熟悉摸透誰都可以創立自己的網站,所以在操作方面沒什麼太大的問題。

以下是我的網站:

http://cmaj7bm.wix.com/antinghsiao#!about/c10fk

頁面