附錄二：講師手冊標準幻燈片1:根據自己的講課特色，做一個簡單的開場白。幻燈版2：介紹一下官方微信，AppCan官方微信平臺，有及時推出最新的移動互聯網的技術發展趨勢，移動開發平臺的技術分享，鼓勵學員關注轉發官方微信。幻燈片3：講師自己補充各地區的AppCan學習的QQ群，微信群，建立一個學習交流，討論AppCan技術的平臺，鼓勵學員積極參與技術討論，參與答疑環節，在交流討論的過程中相互學習，不斷進步。幻燈片4：進入到講師，學員的自我介紹環節，在市場化經濟迅猛發展的今天，人們已是越來越重視所謂的“人脈”對自身發展的重要性，甚至有些人叫嚷”人脈比技能更重要”，“人脈就是錢脈”。人脈就好比是一座金礦，擁有了人脈，就等于擁有了取之不盡的財富。你的人脈資源越豐富，賺錢的門路也就越多。經營人脈的關鍵，就是讓別人認識你，向別人傳遞你的價值。鼓勵學員大膽的自我介紹，自我推銷，經營人脈，擴展人脈。幻燈片5：介紹一下今天培訓的主線。幻燈片6：隨著智能手機的普及，手機app也成忽如一夜春風來，千樹萬樹梨花開之象，深入到人們的生活之中。手機app已經成為我們生活、工作、學習當中必不可少的工具，“像來自星星的你一樣”，深刻的改變地球人的生活。舉例說明如微信、掌上淘寶、美妝相機等。借助互聯網+的概念，各類行業、企業、個人開發app的需求呈爆炸式的增長，。幻燈片7：介紹傳統的APP開發技術，原生APP,與WEBAPP,最后突出前二種APP開發技術的缺點，開發門檻高，開發難。引出下一張幻燈片。幻燈片8：一方面是企業在移動化道路上最頭疼的問題，開發難，成本高的問題，另一方面是：引出下一張幻燈片。幻燈片9：市場上WEB開發人員隨著互聯網的發展已經慢慢成為廉價勞動力，出現勞動力剩余的現象。一方面是企業的APP原生開發成本高的問題，一方面是WEB開發人員廉價勞動力的問題，如何協調市場的矛盾，引出下一張幻燈片。幻燈片10：AppCan平臺的出現，WEB前端開發人員的春天來了，介紹AppCan平臺開發的優勢。幻燈片11：介紹AppCan的成功案例，如威海八爪團，是威海本地生活服務類團購APP，為用戶提供各城市美食、酒店、娛樂、電影等各類優惠及電子兌換券信息。，是愛威海網精心打造的手機客戶端，簡單順暢的操作體驗讓手機用戶隨時隨地享受便捷的團購服務。引出下一張幻燈片。幻燈片12：用AppCan平臺開發的APP,在用戶體驗和界面效果上和原生開發的APP沒有區別，因為我們用的是混合開發技術，也就是HTML+原生的開發方式，為各位提供大量的原生模塊，演示HIAppCan。引導學員掃描HIAppcan的二維碼，體驗AppCan的高大尚。幻燈片13：介紹一下今天培訓的主要案例，用到是頁面效果超炫的六棱柱插件，從六棱柱的六個頁面可以分別打開其他六個頁面，有公司簡介，成功案例等。幻燈片14：介紹項目開發工具--企業版開發工具SDK：AppCanSDK移動應用開發系統，是專為AppCanHybrid開發團隊設計的移動應用開發環境。它幫助企業緊密地把HTML開發人員、Native開發人員、測試人員、代碼配置管理員、項目管理人員聯系起來，組成有序高效的開發團隊。AppCanDSS開發支撐系統以AppleMacmini硬件和MacOSX系統環境為依托，為降低企業移動開發投入設計的企業移動應用編譯和管理服務器。無縫地融合HTML開發人員和Native開發人員，通過集成化的Web管理界面靈活地配置管理服務，實現移動應用的測試、發布、配置的一體化管理。幻燈片15-21：AppCanIDE移動集成開發環境，為HTML開發人員提供功能全面的跨平臺、高體驗的移動應用開發調試環境。介紹IDE的新特性。幻燈片22：介紹SDK移動應用開發系統三種管理員角色。系統提供獨立的系統管理員，負責管理系統中的所有用戶。管理員可以指定用戶為應用管理員，負責應用項目的維護。每個應用可以有多個管理員，應用管理員可以為應用設定應用開發人員，測試人員。講師再介紹清楚應用管理員和普通用戶的角色區別。幻燈片23：以應用管理員的角色進入系統，有首頁，應用管理，操作日志，帳號設置四個模塊。首頁模塊將顯示該管理員的登錄信息、項目信息統計等與該管理員所管理的項目相關的信息，應用管理模塊，將顯示該管理員管理的所有應用，同時還可以添加應用，或者導入已有的應用。著重講一個如何添加一個應用，及應用唯一的標識，ID和KEY。幻燈片24：在SDK上創建的應用如何開發，需要在前端IDE中完成，啟動IDE。介紹客戶端如何登錄。幻燈片25：介紹如何在IDE中進行本地模擬調試。幻燈片26-28：在AppCan有一個最新功能-真機調試，那如何使用真機調試，首先需要介紹如何生成AppCan調試中心，如何使用AppCan調試中心。在使用真機調試的時候需要注意事項，即PC端和移動端需要在同一WIFI環境下。幻燈片29：在程序的開發過程中，離不開斷點調試，AppCan平臺也支持斷點調試，講師在IDE中模擬一個簡單錯誤，介紹如何進行斷點調試。幻燈片30：簡介一下什么是UI,UI設計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現軟件的定位和特點。界面布局是AppCanHybrid移動應用開發直觀展現的基礎，深入了解AppCanHybrid移動應用界面布局方式，讓我們的開發變得更好、更快、更強。簡單介紹一下本次培訓項目的UI。幻燈片31-32：AppCanUI設計來源——彈性盒子模型，解釋彈性盒子模型。彈性盒子模型是CSS推出的一種布局機制。這種機制與常見的流式布局有很大區別。簡單的理解為，流式布局是通過內容決定父容器大小，彈性盒子模型是在指定大小的父容器里來為子元素分配空間幻燈片33-35：介紹三種利用彈性盒子UI布局。幻燈片36：介紹AppCan封裝的三種UI樣式。幻燈片37-38：介紹一下AppCan平臺的CSS樣式的封裝規律，AppCan平臺支持二次開發，開發者可以在此基礎上做二次開發，但是需要遵循AppCan的命名規則。幻燈片39：AppCan平臺上封裝了包括按鈕，文本框，列表等多種控件，利用這些控件，可以提高開發效率，結合實例案例，利用選項卡控件完成企業招聘的頁面布局。幻燈片40：結合圖片滑塊控件完成產品介紹頁面。幻燈片41：講師自己發揮，列舉一個列表控件的案例，講解列表控件的使用。幻燈片42：在實際開發中，如果已經存在的控件不能滿足開發需要，開發者可以自己完成頁面拼裝，利用幻燈片中的案例講解一下，如何利用盒子模型拼裝頁面。幻燈片43：總結前面的幾種控件，引入到下一張幻燈片。介紹一下AppCanjavascriptsdk是appcan根據自己的需求封裝的一個開發庫，對底層的接口進行更高層的封裝，該庫依賴backbonejs、zeptojs、underscorejs，默認打包在基礎庫中，開發者不需要進行額外的引用，另外在該庫的基礎上提供了豐富的插件，能讓開發者更高效的開發app。AppCan頁面的窗口模塊是如何來定義的？切換到下一張幻燈片。幻燈片：44-45介紹AppCan的窗口的命名，以及config.xml文件中配置的應用自動加載的第一個窗口。了解的窗口的命名規則，那么窗口的生命是如何建立的？切換到下一張幻燈片。幻燈片：46介紹窗口建立的方法appcan.window.open()，及參數說明。幻燈片47：以實際項目為案例，講解一下如何從六棱柱頁面打開經典案例頁面。詳細說明open方法的使用。幻燈片48:窗口是AppCanHybrid移動應用界面的最基本單位。窗口是所有原生控件、Frame等的容器，是每個界面布局的基礎。而Frame是覆蓋在主窗口之上的獨立頁面，window用來處理整體的布局框架。因此可以看出window窗口中的page與屏幕大小相同。并且內容不超出屏幕，不能夠滾動。其中content只是起到定位作用。而frame中可以顯示超過屏幕高度的內容。由于是一個獨立的原生view，他的滾動等都是原生實現的，因此會比使用iScroll等JS框架進行界面內容滾動的效果會更加流暢。下面著重介紹一下打開frame窗口的方法。切換到下一張幻燈片。幻燈片49：詳細介紹appcan.frame.open()打開一個浮動窗口的方法，及方法的參數說明。在實際應用中，會用到一個window,加載多個frame,這種情況如何完成？切換到下一張幻燈片。幻燈片50：根據實際案例企業招聘頁面，著重講解打開多浮動窗口。幻燈片51：在應用開發過程中我們會經常需要給用戶一些直觀的提醒，引導用戶執行進一步的操作。AppCan封裝了多個標準的對話框來幫助開發者處理類似場景。AppCan封裝了三種對話框。消息提示框：appcan.window.openToast警告對話框：appcan.window.alert提示對話框：mpt介紹三種對話框的使用場景。幻燈片52：結合實際案例，著重講一下，消息提示框。總結前面所講的JSSDK中常用的方法，在app中，頁面與頁面之間離不開數據傳輸，AppCan平臺如何實現數據的傳輸？切換到下一張幻燈片。幻燈片53：AppCan平臺提供了appcan.locStorage.setVal()、appcan.locStorage.getVal()等方法支持數據存儲。介紹這二種方法的使用方法，及參數說明。幻燈片54：講師自己設計一個案例，講解一下數據存儲。全局參數更多應用于具有確定先后順序的場景，源窗口寫然后啟動目標窗口，目標窗口啟動時獲取參數。但很多場景并沒有固定的先后順序，更多的是相互間的狀態變化。對于此種場景，我們可以采用窗口事件機制來提供支撐。切換到下一張幻燈片。幻燈片55-56：結合實際案例，詳細介紹以下這二種方法的使用，appcan.window.subscribe接口來監聽訂閱一個自定義的頻道appcan.window.publish向訂閱的頻道，發送消息。目前絕大部分移動應用都需要服務端的數據支撐來支持其具體業務實現。而在移動通訊開發中最常用的即為基于HTTP/HTTPS協議的數據交互。AppCan對于我們的通訊提供了appcan.request對象來支撐。引入到下一張幻燈片。幻燈片57：appcan.request對象包含多個通訊方法ajax、get、getJSON、post和postForm，其中最核心的是ajax接口，其他接口是根據具體場景對ajax接口進行的簡化封裝。詳細介紹appcan.request.ajax()方法及參數說明。幻燈片58：講師提供了一個獲取公司簡介信息的接口，首先可以直接在瀏覽器的地址欄中輸入一下地址，學員對接口返回的數據有一個直觀的了接。結合實際案例，獲取接口的公司簡介數據，在頁面中顯示出來。幻燈片59-60：拖拽刷新是移動應用開發中一種非常常見的場景，通過拖拽屏幕完成數據的更新，相比于使用按鈕來更新數據，體驗更加的協調。與PhoneGap等純JS框架完成拖拽刷新不同，AppCan采用了原生技術來支持此效果，體驗更加流暢。講師自己設計一個案例，講解appcan.window.setBounce()方法的使用。幻燈片61：授人以魚，不如授之以漁，給學員介紹在線文檔，及如何使用在線文檔，學員通過在線文檔獲取其他JSSDK的相關知識。幻燈片62：API（ApplicationProgrammingInterface,應用程序編程接口）是一些預先定義的函數，目的是提供應用程序與開發人員基于某軟件或硬件得以訪問一組例程的能力，而又無需訪問源碼，或理解內部工作機制的細節。AppCan平臺提供了50多種插件來擴充AppCan的開發能力。介紹一下API的分類。幻燈片63-64：著重介紹一下打電話的API的幾種方