前端項目總結范文

導語：如何才能寫好一篇前端項目總結，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。

篇1

關鍵詞：施工階段跟蹤審計；工作內容；操作流程

中圖分類號： TU198 文獻標識碼： A

建設項目的全過程跟蹤審計一般可分為事前、事中、事后三個階段的控制，在具體的實施中，我們又可把三個階段細化為項目立項階段、設計階段、招標及合同簽訂階段、施工階段和竣工結算階段等五個階段。本文主要對建設項目施工階段跟蹤審計的工作內容及具體的操作流程作一些闡述。

施工階段是業主和承包商共同執行合同內容，完成合同標的的過程，也就是工程結算所含內容具體實施的過程。施工階段審計主要是對現場重大隱蔽工程量、簽證、索賠和特材價格進行過程中審計，而不是等到竣工結算審計時再對工程結算中所含的這些內容進行審計，跟蹤審計單位對施工階段進行審計，能有效地防止承包商高估冒算和無理索賠的產生。

1、本階段具體工作內容

1)與參建單位協調配合，制定現場有關造價控制的流程與措施；向工程各參建方做好跟蹤審計交底，以便跟蹤審計工作有序可循；

2)參加由建設單位組織召開的涉及工程造價的技術交底、圖紙會審、工程例會、材料（設備）選購定價等，協助業主協調各承包商的經濟關系以利工程順利進行；

3)按工程形象進度，對各總包（包含各專業分包商）提交的進度付款申請，定期到現場評估已完工程量，根據合同價款及合同條款，作出合理審定，并提供月付款建議書，經業主認可后作為支付月進度款的依據；

4)規范現場簽證，同時對涉及金額較大的設計變更、經濟簽證進行審核；嚴格審核工程變更的合理性，對有可能增加工程造價的工程變更應進行重點造價控制，特別要注意對于調減或取消項目業主也要簽署設計變更，以便在結算時扣除；對施工單位提及的技術核定單、工程聯系單的可行性分析及是否實施提供參考意見。為保證業主的合法經濟權益，可以為業主提供相關的反索賠咨詢服務；

5)積極配合業主，優化、控制工程變更，盡可能在原圖施工前做好變更工作，避免按原圖施工好后再變更，造成浪費；

6)全面監督合同外工程(簽證)隱蔽驗收工作，對該隱蔽工程會同施工單位、監理單位、業主共同丈量測定、并簽字認可；

7)經常深入施工現場，掌握工程進展及變更的落實情況，并進行必要的拍照、攝像，留取證據；

8）對原合同中的暫定價格部分，隨著指定/專業分包合同的招標進程，不斷校對核定投資額，提供成本控制建議，使項目總投資能符合擬定的投資目標；

9)根據業主的需要，及時調整預算造價，做好設計變更和物價上漲等因素影響項目投資的情況分析，建立實際投資與概(預)算動態對照表及造價動態分析報告，力求使調整后的投資控制在目標之內；

10)檢查合同實質條款有無發生變動，如發生變更甲乙雙方有無及時簽訂補充合同；

11）按月向業主提供動態成本報表，集中反映變更簽證明細，每一條簽證列出“簽證送審時間”、“簽證送審金額”、“簽證審定金額”、“簽證完成時間”、“簽證發生原因”，具體的審定預算書或定案書在項目部留存，待項目結束時整理歸檔。

12）參加工程的功能性檢測，如瀝青、水穩等結構層的厚度檢測

13)為業主提供降低造價等合理化建議。

2、本階段造價控制操作流程

1)有關的造價咨詢專業人員進駐施工現場，熟悉施工現場情況，收集有關工程概況等資料；

2)了解工程概況，熟悉工程總承包合同內容、招投標文件及其他有關工程施工信息；

3)每天提供施工現場造價咨詢服務，參加有關工程例會及協調會等。有關人員將24小時隨叫隨應，提供全天候的造價咨詢服務；

基坑開挖部分：

①協助業主、監理、施工方，確定經濟合理的基坑開挖方案；

②協助業主、監理測量地面標高，測定堆土區運距；

③現場協助業主、監理確定人工修邊坡工程量。記錄基坑排水機械臺班；

④檢定土壤類別，協助監理、業主測量基坑挖方量（必要時繪制等高線圖）；

⑤審核局部流沙、排水溝、收水井的處理工程量；

⑥記錄基底的平整、夯填方法，回填基坑應測量好運土距離，正確界定機填、人填數量。

結構施工部分：

①記錄好承臺地梁側模的品種、規格；

②現場核查鋼筋綁扎情況，對梁、柱、墻、板、鋼筋情況都應有記錄，存好電子文檔；計算、清點鋼筋接頭、箍筋、支撐只數，即時做好鋼筋翻樣工程量底稿；

③核查、記錄塔吊基礎的鋼筋、砼用量、塔吊進退場時間；

④監測好柱、梁、板澆筑情況、各部位模板的規格品種。及時計算施工部位的各種工程量；

⑤及時收集整理預埋管的規格、品種、品牌，及時詢價；

⑥監測好地坪施工的基層厚度、施工方法；

⑦監測好內外墻粉刷品種、厚度，記錄好柱、梁部位的防裂處理方法，網材的寬度、品種，尤其監測好外墻涂料的品牌、施工用量、批刷遍數，對外墻涂料的品牌價格進行詢價提供業主決策，測定好平方米用量，組合出平方米單價；

⑧核查屋頂防水、保溫處理工藝、材料品種、質量等級，做好詢價工作；

4)對隱蔽工程進行現場記錄(書面、影像)，每日須做造價咨詢施工日記以備工程結算之用；

5)審核月工作量報表，提出月工程款付款的審核意見；

6)審核設計變更費用、技術核定單費用、經濟簽證費用等；

7)為建筑安裝工程材料價格的取定，及業主指定材料價格、甲供料價格等，及時提供咨詢意見；

8)根據國家和地方現行的有關規定，審核施工方的索賠費用，為業主進行施工反索賠提供咨詢服務。

在以往的竣工結算審計，由于審計人員不了解施工過程，對施工情況僅以現場簽證為依據，對一些虛假的簽證無法進行必要的鑒別，這也為施工、監理單位的串通舞弊提供了機會，建設項目施工階段跟蹤審計則可以及時發現問題，遏制該類行為的發生.

參考文獻：

篇2

自XX年3月以來我很榮幸來到泰信科技從事金融事業部技術支持中心儲備主任工作，轉眼三個月的試用期過去了，在領導的言傳身教、關心培養下，在同事們的支持幫助、密切配合下，我不斷加強事業部業務學習，對工作精益求精，較為圓滿地完成了自己所承擔的各項工作任務，個人職業素質和業務工作能力都取得了一定的進步，為今后的工作和學習打下了良好的基礎，現將個人工作學習情況總結

一、對公司的認識

