At TechCrunch Disrupt Hackathon Day 1 Pictures

It’s 3:15am ET and the TechCrunch Disrupt hackathon is still going strong. A large number of teams are using to build their apps. Pictures from Day 1:

Tiggzi Platform New Features: Source View, jQuery Mobile Themes, Android Permissions, New Data Types in Database

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.


jQuery Mobile ThemeRoller site:


Once you create a new theme, select Create New > Theme and upload the theme you created.

Android permissions

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

Don’t forget to check our new tutorials and as always, if you have any questions let us know via email, forum or @tiggziapps.


New Tutorials – Creating Mobile Apps with Tiggzi Backend Services

Tiggzi on TechCrunch

TechCrunch coverage of Tiggzi’s new Windows 8 support:

Tiggzi App Builder at The NYC JavaScript & HTML5 Meetup, July 11, 2012

On July 11th, I will be showing Tiggzi app builder at the NYC JavaScript & HTML5 meetup. I will show how to build an HTML5 and jQuery Mobile app connected to a cloud API. Every one in the audience will be able to test the app as I build it. I will also show the new Tiggzi Database. A cloud database for storing app data that’s exposed via elegant REST API. In addition to Tiggzi, appMobi is presenting as well. It should be a fun event. Hope to see you there.

Meet the Authors of Practical RichFaces 2/edition [Podcast]

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.

Building Mobile Apps With jQuery For Any Device In The Cloud [Slides]

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 for step-by-step guide.

Mobile apps choices: Native Apps vs Web Apps

td {vertical-align:top}

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:

  • iOS
  • Android
  • BlackBerry
  • webOS
  • Windows Phone
Other notes:

  • Android also experiences a rather big fragmentation in terms of Android versions to various screen size and features from different phone manufacturers and tablets.
  • There are also Symbian and MeeGo, however, they are getting very little traction today.
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:

  • Same as desktop apps today, search, URL, etc.
  • Sold through web stores like Chrome app store.
  • Sold through standard app stores (Apple, Android, BlackBerry, etc) by placing the web apps inside a native wrapper. Usually called a hybrid app.
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:

  • Each app has its own monetization strategy
  • HTML App Store, like Google Chrome Web Store
  • Standard App Store – putting apps inside a native wrapper/shell (hybrid apps)
  • Selling access or token in standard App Store and then getting access to mobile app
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.
Performance Faster for some UI functions, especially when heavy graphics are involved. HTML5 improves on the infrastructure of the Web and makes applications faster and more functional. JavaScript rendering engines are getting faster and are good enough for most Web applications.
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.
Phone features
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:

  • Contacts
  • Calendar
  • Other applications
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

  • Camera/Video
  • GPS
Some support via HTML5 is now available for camera/video.
Enterprise, development
Developer Skills Need to learn one or more of the mobile platforms and their underlying programming language/SDK:

  • iOS (Objective C)
  • Android (Java)
  • BlackBerry (Java)
  • webOS (HTML/JavaScript)
  • Windows Phone (Silverlight)
Every platform will also have its own approach and style to developing and designing mobile user interfaces.
Developers can use HTML, JavaScript and CSS to create mobile web apps without of learning new languages to code native applications. But, that doesn’t mean that some training won’t be necessary to adapt exiting HTML/JavaScript/CSS skills to mobile development.
Development cost Expensive, as still relatively small number of developers master these skills. Can be significantly cheaper. Large number of developers who posses web development skills – HTML, JavaScript, CSS. But, some training might be needed to learn how to develop UI for mobile apps.
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).

  • iOS (Objective C)
  • Android (Java)
  • BlackBerry (Java)
  • webOS (HTML/JavaScript)
  • Windows Phone (Silverlight)
A number of options available today for building web mobile apps:

  • Take “do it yourself approach” or adapt any existing framework to work on mobile web
  • jQuery Mobile
  • Sencha
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 UI prototypes updates to version 1.2.6 with new features and enhancements

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

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?

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 (

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.