Tip:
Highlight text to annotate it
X
Welcome to this demonstration video of AppSlide, by mettasoft.
In this video we will review the basics of building mobile web apps with AppSlide.
The AppSlide Builder application constructs web apps focused on mobile-friendly design.
AppSlide apps are web applications. They run in any browser, on any platform.
You do not need to buy a Mac, or hire an Apple or Android developer.
You do not need to wait for Apple or Google to approve your app for their store.
Instead, apps are available the moment you build them.
If you can use PowerPoint, you can build mobile apps using AppSlide.
AppSlide apps are built from the following elements:
Slides, which are single screens of content that you build into your app.
Documents, which can be things like Word, PDF, or Excel documents which you upload.
The NavBar, which organizes the top-level navigation of your app.
For this demo, we will be looking at the Save-A-Kitten app, featuring an imaginary kitten rescue
organization. You can see this demo app live on your own
device by visiting www.saveakitten.net. Let's take a look at it in the AppSlide Builder.
Here we see the elements that make up the Save-A-Kitten app.
The arrows show the links within the app, and are created automatically for you.
At the top, we can see the NavBar, which features buttons to hot link to the most important
slides. The NavBar is shown on every slide - an app
can only have one NavBar. At the bottom, there are a couple of PDF documents
that our Slides link to. We can also link to Word, Excel, or external
websites.
Now let's Preview the Home slide.
The Home slide for the Save-A-Kitten app has buttons which link to several other slides.
Let's view one of the other slides. Here we are using both text and
images. Now let's click on the Kittens tab in the
NavBar. This is a data-bound Slide which shows a list of kittens. In the Slide, we have built
what one kitten looks like, and data binding does the work of making many items in the
list. If we click on a kitten in the list,
we are taken to the Kitten slide. This is a single data-bound
slide which can view any of the Kittens in the list.
The slides we just saw were creating using the Slide Editor.
The editor has a what-you-see-is-what-you-get interface.
You can drag-and-drop text, images, buttons, videos, and others from a toolbox of components.
These components can be arranged inside of multi-column sections.
Slides can have data sources defined which components can be bound to, making the slide
re-usable
Now let's take a look at the Slide editor by double-clicking on the Home slide.
At the top, we have introductory text with a larger font size.
If we double-click on it, the text goes into edit mode. We can select and modify the text,
and use the tools below to make changes. Each of the buttons below is a separate component.
If we double-click to edit, we can modify the text on the button.
We can edit where the button links to using this globe icon tool.
Here we can see that this button is linked to a Slide, and
that we have chosen the Success Stories slide from the drop-down.
We can switch this button to link to a document or external website URL by using the other
tabs.
In conclusion, AppSlide lets you quickly build mobile apps that are fully customizable, run
on all devices, and require no app store approval process.
If you can user PowerPoint, you can build mobile apps using AppSlide.
Thanks for watching!