why use appcobra to create apps?

7/27/2019 Why use AppCobra to Create Apps?

1/45

Why AppCobra?

1 | P a g e

AppCobra is a serious tool.

Apps, the mobile web, and HTML5 are the future. You already know that. Thats why you arereading this.

You want you, your kids, and/or your students/employees to get a great head start into thatfuture. A future where the skills learned now will be indispensable.

And that is where AppCobra comes in.

And in this document, we are going to show you why there is nothing like AppCobra.Nothing. Not even close.

You see, AppCobra is a serious development tool. AppCobra does more than string a fewpictures and words together and put them on your iPhone.

With AppCobra, you can do almost anything. AppCobra takes full advantage of all mobileand HTML5 features, not just a small subset.

And AppCobra is tremendously scalable. Not only can you put together Apps much like youmight put together a PowerPoint presentation, but more experienced users can delve intoJavaScript, and the AppCobra API, and really put their skills to good use.

As a final plus, you will be creating apps that run on all platforms. iPhone and iPads. AndroidPhones and Tablets. Blackberry. Windows 8 Tablets and Phones. Macintoshes. PCs. EvenSmart TVs.

Lets Have a Look at Some Examples

On the following pages, we will be looking at the sorts of things you can create in AppCobra.

You will be surprised at the extensive range of features available how easily they can beimplemented, and just what you will be creating.

And youll also be pleased to see you are not limited by a few pre-set templates. You havecomplete control over how your apps look and operate.

Choosing anything else will limit your imagination.


2/45

Why AppCobra?

2 | P a g e

This document contains several hyperlinks to online content. You can either follow the links directly, or, ifyou have a mobile device, use a QR Scanning app to scan the QR Codes (see below), and go directly to

the provided URLs.

Read This Online athttp://www.appcobra.com/why.pdf.

Help, Examples, and Interactive Tutorials

Just before we get started, and important note.

AppCobra includes an extensive online help system (www.appcobra.com/help), a supportforum (support.knowledgepresenter.com), a huge range of examples (including the sourceAppCobra projects) (www.appcobra.com/uni/examples), and a free and extensive series ofInteractive Tutorials (www.appcobra.com/uni).

We even have a series of blogs that provide constantly updated hints, tips and guides(appcobra.wordpress.com).

Online Help-http://www.appcobra.com/help

Interactive Tuto rials-http://www.appcobra.com/uni
http://www.appcobra.com/why.pdfhttp://www.appcobra.com/why.pdfhttp://www.appcobra.com/why.pdfhttp://www.appcobra.com/helphttp://www.appcobra.com/helphttp://www.appcobra.com/helphttp://www.appcobra.com/unihttp://www.appcobra.com/unihttp://www.appcobra.com/unihttp://www.appcobra.com/unihttp://www.appcobra.com/helphttp://www.appcobra.com/why.pdf


3/45

Why AppCobra?

3 | P a g e

AppCobra Examp les-http://www.appcobra.com/uni/examples

Creat ing Apps-http://www.appcobra.com/primer

Learn ing A bout E-Learn ing-http://www.appcobra.com/elearn

Nearly fifty interactive tutorials are provided for help you learn AppCobra.
http://www.appcobra.com/uni/exampleshttp://www.appcobra.com/uni/exampleshttp://www.appcobra.com/uni/exampleshttp://www.appcobra.com/primerhttp://www.appcobra.com/primerhttp://www.appcobra.com/primerhttp://www.appcobra.com/elearnhttp://www.appcobra.com/elearnhttp://www.appcobra.com/elearnhttp://www.appcobra.com/elearnhttp://www.appcobra.com/primerhttp://www.appcobra.com/uni/examples


4/45

Why AppCobra?

4 | P a g e

Dozens and dozens of interactive examples complete with source AppCobra proects.

Installing Your Apps

Any apps you create be deployed and distributed immediately.

You dont need app store accounts. You dont need any special hardware or any othersoftware. You dont need to wait two weeks for approval.

Here is the simple process:

Create your App.

Upload to the AppCobra server with a single command.

Invite a user to the App, or give them the App URL.

The user navigates to the app and can then add it to their home screen.

Its done. And it takes only minutes.

Teachers can share apps with students. Students can share apps with teachers. Andstudents can share apps with other students, or the whole class.

For more information and examples, please see:


5/45

Why AppCobra?

