移動端開發工具整理，端開發工具整理

移動端開發工具整理，端開發工具整理
1. App原型工具

     原型以一種“粗糙”的方式展現產品的核心功能，是一種最簡單和直白的需求表現形式。是以一種圖形化的方式展現需求， 需求人員無論是從客戶處擷取需求，還是老闆拍板需求，還是通過調研確定需求，都要確保你知道的需求是“正確”的需求，最快的方式，就是設計出原型，然後作為樣本給客戶或老闆看，驗證需求的正確性。製作原型是業務人員應該掌握的一項基本技能。

      基於原型的特點，對於製作原型的原型工具就有一個最基本的要求:高效率

      原型是需求分析階段的一個產物，此階段最主要的就是探討需求，反覆確認需求，而原型作為需求的圖形化表現，也要隨著需求的更改而修改，所以原型工具需要能夠快速的設計，修改原型。

 

1.1 Axure RP

        Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速原型工具，Axure的可視化工作環境可以建立帶有注釋的線框圖，不用進行編程，就可以線上框圖上定義簡單的串連和進階互動。線上框圖的基礎上，可以自動產生HTML原型和Word格式的規格。

除此之後還支援預覽功能和發布功能。

       而對於App原型這部分，Axure也是支援的，可以通過匯入App原型組件而進行設計。但是他有一個比較大的缺點：Axure匯出的HTML頁面，很難在手機上預覽和測試效果，這是Axure的致命傷，只能在電腦上作為移動產品原型，做好以後又不能在手機上預覽，那產品原型就會和實際做出來的產品相差甚遠；

Axure RP7 主介面

 

Axure RP7.0：

1.2 Mockplus

      一款簡潔快速的原型圖設計工具。適合軟體團隊，個人在軟體開發設計設計階段使用。其低傳真，無需學習，快速上手，功能夠用。並能夠很好的表達自己的設計。Mockplus系列產品是簡潔高效的原型生產工具。給出的口號是“簡潔高效的原型設計工具，專註設計，而非工具”。

      產品理念：“關注設計，而非工具”。拿來就上手，上手就設計，設計都可以表達創意。

     軟體的創新點：審閱協作。建立原型圖，邀請，批註圖釘，之後就可以協同工作。所有的討論，意見和版本都會保留。

官方地址：https://www.mockplus.cn/

線上版主介面：

2. 移動端前台架構

2.1 Bootstrap

      Bootstrap是基於HTML5+CSS3開發的，他在Jquery的基礎上進行了更為人性化和個人化的完善，形成一套自己專屬的網站風格。

       Bootstrap是twitter前端Team Dev開源的一套架構，準確的說它並不是對移動web的，與Jquery mobile不一樣，他主要針對前端敏捷開發的，但是Bootstrap很好的解決了適應性布局的問題，使得基於Bootstrap的項目能夠在移動平台顯示有好，這種適應性布局在Jquery mobile中也有解決方案。Bootstrap並沒有提供更多的移動平台組件。

Bootstrap中文網：http://www.bootcss.com/

 

2.2 JQuery mobile

      JQuery mobile是jquery針對移動web領域發力的開源產品。他不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI架構。支援全球主流的移動平台。

jQuery mobile官方地址：http://jquerymobile.com/

W3CSCHOOL jQuery mobile教程：http://www.w3cschool.cc/jquerymobile/jquerymobile-tutorial.html

2.3 Kendo ui

      移動HTML5帶UI的開發架構層出不窮，常見的有Sencha Touch、jQuery Mobile前者效果較好，收費，學習成本高；後者效果一般，但相容性好，免費，學習成本低，會jquery的同學上手快。其實還有一個夾在兩者之間的架構叫Kendo UI。

       kendoui效果比jquery Mobile要好，次於SenchaTouch，但學習成本也次於它。他用於快速HTML5 UI開發。包含了開發現代JavaScript所需要的一切。包括：強大的資料來源，通用的拖拉功能，模組和UI控制項等。

2.4 Mui

      我在網上找相關資料的時候找到了國人開發的前台架構。沒有用過但是也想整理在這裡，我覺得可以關注一下中國人在這方面的發展。HTML5+MUI+HBuilder之初探情人

官方網站：http://www.css3china.com/wp-content/demo/mui/mui.html

3. 手機模擬器

      簡單的定義：PC上的WAP瀏覽器。它讓使用者電腦再不需要安裝任何瀏覽器或外掛程式的前提下，直接存取手機WAP網站，免去手機開通GPRS費用，讓您以Web網站速度瀏覽WAP網站，如有您有網站（網頁）可以把代碼加到自己的網站中去（只需要複製所產生的html代碼，插入網頁響應原始碼的位置即可）。

       我在調試頁面樣式的過程中使用的時儒豹手機模擬器，這款軟體最大的好處就是在PC段快速便捷的查看頁面在移動端的展示，它是比較粗糙的展示，確勝在方便快捷。

 儒豹手機模擬器線上地址：http://sim.roboo.com/