Flex介绍与精采展示-Read.PPT

Spry,Flex,Apollo大未來 Future of Spry, Flex, Apollo 講師介紹 Charles Tou Taiwan Adobe User Group Charles Lab 查爾斯實驗室 Shou-nao Technology 首腦科技有限公司 大綱 Spry, Flex, Apollo大未來 查爾斯實驗室現況與願景 這一節為大家介紹全新技術！ Web-based ApplicationHistory ( 歷史 ) Web-based ApplicationAdvantage ( 優勢 ) 無遠弗屆 – 只要上網就能使用 不需安裝 – 打開網頁就能使用 維護容易 – 各種大小的架構都適合 早已經成為應用開發的大趨勢 Trend of Web-based Application ( 趨勢 ) Interaction – 互動操作，而非被動操作 Rich – 豐富內容，影像、圖片與聲音 Fast – 快速，無接縫，零等待，不中斷 Cross Platform – 跨平台，甚至跨裝置 Reuse – 素材重複使用，多種格式發布 Flash Platform /platform/ Flash Player 在各平台上的表現完全一致。 Flex 2 出現：打開網路應用程式新紀元！ 分為兩部份： Flex Builder 2 Flex Data Service 「表現層」應用開發 所見即所得 WYSIWYG 適合程式開發人員 產出 .swf ( flash ) 直接使用 強大的資料處理能力 強大的雙向通訊能力 Flex 2 整體架構與遠景 讚嘆！Flex 2 應用觀止！Demo Applications 官方網站的 Demo Apps /devnet/flex/?tab:samples=1 MXML 與 ActionScript 3.0 MXML 標籤式語言 ActionScript 3.0 物件導向 ( 面向對象, OO ) 極似 Jaca 官方完整文件：/livedocs/flex/2/ Flex 2：輕鬆開發、頂級體驗 取得 Flex Builder 2 /products/flex/ 展示 各種不同的面板 建立專案與新文件 發布與執行 如何進行除錯 Ajax 出現！ BOOM！AJAX 出現了！ Asynchronous JavaScript and XML 頻寬省，速度快，即時反應，高互動，具有動態效果、排版效果！ 充分利用 Javascript，也支援 XML，與部份 Flex 2 強調的功能。 Adobe 的 Ajax：Spry Framwork Adobe 說：我們擁抱它吧！於是誕生 Spry。 在 Adobe Labs 網站可以下載免費的 Spry Framework。 極度易學，極度易用，只需極少的 Javascript 基礎，或多一點點的慧根。 Samples of Spry /technologies/spry/demos/index.html /technologies/spry/samples/SortSample.html /technologies/spry/samples/accordion/AccordionSample.html /technologies/spry/samples/effects/highlight_sample.html /technologies/spry/samples/effects/slide_sample.html Structure of Spry Framework Spry 架構 它是一群 .js 文件。 把 Spry 引入網頁，如： script type=text/javascript src=includes/xpath.js/script script type=text/javascript src=includes/SpryData.js/script 在網頁標籤撰寫 Spry 指令，如： tr spry:repeat=dsSpecials 用 Dreamweaver 快速開發 Ajax：Spry 就是答案！ 隨時可以加入 Spry，不影響既有系統。 下載 Spry Framwork：/technologies/spry/ Spry or Flex 2 ( 抉擇 ) ? Flex 客戶端 不需換頁、無接縫操作、跨平台 檔案較大、啟動稍慢 內容自由度：高 多媒體能力：高 表現一致性：高 保護原始碼：算是有 搜尋引擎：難 多人互動：能 自訂元件：能 Adobe Engagement Platform 下一代網路應用程式：Apollo 帶領網路應用程式脫離瀏覽器的限制！ 包含