Creating your first Jupitee app, beginner’s guide.

Jan 26, 2015 | Design, Support

Step 1 – Gather your content

The very first and most important thing you must do is to decide who are going to be the users of your app and what is of interest to them. We strongly suggest to take a piece of paper and write down the sections of your app and what each will contain. Don’t bother with how the home screen will look like or the colors. These will come later, down the road.

In this example we will create a simple app for the fictitious ACME Hotel. It is the hotel guests who are going to use the app and we want the app to serve them as a digital concierge – a round the clock tourist guide to tell them where to go, how to get there, what are the hotel events and extra services and so on. So the sections our app will have are 

1 – a short presentation of our hotel including

–our rooms

–our services

–guest reviews

–photo gallery

2 – information about the local surroundings including

–map

–weather info

–and useful contacts (museums, pharmacies, emergency phones, etc.)

3 – a way for our guests to book extra hotel services from their mobile phone

After compiling the sections we need we must gather the content, preferably create a single folder on our PC and put everything there (pictures, MS Word or HTML files, notes).

This is actually the hardest part; now we just have to enter this info into Jupitee and believe it or not this is the easy bit.

 

Step 2 – Enter your content

To enter your content you navigate to the “App Content” section and do the relevant data entry in the appropriate categories. Each one corresponds to a building block which you will later add to your mobile app (see bellow “Step 3 – Design your app”).

 

Following is a short explanation of each category.

Announcements

Put all your important announcements here. In our ACME hotel you could announce the operation of a new hotel wing, the season start and other important things you want to tell your guests about. Remember you can also send announcements as push notifications.

Catalogues

This is one of Jupitee’s stronger features, as it allows you to easily display lists of similar items. You can learn more at this introduction to catalogues and at the catalogues topic page.

Contact Info

This is where you add the contact details for your business. Jupitee will use this data to automatically create a nice contact us page for your customers to call you or navigate to you with a single click.

 

Events

Events are very similar to announcements; they just have extra fields about location and time. So when you organize a special folklore night at the hotel, it’s better to add this as an event rather as an announcement. You can send push notifications for events too.

 

Floor plan

If you are a large hotel or a trade show it is very likely that you need a floor plan to help your users easily locate each place. So a hotel could have a floor plan to help users find the restaurant of the gym and a trade show can use this to add the location of each exhibitor booth in each hall.

 

Info sections

This is another versatile and important feature as it allows you to add rich text content with images and links to external sources. Explore the power of info sections at the relevant topic and learn what are info sections and how to add content inside an info page.

Map

This is quite straightforward. Use it to put the places of interest to your users on a Google-powered map. First create the necessary map point types, then add map points and finally add your own location in the My Companytab.

Offers

Offers are very similar to announcements; they just have extra fields about the time span the offer is available. So when you decide to give a 10% discount in June for all consumption in the restaurant for mobile app users, it’s best to send this as an offer.

Photos

Place your photos here and group them into albums. It is one of the easiest modules as you simply upload each photo from your hard disk and add a title and a description.

Useful contacts

This is where you add the contact details (telephone, address and email) about the various locations that might interest your audience, in groups. So you first create a group of contacts (museums, authorities, taxis, etc) and then you enter one or more contacts inside the group.

 

Videos

Use this to gather all your YouTube videos and group them into Galleries. Remember to use a valid YouTube video URL such as https://www.youtube.com/watch?v=AMfhAbuWlGs

Once you’re done with your preliminary content you move on to the next step, which is to put it inside your app menu. Don’t worry if you have not all the content ready yet; you can always add more and update it at any time, even if your app is live.

 

Step 3 – Design your app

And now to the fun part! Add your content inside your app, move it around, play with colors and images and create a beautiful and fun app! To do this you go to the “App design” section of the CMS.

 

 

On the left side you see a schematic of a mobile phone to let you visualize what you are creating. Don’t forget that the best way to view your app while in the making is to use the Jupitee preview app ( see how to install the preview app).

On the right side you see four sections

  • to control the way your home screen (or your inside screens) appear

     

  • to add content (= building blocks) inside your app

  • to set the colors

  • to set other global options such as the background image and tab bar.

You can find more info on the app design support section and on this introductory article.

 

Step 4 – Add information about the app stores

Once you’ re finished with your app and you are 100% satisfied with what you see, you just need to pick your app’s name, enter the necessary data for us to publish it on the app stores and tell us to do so! You can find more info on the app publication process.

Doing all this may seem like a lot of work, but if you keep it focused and simple you can create your app in no time and with no coding!

Happy app-ing!