從剛到泰信對于金融事業部的業務比較陌生，到經過三個月的學習及領導和同事的指導，使我對公司管理結構和事業部等有了較為深刻的認識，對自己所在崗位的工作內容有了大概的了解。公司業務范圍主要劃分為金融、司法以及智能化等三大領域，下屬分公司主要包括湖北分公司、江西分公司、湖南分公司、河南分公司、廣西分公司、云南分公司以及新疆分公司等。我們金融事業部技術支持中心主要對分公司技術進行協助支持。

二、工作方面

入職不久，適逢湖南分公司農行前段聯網項目中標。湖南分公司因去年才成立不久，技術力量相對薄弱。我被派過去做技術支持，主要負責農行前端聯網前期摸底做方案及預算。湖南我們主要是負責常德和湘西兩市的前端改造。通過一個月的時間，我前端網點摸底以及同甲方市分行保衛處領導交流，圓滿完成了常德79個網點以及湘西28個網點的設計方案及預算，共計900多萬。

4月下旬湖南農行聯網進入到具體實施階段。我把前期湖北聯網遇到的問題及訊美聯網軟件商的要求進行了收集整理，寫了«湖南前端聯網規范流程»。按此流程指導，順利實施了常德城區3個樣板網點的聯網接入工作。

金融技術支持中心除了對下屬分公司技術支持外還需對中心業務拓展的項目進行支持，4月上旬，金融事業部與浙江捷尚合作在整個金融業推廣智能分析系統，我負責湖北農行試點安裝調試。經過幾天的測試以及與捷尚技術員溝通最終完成了農行atm智能分析、柜員窗口人臉疊加以及視頻質量診斷等系統的試點安裝調試工作。

三、學習生活方面

篇3

關鍵詞：bootstrap 響應式web前端 柵格布局 表格應用

中圖分類號：TP391.3 文獻標識碼：A 文章編號：1007-9416（2016）10-0179-01

隨著互聯網技術的發展，人們在日常生活與工作之中，不僅要注重提高互聯網資源的利用效率，還要關注用戶與網站的交互性，讓互聯網技術更好為工作與生活服務。Bootstrap作為重要的框架結構，通過先進技術的應用，有利于系統升級，也能讓用戶獲得良好的體驗，其應用也變得愈加廣泛。本文結合實際需要，就基于bootstrap響應式web前端進行探討分析，希望能為類似工作開展提供啟示。

1 bootstrap概述

作櫓匾的框架結構形式，bootstrap包括多項不同的組成內容，并且擁有自身顯著的技術優勢和特點。

（1）bootstrap的概念。Bootstrap是以HTML、CSS、JS為基礎的開發框架，它包含類型多樣、結構漂亮的樣式。傳統網絡開發過程中，在不同分辨率下很難實現兼容，制約開發工作效率提升，對網頁正常使用也帶來不利影響。而在bootstrap的輔助下，網頁開發變得更為便捷。Web前端開發人員可利用bootstrap進行響應式網頁制作，有利于網頁的擴展與升級，對網頁維護也具有一定作用。隨著bootstrap的發展與進步，內容豐富多樣，結構靈活的響應式柵格系統得到應用，也讓基于bootstrap響應式web前端開發成為現實。

（2）bootstrap的組成。作為web前端工具，bootstrap包含豐富的結構類型，并且免費開源，提供預編譯和源碼兩種形式的壓縮包，包內的文件按類別存放于不同目錄之中，同時提供壓縮與未壓縮兩種版本。Bootstrap最基本的組織形式為預編譯版本，可在任意web項目中直接使用，包括壓縮與未壓縮兩種CSS和JS文件。就源碼來看，bootstrap包含CSS、JavaScript、圖標字體文件、LESS等。安裝bootstrap時，先完成基本樣式的安裝，然后調用JavaScript插件，做好調試與安裝工作，完成任務，為web前端開發創造條件。

（3）bootstrap的優勢。在bootstrap的輔助下，賦予CSS動態性，能有效適應各種移動設備。并降低網頁開發難度，節約成本，有利于網頁維護。大多數瀏覽器支持bootstrap框架，為網頁提供排版、導航、縮略圖、進度條等組件，方便web前端設計。并且bootstrap代碼簡單，方便開發人員的各項工作，降低勞動強度，確保web前端的高效與便捷，有利于提高網頁開發工作效率。

2 基于bootstrap響應式web前端分析

利用bootstrap開展響應式web前端設計，一方面要明確其優勢和特點，另一方面還要合理英語相關的技術措施，促進設計水平提高。

2.1 設計原則

堅持美觀、簡約原則，采用外形美觀、結構精致簡約的控件，為人們帶來良好的視覺氛圍。同時落實“以用戶為中心”原則，根據用戶需要開展web前端設計。并確保系統的交互性，為用戶使用網頁提供方便，確保各項工作高效、便捷的開展下去。

2.2 關鍵技術

可以采用混合開發模式，發揮HTMLS的優勢，提高web前端的綜合性能，確保安全性與可靠性。常用關鍵技術包括HTMLS+CSS+

JavaScript技術，然后完成程序編寫，并在運營中注重系統升級和消息發送，利用bootstrap進行交互，方便用戶使用，為他們提供便捷服務。

2.3 主要組件技術

設計和使用中，為提高響應式web前端的應用效果，還要采用以下技術。

（1）柵格布局技術。提供完整的響應式柵格系統，對屏幕尺寸有較強適應性，系統能自動形成柵格布局。Bootstrap柵格布局為小屏幕、中等屏幕、大屏幕提供前綴，讓web前端更加靈活，促進系統前端與后臺數據交互，方便用戶使用。

（2）響應式應用技術。結合用戶使用性能設置導航欄，導航包括站點名稱與導航定義樣式。設備視圖中導航欄是折疊的，可用視口寬度增加時，導航欄水平展開，有利于用戶快速導航。

（3）表格應用技術。包括用戶表、公司表、員工表，表格中存儲信息。Bootstrap為web前端提供表格應用功能，設置主鍵與外鍵，對表格信息統一管理。

3 基于bootstrap響應式web前端的展望

在信息技術不斷發展和完善的前提下，再加上設計人員綜合技能提高和經驗總結，bootstrap將會取得不斷發展和進步，結構中的系統元素也會改進，web前端將會朝著響應式方向發展。有利于各功能模塊聯系的增強，并賦予bootstrap框架以規律性和持續性。進而促進bootstrap響應式web前端設計完善，提高設計水平，更好滿足人們生活和工作需要。

4 結語

在bootstrap框架下，響應式web前端具有更為高效、便捷的特征，能為用戶帶來更加便捷的體驗。隨著信息技術發展與進步，前端設備的代碼量也隨之增加，而采用響應式布局能兼容各種前端設備，有利于縮短網站加載時間，提高上網效率。因此，響應式web前端設計人員要以bootstrap框架結構為基礎，以提高網站運營效率和設計效果為目的，完善響應式web前端設計，優化結構功能，讓用戶獲得最佳的用戶體驗。

