It’s 3:15am ET and the TechCrunch Disrupt hackathon is still going strong. A large number of teams are using Appery.io to build their apps. Pictures from Day 1:
We just added some really cool features to Tiggzi Platform. Check them out!
New Source view
As we continue to make Tiggzi Platform enterprise-level, just just added a Source view where you can see and open the actual files behind your app. Right now the files are opened as read-only but we are working on allowing you to modify them as well.
jQuery Mobile themes
We got all our custom themes back and you can also create new themes using the jQuery Mobile ThemeRoller tool. Simply create your theme in the tool, download and then upload to Tiggzi. It’s that simple.
Once you create a new theme, select Create New > Theme and upload the theme you created.
You have been asking for this feature and now it’s here. Customize the permissions for your app before building a binary.
Binary build errors log
You no longer need to email support to find out why the binary build failed. You can now view the error and try to fix it:
New UI components
We added two new jQuery Mobile components, Grouped Buttons and Collapsible Set:
Pointer and Array types in database
On the Backend Services side, we added two new data types to the database: Array and Pointer:
New tutorials and getting help
TechCrunch coverage of Tiggzi’s new Windows 8 support: http://techcrunch.com/2012/12/14/cross-platform-drag-and-drop-app-maker-tiggzi-launches-windows-8-support/
Here is a recording of a podcast that Ilya (@ilya_shaikovsky, blog) and I did with Apress/Oracle: Meet the authors of the Practical RichFaces 2/edition.
Slides from hands-on tutorial on building mobile apps with jQuery Mobile, OSCON 2011, Portland, Oregon. We build a Twitter Search app. Want to build the same app? Go to http://help.gotiggr.com for step-by-step guide.
This post shows various differences, in various categories between building native mobile apps and web mobile apps. I know that everyone has their own experiences and opinions, which I would love to hear. So, don’t hesitate to hit the comments at the end of this post.
|Native App||Web App|
|Platform||Five different mobile platforms:
|Mobile web browser. Differences still exist as different versions of mobile platforms run different browsers, with different support for various latest HTML5 features.|
|App discovery, monetization, support|
|App discovery||App Store – proven and popular.||A number of options:
|App approval||App is published to an app store and goes through review process before being approved||Instant, no approval process|
|App installation||Downloaded from app market and installed||Open URL in a mobile browser, or another popular option is to create a short cut on the phone. The short cut gives more of a “native app” feel.|
|App update||Updated app goes through review process, then downloaded and installed||No approval or download process. Just update the mobile web app and everyone gets the new version.|
|App support, maintenance, adding new features||
The more platforms you support, the more challenging and difficult it becomes supporting and adding new features.
It’s not uncommon to have different native apps for iOS and Android with different feature sets. The app for iOS is usually more mature and stable.
|Supporting and adding new features is much simpler, as you write once and it’s available on every platform. Write once, deploy anywhere.|
|Monetization||App Store – proven monetization strategy.||Web apps have a number of options:
|Porting/add new platform||Need to learn another mobile platform
Need to learn platform’s “UI approach”
|Nothing – build once, run anywhere (almost). Might need to tweak the UI a little bit to “fit” it better in to the underlying mobile platform. Difference in browsers and supported features.|
|User experience||Native application have a lot of UI effects, usually more developed UI “logic”. Native apps can “feel faster” and screen sizes on mobile devices makes native apps more enticing as well.||Can be “very good”. For example, an app like Gmail. Will continue to improve and get better.|
|Perception||Today most people associate mobile apps with something you download and install.||We are so used to desktop web apps, so it’s just a matter of time before we “get used” to mobile web apps. It’s also important for more and more (good) web apps to become available.|
|Video/Audio||Built-in||Possible with HTML5|
|Offline or disconnected apps||Native apps can work in disconnected mode.||Offline mode can be achieved with HTML5.|
|Full screen mode||Built-in.||Can be in full mode by hiding browser address bar.|
|Accelerometer||Built-in.||Possible with HTML5.|
|Push||Possible with native platforms.||Possible with HTML5 technologies.|
|Integration with phone services||
Good integration with phone services:
||Still somewhat limited with HTML5. But, more and more apps like that get data from the Internet, and not the client device.|
|Integration with phone hardware||
Integration with phone hardware
||Some support via HTML5 is now available for camera/video.|
Need to learn one or more of the mobile platforms and their underlying programming language/SDK:
Every platform will also have its own approach and style to developing and designing mobile user interfaces.
|Mobile development frameworks||Every mobile platform has its own SDK. Even though Android and BlackBerry both use Java, applications are not compatible. BlackBerry plans to allow running Android applications on BlackBerry devices in the future, probably inside a special wrapper (virtual machine).
A number of options available today for building web mobile apps:
Tools that can build both native and mobile web apps:
Tiggr Mobile (coming up), PhoneGap, Open plug, Adobe Flex Mobile, Titanium Appcelerator, Corona SDK
|Enterprise integration||Existing infrastructure could be reused but also need service layer to communicate between client (mobile) and server. Can use REST, SOAP or custom communication protocols Hessian, Protocol Buffers.||Existing infrastructure can be reused.|
Virtually any application we used to have on a desktop from email to drawing to CRM, is now available as a web application. I think a similar move will happen in mobile, as more and more natives apps are moved to become mobile web apps.
Tiggr, web-based UI prototyping tool for creating, sharing and previewing interactive HTML prototypes updated to version 1.2.6. It’s free, try it today! This new version brings a number of new features and enhancements:
Mobile preview now shows the prototype within the actual screen size you defined in properties:
More sharing options
If you shared a project before, the user you shared with had full access to the project, he or she could edit, delete, preview and invite others to share. Starting with this release, you can control what permissions each user has. And, you can invite multiple users at once, just separate emails with a comma or semicolon:
Navigate added to menu component
It was possible to navigate between pages using a link, button or an image but somehow we missed the menu. Well, it’s now possible to navigate via menu as well. Drag and drop a menu into a page and head to properties to set navigation:
Other new features:
- New spacer control (web and mobile palette), new link control (mobile palette)
- Tabs on a tab layout container can now be positioned top, bottom, left and right
- Edit mode after insert
- Easily edit grid and table rows/columns
- New property for setting tab index
- Radio button groups
- Delete account option
To read about these features, visit the official Tiggr blog: Tiggr 1.2.6 brings new features and enhancements.
Can your mockup tool do this? Most mockup tools give you a static image with no preview option. Click on the image below (or this link). A new window will open and you will see an interactive mobile prototype that looks very much like the real application. This interactive prototype was created with Tiggr. Tiggr’s Web Preview feature allows you to generate HTML/JS/CSS and preview the prototype in any browser. Go ahead and try it on your mobile phone (http://gotiggr.com/preview/5673/).
Click a button to navigate, click the tabs, use the menu list, toggle the radio button, open/close panels. Just use it as a regular application.