20130823微軟雲端平台開發者日
Upcoming SlideShare
Loading in...5
×
 

20130823微軟雲端平台開發者日

on

  • 857 views

 

Statistics

Views

Total Views
857
Views on SlideShare
857
Embed Views
0

Actions

Likes
2
Downloads
13
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

20130823微軟雲端平台開發者日 20130823微軟雲端平台開發者日 Presentation Transcript

  • Global Footprint
  • 講者介紹  微軟最有價值專家(連任五屆)  Tech Days 2012、2013講者  MSDN 講座講者  微軟實戰課程日講者  《ASP.NET MVC4 網站開發美學》  twMVC 聯合創辦人
  • MVC 快速導覽  把應用程式架構給切分為三個部分,分別為:  Model(模型)
  • MVC 快速導覽  把應用程式架構給切分為三個部分,分別為:  Model(模型)  View(視圖)
  • MVC 快速導覽  把應用程式架構給切分為三個部分,分別為:  Model(模型)  View(視圖)  Controller(控制器)
  • MVC 快速導覽  MVC 的三個組成部分所負責的功能不同,相互獨立。
  • MVC 快速導覽  MVC 的三個組成部分所負責的功能不同,相互獨立。  MVC 並不等於三層式架構。
  • MVC 快速導覽 本圖取自《ASP.NET MVC4 網站開發美學》
  • MVC 與 Web Form 的不同  MVC 為純粹的 Web 不適用 Web Form 事件導向 的觀念。
  • MVC 與 Web Form 的不同  MVC 為純粹的 Web 不適用 Web Form 事件導向 的觀念。  Web 沒有狀態。
  • MVC 與 Web Form 的不同  MVC 為純粹的 Web 不適用 Web Form 事件導向 的觀念。  Web 沒有狀態。  Web Form 可以不在乎 CSS 和 JavaScript。
  • MVC 與 Web Form 的不同  MVC 為純粹的 Web 不適用 Web Form 事件導向 的觀念。  Web 沒有狀態。  Web Form 可以不在乎 CSS 和 JavaScript。  MVC 不可排斥 HTML、CSS、JavaScript 。
  • MVC 與 Web Form 的不同
  • 新接觸 MVC 的常見問題?  開發速度比使用 ASP.NET Web Forms 慢?
  • 新接觸 MVC 的常見問題?  開發速度比使用 ASP.NET Web Forms 慢?  現有 ASP.NET Web Forms 能直接轉為 ASP.NET MVC?
  • 新接觸 MVC 的常見問題?  開發速度比使用 ASP.NET Web Forms 慢?  現有 ASP.NET Web Forms 能直接轉為 ASP.NET MVC?  M、V、C 真的能夠分工開發嗎?
  • 新接觸 MVC 的常見問題?  開發速度比使用 ASP.NET Web Forms 慢?  現有 ASP.NET Web Forms 能直接轉為 ASP.NET MVC?  M、V、C 真的能夠分工開發嗎?  使用 MVC 開發是否可以讓設計人員去維護 View?
  • 新接觸 MVC 的常見問題?  開發速度比使用 ASP.NET Web Forms 慢?  現有 ASP.NET Web Forms 能直接轉為 ASP.NET MVC?  M、V、C 真的能夠分工開發嗎?  使用 MVC 開發是否可以讓設計人員去維護 View?  MVC 專案可以使用 Server Controls 嗎?
  • 新接觸 MVC 的常見問題?  開發速度比使用 ASP.NET Web Forms 慢?  現有 ASP.NET Web Forms 能直接轉為 ASP.NET MVC?  M、V、C 真的能夠分工開發嗎?  使用 MVC 開發是否可以讓設計人員去維護 View?  MVC 專案可以使用 Server Controls 嗎?  ASP.NET MVC 是否會取代 ASP.NET Web Forms?
  • 新接觸 MVC 的常見問題?  開發速度比使用 ASP.NET Web Forms 慢?  現有 ASP.NET Web Forms 能直接轉為 ASP.NET MVC?  M、V、C 真的能夠分工開發嗎?  使用 MVC 開發是否可以讓設計人員去維護 View?  MVC 專案可以使用 Server Controls 嗎?  ASP.NET MVC 是否會取代 ASP.NET Web Forms?  還需要了解 HTML, CSS, JavaScript ?
  • 輪子別再做了 利用網路資源快速開發網站才是王道
  • Bootstrap 是什麼?  Bootstrap 是由 Twitter 維護的 CSS Framework 專案, 可以讓我們快速完成一個有一定水準的網站。
  • Bootstrap 是什麼?  Bootstrap 是由 Twitter 維護的 CSS Framework 專案, 可以讓我們快速完成一個有一定水準的網站。  Bootstrap 提供了基礎的 Layout 與 Grid System。
  • Bootstrap 是什麼?  Bootstrap 是由 Twitter 維護的 CSS Framework 專案, 可以讓我們快速完成一個有一定水準的網站。  Bootstrap 提供了基礎的 Layout 與 Grid System。  Bootstrap 有足夠的 CSS 樣式並且可支援 RWD。
  • Bootstrap 是什麼?  Bootstrap 是由 Twitter 維護的 CSS Framework 專案, 可以讓我們快速完成一個有一定水準的網站。  Bootstrap 提供了基礎的 Layout 與 Grid System。  Bootstrap 有足夠的 CSS 樣式並且可支援 RWD。  Bootstrap 包含實用的元件與 JavaScript。
  • Bootstrap 是什麼?  Bootstrap 是由 Twitter 維護的 CSS Framework 專案, 可以讓我們快速完成一個有一定水準的網站。  Bootstrap 提供了基礎的 Layout 與 Grid System。  Bootstrap 有足夠的 CSS 樣式並且可支援 RWD。  Bootstrap 包含實用的元件與 JavaScript。  Bootstrap 易於修改與自訂。
  • Bootstrap 是什麼?  Bootstrap 是由 Twitter 維護的 CSS Framework 專案, 可以讓我們快速完成一個有一定水準的網站。  Bootstrap 提供了基礎的 Layout 與 Grid System  Bootstrap 有足夠的 CSS 樣式並且可支援 RWD  Bootstrap 包含實用的元件與 JavaScript  Bootstrap 易於修改與自訂。 (講是這樣講不過要改 的動需要對於 CSS、LESS 有相當的功力 )
  • 利於溝通  Prototype 結束後可以直接轉 Production。
  • 利於溝通  Prototype 結束後可以直接轉 Production。
  • 利於溝通  Prototype 結束後可以直接轉 Production。
  • 易於修改  Bootstrap 不是都長一樣!
  • 易於修改  Bootstrap 不是都長一樣!
  • 易於修改  Bootstrap 不是都長一樣!
  • 易於修改  Bootstrap 不是都長一樣!
  • Bootstrap 怎麼學?  Bootstrap 一點都不難
  • Bootstrap 怎麼學?  Bootstrap 一點都不難  難的在開發人員對於 CSS 的「基本觀念」
  • Bootstrap 怎麼學?  Bootstrap 一點都不難  難的在開發人員對於 CSS 的「基本觀念」 對你來說是一個方便的
  • 立即動手做一個行動網站 http://data.taipei.gov.tw/opendata
  • 輪子別再做了  Bootstrap 官網 (2.3.2) http://getbootstrap.com/2.3.2/index.html  Layout 範例與常用套件 http://bootsnipp.com/
  • 實際部屬上 Windows Azure
  • 其他的部屬方式 Windows Azure 本機 機制 雲端 空間 版控 系統
  • 案例分享
  • 路跑界有一個傳說
  • 沒有一次可以順暢報名
  • 每次知名活動開放報名官網都會炸掉
  • 我只想跑步而已,主辦單位出來面對!
  • 進擊的太白粉  網友自發的路跑活動
  • 進擊的太白粉  網友自發的路跑活動  99小時募到 NT$6,298,367
  • 進擊的太白粉  網友自發的路跑活動  99小時募到 NT$6,298,367  活動網站最高同時 1103 人上線
  • 進擊的太白粉  網友自發的路跑活動  99小時募到 NT$6,298,367  活動網站最高同時 1103 人上線  網站 downtime = 0
  • 完全沒有當掉
  • 流量圖表
  • 流量圖表
  • 開發時程  10小時(包含申請 Windows Azure)
  • 使用技術  ASP.NET MVC 4  Web API
  • 使用技術  書本頁數超過 800頁  MVC開發技巧完整涵蓋  市面上唯一完整說明 Web API
  • 使用平台  Windows Azure Web Site
  • Windows Azure Web Site • 可隨時調整硬體支援,應付突來的流量。
  • Windows Azure Web Site • 可隨時調整硬體支援,應付突來的流量。 • 快速部屬
  • Windows Azure Web Site • 可隨時調整硬體支援,應付突來的流量。 • 快速部屬 • 支援多種語言 ASP.NET , PHP , node.js , Python
  • Windows Azure Web Site • 可隨時調整硬體支援,應付突來的流量。 • 快速部屬 • 支援多種語言 ASP.NET , PHP , node.js , Python
  • Windows Azure Web Site • 可隨時調整硬體支援,應付突來的流量。 • 快速部屬 • 支援多種語言 ASP.NET , PHP , node.js , Python • 自動支援負載平衡
  • Windows Azure Web Site • 可隨時調整硬體支援,應付突來的流量。 • 快速部屬 • 支援多種語言 ASP.NET , PHP , node.js , Python • 自動支援負載平衡 • 至少要開兩台
  • 開兩台以上要注意的事項 • 程式開發的觀念要轉換到 Web Farm
  • 開兩台以上要注意的事項 • 程式開發的觀念要轉換到 Web Farm • 不要在個別執行個體中儲存狀態
  • 開兩台以上要注意的事項 • 程式開發的觀念要轉換到 Web Farm • 不要在個別執行個體中儲存狀態 • 不要認為下一次的要求會在相同的執行個體中處理
  • 開兩台以上要注意的事項 • 程式開發的觀念要轉換到 Web Farm • 不要在個別執行個體中儲存狀態 • 不要認為下一次的要求會在相同的執行個體中處理 • 不要忘記像動態產生的影像是由網頁載入的事情
  • 開兩台以上要注意的事項 • 影響最大的就是 Session
  • 開兩台以上要注意的事項 • 影響最大的就是 Session • 請改用透過 Session State Provider 儲存 Session • Windows Azure Caching • SQL Azure • Windows Azure Storage
  • 開兩台以上要注意的事項 • 影響最大的就是 Session • 請改用透過 Session State Provider 儲存 Session • Windows Azure Caching • SQL Azure • Windows Azure Storage • 儲存到用戶端 • cookies
  • Windows Azure Web Site • 可隨時調整硬體支援,應付突來的流量。 • 快速部屬 • 支援多種語言 ASP.NET , PHP , node.js , Python • 自動支援負載平衡 • 至少要開兩台 • 建置成本非常低?
  • • 你覺得「進擊的太白粉」募款結束的這 段時間花了多少錢?
  •  NT$ 2,293 費用
  •  NT$ 2,293 費用
  • 費用 免費模式 (Free) •免費!流量限制為 165MB/天,每月最大 5GB, 超過時會中斷網站服務。 •每個訂閱帳戶可享有10個 免費網站額度。
  • 費用 免費模式 (Free) •免費!流量限制為 165MB/天,每月最大 5GB, 超過時會中斷網站服務。 •每個訂閱帳戶可享有10個 免費網站額度。  共享模式 (Shared) • 每小時 NT$ 0.404 元,每 月約 NT$301元。 • 每月贈送 5GB 流量,如超 過才依流量使用計費。
  • 標準模式 (Standard)  依虛擬機器大小,每月費用約為 NT$2,309~9,234 不等, 而且擁有 的保障。  每月 5GB 流量免費,如超過才依流量使用計費。 費用 SLA 99.9% 表示一年最多只能停機 8.76小時
  •  費用
  • 特別感謝  以上案例分享資料由輝網資訊 – Andy & Calvert 授權於 微軟雲端平台開發者日使用。
  • 現在就開始吧 http://WindowsAzure.com
  • 參考資料 • Windows Azure Website • http://www.windowsazure.com/zh-tw/services/web-sites/ • Windows Azure 網站服務入門 • http://www.microsoftvirtualacademy.com/training- courses/windows-azure-websites-jumpstart • Studyazure 雲端學堂 • https://www.facebook.com/studyazure
  • Blog : http://demo.tc twMVC: http://mvc.tw G+: http://demo.tc/+ FB: http://fb.me/demo.fan Plurk: http://plurk.com/demoshop
  • 謝謝各位 • 本投影片所包含的商標與文字皆屬原著作者所有。 • 本投影片使用的圖片皆從網路搜尋。 • 本著作係採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 台灣 (中華民國) 授權條款授權。
  • 如何獲得百萬跑車? 2013/09/30 前, 只要依照規定啓用 MSDN 訂閱隨附的 Windows Azure 權益, 即有機會將北美預估 零售價 118,600 美元的 Aston Martin V8 Vantage Coupe 開回家. 詳情請參閱 Windows Azure 網站 : http://www.microsoft.com/taiwan/windowsazure/