參考文獻

[1]舒后，熊一帆.基于Bootstrap框架的響應式網頁設計與實現[J].北京印刷學院學報， 2016（2），47-52.

[2]張曉穎.基于bootstrap框架的響應式OA系統前端UI實現[J].科技展望，2016（23），158.

[3]李金亮，李春青.基于Boot Strap的WEB開發設計研究[J].信息技術，2016（2），217.

[4]李強.Web前端開發技術與學習探討[J].長治學院學報，2016（2），75-77.

篇4

交換式視頻技術概述

不同于傳統的廣播系統在任何時候為所有的用戶傳送全部節目，交換式數字視頻系統僅對在某一時刻對某個節目發出請求的用戶做出響應，在同一個網絡節點范圍內或者業務組內的更多用戶可以通過訪問同一個視頻流節省帶寬，關于這一個概念詳見圖1。

如果在同一節點覆蓋范圍內的一個用戶想要收看正在發送給另一個用戶的節目，這個新用戶只需加入到現有的交換進程中即可。這樣，用戶的增加就不需要消耗系統額外的資源。

然而交換式視頻的意義不僅僅是節約帶寬。這一技術提供了更多優勢：包括提供如定址廣告這樣的更加貼近觀眾興趣的廣告信息，更加個性化的內容以及無需進行第三方用戶調查就能獲得精確的收視數據等。從而為運營商開展更多可帶來盈利的服務創造條件。

部署交換式視頻系統

在開始部署任何交換式視頻系統之前，BigBand公司的專業服務團隊就會先為客戶提供詳細的系統設計方案，并且一起進行深層次的評估。在部署準備階段，對許多問題都要進行考慮，包括：

有線運營商的交互式視頻系統的商業目標是什么?

有多少可用頻譜資源?

有多少節目可以或者必須采用交換方式?

哪些類型的節目可以或者必須放入到交換類別里?

每一個業務組需要或必須支持多少個QAM?

每一個業務組需要或必須支持多少個Tuner?

BigBand公司通過與有線運營商緊密合作，針對每一個實際的問題都進行了仔細研究。利用所掌握的各種工具，加深對客戶網絡的理解和認識，包括對其流量特征的評價。圖2就是其中的范例。

當完成交換式視頻系統的設計工作，并接受訂單后，部署工作將隨即展開。BigBand公司作為交換式視頻的領導廠商有完整的部署流程，其專業的服務團隊在90天內就可以完成客戶定制的交換方案的部署工作。

BigBand公司部署交換視頻系統進度表包括如下重要任務：

1.確認系統設計

2.網絡部署規劃

3.配套設施準備

4.設備生產與交付

5.前端設備安裝

6.前端設備調試

7.開始分前端配置

8.開始分前端割接和測試

BigBand公司部署交換視頻系統的典型時間表見圖3。

確認系統設計

一旦收到并接受客戶的訂單，也就確定了客戶定制的交換式視頻方案的最終實施計劃。其中包括完成交換式視頻網絡安裝地點的現場勘測；還包括確定最終的交換式業務所需頻道表的設置。

網絡部署規劃

在這個階段必須著手開始多項工作

列出工程所需原材料清單

確定需要長時間準備的設備

訂購設備

制定詳細的布線規劃

確定最終的業務分組

這一階段的總結工作包括有線運營商對計劃的審核。根據運營商的需求進行改進，最終得到認可。

配套設施準備

在這一時間段的大部分工作由有線運營商完成。經驗顯示能否按時部署交換式視頻方案與有線運營商是否完成了這些配套工作密切相關。這些工作包括準備設備安放的位置、開通設備所需要的電源以及安裝采暖通風空調系統等。

設備生產與交付

在這一階段，BigBand公司和其供應鏈的合作伙伴生產并交付部署交換式視頻系統所需的設備。在發貨之前，BigBand公司會預先準備和安裝所需要的軟件。

前端安裝

在前一步驟中，有線運營商已經準備好相應的承載網絡，BigBand公司也已經將需要的設備運送到了用戶現場。在這個階段，BigBand公司的專業服務團隊在前端安裝采集/箝位平臺，即BigBand寬帶多媒體業務路由器(BMR)，或者在廣播電視運營商已有的BMR上安裝必要的軟件和硬件。另外還要進行前端管理系統和加密系統的部署。

前端測試

全面徹底的測試工作由BigBand公司和有線運營商共同完成，這一階段的主要工作是確保前端系統的正確安裝和配置并根據需要進行調整。

開始分前端配置

一旦設備抵達現場，即可以開始在分端前部署交換式視頻功能。BigBand公司的專業服務團隊將安裝相應數量的BigBand邊緣QAM并且配置這些設備。通過與客戶的緊密配合，專業服務團隊將對分前端進行全面的預測試。

開始分前端割接和測試

前期的測試完成后，分前端設備已經連接到傳輸網絡，BigBand的邊緣QAM設備連接到了HFC網絡。系統的配置需要做全面的檢查，如果沒有發現問題，就可以進行前端管理系統的割接，并將客戶端軟件下載到用戶的機頂盒。最后，BigBand公司的專業服務團隊將采取一系列詳盡步驟對系統進行測試，確保交換式視頻系統按照最高的標準要求運行。

交換式視頻系統部署經驗

基于以往的經驗，為確保平滑的部署交換式視頻系統，以下幾點須特別注意：

配置IP網絡

數字控制系統的重配置

機頂盒互通性問題

命名和編號規則

電源、采暖通風和空調問題

邊緣QAM的配線問題

配置IP網絡

組成交換式數字視頻網絡系統的每一臺設備都需要一個用于管理的IP單播地址。這個IP地址由有線運營商分配，要求從每一個設備能Ping通數字控制系統和機頂盒，跳數越少越好。建議這些用于管理的IP地址最好在同一子網內。正確地規劃和協調子網劃分以及IP地址的分配可以避免將來浪費時間和由于重新設置設備的IP地址對服務造成影響。在將設備運送到現場之前，考慮周全的IP地址規劃是系統設計驗證的關鍵。

數字控制系統的重新設置

對數字控制系統進行重新設置的關鍵步驟包括：交換式視頻客戶端的設置、業務應用管理器的創建和對多個廣告域和頻道復制的管理。正確的規劃可以避免無計劃引起的工期拖延、系統

運行后的宕機時間、以及將來對系統的重配置。

機頂盒互通性問題

在交換式視頻服務部署之前，每一個機頂盒的型號和操作系統都必須進行確認和核實，避免互通性問題。

命名和編號規則

在安裝之前，必須確定每一個分前端和業務組的命名和編號規則。有線運營商應該盡可能的使用現有的命名規則以及QAM業務組的配線方式