5 | P a g e

Deploy ing Your Ap pCobra Apps-http://www.appcobra.com/dyaa.pdf

Startup Screens and Icons

AppCobra will create the appropriate startup screen and icons in all the right sizes andflavours to match all major HTML5 devices, based on a single startup screen and icon youselect.

So it will look great on any platform.

MultimediaUsing AppCobra, you can add sound effects, record or import voiceover, insert YouTubevideos, or your own videos into Apps.

Above a multimedia childrens book. Each page contains animations

and audio. The user can navigate from page to page automatically,using the buttons, or on touch devices, by swiping.
http://www.appcobra.com/dyaa.pdfhttp://www.appcobra.com/dyaa.pdfhttp://www.appcobra.com/dyaa.pdfhttp://www.appcobra.com/dyaa.pdf


6/45

Why AppCobra?

6 | P a g e

Here, inside AppCobra, is the project used to create the App above. See how easy this? Youget to see exactly how things will turn out.

Insert YouTube videos, or your own videos, into any app.

Not only can you add audio, but you can customize play and pause buttons, and synchronize


7/45

Why AppCobra?

7 | P a g e

events to audio to create elegant multimedia animations.

You can also apply sound effects that play whenever an object is

touched or clicked.

Latest Technology

AppCobra uses the latest web features to play audio. This included the HTML5 feature, as well as the HTML5 Audio API.

Technical, sure but what it means is that you have audio which plays as you want it to play.Instant sound, with no buffering. Seamless support for all browsers and audio types. A finalfall back for devices that do not support HTML5 audio is a Flash format all createdautomatically by AppCobra.

Audio on iOS devices from web pages has always been a bit tricky. While most devices allowsounds to be preloaded, iOS does not. While most devices can play sound at any time, oniOS any sound must be initiated by a user touch. And finally, iOS does not allow more thanone audio object per page.

AppCobra, however, gets around all these limitations.

The HTML5 Web Audio on iOS devices means:

Instant playback no buffering. Sound effects are all preloaded.

Playback that does not require a user touch to initiate or play. Multiple sounds at any one time. Sounds that can be played simultaneously if you

wish.

Included Sound Effects

AppCobra is provided with over 100 sound effects, in both WAV and AAC format.

E-learning and Assessments

The App and mobile marketplace promises to reshape education no other idea mankind has

had since the invention of the printing press.


8/45

Why AppCobra?

8 | P a g e

Let your kids share their knowledge, and create their own apps create their own e-learning.And effective e-learning is more than just asking a question. In this fast paced world, youneed to be able to grab attention and keep it.

In AppCobra, a complete assessment engine is built right in. It can take care of scoring,reporting, determining passes and fails, and even allows branching based on single answers,or on cumulative scores.

With AppCobra, you can create assessments in e-learning using a range of questiontypes.You determine how they look, how they are presented, and what sort of feedback is

given to students.


9/45

Why AppCobra?

9 | P a g e

Using hotspots, creating interactive software simulations is very simple.

Presenting Information.

Here is where the creativity and imagination of you and or your students can shine.Information can be presented in so many interactive and dynamic ways.

Because AppCobra allows so much customization, you can create your own custominteraction and question types.


10/45

Why AppCobra?

10 | P a g e

When teaching concepts, you can set up your information so a user views what they need toview, when they need to view itand even to skip it if they dont.

Mouseovers and touchdowns are wonderful ways that AppCobra allows you to createcustom, dynamic, and interactive apps.

Above, weve set up some hyperlinks in the text which wraps elegantly round the image ofthe snake to present some photos. These hyperlinks could also display new windows of

information, or simply link to another step in the app, or perhaps even play video or audio.


11/45

Why AppCobra?

11 | P a g e

Here is an illustration of how images can be automatically set to enlarge, if the user wishes tosee content at a larger size.

Create books that automatically flow based on inserted images and text and even allowsearching

or create more static books, with fixed layout and exactly the same layout on allplatforms.


12/45

Why AppCobra?

12 | P a g e

3D Features

3D Effects

AppCobra provides a range of features that allow you to create 3D like objects. These workexactly the same for all browsers.

They also work on text as well as images.

3D Reveals

You can also set up objects as 3D reveals hard to show with a screenshot, but great to

watch on screen.


13/45

Why AppCobra?

13 | P a g e

Navigation

