STEM Prototype Guide

Often, something works on papers require justification. Or often theory require proof of concepts. Or, often something is difficult to build and require proof of concept. So, to assess the “buildability” of concept, you are required to create prototypes. A prototype is a working model of products or services that is used for verification purpose before it is implemented on a large scale. You can show functional or non-functional prototype. However, functional prototype will most likely will get high grades by judges. Here are important points on prototype need:

  • Prototype relevancy – The prototype is closely related to and relevant to the solutions of the given issue.
  • Informative – The prototype/poster helps communicates the complex ideas clearly.
  • Compelling – The prototype/poster inspires investment in the idea.
  • Design and Aesthetic – The prototype/poster presents data that is visually appealing and informative.

How to Build Hardware-based Prototype – Idea to Production

Four steps to get your first prototype built to turn your idea into a physical product.


How to build software application prototype


Software prototyping is the activity of creating prototypes of software applications, i.e., incomplete versions of the software program being developed. It is an activity that can occur in software development and is comparable to prototyping as known from other fields, such as mechanical engineering or manufacturing.

A prototype typically simulates only a few aspects of, and may be completely different from, the final product. Prototyping has several benefits: the software designer and implementer can get valuable feedback from the users early in the project. The client and the contractor can compare if the software made matches the software specification, according to which the software program is built. It also allows the software engineer some insight into the accuracy of initial project estimates and whether the deadlines and milestones proposed can be successfully met

Axure (

Axure is like a Swiss Army Knife design tool for software prototype development project. You can make a quickly interactive prototypes that are viewable on web, desktop, table and mobile devices. You can also use it to create user flows and site maps, and have it export detailed functional specifications. You can create a visual, interactive presentation of your design ideas to communicate. And also, Axure can be used Axure for usability testing of concepts before invest in building them. Axure allows you to drag and drop icons that you can load in as library .rp files. You can get icons from the Axure website, sometimes they are free, most of the good ones cost money. The icons you drag and drop and get from Axure’s .rp files are icons that make up a website/app etc.

PhoneGap (

Building applications for each platform–iPhone, Android, Windows and more–requires different frameworks and languages. PhoneGap solves this by using standards-based web technologies to bridge web applications and mobile devices. Since PhoneGap apps are standards compliant, they’re future-proofed to work with browsers as they evolve. Read an in-depth post explaining PhoneGap visually.

Twitter Bootstrap (

Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world. Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS– and (optionally) JavaScript-based design templates for typographyformsbuttonsnavigation and other interface components. Bootstrap is a powerful toolkit – a collection of HTML, CSS, and JavaScript tools for creating and building web pages and web applications. It is a free and open source project, hosted on GitHub, and originally created by (and for) Twitter

Facebook for Developers (


The Facebook Platform is the set of services, tools, and products provided by the social networking service Facebook for third-party developers to create their own applications and services that access data in Facebook. The platform offers a set of programming interfaces and tools which enable developers to integrate with the open “social graph” of personal relations and other things like songs, places, and Facebook pages. Allocation the on, external websites, and devices are all allowed to access the graph.

Salesforce (

Salesforce is a customer relationship management (CRM) solution that brings companies and customers together. It’s one integrated CRM platform that gives all your departments — including marketing, sales, commerce, and service.