Mobile development tool Grooming

1. App Prototyping Tools

The prototype presents the core function of the product in a "rough" way, which is the simplest and most straightforward form of demand representation. is to show demand in a graphical way, whether the needs of people from the customer to obtain the demand, or the boss of the demand, or through research to determine the needs, to ensure that you know that the needs are "right" demand, the quickest way is to design prototypes, and then as a sample to the customer or the boss to see, verify the correctness of the requirements Prototyping is a basic skill that a business person should master.

Based on the characteristics of prototypes, there is a basic requirement for prototyping tools: high efficiency

Prototype is a product of the demand analysis phase, the most important thing is to explore the requirements, and repeatedly confirm the requirements, and the prototype as a graphical representation of requirements, as well as changes in demand, so the prototype tool needs to be able to quickly design, modify the prototype.

1.1 Axure RP

Axure RP is the flagship product of the United States Axure Software Solution Company, is a professional rapid prototyping tool, Axure visual working environment can create a wireframe with comments, without programming, you can define simple connections and advanced interaction on the online diagram. On the basis of the online block diagram, you can automatically generate HTML prototypes and Word format specifications.

In addition to this, preview features and publishing features are supported.

for this part of the app prototype, Axure is also supported, and can be designed by importing app prototype parts. But he has a big drawback:Axure exported HTML pages, it is difficult to preview and test the effect on the phone, this is Axure 's Achilles ' heel, Only on the computer as a mobile product prototype, do not preview on the phone later, the product prototype will be and the actual products made out of the far;

Axure RP7 Main interface

Axure RP7.0:

1.2 Mockplus

a simple and fast prototype design tool. Suitable for software team, individual in software development design phase. Its low-fidelity, no need to learn, quick to get started, functional enough. And be able to express their own design very well. mockplus Series products are simple and efficient prototype production tools. the slogan is "Simple and efficient prototyping tools, focusing on design, not tools".

Product concept: "Focus on design, not tools". Come on, get started, design, design can express creativity.

The innovation Point of Software: review collaboration. Create prototypes, invite, annotate Pushpins, and then work together. All discussions, comments and versions will be retained.

Official address: https://www.mockplus.cn/

Online Moderator Interface:

2. Mobile front-end frame

2.1 Bootstrap

Bootstrap is based on the development of HTML5+CSS3, he on the basis of jquery has been more humane and personalized perfection, forming a set of their own unique website style.

Bootstrap is a set of open-source frameworks for Twitter's front-end development team, which is not exactly about mobile web, unlike jquery Mobile, which he focuses on agile development for the front end, but Bootstrap solves the problem of adaptive layout. Enables Bootstrap-based projects to be displayed on mobile platforms, and this adaptable layout also has solutions in jquery Mobile. The bootstrap does not provide more mobile platform components.

Bootstrap Chinese web: http://www.bootcss.com/

2.2 JQuery Mobile

jquery Mobile is an open source product that jquery is exerting on the mobile web. Not only does he bring the jquery core library to the mainstream mobile platform, but it also publishes a complete unified jquery Mobile UI Framework. Support the global mainstream mobile platform.

JQuery Mobile official Address: http://jquerymobile.com/

W3cschool jQuery Mobile Tutorial: http://www.w3cschool.cc/jquerymobile/jquerymobile-tutorial.html

2.3 Kendo UI

Mobile HTML5 with UI development framework emerging, Common Sencha Touch, JQuery Mobile The former effect is better, charge, learning cost is high; the latter effect is general, but good compatibility, free, low learning costs, will be jQuery students get started quickly. In fact there is a frame sandwiched between the two is called Kendo UI.

The Kendoui effect is better than jquery mobile, second to Senchatouch, but the cost of learning is also secondary to it. He is used for rapid HTML5 UI development. Contains everything you need to develop modern JavaScript. Includes: Powerful data sources, general drag functions, modules and UI controls, and more.

2.4 Mui

I found the relevant information on the Internet when the Chinese developed the foreground framework. Not used but also want to tidy up here, I think we can pay attention to the development of Chinese in this area. A tentative study of Html5+mui+hbuilder lover

Official website: http://www.css3china.com/wp-content/demo/mui/mui.html

3. Mobile phone Simulator

Simple definition: WAP browser on PC. It lets the user computer no longer need to install any browser or plug-in premise, direct access to mobile WAP website, eliminate the mobile phone to open the GPRS fee, let you browse the WAP site at the speed of the Web site, if you have a website (Web page) can add code to their own site (only to copy the resulting HTML code, Insert the location of the Web page Response source code).

I am in the process of debugging page style used when the RU Leopard phone simulator, the biggest advantage of this software is the PC segment quickly and easily view the page in the mobile side of the display, it is a relatively rough display, sure wins in a convenient and fast.

RU Leopard Phone Simulator online address: http://sim.roboo.com/

Mobile development tool Grooming