電源、采暖通風和空調問題

總前端和分前端所在地點的電源、采暖通風和空調問題應該盡早進行嚴格的設計和管理以免造成項目的延期。

邊緣QAM的配線

在進行交互式視頻部署的時候需要進行大量的布線工作，在所有的QAM安裝完畢之前，線纜纏繞、不符合標準的布線等問題都不會暴露出來。以往的經驗顯示對所有分前端進行統一的布線規劃可以減少配線的錯誤。要使分前端的布線工作成功完成，工程承包商、有線運營商和BigBand公司之間必須就各種資源進行謹慎細微的協調，以加快交換式網絡系統的部署。

結論

篇5

越來越多的電子商務的先行者們發現，“傳統”企業對網絡的理解和應用通常要走過幾個階段。無論企業屬于何種行業、接觸網絡或早或遲，這幾個階段都會成為被普遍認可的經驗總結。Intel公司董事長Grove在最近接受《華爾街日報》的采訪①時把這三個階段總結為：電子小冊子階段、電子交易階段和電子化決策階段。這樣的總結可以說與我們正在全球范圍內開展的上千個CRM咨詢項目所獲得的體會不謀而合。

所謂“電子小冊子”階段，就是公司僅僅把自己的介紹性信息放在網頁上。這也是目前95%號稱“已經觸網”的中國企業的網頁形式。這種網頁通常分成幾個目錄：公司組織結構、新聞中心、產品目錄、客戶聯絡、合作伙伴等等。這種網頁與書面的“公司簡介”等小冊子從內容到排版都非常相象，所以被稱為“電子小冊子”。要把這樣的介紹書搬上網，加上一個網址，編寫起來并不難，硬件上也不必專門購置服務器，只要掛在某個網絡公司的虛擬主機上即可，人員方面也不需要配備專門的網頁維護更新人手?？梢哉f，建立這樣的網頁投資少，見效快。不過這種見效最多體現在公司已經注冊了自己的域名，可以在職員的名片上加印一個www的地址而已，無論是現存客戶還是合作伙伴，登錄之后都會發現這樣的網頁對與該公司進行交易并沒有什么幫助?！靶陆洕辈皇沁@樣的“電子小冊子”的集合。

第二個階段，也就是北美在過去的兩年中方興未艾的CRM熱潮開始讓企業從“電子小冊子”走向實現“前端辦公自動化”。在這個階段中，需要重組業務流程和融合內部應用軟件，需要把互聯網功能與企業內部網功能實現交互。最需要變化的通常是定單管理模塊、供應鏈系列模塊、財務管理模塊和客戶服務模塊。我們在這里所說的重整有兩種實現方式，一種是從“前端辦公軟件”開始，向“后端”推進，即首先建立銷售人員可以迅速學習和掌握的機會管理、定單輸入和服務要求輸入的界面，然后把收集到的數據向后臺ERP傳送，或者實現這兩個數據庫的同步更新；另一種方式是從“后端”的企業資源數據庫（ERP）中向前端推進，保持ERP的服務器/客戶端的基本架構，而且“客戶端”可以采用以瀏覽器為主的“瘦客戶端”（thin client），也就是說，后臺數據庫可以直接接受網絡上傳入的數據，用戶從瀏覽器上輸入用戶名和密碼后，立刻就可以查詢、更新后端數據庫里的信息。

篇6

關鍵詞：闖關式；翻轉課堂；Web前端技術；教育信息化

中圖分類號：G712 文獻標志碼：A 文章編號：1674-9324（2017）12-0164-02

傳統教學過程通常包括知識傳授和知識內化兩個階段，翻轉課堂（Flipped Classroom）實現了傳統課堂中知識傳授與知識內化兩個階段的顛倒[1]。在翻轉式教學中，知識傳授通過信息技術的輔助在課后完成，知識內化則在課堂中經討論、協助完成[2]。課堂活動環節是學生進行知識內化的階段，決定著學生學習的效果。但是，目前大多數研究集中在如何通過教學視頻提高學習的效率，而對知識內化階段的課堂活動關注有所不足。筆者認為，翻轉式教學的最大挑戰并不在于如何制作視頻，如何進行有效的“線上”活動，而是如何創造鼓舞人心、面對面的課堂學習[3]。針對高職學生，如何在翻轉課堂這種教學模式中充分調動學生的學習興趣，激發其旺盛的學習勁頭，并保持可持續學習的動力，使學生變被動接受知識為主動探尋知識，從而真正熟練地掌握相關技能值得進行深刻的研究和探討。本文從翻轉課堂內涵和闖關式學習理念及設計策略出發，通過對闖關式學習理念應用到翻轉課堂中的案例進行分析，提出一種“基于闖關式的翻轉課堂教學方法”，以《Web前端應用開發》課程為載體，對此教學方法開展教學設計和實施，按照“階段闖關、指導練習、分組練習與企業專家點評”等方式進行教學，增強課堂教學的趣味性、挑戰性，提高學生的學習積極性、參與度。以期更好地促進翻轉課堂在教學實踐中的應用，為教學實踐者提供借鑒。以下將從教學分析、教學策略、教學過程、成效特色等四個方面展開分析。

一、教學分析

從近幾年信息技術發展趨勢可知，網頁前端開發技術在行業中越來越體現其重要性和蓬勃的發展勢頭?！禬eb前端技術》作為一門培養學生該方面能力的支撐課程，生命力強、在專業課程體系中地位重要。針對該課程設計翻轉課堂教學實施模式；開展具體“翻轉內容”的研究；建設“闖關式翻轉課堂”相關教學資源，包括知識點及情境設計、學習指導設計、學習活動設計、學習效果測評設計等相關教學、學習資源。通過“闖關式翻轉課堂教學方法”的實施，提高學生可持續發展能力和就業競爭力，使學生受益。

二、教學策略

根據教學內容和高職學生特點，設計《Web前端技術》教學策略如圖1所示：

1.課前，通過微課平臺學習任務，讓學生提前完成基于微課的翻轉課堂學習并提交反饋，及時掌握學生學習情況和學習效果。

2.課內，使用闖關式教學策略，結合多種信息化手段，達到激發學生學習興趣、夯實專業基礎的目標與效果。

3.課后，通過微信平臺，讓課堂學習延續到課后的移動學習中，利用碎片時間，滿足個性化的學習需求。

三、教學過程

1.課前傳承知識。課前，教師預先錄制微課視頻，提前學習任務，學生通過觀看微課視頻，進行線上學習、進階練習，并以評論、問答等方式和教師交互，完成課前預習。

