idea2Life Getting Started Guide

Installation

Install Using Docker

  1. Download and Install Docker Desktop for Mac using this link docker-desktop. and for linux using this link docker-desktop on linux

  2. Clone repo using this link idea2Life repo

  3. Change your directory to your cloned repo.

  4. Download the model file inside ai/models.

  5. Open terminal and run following commands

    cd <path-to-repo> //you need to be in your repo folder
    docker-compose build
    

If you want to install idea2Life from source (without docker) Refer this section Install and use idea2Life from source (without docker).

Supported Hardware and operating system

idea2Life software is supported on the following host operating systems:

  • Linux

  • mac OS X

Minimum system configuration.:

  • Processor: Dual core Processor

  • RAM: 4GB of system memory

  • Hard disk space: 10 GB

Recommended system configuration:

  • Processor: Intel core i7 or higher

  • RAM: 8GB of system memory

  • Hard disk space: 30 GB

How to start or stop idea2Life

Start

  1. Open terminal and run the following commands:

    cd <path-to-repo> //you need to be in your repo folder
    
    docker-compose up
    

Stop

  1. Open terminal and run the following commands:

    cd <path-to-repo> //you need to be in your repo folder
    
    docker-compose down
    

How to use idea2Life

1. Download and print templates. Download link: Idea2life_templates_for_print preferably on magnetic sheets. Cut individual templates like this and paste on magnetic sheets.

Footer

Image of Footer template idea2Life

Video

Image of Video template idea2Life
  1. Open the app on your tablet browser.:

    https://localhost:1813/
    

you may have to replace localhost with your desktop/server IP address, Ensure idea2Life application and tablet is running in same network.

  1. Ignore/accept any certificate warning/error in your browser.

  2. Click on prototype/camera icon to begin prototyping.

Screen shot for idea2Life home panel
  1. You will get to idea2Life prototype page.

Screen shot for idea2Life camera screen

6. Arrange printed templates on table or metal surface according to your desired webpage design.

Screen shot for idea2Life camera screen

7. Point camera towards printed templates and take picture by clicking on camera icon in control panel.

Control panel for idea2Life take picture screen

8. idea2Life will automatically generate a new webpage based on laid out components.

arrow image arrow image Result Image After Taking Picture

9. Press third save icon button if you want to save currently generated template for customization later.

Control panel for idea2Life take picture screen Control panel for idea2Life take picture screen

Take a look at demo video for more details:

  1. Click on reset button/play icon button if you want to design new page.

Control panel for idea2Life take picture screen

Refer idea2Life How to guides. for advanced use cases.