BUILDING YOUR FIRST WEBAPP
USING THE SIMPLE DEVELOPMENT ENVIRONMENT (IDE)

  
 

This getting started guide assumes you have already signed up (it's free).

It's also worth watching this video by Rob @ 1upIT about building your first app.

 

LOGGING ON

Go to https://console.mydigitalstructure.com and log on.

 
 

HOME

When you first log on you'll see on the home page with your most recently edited websites/apps.

To the right is the link to download a windows file attachments uploader - great for when doing websites with lots of assets in flles, eg js, css, html etc.

If you have many websites use the search box at the top.

gettingstarted_firstapp_1

  
 

EDITING

The summary is displayed first when editing a website/app.

You can use the link to the right to convert the blank website to a jQuery based app.  This sets up the references to the default js files.

Also displayed to the right is a quick link to the website/app - there is also a https: version available.

gettingstarted_firstapp_2 

  
 

LAYOUT

You can use the layout section to choose the overall layout style - typically it is set to "None", which means it is controlled via an attached CSS and divs.

If you do select "Using Tables" then you can use the options in the right hand column.

If you have attached a CSS file, you can select it as the default.  You can also reference other CSSs via the scripts section.

gettingstarted_firstapp_3

  
 

PAGES

You can set up as many pages as required.  If building a webapp this is typically one home page that holds all the base divs etc for manipulation using jQuery or alike.

gettingstarted_firstapp_4

  
 

SCRIPTS

Use this area to set up your scripts. If you have attached script files to the website then use /site/[siteid] as shown in the summary section.  If you selected the create jQuery webapp option in the summary section, then this section will be prefilled with script references.  You can then edit as required eg get the shared /jscripts version edit, attach to the website and then change the script reference.

gettingstarted_firstapp_5 

  
 

URLs

You can assign URLs to your website/webapp.  If using http:, you can use the shared 1blankspace.com domain or use your own domain.  If using https:// then you must use the shared 1blankspace.com domain.  You can use any subdomain name eg https://thisismyapp.1blankspace.com, presuming it has not already been used by yourself or another space.

gettingstarted_firstapp_6

  
   
  
 

DEBUGGING

If building with-in a web-browser, they all have developer tools for monitoring ajax/network calls, script debugging and a console, eg:

  • Firebug with Firefox
  • Google Chrome has in-built: Tools > Developer tools
  • Microsoft Internet Explorer has in-built: F12 / Developer tools
  • Safari has in-built: in preferences enable developer menu and they you can use the Develop menu.

Check our Rob's video on essential development tools.

  
 
 
 

Have fun building and don’t forget to:

# visit the community forum at community.mydigitalstructure.com if you need help
# visit /documentation for reference material
# visit the Develop With blog
# Watch a developer video
# twitter: @ibComMYDS
# facebook:  facebook.com/mydigitalstructure


If you're using IE9 and Windows 7, then can drag this site tab to the taskbar for quick access.

The ibCom development team.

Log on to start building

Read more getting started guides