2.課堂內化知識。教師根據學生線上學習情況，有針對性地設計學習任務單，每階段任務分別采用“闖關+指導練習+分組練習與企業點評”的教學方式完成。其中，初級任務側重基礎知識的掌握，采用闖關式教學方式，將枯燥的知識學習過程結合游戲闖關理念，激勵學生學習興趣，進而夯實專業基礎；教師實時掌握學情，及時解決問題。在闖關過程中，學生的任務是主題發言、闖關、實際操作、提問交流，教師的任務是課堂引導、組織、點評。針對學生做得不完善的地方，教師及時進行講解與補充。闖關通過在線測試平臺進行，闖關的結果由平臺產生統計分析報表。高級任務側重應用能力的培養。通過有指導練習，培養學生動手能力、增強學習信心；通過學生分組實踐與企業方對作品評分及點評，培養分析問題、解決問題的能力，進一步強化動手能力，培養團隊協作精神與溝通素養，與企業要求進一步接軌。任務采用真實企業項目貫穿始終，在任務提出、任務實施和任務評價階段均有企業參與，有利于幫助學生融入企業氛圍，進入職業角色，企業專家指導評分，達到校企合作目標。課程最后，教師總結歸納闖關口訣，激發學生興趣，加深學生印象，引起共鳴便于記憶。

3.課后拓展提升。學生下課可以通過微信平臺進行移動學習，課后繼續通過在線測試對課堂學習進行鞏固和提升，系統自動生成成績，便于學生對照自查。教師通過學生的完成情況，進行教學效果的數據跟蹤與分析，進一步改進教學設計。

四、成效特色

信息化教學在本課程的教學過程中體現了傳統教學不可比擬的優勢，具體體現在如下方面：

1.教學手段創新。采用翻轉課堂的教學形式，使用信息化手段，采用闖關式教學策略，達到激發學生學習興趣、夯實專業基礎的目標與效果。采用真實企業項目貫穿始終，在任務提出、任務實施和任務評價階段均有企業參與；采用教師指導練習，達到培養學生動手能力、增強學習信心的效果；采用學生分組練習與作品點評，達到強化學生動手能力、培養團隊協作精神的效果與目標，總結歸納突破常規，用闖關口訣的形式，激發學生興趣，加深學生印象，引起共鳴便于記憶。

2.學習手段創新。學生課前可通過微課平臺利用碎片化時間隨時隨地在線學習，提高了學習積極性，強化了學習效果。課后通過微信平臺讓課堂學習延續到課后的移動學習中，借助移動終端的通用和便捷，使課后學習不再受時空限制，增強學習的主觀能動性，滿足個性化的學習需求。

3.學習效果檢測手段創新。課前通過微課平臺進階測試及時監測獲取學生完成情況；課中通過在線測試平臺實時統計分析學生任務完成狀態，并由企業專家參與學生作品的評分及點評；課后通過微信平臺跟蹤測評。無論課前還是課堂中，教師都需要通過信息技術為學生構建個性化協作式的學習環境，為學生提供學習支持，此為翻轉課堂的設計需求。教師需要在熟練掌握信息化技術手段和闖關式學習設計理念的基礎上，將各種闖關式學習設計策略融入到翻轉課堂教學的設計因素，實現兩者完美的融合。

參考文獻：

[1]何克抗.從“翻轉課堂”的本質，看“翻轉課堂”在我國的未來發展[J].電化教育研究，2014，（7）.

篇7

關鍵詞：網頁布局；網頁編程；課程銜接

中圖分類號：G712文獻標識碼：A文章編號：1005-1422（2015）12-0073-02

國家近年來大力發展職業教育，強調：職業教育是國民教育體系和人力資源開發的重要組成部分，是廣大青年打開通往成功成才大門的重要途徑，肩負著培養多樣化人才、傳承技術技能、促進就業創業的重要職責，必須高度重視、加快發展。在珠三角洲，IT行業（互聯網）的發展需要大批低端工作人員，而中職學校設立計算機專業，目的是為IT行業輸入預備和基層人員。網頁布局（Div/Css）和網頁編程（C#）作為計算機兩門專業課，分別在第二第三學期展開教學，但兩門課程分別面對前端和后臺，側重有所不同，而且一個是過程性語言，一個是面向對象語言，如何做好課程之間的銜接，讓學生從前端走向后臺，完成一個網站工作人員的轉變，筆者身為計算機專業一線老師，為兩門課程之間順利和有效銜接做出一番研究。

一、按照學習環境和中職學生特征設置課程

中職學生是研究對象，特征是思想未成熟，理論基礎不扎實，抽象思維差，學習方法效率低，學習自主性差，但身體和心理處于年輕態，對新生事物敢于嘗試，敢于接受，接受老師鼓勵和表揚等正能量，有興趣的科目可以堅持學下去，大多數理科學生心理素質好。學習環境是經過第一學期學習之后，已經完全熟習中職學習環境和規律，從應試教育轉變為技能教育，掌握計算機基本使用技能，培育了一定計算機素養，在第二個學期可以展開網頁布局的學習。

網頁布局，從網頁基本操作入手，利用工具Dreamweaver，掌握網頁各要素（html標簽、表單各要素、模板頁）到可以獨立完成靜態網頁的制作，熟習Div/Css的基本概念，并能被用來完成網頁布局，期間涉及到網站前端知識。課程要求是：學生可以掌握布局的技能，在給出的頁面設計圖的前提，可以獨立完成切圖，并用Div/Css作出具體布局，可以實現二級菜單，并在頁面加入flash或JavaScript等廣告banner。

當學生熟練前端知識之后，有了理論和實踐基礎，進入第三個學期的加深學習，正式進入有關后臺的學習。針對目前最流行的開發平臺Visual Studio和開發語言C#，本校采用了上述環境和語言，要求是掌握Webform的開發，內置對象、表單和控件、SQL server數據庫以及一個小型后臺開發。制作后臺一般有登陸、注冊、新聞、增加修改刪除新聞的功能。在學習過程中，讓學生在學習編程基本理論和思路，培育面向對象編程的素養，提高學習的興趣和自主能動性。為第四學期小組合作完成一個有前端和后臺的網站而打下基礎。

二、如何做好銜接工作的具體舉措

Div/Css屬于網頁前端知識，屬于后臺開發語言，如何做好兩者之間的銜接，讓學生可以從網頁前端世界從容進入后臺開發，這就是筆者在實際工作中遇到的問題，經過一番研究，特將研究結果列出如下：

1.課前要做好戰略上的準備

在所有的網頁課程展開之前，做好戰略準備。要跟學生陳述清楚本課程的最終目標：無論是前端Div/Css，還是后臺的，它們都是為網站而服務的，也是一個完善的網站要包括前端的與客戶視覺交互，還包括后臺各項核心功能的實現。舉個例子，人要有外表和內心才是一個真正的人。按照Web標準提倡的表現、結構和行為分離原則，前端主要體現在表現和行為，后臺可以體現在結構和行為。兩者要既相互獨立，又互相聯系。思想在前行動在后，戰略目標一旦提出，一切有根有據，有章可循，有理可依。