Once again, AppCobra here shines.

Apps should be more than just click here to continue information presenters.

You can:

Present information in a linear fashion.

Allow the user to branch based on selections.

Branch based on user performance (score).

Provide automatic indexes, bookmarks, and thumbnails to allow the user to navigate.

Allow swiping on mobile devices in any direction.

Lets have a look at some of the other ways you can set up navigation and branching within

lessons.


14/45

Why AppCobra?

14 | P a g e

Above, weve illustrated how you can add thumbnail navigation to your app.

Indexes (or tables of contents) are just as easy to create and maintain. You determine whatappears in the index, and how it appears in the index.

Use pop-up, flyout, or drop down menus to provide another means of navigation.


15/45

Why AppCobra?

15 | P a g e

With a single click, you can add a bookmarks interface to allow the user to save and navigateto their own bookmarks in your app.

With AppCobra, not only can the user swipe left or right you can control scrolling andswiping in any direction you like.


16/45

Why AppCobra?

16 | P a g e

There is even a series of features so you can create your own comic books.

You determine exactly how your app looks and operates.

Layout

When creating apps, it is important that your app looks on all platforms how you designed itto look. What looks one way on an iPad may look different on an Android device.

Not with AppCobra, however. Your app can look the same everywhere.

AppCobra has a feature that allows fonts to be created as images. This means that your applooks exactlythe same on all platforms and exactly the same as it does when you design

it. Use any font you like.


17/45

Why AppCobra?

17 | P a g e

In this app, you can see it is important that this main paragraph takes up exactly the correctamount of space. In other development tools, this would be almost impossible to ensure.

When adding things like Math Symbols once again a great feature of AppCobra youneed to know exactly how those symbols will appear on all platforms. With AppCobra, this is

not an issue.


18/45

Why AppCobra?

18 | P a g e

With most development tools, if you select a font that the end user does not have on theirdevice, it will be substituted with a different font. Not only will spacing change, but the whole

appearance of your app can change. Not an issue with AppCobra.

Another couple of examples where exact layout is crucial to how an app appears andoperates. This sort of thing as amazing as it sounds, can simply not be done with other

tools.


19/45

Why AppCobra?

19 | P a g e

Apply static and dynamic styles, textures, borders, and outlines to objects.

A range of image editing features are built right into AppCobra to enhance your illustrations.

Because AppCobra can render text as an image, this allows such features as drop caps tobe applied to the text.


20/45

Why AppCobra?

20 | P a g e

Use AppCobra features to generate object backgrounds and borders of any shape, color, orsize.

An interactive solar system app, complete with audio. Note that the layout will look exactlythe same on all devices and browsers.

Layout Consistency

Weve already mentioned that when you create an app in AppCobra, it plays back exactly thesame way and looks exactly the same on all devices.

Using AppCobra University as the example, here is the proof.

On the left a device running Android Honeycomb. On the right, an iPhone.


21/45

Why AppCobra?

21 | P a g e

On the left, an iPhone running Chrome on the right, the same app running directly in theSafari browser.

On the left running on the iPad in the Safari browse. On the right, running on the iPad afterit has been saved as an app.

On the left, FireFox in Windows. On the right, Internet Explorer 10 in the desktop.


22/45

Why AppCobra?

22 | P a g e

On the left, FireFox in Windows. On the right, Safari in Windows..

On the left Safari on a Mac. On the right, in IE10 in the Metro interface.

Choose Your Layout Size and Orientation

Although AppCobra can and will size your app as required on any device, you can, if youwish, target your app for a specific device, and match the resolution of that device.

Below, you can see the same app resized for three different devices from top to bottom -iPad (1024 x 768), Windows 8 Tablet (1366 x 768), and iPad vertical (768 x 1024).


23/45

Why AppCobra?

23 | P a g e

Saving as an App

There are several ways you can save your app to any device.

First, using a product like PhoneGap, you can save your AppCobra app as a native app,ready to go into the Apple App Store, Blackberry World, or Google Play. AppCobra takescare of all the preparation for you including all icons in various sizes, all required metadata(including keywords, descriptions, and more) even the same screen shots required for theapp stores.

Second, you can use the features found on most devices to save the app directly to thedevice desktop. Combine this with the HTML5 download feature supported by AppCobra,and you have the equivalent of a native app in minutes.


24/45

Why AppCobra?

