====== [hemmerling] Rapid Software Application and GUI Prototyping 1/3 ======
Related pages:
  *[[android06.html|Google Android 6/6 - App Protoyping]].
  *[[infographics.html|Data Visualisation with Infographics]].
  *[[diagrams.html|Diagrams & Graph Visualization]].
  *[[helpsystem.html|Help Systems]].
  *[[metro.html|Metro Design]].
  *[[prototype02.html|Rapid Software Application and GUI Prototyping 2/3 - Building Blocks]].
  *[[prototype03.html|Rapid Software Application and GUI Prototyping 3/3 - Visual Programming Languages]].
  *[[sdevtools.html|Software Development Tools]].
  *[[testing.html|Testing]].
  *[[usability.html|Usability]].
===== Events =====
  -[[http://www.meetup.com/Non-Dev-Usergroup/events/139191402/|Meetup Group "Non-Dev Usergroup Hamburg", Meeting "5. Non-Dev Meetup bei SinnerSchrader"]] with focus topic "Rapid Prototyping", 2013-09-24.
  -The online event "Meet and Code 2020".
    *[[http://www.meet-and-code.org/|Meet and Code]].
      *[[http://www.meet-and-code.org/gb/en/news-show/169|Meet and Code "Kick-Off Event Meet and Code: Save the date! On September 1st, our Kick-Off Event 'Meet And Code' 2020 will begin two months of coding!"]].
    *[[http://www.facebook.com/meetandcode|Facebook "Meet and Code"]]
      *[[http://www.facebook.com/events/637106017214837/|Facebook "Meet and Code Kick-Off 2020"]], 2020-09-01.
    *[[http://www.facebook.com/groups/2696193463998651|Facebook "Meet and Code Discussion Club"]].
    *[[http://www.techsoupeurope.org/|TechSoup Europe - Powering Up Social Impact]].
    *[[http://techsoupglobal.zoom.us/|techsoup.zoom.us]].
      *Webinar [[http://techsoupglobal.zoom.us/webinar/register/WN_hAIopVrPQECJbeYyGniZMA|techsoup "How to go from offline to online"]], Sep 1, 2020 01:00 PM. The video is kept as video-on-demand by the Facebook page :-).
      *Webinar [[http://techsoupglobal.zoom.us/webinar/register/WN_DI7Ufl13SQaEYEuAfOxZQA|techsoup "Tips and tricks on how to do great coding online events for children and youth"]], Sep 1, 2020 02:00 PM. The video is kept as video-on-demand by the Facebook page :-).
    *[[http://www.nvias.org/|Nvias - We are changing the future generation from consumers to creators
]].
      *[[http://www.nvias.org/en/blog/2020/08/24/kick-off-event-meet-and-code/|Nvias "Discover the Potential of Artificial Intelligence"]], 2020-09-01, 16:00-20:00.
        *Live video stream at [[http://www.youtube.com/channel/UCvhbTAVOR64ZKh1bLNXlJiQ|YouTube Channel "nvias org"]], [[http://www.youtube.com/watch?v=ls8Tv4qzI8s|YouTube "AI Discocvery - Meet and Code"]].
        *[[http://teachablemachine.withgoogle.com/|WithGoogle "Teachable Machine. Train a computer to recognize your own images, sounds, & poses"]], [[http://www.teachablemachine.withgoogle.com/v1/|WithGoogle "Teachable Machine V1"]].
        *[[http://www.discord.com/channels/747571228637790228/747571228730196130|DISCORD "AI Discovery - Meet and Code"]], [[http://www.discord.gg/kHty4s|Discord Invite "kHty4s"]].
          *#resources-business.
            *[[http://www.towardsdatascience.com/introducing-the-ai-project-canvas-e88e29eb7024|Towards data science "Introducing the AI Project Canvas. Use the adapted Business Model Canvas to pitch your next AI project"]].
          *#resources-technology.
            *[[http://cdn.discordapp.com/attachments/747571228730196132/750029854422073424/SPOILER_Stage_3_-_Understanding.pdf|SPOILER_Stage_3_-_Understanding]] ( PDF ).
            *[[http://cdn.discordapp.com/attachments/747571228730196132/750029872004333699/SPOILER_Stage_2_-_Speech.pdf|SPOILER_Stage_2_-_Speech.pdf]] ( PDF ).
            *[[http://cdn.discordapp.com/attachments/747571228730196132/750029878178480138/SPOILER_Stage_1_-_Vision.pdf|SPOILER_Stage_1_-_Vision.pdf]] ( PDF ).
            *[[http://dialogflow.cloud.google.com/|Google Cloud "Dialogflow"]].
              *[[http://bot.dialogflow.com/hemmerling|Google Cloud "Diaglogflow", Agent / Bot "hemmerling"]].
            *[[http://natural-language-understanding-demo.ng.bluemix.net/|IBM Bluemix, WATSON Demo "Natural Language Understanding"]].
            *[[http://www.ibm.com/demos/live/natural-language-understanding/self-service/home|IBM "IBM Watson Natural Language Understanding Text Analysis"]].
        *Where are the slides?
        *Where is the raw data?
===== Important Rapid application development solutions - also referred as 'code free' development platforms -, according to VDC Research Group, Inc., in 2017 =====
  *Alpha Software
  *Appery.io
  *MobileFrame
  *MobileSmith
  *PowWow Mobile
  *Point.io
===== Wireframe =====
==== Features ====
  *Rough Sketch, Thought Flow, Navigation.
  *Low fidelity structures that allow for function and thought flow to be designed without worrying about asthetics and form. A great first step.
==== Software Tools ====
  -[[http://www.balsamiq.com/|Balsamiq]].
    *[[http://www.balsamiq.com/wireframes/|Balsamiq "Balsamiq Wireframes"]] for Windows, MacOSX, Cloud, <del>Linux,</del> . 7-days trial version available.
    *[[http://www.youtube.com/user/Balsamiq|YouTube Channel "Balsamiq"]].
    *[[http://en.wikipedia.org/wiki/Balsamiq|EN.Wikipedia "Balsamiq"]].
  -[[http://www.flairbuilder.com/|FlairBuilder - The Better Way to Wireframe Websites and Mobile Apps]] for Windows and MacOSX, based on Adobe Flash and Adobe AIR.
  -The online service [[http://www.gliffy.com/|Gliffy - Create Great Looking Diagrams]].
  -The online service [[http://www.inpreso.com/|inPreso Screens - design and experience software interfaces]].
  -The free online service [[http://www.jumpchart.com/|Jumpchart Free]] - "Plan Websites with Jumpchart. Jumpchart puts your content, mockups, attachments, architecture and notes all in one place".
  -The commercial online service, desktop application and mobile application [[http://www.lovelycharts.com/|Lovely Charts]] for Windows, Linux, MacOSX, iPad - "A diagramming application that allows you to create professional looking diagrams of all kinds, such as flowcharts, sitemaps, business processes, organisation charts, wireframes and many more...".
  -The free online service [[http://www.lucidchart.com/|Lucidchart Free - Flow Chart Maker & Online Diagram Software]].
    *[[http://en.wikipedia.org/wiki/LucidChart|EN.Wikipedia "LucidChart"]].
  -Microsoft.
    *Microsoft PowerPoint ( and of course OpenOffice Impress ) -> See [[sohosoftware.html|Small Office & Home Office ( SOHO ) Software]].
      *[[http://www.powermockup.com/|Powermockup]] for Microsoft Powerpoint 2007 and newer on Windows - "Turn PowerPoint Into a Wireframing Tool. Sketch user interface ideas in minutes without having to learn new software".
      *[[http://www.power-story.com/|Power Story]] for Microsoft Powerpoint.
    *Microsoft VISIO -> See [[diagrams.html|Diagrams & Graph Visualization]].
    *Microsoft Expression Studio Ultimate.
      *[[http://www.microsoft.com/silverlight/sketchflow/|Microsoft SketchFlow]] - "SketchFlow, part of Expression Studio Ultimate...".
      *[[http://msdn.microsoft.com/de-de/library/ee341458%28v=expression.40%29.aspx|Microsoft MSDN "Erstellen von Prototypen mit SketchFlow"]].
  -The free online service [[http://www.mockflow.com/|MockFlow Basic - Super-easy Wireframing]].
  -The online service [[http://www.gomockingbird.com/|Mockingbird - Website wireframes. Wireframes on the fly]].
  -The online service with desktop application [[http://www.mockupbuilder.com/|Mockupbuilder]] for Windows. Free desktop application with limited features, just-commercial online service.
    *[[http://www.softpedia.com/progDownload/MockupBuilder-Download-216553.html|Softpedia "MockupBuilder 1.0.5004"]].
  -[[http://www.mockuptiger.com/|MockupTiger - Wireframes and Mockups]] - "Best Online Wireframing and Prototyping Experience. Mix Low fidelity and High fidelity. Link sketches to build prototypes. Dashboards and Charts builder", "Just pure HTML5", "Open Format for Expert ( JSON )".
  -Nulab, Cacoo.
    *[[http://www.nulab-inc.com/|Nulab]].
    *The free online service ^[[http://www.cacoo.com/|Cacoo Free]] - "Create diagrams online Real time collaboration!".
      *[[http://www.facebook.com/Cacoocom|Facebook "Cacoo"]].
      *[[http://www.twitter.com/cacoocom|Twitter "Cacoo"]].
      *[[http://en.wikipedia.org/wiki/Cacoo|EN.Wikipedia "Cacoo"]].
  -The free online service [[http://www.simulify.com/|Simulify Hobby]] for Windows and MacOSX, with a client based on Adobe Flash and Adobe AIR.
    *In 2013-09, [[http://www.simulify.com/|Simulify]] refuses to install the Adobe AIR -based Simulify client on my computer with Win7, Firefox 22, Flash 11 player and Adobe AIR 3.8 :-(. Error message "Please upgrade your Flash Player This is the content that would be shown if the user does not have Flash Player 9 or higher installed".
    *In 2015-12, login was refused by the error message<code>
405 Method Not Allowed
Code: MethodNotAllowed
Message: The specified method is not allowed against this resource.
Method: POST</code>
  -The Eclipse-based [[http://wireframesketcher.com/|WireframeSketcher - Wireframing Tool for Professionals]] for Windows, Linux, MacOSX.
==== Hardware Stencils ====
  *Since the mid-1970th during schooltime, I was introduced to hardware stencils. As of 2013-10, I still own:
    *[[http://www.faber-castell.de/|Faber-Castell Aktiengesellschaft ]] - Stencils "918/1 Einheitsparabel mit Sinus-Cosinus-Kurve", "994 Kombi-Dreieck TG" / "995 TEKA-Dreieck".
    *[[http://www.rumold-stuttgart.de/|RUMOLD GmbH & Co KG.]] - Stencils "8103 Burmeister Kurven", "1016 Geometrie-Dreieck".
    *[[http://www.standardgraph.de/|Standardgraph Zeichentechnik GmbH]] - Stencils "Standardgraph 3338 - Elektro-Schablone", "Standardgraph 4340 - Metall-Kombi", "Standardgraph 1315 F - Kreisschablone".
  *[[http://www.uistencils.com/|UI Stencils]] - UI design with special paper, UI papers & UI stencils :-).
==== Hybrid Tools ( Software + Paper ) ====
  *[[http://www.popapp.in/|POP - Prototyping on Paper | iPhone App Prototyping Made Easy]].
    -Design on Paper.
    -Take Pictures.
    -Simulate.
==== Resources ====
  *[[http://www.google.de/search?q=paper+prototyping+for+mobile+apps|Google - Search for "paper prototyping for mobile apps"]].
  *[[http://www.google.de/search?q=wire+framing+for+mobile+apps|Google - Search for "wire framing for mobile apps"]].
===== Wireframe & Prototype  =====
==== Features ====
  *Rough Sketch, Thought Flow, Navigation, Visual Elements, Interactivity, Functionality.
==== Evolus Pencil Project ====
=== The Tool ===
  *The OpenSource GUI prototyping tool [[http://pencil.evolus.vn/|Evolus Pencil Project]], [[http://code.google.com/p/evoluspencil/|Google Code "evoluspencil. The open-source GUI prototyping tool for GNU/Linux, Windows and Mac"]], [[http://www.github.com/prikhi/pencil|GitHub "prikhi/pencil"]] #. 
    *[[http://addons.mozilla.org/en-US/firefox/addon/pencil/|Mozilla Firefox Add-Ons "Pencil"]] - "Not available for Firefox 24.0" :-( -> Target viewer is the browser "Firefox 3".
    *Wiki [[http://pencil.evolus.vn/WikiIndex.html|Pencil Project Wiki]].
    *Wiki [[http://code.google.com/p/evoluspencil/w/list|Google Code "evoluspencil. The open-source GUI prototyping tool for GNU/Linux, Windows and Mac" - Wiki]].
    *[[http://pencil.evolus.vn/Stencils-Templates.html|Evolus Pencil Project "Stencils and Templates"]] - "Android 4.0 (ICS)".
      *[[http://code.google.com/p/evoluspencil/downloads/list?q=label:Stencil|Google Code "evoluspencil. The open-source GUI prototyping tool for GNU/Linux, Windows and Mac" - Stencils]].
      *[[http://code.google.com/p/evoluspencil/downloads/list?q=label:Template|Google Code "evoluspencil. The open-source GUI prototyping tool for GNU/Linux, Windows and Mac" - Templates]].
    *Evolus Pencil integrates [[http://www.openclipart.org/|Openclipart.org]] as image source.
    *[[http://www.facebook.com/evolus.pencil|Facebook "Evolus Pencil"]].
    *[[http://www.twitter.com/EvolusPencil|Twitter "Evolus Pencil"]].
    *[[http://www.youtube.com/results?search _query=evolus+pencil|YouTube - Search for "evolus pencil"]].
    *[[http://en.wikipedia.org/wiki/Pencil_Project|EN.Wikipedia "Pencil Project"]].
=== Import of Stencils and Templates ===
    *Import of Stencils:
      *"Tool / Install New Collection..."  aborts with the error message "Error installing collection" :-(.
      *[[http://groups.google.com/forum/#!topic/pencil-user/AMTt7EbExdU|Google Groups "Pencil Users", Thread "Impossible to import new stencil collections"]], [[http://code.google.com/p/evoluspencil/issues/detail?id=133|Google Code "evoluspencil. The open-source GUI prototyping tool for GNU/Linux, Windows and Mac" - Issue 133]], [[http://code.google.com/p/evoluspencil/issues/detail?id=586|Google Code "evoluspencil. The open-source GUI prototyping tool for GNU/Linux, Windows and Mac" - Issue 586]] -> Workaround:
        *Extract the archives in "<PencilProfile>/Pencil/Stencils" directory.
        *For the standolone (xulrunner) version:
          *By example, on win7 by default: "%USERPROFILE%\AppData\Roaming\Pencil\Profiles\{your-profile-name}\Pencil\Stencils"
          *On my computer "C:\Users\Administrator\AppData\Roaming\Pencil\Profiles\kei9cefg.default\Pencil\Stencils" ( The profile name "kei9cefg.default" was created by the application, not by my own will ).
        *For the Firefox extension version:
          *By example, on win7 by default: "%USERPROFILE%\AppData\Roaming\Mozilla\Firefox\Profiles\{your-profile-name}\Pencil\Stencils"
        *Each Stencil has its own a directory in this directory, with a "Definition.xml" file (and some other optional files).
          *By example:
            *"[...]\Pencil\Stencils\ExtJs.GUI_v11\Definition.xml".
            *"[...]\Pencil\Stencils\ExtJs.GUI_v11\Icons\[...]".
    *Import of Templates:
      *"Tools / Manage Export Template...", button "Install New Template...".
      *If a template is already installed, there is the error message "Error installing template".
=== Resources ===
  *[[http://code.dimilow.com/using-evolus-pencil-as-a-tool-for-prototype/|Dimi Low "Using Evolus Pencil as a tool for prototype"]].
==== Some other Tools ====
  -Adobe, Inc.
    *[[http://www.adobe.com/de/products/fireworks.html|Adobe Fireworks]] - "Prototyping for tablets and phones. Create and optimize vector and bitmap art, comps, wireframes, and mock-ups for smartphones and tablets. Pixel-precise rendering keeps your designs crisp on all screen sizes".
    *[[http://html.adobe.com/edge/|Adobe Edge]].
    *[[http://html.adobe.com/edge/animate/|Adobe Edge Animate]].
    *[[http://en.wikipedia.org/wiki/Adobe_Fireworks|EN.Wikipedia "Adobe Fireworks"]], [[http://de.wikipedia.org/wiki/Adobe_Fireworks|DE.Wikipedia "Adobe Fireworks"]].
    *[[http://en.wikipedia.org/wiki/Adobe_Edge|EN.Wikipedia "Adobe Edge"]], [[http://de.wikipedia.org/wiki/Adobe_Edge|DE.Wikipedia "Adobe Edge"]].
    *[[http://en.wikipedia.org/wiki/Adobe_Edge_Animate|EN.Wikipedia "Adobe Edge Animate"]], [[http://de.wikipedia.org/wiki/Adobe_Edge_Animate|DE.Wikipedia "Adobe Edge Animate"]].
  -[[http://www.axure.com/|Axure Software Solutions, Inc. "Axure RP"]] for Windows and MacOSX - "Make Interactive HTML Prototypes of Websites & Apps with Axure RP".
    *[[http://en.wikipedia.org/wiki/Axure_RP|EN.Wikipedia "Axure RP"]].
  -The online service [[http://www.hotgloo.com/|HotGloo - What if there was a tool to create wireframes AND prototypes?]].
  -The free online service [[http://www.iplotz.com/|iPlotz Free]] - "Wireframing, mockups and prototyping for websites and applications".
===== Prototype =====
==== Features ====
  *Navigation, Visual Elements, Interactivity, Functionality.
  *High fidelifty interface that allows for aesthetic design and basic interactivity. Usually associated with clickable, dynamic mockups. Typically focus on behavior and advanced function.
==== Tools ====
  -[[http://www.apple.com/de/iwork/keynote/|Apple Keynote]].
    *[[http://www.smashingmagazine.com/2010/09/06/keynotopia-wireframing-set-free-wireframing-templates-for-apple-keynote/|Smashing Magazine "Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote"]].
    *[[http://www.screen-online.de/blog/details/?date=2010.09.15+08%3A55%3A06|Screen2.0 "Noch eine UI Rapid Prototyping Toolkit für Apples 'Keynote'"]].
  -[[http://www.appsketcher.com/|Appsketcher]] for Windows and MacOSX. 14-days trial version available.
  -[[http://www.designervista.com/|DesignerVista Mockup Tool]] for Windows. There is a crippled trial version only :-(.
  -[[http://www.foreui.com/|ForeUI - Easy-To-Use UI Prototyping Tool]] for Java on Windows, Linux, MacOSX - "Designed to create mockup / wireframe / prototypes for any application or website". 15-days trial version available.
  -The online service [[http://www.lumzy.com/|Lumzy]] - "Quick MockUp creation and Prototyping tool".
  -The online service [[http://www.protoshare.com/|ProtoShare - Fast. Interactive. Collaborative]].
    *[[http://en.wikipedia.org/wiki/ProtoShare|EN.Wikipedia "ProtoShare"]].
  -The free online service [[http://www.proto.io/|proto.io Basic]].
    *[[http://www.facebook.com/protoio|Facebook "Proto.io - Silly-fast mobile prototyping"]].
    *[[http://www.twitter.com/protoio|Twitter "Proto.io"]].
  -The online service [[http://www.uxpin.com/|UXPin]] ( formerly "JustProto" ).
===== Prototype & Simulator =====
==== Features ====
  *Navigation, Visual Elements, Interactivity, Functionality, High Fidelity, Dynamic Processes .
==== Justinmind Prototyper Free Edition ====
  *The commercial [[http://www.justinmind.com/|Justinmind "Justinmind Prototyper"]] based on Eclipse, for Windows and MacOSX.
    *The free [[http://www.justinmind.com/free|Justinmind "Justinmind Prototyper Free Edition"]].
      *"The best platform to define mobile and web apps with rich interactive wireframes".
      *"Free Clickable Wireframes for Mobile and Web Apps! Enjoy our 30-day free PRO trial and after the trial, we'll switch you to the FREE forever edition".
      *Features of the free edition:
        -Unlimited Prototypes and Pages.
        -Interactive Widgets for Web, iPhone, Android, and iPad.
        -Basic interaction: Link.
    *Blog [[http://blog.justinmind.com/|Justinmind Blog]] - "This blog deals with web prototype and wireframe software".
      *[[http://blog.justinmind.com/the-power-of-justinmind-url-widget-google-drive/|Justinmind Blog "The power of Justinmind URL Widget + Google Drive"]].
    *Cloud platform [[http://www.justinmind.com/usernote/|Justinmind Usernote]].
    *[[http://www.vimeo.com/justinmind|Vimeo Channel "Justinmind"]].
    *[[http://www.facebook.com/pages/JustInMind-Prototyper/90153054718|Facebook "Justinmind"]].
    *[[http://www.twitter.com/just_in_mind|Twitter "Justinmind"]].
    *[[http://www.youtube.com/results?search_query=justinmind|YouTube - Search for "justinmind"]].
    *[[http://en.wikipedia.org/wiki/Justinmind_Prototyper|EN.Wikipedia "Justinmind Prototyper"]].
    *[[http://www.justinmind.com/widgets|Justinmind "Widgets"]].
      *Widgets provided with "Justinmind Prototyper Free Edition 5.5.0":
        -Documentation.
        -Touchscreen gestures.
        -iPhone.
        -iPad.
        -Android 4.0.
      *Widgets provided with "Justinmind Prototyper Free Edition 7.0.0":
        -iOS8.
        -Android Lollipop.
        -Android Lollipop Tablet.
        -iOS8 Icons.
        -Android Lollipop Icons.
        -Google Glass.
      *[[http://www.justinmind.com/prototyper/learn/import-widgets|Justinmind Tutorials "Import Widget Libraries to Prototyper"]] -> But you can't import widget libraries in the Free edition, just in the Pro edition.
    *[[http://www.justinmind.com/examples|Justinmind "Examples"]].
      * The sample prototype application "All you can simulate" ( "web-design-patterns.vp" ) contains "Mini tutorials - Learn by doing. This prototype contains a list of examples that might help you on your own prototypes. The examples are ordered by ease, the easier examples go first and the harder ones are last. A brief description of how to build the example is also written above each of them".
      *The sample prototype application "Yahoo Patterns" is a design pattern library - "This library shares user interface patterns with the web design and development community. These patterns are inspired in the official Yahoo Library". 
===== Simulator =====
==== Features ====
  *Functionality, High Fidelity, Dynamic Processes.
  *Allow for simulation and site testing with a highly interactive interface. Typically are not paired with design features; however, more prototype tools are beginning to include advanced levels of simulation.
==== Tools ====
  -[[http://www.irise.com/|iRise - Visualize, Innovate, Deliver]].
    *[[http://en.wikipedia.org/wiki/IRise|EN.Wikipedia "iRise"]].
  -The online service [[http://www.invisionapp.com/|InVision - Prototyping & Collaboration For Design Teams]], with free entry level account.
===== Wireframe & Prototype & Simulator =====
==== Features ====
  *Rough Sketch, Thought Flow, Navigation, Visual Elements, Interactivity, Functionality, High Fidelity, Dynamic Processes.
==== Tools ====
  -[[http://www.infragistics.com/products/indigo-studio|Infragistics - the User Experience Software Company "Indigo Studio"]] for Windows and MacOSX. 30-days trial version available.
===== Business =====
==== BPMN & BPM ====
  *BPMN tools with BPM engines -> See [[bprocess.html|Business Processes & Business Process Modeling]].
==== Business Application Platforms ====
  *[[http://powerplatform.microsoft.com/en-us/|Microsoft Power Platform ( en )]], [[http://powerplatform.microsoft.com/de-de/|Microsoft Power Platform ( de )]] - "Business Application Platform", "Do more with less by using low-code tools to adapt".
    *[[http://info.microsoft.com/DE-AccLC-CATALOG-FY23-12Dec-27-Microsoft-Roadshow-The-unbeatable-combination-of-SAP-and-the-Power-Platform-Munich-SRIPE57099_Catalog-Display-Page.html|Microsoft Event "Microsoft Roadshow: SAP & Power Platform"]], 2023 in München, Köln, Hamburg.

===== Games =====
  *"Unity" -> See [[gameengine.html|Game Engines]].
===== Programming Tools =====
==== Rich Client Targets ====
  -"QT Creator" -> See [[sframeworks.html|Software Frameworks]].
  -Java GUI builders -> See [[java.html|Java & Java Platform Languages]].
  -Microsoft.
    *"Microsoft Expression" -> See [[vrml.html|Virtual Reality & Graphics]].
    *"Microsoft Visual Studio" -> See [[sdevtools.html|Software Development Tools]].
==== Web Browser Targets ====
  -"Twitter Bootstrap" -> See [[webtech.html|Web Technologies ( HTML5, HTML, XML & Javascript )]].
=== Drag and drop programming ====
=== Hopscotch ===
  *[[http://www.gethopscotch.com/|Hopscotch - Coding for kids]] for iPad.
    *[[http://en.wikipedia.org/wiki/Hopscotch_%28programming_language%29|EN.Wikipedia "Hopscotch (programming language)"]].
=== MIT App Inventor ( for Android ) ===
  *See [[android06.html|Google Android 6/6 - App Protoyping]].
=== MIT Scratch ===
  *[[http://scratch.mit.edu/|MIT Scratch - Imagine, Program, Share]].
    *Wiki [[http://wiki.scratch.mit.edu/|Scratch Wiki]].
    *[[http://www.youtube.com/watch?v=qrz0EsWmygI|YouTube "ScratchTutorial Drag and Drop Basics"]].
=== Resources ===
  *Statement "Top universities teach drag and drop programming".
    *[[http://www.youtube.com/watch?v=_Mwc1gc77dc|YouTube "Why top universities teach drag and drop programming"]].
===== Some other Tools =====
==== Some other uncategorized free or OpenSource Rapid Software Application and GUI Prototyping Tools ====
  -[[http://www.davidrossart.com/|David Lloyd Ross]].
    *[[http://www.izotz.net/prototype/|izotz!prototype]] - "A tool to help you quickly build a Website Prototype".
  -The free online service [[http://www.connectasketch.com/|Connect-A-Sketch]] - "Upload and connect your sketches to create clickable prototypes".
  -The online service [[http://www.pidoco.com/|Pidocu]] - "Easily design & share interactive wireframes and UI prototypes".
  -[[http://www.mockupscreens.com/|Mockup Screens]] for Windows and MacOSX - "Quick And Easy Screen Prototypes".
  -The online service and desktop application [[http://www.creately.com/|Creately]] for Windows, Linux, MacOSX - "Online Wire-Frame & UI Mock-Up Tool".
  -The free [[http://www.napkee.com/|NAPKEE]]  for Windows and MacOSX, based on Adobe Flash and Adobe AIR - "Make your mockups come alive!".
    *"NAPKEE 2" lets you export Balsamiq Mockups to Twitter Bootstrap at a click of a button.
    *The legacy version of NAPKEE, "NAPKEE LEGACY 1.8.0" lets you export to HTML, Adobe Flex or Adobe AIR. 
  -Vector graphics editors -> See [[vrml.html|Virtual Reality & Graphics]].
  -Adobe.
    *[[http://en.wikipedia.org/wiki/Adobe_Illustrator|EN.Wikipedia "Adobe Illustrator"]], [[http://de.wikipedia.org/wiki/Adobe_Illustrator|DE.Wikipedia "Adobe Illustrator"]].
    *[[http://en.wikipedia.org/wiki/Adobe_InDesign|EN.Wikipedia "Adobe InDesign"]], [[http://de.wikipedia.org/wiki/Adobe_InDesign|DE.Wikipedia "Adobe InDesign"]].
    *The free [[http://unify.eightshapes.com/|EightShapes Unify]] - "A collection of templates, libraries, and other assets that enable user experience designers to create more consistent, effective deliverables faster. The system utilizes the Adobe Creative Suite of products; primarily, [[http://en.wikipedia.org/wiki/Adobe_InDesign|Adobe InDesign]] is the key authoring tool".
  -The OpenSource [[http://dub.washington.edu/denim/|Human-Computer Interaction and Design, University of Washington "DENIM. An Informal Tool For Early Stage Web Site and UI Design"]], [[http://informal.sourceforge.net/|SourceForge "Informal UI's"]], [[http://www.sourceforge.net/projects/informal/|SourceForge "Informal UI's"]] for Java on Windows, Linux, MacOS #.
  -The free [[http://www.serena.com/index.php/en/products/other-products/prototype-composer/|Serena Prototype Composer, Community Edition]] for Windows with Microsoft .NET 1.1 and Microsoft Word 2003. - "The products require that .NET Framework version 1.1 SP1 be installed on the system. In addition, the XML features of Microsoft Word 2003 or higher are required for document generation".
    *[[http://www.youtube.com/user/SerenaSoftware|YouTube "Serena Software"]].
  -[[http://www.quickmockup.com/|QMockup - Quick Mockup Software]] for Windows and MacOSX, based on Adobe Flash and Adobe AIR.
    *[[http://www.quickmockup.com/get-free-quick-mockup.html|QMockup - Quick Mockup Software "How to get a QMockup license for free"]].
  -The Photoshop plugin [[http://www.altia.com/products_photoproto.php|Altia, Inc "PhotoProto"]] for Photoshop CS4, CS5 on Windows - "Turn Adobe Photoshop Art into Interactive Prototypes".
  -[[http://www.carettasoftware.com/|Caretta Software Ltd "GUI Design Studio"]] for Windows.
  -The OpenSource [[http://www.jaunesarmiento.me/fries/|Fries]], [[http://www.github.com/jaunesarmiento/fries/|Github " jaunesarmiento/fries"]] for Android - "Create sexy Android-like UI using HTML, CSS, and JavaScript".
  -The OpenSource software and free online service [[http://www.lifeishao.com/rwdwire/|RWD Wireframes]], [[http://www.github.com/howlowck/rwdwire|Github "howlowck/rwdwire"]] - "A Tool to make responsive wireframe easier", "A small scale, browser based wireframing tool for responsive layouts".
    *[[http://en.wikipedia.org/wiki/Responsive_web_design|EN.Wikipedia "Responsive web design"]], [[http://de.wikipedia.org/wiki/Responsive_Webdesign|DE.Wikipedia "Responsive Webdesign"]].
  -The OpenSource [[http://www.framerjs.com/|Framer]], [[http://www.github.com/koenbok/Framer|Github "koenbok/Framer"]] - "A prototyping tool for animation and interaction on desktop and mobile".
  -The OpenSource [[http://www.jquery-jkit.com/|Fredi Bach "jKit - jQuery based UI Toolkit"]], [[http://www.github.com/FrediBach/jQuery-jKit/|Github "FrediBach/jQuery-jKit"]] - "A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things!".
  -The free online service [[http://www.framebox.org/|Framebox]] - "Lightweight online tool for creating mockups".
==== Some other uncategorized commercial Rapid Software Application and GUI Prototyping Tools ====
  *The commercial [[http://www.axure.com/|AXURE RP 8]].
    *[[http://www.axure.com/features|AXURE RP 8 "Features"]].
==== Some other uncategorized Smartphone App Generators ====
  *[[http://www.openasapp.net/|Open as App ( openasapp )]], [[http://www.proteam.de/openasapp/|ProTeam Business Solutions GmbH "openasapp"]] for iPhone.
    *"Instant App Creator. Spreadsheet = App. Immediately create and share native, dynamic apps based on your spreadsheets". 
    *Lizenzmodelle "Business Free. Bis 5 Nutzer. Erstellen Sie so viele Apps, wie Sie benötigen. Definieren Sie bis zu 5 Nutzer für Ihre privaten Apps"
    *Example app: [[openasapp://app/fcfbbc6f-39d4-4398-8497-c97ac72d3c04|App "Multiplikation"]].
==== Some other uncategorized commercial online Rapid Software Application and GUI Prototyping Tools ====
  *The online service [[http://www.mendix.com/|Mendix]] - "Low-code Application Development Platform for Digital Transformation".
    *[[http://docs.mendix.com/|Mendix Documentation]].
      *[[http://docs.mendix.com/community/tools/how-to-set-up-your-profile#a-name-publicprofile-a-4-editing-your-public-profile|Mendix Documentation "Set Up Your Community Profile"]].
      *[[http://docs.mendix.com/apidocs-mxsdk/apidocs/stories-api|Mendix Documentation "Stories API"]].
    *[[http://evaluation-guide.mendix.com/|Mendix Platform Evaluation Guide]].
      *[[http://evaluation-guide.mendix.com/evaluation-guide/app-capabilities/integration-overview|Mendix Platform Evaluation Guide "Integration Overview"]].
    *[[http://developer.mendixcloud.com/|Mendix Community]].
      *Blog [[http://developers.mendix.com/community-blog/|Mendix Community "Community Blog"]].
    *Blog [[http://www.mendix.com/blogs/|Mendix Blog]].
      *[[http://www.mendix.com/blog/building-mobile-app-mendix/|Mendix Blog "Building a Mobile App with Mendix – Part 1"]].
      *[[http://www.mendix.com/blog/building-mobile-app-mendix-part-2/|Mendix Blog "Building a Mobile App with Mendix – Part 2"]].
      *[[http://www.mendix.com/blog/building-mobile-app-mendix-part-3/|Mendix Blog "Building a Mobile App with Mendix – Part 3"]].
      *[[http://www.mendix.com/blog/building-a-mobile-app-with-mendix-part-4/|Mendix Blog "Building a Mobile App with Mendix – Part 4"]].
    *[[http://sprintr.home.mendix.com/|Mendix Platform "Apps, Buzz, Control Center, People, Community, Marketplace, Academy, Forum, Docs"]].
==== Some other Online Tools ====
  *The free online service [[http://www.lipsum.com/|Lorem Ipsum]].
    *[[http://en.wikipedia.org/wiki/Lorem_ipsum|EN.Wikipedia "Lorem ipsum"]], [[http://de.wikipedia.org/wiki/Lorem_ipsum|DE.Wikipedia "Lorem ipsum"]].
===== Resources =====
  *[[http://www.adaptivepath.com/ideas/rapid-prototyping-tools-revisited/|adaptive path, Dan Harrelson "Rapid Prototyping Tools Revisited"]].
    *[[http://spreadsheets.google.com/pub?key=pOa2Uqiakxlry5hNuZm89Eg|adaptive path, Dan Harrelson "Rapid Prototyping Tools"]] -> Google spreadsheet with a list of rapid GUI prototyping tools.
  *[[http://www.90percentofeverything.com/|Harry Brignull's 90 Percent of Everything"]].
    *[[http://www.90percentofeverything.com/2009/09/16/help-were-drowing-in-wireframing-apps/|Harry Brignull's 90 Percent of Everything "Help, we’re drowning in wireframing apps!"]] -> List of rapid GUI prototyping tools.
  *[[http://web.archive.org/web/*/ciohappyhour.com/|Archive.org "CIO Happy Hour"]] ( - 2012-08-21 ).
    *[[http://web.archive.org/web/*/ciohappyhour.com/wireframing-marathon-starts/|Archive.org "CIO Happy Hour: Wireframing Marathon Starts!"]] ( - 2012-08-21 ) -> List of rapid GUI prototyping tools, interviews with software developers.
    *[[http://web.archive.org/web/*/http://ciohappyhour.com/rock-on-with-balsamiq/|Archive.org "CIO Happy Hour: Rock on with Balsamiq!"]] ( - 2011-12-09 ).
    *[[http://web.archive.org/web/*/http://ciohappyhour.com/wireframe-collaborate-and-pm-with-iplotz/|Archive.org "CIO Happy Hour: Wireframe, Collaborate and PM with iPlotz"]] ( - 2012-01-19 ).
    *[[http://web.archive.org/web/*/http://ciohappyhour.com/interview_with_hotgloo/|Archive.org "CIO Happy Hour: Glue Your Ideas with HotGloo"]] ( - 2011-11-26 ).
    *[[http://web.archive.org/web/*/http://ciohappyhour.com/experience-functional-wireframing-with-justinmind/|Archive.org "CIO Happy Hour: Experience Functional Wireframing with Justinmind"]] ( - 2012-08-13 ).
    *[[http://web.archive.org/web/*/http://ciohappyhour.com/diving-in-prototyping-with-axure/|Archive.org "CIO Happy Hour: Diving in Prototyping with Axure"]] ( - 2012-08-19 ).
    *[[http://web.archive.org/web/*/http://ciohappyhour.com/wireframing-dialogue-with-protoshare/|Archive.org "CIO Happy Hour: Wireframing Dialogue with ProtoShare"]] ( - 2012-08-21 ).
  *[[http://www.creativebloq.com/wireframes/top-wireframing-tools-11121302|Creative Bloq - Wireframes "The 20 best wireframing tools for designers"]] -> List of rapid GUI prototyping tools.
  *[[http://web.archive.org/web/*/http://www.dexodesign.com/2008/11/07/review-16-user-interface-prototyping-tools/|Archive.org "Dexo Design 'Review: 16 User Interface Prototyping Tools'"]].
  *[[http://www.dieproduktmacher.com/wireframing-tools/|DieProduktMacher "Wireframing-Tools für Produktmanager"]].
  *[[http://weblogs.asp.net/fmarguerie/archive/2009/02/15/gui-design-and-prototyping-tools.aspx|Fabrice's wblog. Tools and Source]].
    *[[http://weblogs.asp.net/fmarguerie/archive/2009/02/15/gui-design-and-prototyping-tools.aspx|Fabrice's wblog. Tools and Source "UI design and prototyping tools"]] -> List of rapid GUI prototyping tools.
  *Blog [[http://blog.invisionapp.com/|Invision Blog]].
    *[[http://blog.invisionapp.com/prototyping-for-a-tiny-screen/|Invision Blog "Prototyping for a tiny screen"]].
  *[[http://web.archive.org/web/*/www.iawiki.net/WireFrames|Archive.org "IAwiki: WireFrames"]] ( - 2007-07-16 ).
  *[[http://www.konigi.com/|Konigi]].
    *[[http://www.konigi.com/wiki/wireframes|Konigi "Wireframes"]] -> List of rapid GUI prototyping tools.
    *Videos [[http://www.konigi.com/notebook/all-right-way-wireframe-videos|Konigi "All the Right Way to Wireframe Videos"]].
  *[[http://www.manyangl.es/|Many Angles]].
    *[[http://www.manyangl.es/2012/10/getting-started-wireframing|Many Angles, Joe Jimenez "Getting Started with Wireframing"]].
  *[[http://www.sitepoint.com/tools-prototyping-wireframing/|Sitepoint, Gary Barber "16 Design Tools for Prototyping and Wireframing"]].
  *[[http://www.userpathways.com/|user pathways. James Kelway on Information Architecture, User Experience, Web and Iterative Design]].
    *[[http://www.userpathways.com/2008/06/the-what-when-and-why-of-wireframes/|James Kelway, user pathways "The what, when and why of wireframes"]].
  *[[http://www.usertesting.com/|UserTesting.com - The fastest way to get feedback]],
     *[[http://www.usertesting.com/blog/2012/10/23/the-ultimate-wireframing-tools-guide/|UserTesting.com -  The fastest way to get feedback "The Ultimate Wireframing Tools Guide"]].
     *[[http://www.usertesting.com/blog/pages/pdfs/prototyping_infographic.pdf|UserTesting.com -  The fastest way to get feedback "Wireframe , Prototype and Simulation Tools. Features & Function"]] ( PDF ) - "We’ve compared 31 wireframing, prototyping, and simulating tools to help guide you through your decision making process".
  *[[http://webdesign.tutsplus.com/tutorials/workflow-tutorials/a-beginners-guide-to-wireframing/|Webdesign Tuts+ "A Beginner’s Guide to Wireframing"]].
  *Wikipedia.
    *[[http://en.wikipedia.org/wiki/Rapid_prototyping|EN.Wikipedia "Rapid Prototyping"]], [[http://de.wikipedia.org/wiki/Rapid_Prototyping|DE.Wikipedia "Rapid Prototyping"]].
    *[[http://de.wikipedia.org/wiki/Prototyping_%28Softwareentwicklung%29|DE.Wikipedia "Prototyping (Softwareentwicklung)"]].
    *[[http://en.wikipedia.org/wiki/Rapid_application_development|EN.Wikipedia "Rapid application development"]].
    *[[http://en.wikipedia.org/wiki/Graphical_user_interface_builder|EN.Wikipedia "Graphical user interface builder"]], [[http://de.wikipedia.org/wiki/GUI-Builder|DE.Wikipedia "GUI-Builder"]].
    *[[http://en.wikipedia.org/wiki/List_of_graphical_user_interface_builders_and_rapid_application_development_tools|EN.Wikipedia "List of graphical user interface builders and rapid application development tools"]].
  *Blog [[http://wireframes.linowski.ca/|Wireframes Magazine, Jakub Linowski. Because every IA has something funcy up their sleeve]].
    *[[http://wireframes.linowski.ca/category/tools/|Wireframes Magazine, Jakub Linowski. Because every IA has something funcy up their sleeve "Archive for the ‘Tools’ Category"]]  -> List of rapid GUI prototyping tools.
===== Forums, Newsgroups =====
  *[[http://forums.appsketcher.com/|Appsketcher Forums - Feedback & Feature Requests]].
  *[[http://www.axure.com/forum/forum.php|Axure Forums]].
  *[[http://support.carettasoftware.com/forums|Caretta Software Support Forums]].
  *Facebook.
    *[[http://www.facebook.com/MockupBuilder|Facebook "Mockup Builder"]].
    *[[http://www.facebook.com/meetandcode|Facebook "Meet and Code"]]
    *[[http://www.facebook.com/groups/2696193463998651|Facebook "Meet and Code Discussion Club"]].
  *Get Satisfaction.
    *[[http://community.balsamiq.com/|Balsamiq Customer Community]].
    *[[http://www.getsatisfaction.com/easynth/products/easynth_foreui/|Get Satisfaction "Community-powered support for ForeUI"]].
    *[[http://www.getsatisfaction.com/justinmind|Get Satisfaction "Community-powered support for Justinmind"]].
    *[[http://www.getsatisfaction.com/simulify|Get Satisfaction "Unofficial community-powered support for
simulify"]].
  *Google.
    *[[http://groups.google.com/group/pencil-user|Google Groups "Pencil Users"]].
      *[[http://groups.google.com/forum/#!topic/pencil-user/1uED14OLaqc|Google Groups "Pencil Users", Thread "Pencil Project Status and Community Support"]].
  *[[http://www.infragistics.com/community/forums/|Infragistics Forums]].
    *[[http://www.infragistics.com/community/forums/default.aspx?GroupID=96|Infragistics Forums - Indigo Studio]].
  *[[http://iplotz.com/forum/|iPlotz Forum]].
  *[[http://community.irise.com/|iRise Customer Community]].
  *[[http://support.lucidchart.com/forums|Lucidchart Forums]].
  *[[http://forum.mendixcloud.com/|Mendix Forum]].
  *[[http://scratch.mit.edu/discuss/|MIT Scratch "Discuss Scratch"]].
  *[[http://forums.protoshare.com/|ProtoShare User Support Forum]].
  *[[http://wireframesketcher.com/forum/|WireframeSketcher Forum]].
{{tag>"rapid software prototyping" "rapid application prototyping" "rapid gui prototyping" "rapid prototyping" rapid prototyping software application gui }}
<footnote_navi_en>