2.講授Div/Css要做好啟后工作

Div/Css和包含它本身的html是過程性語言，對于初學語言的中職生來說，由于學習者自身有抽象思維不強，邏輯分析能力不夠的弱點，Html和Div/Css不失為比較好學的入門語言。學生可以在可視即可得的視圖中接觸語言編程過程，既可以學習編程的基礎知識，又可以培養編程的長期興趣。不過，Div/Css不過是中期目標，也是中介和過渡手段。因為就根本而言，過程性語言有其簡單易用的優點，也有提煉不夠，封裝不夠好的缺點，面對復雜多變的編程世界，還是需要面對對象語言來提煉，才有更好的可讀性和可擴展性。好比一個人光有學會數數和算數其實不夠，還需要更多數學知識才能對現實進行歸納。光有前端而無后臺網站，很難吸引瀏覽者長期的興趣，生命力不強。

3.講授要做好承前工作

C#是一個語言，.net是一個平臺，上面支持用C#語言。C#不但可以開發基于.net的應用程序，也可以開發基于WinForm的程序。C#是事件驅動的，完全面向對象的可視化編程語言。前面說了，一個網頁光有繽紛絢爛的前端效果是不夠的，還需要功能強大的后臺作為持續發展。舉個例子，正如人不但要一個美麗的外表，更需要一個強大的內心，才能在人世間走得更高更遠。在進入C#學習之前，可以先復習一到兩周的Div/Css和JavaScript，做一些簡單的復習，才正式進入。復習可以是盒子模型，div頁面居中，一級菜單，插入圖像，圖片列表等。這種承前工作是必須的，才令到C#的學習不顯得突兀和生硬。

4.可以用一個網站作為項目教學實習兩門課程的銜接

對于職業教育，理論不是最終目標，技能的掌握才是目的，所謂紙上得來終覺淺，百講不如一練。在講授中，有個網站可以實現前端到后臺的銜接，是最好的教材和最合適的展示。筆者親自制作了一個網站，可以實現前臺的Div/Css布局，JavaScript的動態效果，還有后臺的登陸和注冊，后臺管理頁面的展示，密碼的修改等功能。在講授Div/Css的實訓階段，可以將網站界面設計圖交給學生進行切圖后進行布局，作為項目教學的一部分，增強學生的布局能力，提高學生布局熟練程度；在的實訓階段，將靜態網頁交給學生之后，再將靜態頁面轉換為動態頁面，而且可以將后臺分模塊：登陸模塊、注冊模塊、后臺管理頁面模塊、密碼修改模塊、新聞編輯模塊和新聞模塊，完成靜態到動態的銜接。在網站不斷完善過程中，完成知識講解和技能訓練， 達到以面帶點的效果。

5.行動研究證明：銜接帶來的效果

筆者從計網13級到14級，通過兩個年級6個班的網頁布局和編程教學，經過兩輪行動研究表明：順利和有效做好網頁布局和網站編程的銜接，有助于提高學生網站前端效果制作能力，增強后臺建設能力，為第四學期學生小組合作完成網站打好基礎。以下是學生最后網站作品之一。

三、總結

教學無小事。筆者在中職學校已經有15年的一線教學經驗，感受到過程比結果更重要。只要能留心日常教學的一絲一毫，發出疑問，經過思考，是可以幫助到學生更好地學習，從而改變思考習慣，改變人生。順利和有效做好課程銜接，是促進學生學習，提高學習效率的途徑之一。本著初衷，筆者繼續投入職業教育工作，為國家職業教育事業盡一份力量。

參考文獻：

[1]韓琦，張建軍.中、高職課程體系的銜接設計[J].長沙鐵道學院學報（社會科學版），2014（08）.

篇8

1相關概念

1．1微課內涵

目前，國內研究者從不同視角對微課進行解釋，尚無統一的定義。表1羅列出國內部分研究者對微課所下的定義。通過以上的分析，國內部分研究者對微課本質的認識存在三種不同觀點：第一種認為微課本質是一門課程；第二種認為微課本質是具體教學活動；第三種認為微課本質是教學資源。但筆者更贊同第一種觀點，微課具有以下特點：①小。主題內容小，針對某個知識點，一般最好針對一個知識點，可以是教學重點、難點等知識點；②短。主要是指時間短，一般5～15min，不宜過長；③微視頻是微課的主要呈現方式。根據主題內容性質、學習者特征也可以選擇其他多媒體承載形式；④微課本身應該先是“課”。包括內容、活動、評價等要素的教學服務［9］。微課具有完整的結構，該研究所做的有關微課教學設計就是按照目標、內容、活動、評價等要素進行的。

1．2操作型課程界定

操作型課程具有很強的操作性、實踐性，重點是培養學生動手實踐能力、解決問題能力和實際應用能力。操作型課程一般在教師指導下，由學習者以個人或小組的形式進行探究性的學習，通過探究學習過程掌握基本知識和技能，從而培養學習者分析問題、解決問題、動手實踐能力和實際應用能力。操作型課程一般包括實驗類課程、實訓類課程和計算機軟件操作類課程，等，該研究中的操作型課程只包含計算機軟件操作類課程。

2操作型微課教學設計

教學系統設計理論是“關于如何規定、設計教學活動的理論”，它是一套用來決定在一定的教學條件下，為了使學習者達到特定的教學目標，應該采取什么樣的教學策略與教學方法的系統化的知識體系，其重點是要確定達到教學目標所應采取的教學策略。何克抗認為，教學設計是運用系統方法，將學習理論與教學理論的原理轉換為對教學目標（或教學目的）、教學條件、教學方法、教學評價等環節進行具體計劃的系統化過程［10］。教學系統設計主要圍繞為何教（需求）、教什么（目標內容）、如何教（策略）、效果如何（評價）4個問題進行研究，所以該研究中操作型微課教學設計也是圍繞上述4個問題進行設計。筆者根據講授計算機軟件操作型課程的教學經驗以及與相關任課教師討論交流得出傳統計算機軟件操作型課程一般采用“講授—演示—練習”或者“邊講解邊演示—上機練習”的教學方式，采用這種教學方式會存在以下問題：①教師講解演示的知識點過多，學習者上機操作時很容易遺忘。發現這個問題之后，在以后教學中，教師將講解演示教學內容劃分為很小的知識單元，即一個知識點，學習者上機操作效果比之前較好，但部分學習者仍存在遺忘現象。②課時有限。利用課堂時間學習者僅僅掌握基礎知識與基本操作技能，很難達到真正培養學習者動手實踐能力、解決問題能力和實際應用能力等操作型課程培養目標。依據上述在計算機軟件操作型課程教學過程中存在的問題，以操作型課程培養目標和教學系統設計理論為基礎，該研究概括總結出操作型微課教學設計流程（如圖1所示）。其中，包括前端分析、教學過程設計和評價反思3個部分。