24 | P a g e

On the left, an app created in AppCobra saved to the iPhone home screen. AppCobra takescare of the icon, and startup screen. On the right, the app in action, as launched from the

home screen.

The same as the above example but this time on the iPad.

Above left, weve added the app we created in AppCobra as a bookmark to the AndroidHoneycomb home screen. From there, it looks and operates almost exactly the same as anormal, downloaded app. Once again, AppCobra takes care of the icon and startup screen.


25/45

Why AppCobra?

25 | P a g e

On the left, the Learn ing Window s 8icon has been added to the Windows 8 start screen.AppCobra allows you to select your icon, and prepares it correctly for you. You can alsocustomize the name as it appears in the icon tile even the background color of the tile.

Here, we used the features found in the Chrome browser to add our app as an appl icat ionshor tcu t. Once again, the icon and shortcut name is taken care of for you.

See the top left corner near the orange FireFox tab the app has been saved as a pinnedtab, and can be started at any time immediately.


26/45

Why AppCobra?

26 | P a g e

PowerPoint Import

AppCobra allows you to import PowerPoint presentations. These can be imported as:

A series of images; or

A series of editable objects so all the content of the presentation are editable afterimport.

Using our PowerPoint Developers Guide, you can even pre-apply events and actions in thePowerPoint presentation, and they are applied automatically as the presentation is imported.

Interaction

Ahhh interaction. The lifeblood of a real app. And by interactionwe dont just mean clickhere to continue. We are talking about complete and engaging interaction not just fornavigation, but to actually create results unique to each user.


27/45

Why AppCobra?

27 | P a g e

You can set any object up so that it can be moved, rotated, and/or scaled by mouse or bytouch.

Create and use sliders to allow the user to get involved with dynamic results.

You can even construct dialog boxes to allow users to control what is visible, or howsomething operating, in your app.


28/45

Why AppCobra?

28 | P a g e

This example uses the features found in the AppCobra API to create a simulation of speedsof various people and animals and they race onscreen. The user can select what person or

animal to put in each lane.

Here, drag features are used to track where and how the user drags an object on the screen.Usg the API, you can track each movement and drag release to the pixel.


29/45

Why AppCobra?

29 | P a g e

This example uses movement and checks where the user touches or clicks on the screento create an interactive game.

Create surveys, where the results can be emailed directly to you from the app.


30/45

Why AppCobra?

30 | P a g e

A classic hangman game created in AppCobra. Try that with any other tool.

Here, the AppCobra jigsaw feature is used as a basis of a jigsaw game.


31/45

Why AppCobra?

31 | P a g e

In this interactive game, the user fills in a series of text boxes in order to create a dynamicstory. The resultant stories can be saved to the users device, and reloaded at any future

time. AppCobra fully supports saving and reading data to the local device using localstorageAPIs.

Other Automated App Elements

With a single command, you can add all sorts of objects and elements to your apps.

Add and control clock objects.


32/45

Why AppCobra?

32 | P a g e

Create your own digital clocks and timers.

Add calendar objects with a single command and control and keep a track of them usingthe AppCobra API.

Add and redraw interactive graphs with a single line of code.


33/45

Why AppCobra?

33 | P a g e

Add domain or password level protection to your apps.

Progress bars are a snap.

Add other web content, such as web pages and PDF file directly inside your apps.


34/45

Why AppCobra?

34 | P a g e

Create tables with the built in table editor. Format individual cells, and even add images.

Use any one of thousands of provided clipart images in your apps.


35/45

Why AppCobra?

35 | P a g e

Other elements, such as On/Off sliders, are a breexe.

Mobile Features

In order to create really cool apps, youve got to be able to take advantage of all mobiledevice features. This includes:

Geolocation