2．1前端分析

微課前端分析主要包括教學目標分析、學習者特征分析和確定主題內容3個環節。學習者通過內容學習來實現教學目標，學習者特征決定教學起點，三者相互影響。教學目標分析是讓學習者明確學習后能夠達到的具體要求，能夠做什么以及對學習者相關能力的培養。操作型課程要求學習者在掌握基本知識和技能的基礎上，重點培訓學習者動手實踐能力和實際應用能力。學習者特征分析是微課教學設計的重要環節，它將決定教學內容的起點，實現真正的個性化學習。根據學習者原有基礎知識和技能的差異性，動態地為學習者提供個性化的學習內容，真正照顧到學習者的個體差異，實現個性化學習、自主學習。確定主題內容是微課中強調的某個知識點，知識點不宜過多，要符合微課主題內容短小的特征，也適合移動學習的需要。通過對具體教學內容的學習和掌握來實現教學目標。

2．2教學過程設計

教學過程設計是微課教學設計的核心環節，計算機軟件操作型課程的設計過程主要圍繞案例展開教學和學習，通過“案例導入—新知講解演示—上機練習（綜合項目）—概括總結—拓展案例”5個教學環節讓學習者掌握基礎知識和技能及培養綜合能力，整個過程中要提供教學和學習所需的素材。操作型課程必須通過大量的實踐活動才能讓學習者掌握知識和技能，實現綜合能力、動手實踐能力和實際應用能力的培養與提升，通過設計上機練習、綜合項目和拓展案例為學習者提供更多的實踐環節。案例導入就是將微課主題內容（知識點）制作成案例，在講授新內容之前展示給學習者，讓學習者明白學完該知識點之后能夠具體實現的效果，以及能夠具體做什么。在進行案例設計的時候最好與實際問題相結合，讓學習者更明確如何解決實際問題，學以致用。同時，通過案例導入也能激發學習者的學習興趣。新知講解演示就是針對案例導入中的具體知識點進行講解演示，同時對知識點中涉及到的關鍵點或注意事項進行強調和標注，并錄制成微視頻學習資源，可以為學習者課前自主學習、課中上機練習、綜合項目完成以及課后拓展任務完成提供輔助指導。既解決傳統教學過程中學習者上機操作時容易遺忘的問題，也使教師從輔導學習者上機練習的重復教學中解放出來。上機練習主要讓學習者完成導課案例的制作，掌握基礎知識和技能。計算機軟件操作型課程必須通過多上機操作實踐來掌握基礎知識和技能，上機練習環節只是針對基礎知識和技能，不宜過難。綜合項目主要培養學習者綜合應用能力、解決實際問題能力，但并不是每個知識點都要設計綜合項目，綜合項目一般都要涉及到多個知識點，所以要根據學習者知識點掌握情況來設計綜合項目。在微課教學設計流程圖中綜合項目采用虛線框，說明并不是每個知識點都需要這個教學環節。綜合項目很好地解決了傳統教學過程中很難真正培養學習者解決問題能力、實際應用能力和綜合應用能力的問題。概括總結主要是對知識點和學習者在操作過程中存在的問題進行總結，讓學習者對該知識點有更深刻的認識和理解?？赏ㄟ^講解演示和上機練習之后進行概括總結，也可以通過綜合項目完成之后進行概括總結，主要依據學習者掌握知識和技能情況來確定。拓展案例主要促進學習者知識遷移，達到靈活應用知識的目的。拓展案例可以設計為與導課案例類似的案例，也可以設計為與綜合項目類似的案例，這個環節完全由學習者自己獨立完成。

2．3評價反思

篇9

【關鍵詞】小區;視頻監控系統;監控原理

一、設計的基本原則

本文主要以小區視頻監控系統的設計為基礎，在用戶的需求，實現全天候錄像及監控，并在一段時間小區可實現共享，遠程查看為前提，采用全模擬系統模式來完成一套視頻監控，在原有模擬的基礎上加入數字化應用，已達到更快更高效的效率，安全運行提供可靠的保證。

二、監控原理

前端攝像機選擇有兩種，一種是鏡頭為3.6mm的固定紅外半球攝像機，一種是鏡頭為3.5-80.5mm可調節紅外球型攝像機。

紅外半球攝像機監控范圍固定，可實現24小時實時監控，在不斷電情況下可連續監控，缺點是不可調;紅外球型攝像機監控范圍大，可滿足幾米至上百米范圍內的監控，但需要人為調節，在不調的時候，紅外球型攝像機也是監控一個固定的范圍。

本系統前端采用網絡紅外球機，清晰度彩色560TVL轉黑白680TVL，內置23倍光學變焦鏡頭（3.5-80.5mm），16倍電子放大功能，標準H.264壓縮編碼，可選D1、HD1、CIF、QCIF分辨率，支持雙碼流網絡傳輸，本地支持閃存卡存儲最大支持32G（需另加），紅外距離120米，防水、防雷設計。在夜晚光線不足的情況下也可保證圖像的質量，具有良好的圖像還原性，可滿足幾米至上百米范圍內的監控，依據現場情況可調節。

視頻信號、控制信號采集后通過網絡傳輸平行入網絡管理服務器，管理服務器負責整個視頻監控系統的權限管理、接入管理、設備管理、性能管理、故障管理、配置管理、告警管理和日志管理，是網絡視頻監控系統的核心設備。存儲亦在網絡管理服務器處，可保證15天的存儲時間。

以網絡管理服務器為核心，電腦、網絡解碼服務器都通過網絡訪問管理服務器，進行圖像調閱、控制、管理及顯示。網絡解碼服務器可進行單畫面或四畫面顯示，亦可輪循顯示。

視頻監控聯網系統拓撲圖如下：

三、功能介紹

1.網絡管理服務器

管理服務器負責整個視頻監控系統的權限管理、接入管理、設備管理、性能管理、故障管理、配置管理、告警管理和日志管理，是網絡視頻監控系統的核心設備。

管理服務器采用J2EE開發，能同時支持LINUX和Windows操作系統，部署方便;同時支持MySql、SQL Server和Oracle數據，實際運行時可根據項目規模進行選擇。

存儲主要是按照中心管理服務器配置的存儲策略，自動到前端請求視頻;同時提供流媒體點播服務，企業客戶端根據時間段、設備名稱、告警類型等條件進行流媒體點播，點播時用戶可以根據需要控制點播速度，如快播、慢播等。充分考慮了系統數據的安全性要求，設計了專門的文件系統，大幅度降低了磁盤的訪問頻率和避免了文件碎片的問題。

分發功能的引入主要是為了解決前端的服務能力和帶寬的不足，以及私網的穿透等問題。當系統中有多個客戶端向同一路監控前端請求視頻時，系統會自動將請求重定向給MDU，由MDU派生出新的視頻并分發給相應的客戶端軟件。若配置了多個MDU時，系統能自動平衡各MDU所承載的流量，并保證各MDU不超出其最大能力。

2.平臺管理軟件

平臺管理軟件分兩部分，一是網絡管理服務器系統軟件，二是管理客戶端軟件。

系統軟件主要是通過網絡管理服務器配置前端設備信息的配置軟件。

管理客戶端軟件是客戶應用軟件，主要功能有設備管理、分組管理、用戶/角色管理、告警管理、系統用戶管理、日志管理等。

設備管理提供瀏覽樹形式的設備管理，包括設備的增加、修改、刪除等;

分組管理負責對設備進行分組管理;

用戶/角色管理負責角色，企業用戶和管理用戶的管理;

告警管理將設備故障顯示出來，提醒維護人員定位，排除故障;

系統用戶管理用于修改系統用戶的密碼等;

日志管理系統記錄了企業客戶端的操作情況，包括：企業客戶端登錄、實時視頻請求、云臺控制、歷史視頻請求;

3.網絡解碼服務器

采用高性能INTEL處理器，8路視頻輸出，采用H.264硬壓縮方式，總資源100幀/秒，320G專業DVR硬盤，D1、CIF高清晰顯示錄像，音視頻同步，網絡矩陣切換輸出電視墻。

支持輪詢功能，自動切換不同監控地點的畫面;

多個監控點的畫面可以同時顯示在電視墻上;

支持中文字幕功能，可顯示所有監控地點的名稱;

支持4分屏;

支持告警提示功能;

四、總結

綜合介紹了視頻監控系統的發展、結構組成和功能應用等方面的內容，并對不同情況下的視頻運動檢測算法進行了介紹。在視頻監控系統中對圖像序列進行運動檢測，可以大大提高監控系統的功能，促進監控系統的智能化發展。

篇10

關鍵詞：互聯網產品；優化設計；動態模版；web前端技術

互聯網產品生成于互聯網，是滿足互聯網用戶需求和欲望的非物質化載體，是滿足用戶需求而創建的用于運營的功能及服務，是網站功能與服務的集成?；ヂ摼W產品必須制定完善的優化方法，可以從四個方面進行制定。

1“開”，產品優化的第一階段：追溯起源

“開”，就是事情的起因。以“QQ會員公眾號過期提醒項目”為例：針對QQ會員/超級會員即將到期或者已經到期的用戶，公眾號信息提醒用戶：你的QQ會員已到期。然而為了提供干凈的界面給用戶，不帶給用戶過多的騷擾，今年5月份開始“QQ會員”手Q公眾號被收進“服務”號。S之帶來的是手Q公眾號催費渠道付費數開始下降。公眾號推送模版為純文字的固定模版，這種文字堆積的說明書形式的表現方式，加上本來的一級入口變成了二級入口，用戶點擊率直降，可以推敲出QQ會員公眾號催費項目面臨著兩個問題：

（1）“QQ會員”手Q公眾號被收進服務號。

（2）模板形式過于單調。

2“承”，產品優化的第二階段：探索實踐

針對這些問題，開始構思公眾號過期提醒的改版。“承”主要是描述改版的探索過程。

在改版公眾號展示方式的構思上，目前有幾種方案可以選擇，見表1：

目前的純文字模版不能滿足需求，圖文模版略顯平庸，兩者都不具備靈活的布局和交互性。圖+文+動畫效果的表現方式，比起傳統的公眾號消息更有趣，并且更有畫面感，嘗試把這種展示形式應用到QQ會員公眾號過期提醒上，這種動態模板會帶來幫助。

2.1構思

在Arkapp框架下通過用Lua簡潔、輕量、可拓展的腳本語言可實現動態模版，解決了技術問題后開始了策劃-設計-開發-上線等一系列的流程。設計師在設計層面上結合會員品牌自身的屬性，告訴用戶：你要失去尊貴的會員身份了。同時，對于游戲用戶在設計時則更有游戲氛圍并且贈送游戲禮包來吸引用戶。最后結合需求及想法，動畫上設置企鵝+文字從品牌色變灰的效果，同時底部會放多個禮包，支持點擊滑動，在中心區域突出重點，顯示過期后“80余項特權已失去”，以喚醒用戶對QQ會員、超級會員這一身份的認知。

2.2開發

動畫方面，具體形象企鵝由品牌色變灰的效果以及文字變色和數字滾動的效果，探索了流暢度不斷優化以及不同實現方法。性能優化方面，正常顯示開始效果時，公眾號窗口白屏等待時間過長，系統需要加載各種資源。于是通過探索經歷了一系列的優化：元素加載時間優化，圖片資源異步加載優化，減少包大小，達到減少頁面白屏時間和增強動畫流暢度。

3“圍”，產品優化的第三階段：數據檢驗

如何判斷改版優化是否有效？實踐后方法的可行性？我們要利用用戶體驗數據校驗改版優化的結果。如在手Q會員公眾號中對到期會員游戲用戶，實現了動態模版+游戲禮包引導催費，結果動態模版付費用戶數是文字模版的5.4倍，催費消息點擊率和付費轉化率都比原本的文字模版有所提升。在優化過程中，這個方法是有效提高轉化率，吸引用戶的，得到有效驗證后，我們就可以繼續往深研究，覆蓋到更廣更細致的層面。

4“收”，產品優化的第四階段：反思沉淀

除了針對會員用戶里的游戲用戶推送帶有游戲禮包福利的過期提醒動態模版外，整個公眾號催費項目在其他應用場景上嘗試用動態模版來實現推送模版優化，使得整個催費體系更加統一化。同時，在QQ錢包、游戲中心等其他業務上也應尋求插入點并開始使用公眾號動態模版。如圖1：

最后階段可以從以下方面總結整個產品項目，對再設計進行反思：

（1）沉淀歸納產品開發過程中遇到的問題，組件化代碼，使復用性增強，積累經驗供其他項目使用；

（2）不同的設計方案可能對轉化率的影響也不一樣，設計多一種方案進行A/B test，做好數據校驗；

（3）嘗試多種技術應用方式進行應用制作，例如這次項目拋開web前端技術，嘗試用Lua去做動畫，也可以把經驗帶到其他項目中，為整個項目帶來更多更大的價值。

5結語

綜上所述，互聯網產品項目優化設計的過程可以結合了開――承――圍――收四大階段去實現，通過借鑒QQ會員公眾號過期提醒優化項目的案例，結合自身產品屬性進行消化，合理利用并且真正落地校驗，在不斷的探索中優化。未來我們在互聯網產品表現方式、交互形式上還需關注業界動態，把最新的技術落實到業務上，創造不一樣的價值。

參考文獻：