Geolocation. Geolocation works on all devices (assuming a modern browser is used aswell as, of course, on mobile devices.


36/45

Why AppCobra?

36 | P a g e

Accelerometer

With AppCobra, you can check the device accellerometer to see if the device moves on thex, y, or z axis at around 50 times a second.

Touch Interface

We talked a little earlier about how AppCobra allows the user to swipe from page to pageand also up and down and also individual objects. You can also, with a simple click

support a page curl like effect as the user changes steps.


37/45

Why AppCobra?

37 | P a g e

We looked at this image earlier but we wanted to reinforce that full touch interface issupported by AppCobra. In this example, the user can use standard touch gestures to scale,

move, and rotate this object or any object.

In this app, weve used a feature of AppCobra called superswiping where a series ofimages can by scrubbed at high speed, rather than one at aq time.


38/45

Why AppCobra?

38 | P a g e

Download to Local Device

AppCobra fully supports the HTML5 download feature. This allows apps to be completelydownloaded, and run on a user machine, with no Internet access required.

Add to Home Screen

Any AppCobra created app can be added to the home screen on an iPad or an iPhone, andrun exactly the same way as a native app.


39/45

Why AppCobra?

39 | P a g e

Above left, weve added the app we created in AppCobra as a bookmark to the AndroidHoneycomb home screen. From there, it looks and operates almost exactly the same as anormal, downloaded app. Once again, AppCobra takes care of the icon and startup screen.

On the left, the Learning Windows 8 icon has been added to the Windows 8 start screen.AppCobra allows you to select your icon, and prepares it correctly for you. You can alsocustomize the name as it appears in the icon tile even the background color of the tile.

Creating Websites

AppCobra can be used not only to create Apps but also interactive and engaging websites.Below, the website created by AppCobra, at http://www.win8training.net.


40/45

Why AppCobra?

40 | P a g e

Working with Images

HTML5 includes some wonderful new opportunities to create exciting animations and trulyinteractive and useful apps thanks in one way to a HTML5 object called the canvas object.

Thanks to the canvas object, with AppCobra you can create apps like this:

This app is an image editor, which runs totally in a browser. The user can select and edittheir own images. Note that to use this feature in AppCobra, you dont need to know all theJavaScript code related to the canvas object and how it works AppCobra takes care of all

that for you.

You can even create your own drawing apps.


41/45

Why AppCobra?

41 | P a g e

You can create an app that allows the user to drag an image onto app to add it start workingwith it.

Here, we added a slider which the user can drag to cross fade one image into another.


42/45

Why AppCobra?

42 | P a g e

AppCobra supports the highest quality images available including 32-bit PNG images withalpha transparency.

AppCobra also allows automatic and manual compression of images.

You can include images at high resolution for Retina display devices.

AppCobra will automatically resize and resample images during the app export process. Thismeans that no matter what size it was when imported, it always ends up at the perfect sizewhen you create the app and will always be a lot quicker to download.

An added feature is that during export, AppCobra will examine all files and images in your

app and remove and redundant images to improve download speed and tighten app size.

Timing

AppCobra uses a range of timing features to allow your apps to look professional, and tocreate your animations.

For every object, you can determine an appearance delay, and a disappearancedelay.

These appearance and disappearance delays can be synchronized with an audio file,

if you wish. Every step can contain one or more timeouts that activate events after a certain time

like display a message, move to another step, show a movie whatever you like.

A range of timers are available like a maximum app time, an app timer, a step timerfor each step, and a timeout timer.


43/45

Why AppCobra?

43 | P a g e

Add and control clock objects.

Here, a timer displays how long is left in the current step.

Using timing and other AppCobra features allows you to create time lapse apps play the


44/45

Why AppCobra?

44 | P a g e

time lapse, in this case, automatically, or manually even in normal, or slow motion.

You can synch the appearance and disappearance of objects to a main audio file. You canalso play sounds at any given point in time.

The AppCobra API

In AppCobra, so much can be created just using the drag and drop, or selecting features,WYSIWYG interface.

The AppCobra API allows you to take this one step further and use the AppCobra API orJavaScript to further control your lesson.

The AppCobra API is designed to link JavaScript to the AppCobra objects.

For example, you can set up an event say for example, when a user clicks a button. Andyou can link that event to any JavaScript code.


45/45

Why AppCobra?

Above, you can see an example of using JavaScript or the AppCobra API to add even moreinteraction and flexibility to your code.

Look at the example above. There are three lines:

showxobject("apple")

This shows the object called apple.

hidexobject("orange")

This hides the object called orange.

rotateobject("pear",45)

This rotates the object called pear45 degrees.

When applying such things as movement, transparency, rotation, etc, AppCobraautomatically translates the JavaScript to work in all browsers.

You can use JavaScript variables, set events for page load, page unload, page focus, pagelost focus, define events that occur as the lesson loads, or in response to events like audioplaying, object appearing, showing a message box and much, much more.

why use appcobra to create apps?

Documents