Strategy: The Art of the Product Manager

Most of my life I’ve been a fan of strategy games – Risk®, Age of Empires, even Checkers. These games all demand that the player has a solid strategy, or they will likely be defeated by their opponent. Anyone playing without a strategy is just executing random actions based on feeling or intuition (or luck), without a plan, and more often than not, won’t even see their defeat coming. In my experience, the words “strategy” and “tactics” always lead to a great conversation. In one of my previous places of employment, there was so much pressure to be “strategic” that the words strategy and strategic became overused and meaningless – everything was presented as a strategy because that was the perceived path to promotion. Telling someone that their “strategy” was actually tactical execution would lead to heated debates. I have seen people ask for strategy documents and then criticize them for their lack of specifics (which was code for ‘where are the tactics?’).

Strategy

The word “strategy” is derived from the Greek word strategos, meaning the “art of the general.” Simply put, a strategy is a plan to enable you to achieve a desired result. For a military general this is their plan for how they will deploy troops and resources. Conversely, tactics are the specific actions that will be executed to achieve the plan, such as flanking a building in our example.

In a previous post I explains how a Vision sets the overall direction; it is the compass for an organization (or even an individual). With a defined vision you can define the strategies that will enable the vision to become reality. Only once you have defined one or more strategies can you define the tactics that will be used to achieve the strategy (thereby achieving the vision). Take for example a person with high cholesterol who has a vision of being healthy. Their doctor may recommend several strategies for them to bring their cholesterol down and help them achieve their vision of health. One strategy might be to manage weight and/or drive weight loss. Another strategy might be to create a more healthy lifestyle (Note: these are simplified for the purpose of discussion). Each strategy will be achieved by executing a set of tactics, such as engaging in 30-minutes of cardio exercise 3-days a week by running or swimming, or by reducing the amount of animal fat intake, by having vegetarian meals a couple days a week.

Strategy v. Tactics

The difference between strategy and tactics is the difference between a plan and an action. A strategy is the plan–an adaptable plan–for how you will achieve a goal, and the tactics are the executable actions you will perform to achieve the result outlined by the strategy. In military usage, a distinction is made between strategy and tactics. Strategy is the utilization, during both peace and war, of all of a nation’s forces through large-scale, long-range planning and development, to ensure security or victory. Tactics deals with the use and deployment of troops in actual combat (Dictionary.com Unabridged. Based on the Random House Dictionary).

Strategy and Tactics are the plan and the actions.

Creating a Strategy

Creating a strategy, whether for a business, product or person, begins with the Vision; how can you create a plan without a vision of what you want to be when the plan is achieved? Assuming you have a good, concise and specific vision, then defining the strategy or strategies you will use is an exercise in planning. Start by identifying what has to happen in order to make the vision a reality. In the example of the person with high cholesterol who has a vision of being healthy, what has to change is their cholesterol level.

To identify the strategies available you begin identifying concepts that could change the “system” – where the system is the business, product or person. In our example case, the system is the person – what concepts could change this system from its current unhealthy state to a healthy state by lowering their cholesterol? In this case, a lot is known about how to lower cholesterol, so the strategies become apparent quickly:

  1. Manage weight and/or drive weight loss.
  2. Improve lifestyle health (e.g. eating, habits, etc.).
  3. Introduce cholesterol management medication.

With one or more strategies identified you can begin to evaluate them and decide which ones you want to employ. Our example patient may not want to introduce medication at this time, and will commit to the first two strategies. The strategies offer measurement milestones to determine their effectiveness, such as annual physical examination. The measurement milestone is designed to identify if the strategy is working, or if a new strategy is needed.

Measurement is Key

One of the most critical elements to a strategy is the ability to measure its effectiveness. You don’t want to continue burning resources executing against a strategy that isn’t working. With each strategy you identify you must identify a means to measure its success. For example, when we were preparing the initial beta release of Icenium we wanted to attract net-new customers to the company. One of the strategies we developed was to drive awareness through trade press that targeted audience profiles that were different than the current customer profile at the company. We developed a couple of measuring sticks.

When we created the beta release plan we decided that we would allow new users into the system through an invitation code (so we could control the inflow), and to aide the strategy we negotiated an exclusive announcement of the beta (with a couple thousand beta codes to giveaway) with TechCrunch, a publication that targeted the type of user we were interested in. This tactic was designed to support the higher level strategy of driving awareness to new user profiles. Within our system we created a reporting mechanism that would tell us the number of people responding to the invitation who were using email addresses already in our customer database. While not foolproof (because people have multiple email addresses), this did give us a good indication about the number of net-new customers we were bringing into the system, and since they were tied to their invitation code, we could tell where they came from. As we added more press outlets, and gave out more invitation codes, we could tell if our strategy was working or not by evaluating the percentage of net-new users coming from specific trade press.

In some cases your measurement may not be as easily instrumented. In another example from Icenium, our vision was to be a one-stop-shop for building cross-platform mobile applications and one of our business objectives was, as I said, to grow the company’s user base. To support both the vision and the business objective, we defined a strategy to attract web developers with an all-in-one tool and service stack. Our strategy was to build a development tool that was approachable and intuitive for web developers. We focused our execution (tactics) on building a light-weight code editor that worked similarly to other code editors, and that eliminated the need to manage platform complexities by abstracting them to the cloud. We replicated the web developer’s normal workflow of code-and-refresh by pairing the code editor with a device simulator. This enabled them to work in the same way they had been working with the browser, but with a focus on mobile applications. We built our app model on open source software that supported technologies they were already familiar with (HTML & JavaScript).

In other words, we defined strategies that would help us achieve the vision, and identified specific actions, or tactics, that would help us execute the strategies. The measurement sticks we created were less analytical and slightly more subjective – a review of support issues, overall community tone about the product, and a survey of users after they had used the product. We even ran a survey of users that abandon the product to find out why they left us (was our strategy failing or were they the wrong user profile?).

Here is a visualization of a couple of these examples:

image

Strategies Focus on Concepts, Tactics on Specifics

As you may have realized from the examples, a good strategy doesn’t have a lot of specifics about the actions. In fact, a good strategy should be adaptable to start or stop using specific actions, or tactics, at any time. A strategy for managing cholesterol doesn’t specify jogging or swimming, it identifies an amount of cardio recommended to achieve the desired result. If the patient executes the strategy with jogging, and either doesn’t like it, or gets injured, the strategy is flexible enough to allow them to introduce an alternative tactic—swimming—that is still in line with the strategy. Strategies are all about what you can do at a conceptual level – a planning level – to achieve your vision, and the tactics are the specific execution – the specific action – you will take to fulfill the strategy.

Summary

All too often we see people executing with no idea of the over arching strategy. This is when motion is confused with progress. Executing tactics without a strategy to drive them is simply motion. It’s business masturbation. You’re very busy, but nothing useful is going to result from all the effort.

I personally put a huge value in companies and organizations that measure result instead of action; those that value what is accomplished instead of how active people are. You can identify these companies by who is getting rewarded and promoted – is it the people who are thoughtfully developing a plan and executing methodically against it, or is it the people who are very busy with projects that look good, but drive no real measurable advancement toward the vision?

As a Product Management professional I feel strongly that my value is in being able to define a product vision and a set of strategies that will make that vision a reality, and then identifying tactics that I, or others, can execute to fulfill the strategy. More often than not, the execution is done by others, by the troops (engineering, marketing, sales, support). For my product I am the general, and the product strategy is my art.

Icenium v1.1 Now Available

Today I am proud to announce the first update to Icenium since our v1 launch a month and a half ago. As a cloud-based solution, we have always planned for a regular cadence of product and service updates – continuous delivery of value, if you will. This v1.1 release represents our first step toward establishing a regular cadence of updates that include new features, improvements in existing features and fixes for any issues discovered (thank you for reporting them to us in our forums). As we continue to develop Icenium, we expect to deliver updates on a regular schedule, starting at about every 6-10 weeks, and eventually accelerating to where we can deliver product and service updates at high frequency.

With this release we have added a few new features, updated support for Apache Cordova and fixed some bugs reported by you. To summarize this release, I will categorize the changes into four buckets:

  • General – Changes and updates to the back-end services, or changes that apply to all client tools.
  • Icenium Graphite – Changes and updates to the installed client for Windows.
  • Icenium Mist – Changes and updates to the browser-based client for all platforms.
  • Icenium Ion – Changes and updates to the iOS development and testing utility.

The complete release notes can be found here.

General

Apache Cordova v2.2

All Icenium projects may now use Apache Cordova 2.2. All new projects will be created using Cordova 2.2 by default. Existing projects can be upgraded to the new version in by opening the Properties settings for a project.

ChildBrowser Plugin

The ChildBrowser plugin has been updated to version 4.0. This version is compatible with Apache Cordova 2.2.

Kendo UI Mobile

The new project template (Kendo UI) has been updated to use Kendo UI Mobile v2012.3.1114.

jQuery Mobile

The new project template (jQuery) has been updated to use jQuery Mobile v1.2.0.

Android Hardware Acceleration

In the project properties you may now select to enable or disable Android hardware acceleration. Hardware acceleration will improve the rendering of UI animations.

OS Version Support in Device Simulator.

OS version selector has been added to the simulators. Changing the OS version can affect behavior of the app.

image

Icenium Graphite

Cut/Copy/Paste/Select All

Cut, Copy, Paste, and Select All commands have been added to Code Editor’s context menu.

image

Reload Project in Simulator

New ‘Reload’ button in the device simulator reloads the current project.

Reorder Open Documents

You can reorder open documents by dragging and dropping the tabs in the order you prefer,

Icenium Mist

Version Control

The version control capabilities of Mist have been improved to parity with Icenium Graphite, including the ability to Clone projects from a URL-based Git repository, such as GitHub, and push and pull changes to and from the parent repository.

image

Find Function

A keyboard shortcut (CTRL+F) will open a Find dialog enabling you to search code files for specifies text. Additional shortcuts have been enabled during Find operations – Find Next (Enter or F3), Find Previous (SHIFT+Enter or SHIFT+F3).

Case-sensitive search and search with RegEx are supported. When RegEx search is enabled case-sensitive search is disabled.

Device Simulator Improvements

Status bar and orientation properties have been added to the device simulator.

Reload Project

New ‘Reload’ button in the device simulator reloads the current project.

CORS Requests

When a CORS request is executed via the device simulator an information message is displayed letting you know what is happening.

Icenium Ion

Ion works with Cordova 2.2 only. A warning message is displayed when attempting to use older versions.

Mobile MeetUp at the Movies

Last night I had the great pleasure of introducing a few hundred mobile app developers to Icenium, and then treating them to a pre-release private screening of The Hobbit: An Unexpected Journey in High Frame Rate 3D. I have to say, I had a blast. The energy level was high, I meet a lot of very cool, developers, and learned a lot about some of the start-ups in the area.

Hobbit Splash - Telerick

I want to thank the organizers and members of some of the Seattle area MeetUp groups for coming to the event, and generally being pretty awesome:

From talking to lots of you as you were coming out of the theater, it sounds like the movie was great – especially in HFR 3D (Sony was onsite ensuring the 4k projectors were in top shape!). Thanks again for attending – see you next time!

IMG_0034

2012-12-13 19.22.39

2012-12-13 19.30.19

IMG_0040

Configuring Icenium LiveSync with the SGS3

Icenium LiveSync enables you to easily deploy an app in development to one or more devices and see changes made–in real-time in both the integrated device simulator and across all connected devices–without having to recompile. In order for LiveSync to work, your development environment must be able to communicate with the device. For Android devices this requires communication using the Android Debug Bridge (ADB). This video shows you how to set up your development environment to enable LiveSync between Graphite and the Samsung Galaxy S III.

This video shows you all the steps outlined in this blog post.

What to Do

The steps outlined in the video are simple and easy to complete.

  1. Install the Samsung Android USB Driver for Windows
  2. Enable Debug Mode on the Device
  3. Optionally Verify with ADB

Install the Samsung Android USB Driver for Windows

This is pretty straight forward. Go here and download the Samsung Android USB Driver for Windows. This is the driver package for many of the Samsung devices, including the SGS3 and other smartphones and tablets in the Galaxy product line.

Enable Debug Mode on the Device

For any device that will be communicating over the ADB, you must enable USB Debugging. On the SGS3 this is in Settings > Developer Options. Check the box for USB Debugging so that there is a green check mark in the box.

Optionally Verify with ADB

When you installed Icenium Graphite part of the installation package included the Android Debug Bridge, which is used for LiveSync communication between Graphite and the devices. You can use ADB in a command line to verify that your SGS3 is visible to ADB (this isn’t necessary, but can be useful if you are troubleshooting any device connection issues).

  1. Open a command line end enter:
    cd %USERPROFILE%\AppData\Local\Temp\ADB
  2. Enter:
    adb devices

You should see a device ID for your SGS3 (for example, in the video mine is 4df1d84539005ffd).

That’s it – you are all set. When you create or open a project in Icenium and your SGS3 is connected, you should see it in the Device list.

Setting Up the Kindle Fire HD 7 for Icenium LiveSync

Since we released Icenium a couple weeks ago, a few folks have asked me if it could be used to build apps for the new Kindle Fire HD. The simple answer is “Yes.” The Fire HD is an Android Ice Cream Sandwich (v4.0.x) device, and Android (v2.2 and greater) is a supported operating system for Icenium projects.

In order for Icenium to communicate with devices over USB, and deploy and update apps, the device drives for those devices have to be installed and configured on the PC. For Apple iOS devices, the device drivers are included in iTunes. For Samsung devices, most of these are in Samsung Kies. For HTC devices, these are in HTC SyncManager. You get it.

But what about Amazon? They don’t have a utility like this.

Setting up the Kindle Fire (1st Generation) to work with Icenium LiveSync was pretty straight forward – download the USB driver, update an INI file and wham-o, it works. Then Amazon released the Kindle Fire HD, which included an updated operating system (the original Kindle was based on Android Gingerbread – v2.3.4) and it was proclaimed to be unhackable. This meant that for developers it was going to be a challenge to work with it as a development device in any way not prescribed by Amazon. Of course the official guidance is to use the Android SDK, platform tools and Eclipse as your development environment. Yuck.

When you plug in a Fire HD, it installs a driver that enables you to copy media files to and from the device, but it doesn’t enable the Android Debug Bridge (ADB) to access the device to install apps. Icenium LiveSync uses ADB for the communication to Android devices to enable deployment and updates on devices (don’t worry, you don’t need the Android SDK for this, ADB is installed in C:\Users\<usernmae>\AppData\Local\Temp\ when Icenium Graphite is installed).

I bought a Kindle Fire HD 7” and began following the unofficial steps to connect to it as a development device. Turns out it was very troublesome, especially if I refused to download the Android SDK. I found a few blog posts that all pointed back to a forum post on how to root the Fire HD, so I gave it a shot. Unfortunately for me when I followed the steps it didn’t work. No matter what I tried, the correct driver would get installed, and the Fire HD wouldn’t show up in the ADB device list.

image

Rather than get discouraged, I experimented and got it to work. The steps in the forum post may work for you, but they didn’t work for me right away. The only ADB driver that I could get to install was the Android ADB Interface (not the Android Composite ADB Interface driver as outlined in the forum post). I had to manually install a different driver (a generic USB Composite Device driver), and then the Kindle Fire HD was recognized by ADB.

image

After that, I connected the Kindle Fire (1st Gen) that I previously had working, and the Android Composite ADB Interface driver magically appeared. I disconnected both Kindle devices and reconnected them and both of updated to the Android Composite ADB Interface driver.

image

Now both the Kindle Fire 1st Gen and the Kindle Fire HD were visible to ADB…

image

…which meant that both devices are ready to by used by Icenium LiveSync.

image

Now when I click on “Run on Device” the app is compiled in the cloud for Android using the Icenium Compiler Service and pushed through Icenium Graphite and over ADB to the devices.

image

That’s it. Now you can test your Icenium project on either a Kindle Fire or Kindle Fire HD. As soon as the Fire HD 8.9” arrives, I’ll give that a test.

And stay tuned for a video series on Icenium LiveSync called “Getting to 50’ where I will add various devices to see if we can successfully support simultaneous LiveSync to 50 devices.

D7

What About Windows Phone?

In the past couple of days since I announced the release of Icenium, I’ve had a number of people asking me if it supports Windows Phone in addition to Apple iOS and Google Android. I suppose that is because nearly all other Telerik products are dedicated to the Microsoft technology stack, so it would be almost expected that Icenium would get on the band-wagon.

Its All About the Data

Allow me to let data do the speaking: 

Image

In the past year Apple and Google have grown in market share by nearly 17% (Source: comScore, U.S. Mobile Subscriber Market Share). In that same period, Microsoft dropped nearly 2% – meaning Apple and Google are outpacing Microsoft by nearly 20%. In fact, Apple and Google are the only two mobile platform providers that have been consistently growing in market share during that period.

So I decided to focus our efforts on Apple and Google. Microsoft will have to wait.

What Will Windows Phone Do?

I used to be a Windows Phone user. I loved my Windows Phone (I missed a lot of the apps from my old iPhone, but I LOVED the operating system and the Live Tiles). In the last year I have regularly switched phones every month or two, trying out several Android devices in addition to the iPhone 4/4S and now iPhone 5. I’m a believer in Windows Phone – I think it is a great operating system. That is completely separate from the business decisions I make.

With Windows Phone 7 already on death row, and the success of Windows Phone 8 nothing more than speculation (like this and this), I didn’t feel like WIndows Phone warranted our time…yet. I am bullish on Windows Phone. Like I said, I love the OS and the new hardware is looking pretty good.

I have maintained a wait-and-see stance on adding Windows Phone support to Icenium.

We’re Not Waiting Idle

Of course, Telerik has a lot of knowledge in Windows Phone, which means we’ve already done some research. We’ve done a proof-of-concept to learn more about what it would take to support Windows Phone, and we know what we need in order to give Windows Phone the Icenium treatment. We’ve already engaged Microsoft to work out some of the details, in the event we decide to move forward.

Over the next few weeks we’ll be watching the early adoption of Windows Phone to see what the consumer reaction is, and use that to make some decisions about how we prioritize our backlog for the remainder of the year, and early 2013.

OK, What About Windows 8?

Having worked on Windows 8 tooling before I left Microsoft, I feel like I know the app-type Formerly Known as Metro (FKM) pretty well. I’m curious to see how consumers and enterprises react to both the app-type and the new hardware. Clearly Windows 8 will be successful in the PC market – although I’m not sure how well PC users will take to the FKM style apps.

ImageFor the mobile device market, the success of the Surface with Windows RT (Surface RT) and the OEM tablet form factors will have a huge impact on the success of FKM apps on devices. If the hardware isn’t sexy, the Windows 8 tablet will suffer the same fate as Windows Phone 7.

If the Surface RT and its cousins do well with consumers (and even in the enterprise), then the FKM app-type has a shot, and it would make sense for Icenium to support it. The advantage we have is that FKM apps can be built with HTML and JavaScript, which work through a projection layer into the Windows Runtime (WinRT) – basically the exact same way Apache Cordova works (in concept), making adding FMK app support to Icenium very achievable.

Like WIndows Phone 8, I am bullish on Windows 8, and the Surface RT – I’d say I am even more bullish on Windows 8 than Windows Phone 8. I’ve already pre-ordered my Surface RT and a Windows 8 Ultrabook with a touchscreen.

Keep Your Fingers Crossed (and Buy a Surface RT)

I hope that helps you understand some of the decision making process I used for deciding what platforms to support in the initial offering of Icenium. We have aspirations to support all relevant platforms – and right now that definition excludes Windows 8 and Windows Phone 8. Let’s hope that changes.

I’d love to see a three-horse race in the mobile market.

Introducing Icenium – an Integrated Cloud Environment for Hybrid Mobile App Development

Today is a day that my team and I have been looking forward to for a long time. Today I am happy to announce that Icenium, an Integrated Cloud Environment (ICE) for hybrid mobile app development, is now available to everyone!

Icenium Logo (1416x321, 54k)

The Story Begins

Back in July 2011, I left Microsoft and joined Telerik to take on an ambitious idea. In my time at Microsoft I had spoken with hundreds of developers and was able to witness first-hand the frustration that many of them felt working with Integrated Development Environments (IDEs) – they were big, bloated and most were designed with only one platform, or one platform vendor in mind (e.g. Visual Studio, xCode, etc.). For developers that targeted multiple platforms, using these IDEs meant downloading, installing and managing multiple platform SDKs and two or more separate development environments. For example, targeting the most relevant platforms in the world today – iOS and Android – meant using xCode with Objective C and Eclipse with Java, along with all the SDKs and tools that go along with them. Nearly 3 GB of downloads to install and maintain (not to mention, you have to have a Mac OS X environment, automatically excluding Windows-based developers). I was no different from the developers I talked to. I used these tools all the time. They took up a lot of my time to download and configure, they took up a lot of hard drive space, and they required a powerful development machine.

I also observed that while I was writing code, I was also listening to music from Pandora, saving documents in DropBox, and keeping notes in Evernote. Nearly everything I used daily was not only cloud-connected, but the cloud played a significant role in enabling the technology; that is, the technology wouldn’t have functioned without the cloud. Everything except my development tools (OK, maybe I’d deploy an app to the cloud, but the cloud didn’t aid me in my development efforts).

An ICE Age is Coming

The idea that a development environment required all of the SDKs and platform dependencies to be installed locally on a development machine with massive RAM and a big hard drive felt so antiquated compared to the other apps I used which were light-weight and used the cloud in a meaningful way. This made me want to redefine what a development environment was. I wanted to build something that enabled developers to build across a variety of platforms, and now that cloud connectivity was ubiquitous for developers, it was possible.

I left Microsoft in pursuit of a company that would allow me to chase my crazy idea, and Telerik is just that crazy (talking to you Forte). I didn’t want to build just another IDE. I wanted to build something different; I wanted to build an ICE – an Integrated Cloud Environment. I believed that we could improve cross-platform development by decoupling the gestures of writing code from the platform dependencies required when building apps. Specifically I wanted to decouple coding from the big, bloated SDKs that limited the development experience to one where the coding environment and the target environment required affinity.

The primary objective in building an ICE was to enable developers to build apps that targeted any relevant platform from any development. My theory was that we could extract the SDKs from the local coding environment and turn them into cloud-based services that could still function as part of an integrated workflow for developing apps. In other words, it still had to be an integrated development experience, and the cloud – not your OS and RAM – would become the enabling technology. The experience had to be functional, capable and simple. The age of having to master multiple complex development environments and SDKs is coming to an end. The new ICE age will usher in a new type of development tools, and the dinosaur IDEs will die off soon enough.

Welcome Icenium

Icenium™ is the realization of that vision. Icenium combines the convenience of a modern coding environment with the power and flexibility of the cloud to manage platform dependencies. Icenium enables you to build applications without being limited by the development environment having to be compatible with the run-time environment (e.g. Mac OS X to iOS). It enables you to focus on the content of your application without the headache of managing multiple SDKs and development environments. With Icenium you can use Windows, Mac OS X, Linux, or even device operating systems, like iOS on an iPad, to build hybrid applications that are distributable through the app stores, and run natively on iOS and Android devices.

I believe web developers are looking for ways to move from mobile-optimized web sites to building apps that run on devices, so we built Icenium with web developers in mind. We leverage Apache Cordova (aka PhoneGap) to enable you to use HTML, CSS and JavaScript to build your application. When your project is compiled, we build the iOS and Android native bits in the cloud, which means you don’t have to think about SDKs, Objective C or Java. Just focus on your app and leave the platform dependencies to us.

We also tailored the development experience to web developers. Most web developers (me included) prefer to work with capable, text-based code editors (and not WYSIWYG tools that modify your code without your consent), a browser and some debugging tools, such as WebKit Inspector, so we designed Icenium to work the same way. The Icenium coding environment is a simple text-based code editor, packed with advanced capabilities including syntax coloring and formatting, real-time error detection, refactoring, code navigation, and more.

Iterate quickly on your design with the integrated device simulator.

Each development client (Icenium Graphite for Windows and Icenium Mist in the browser) includes a device simulator that enables you to test your application much like you would test a web app in a browser. The device simulators include options for simulating iPhone, iPad, Android phone and Android tablet, including a geolocation simulator and the ability to rotate and flip the device. The device simulators expose the ability to use WebKit Inspector-based debugging tools – the tools you already know. We have tried to replicate the working style you already use for web apps, making the transition to mobile application development simple and intuitive.

Icenium Graphite™

Icenium Graphite with real-time syntax error detection.

Icenium Graphite is an installable development tool for Windows operating systems. It is a WPF app that provides you with the ability to build a cross-platform mobile application, test it in a device simulator, build the app (in the cloud of course) and deploy it to multiple devices at once. When you are ready, you can switch to a “release” build setting, add your icons and splash screens and package your app for publishing to the Apple AppStore or Google Play.

Icenium LiveSync™

Icenium LiveSync is one of the truly magical features of Graphite. With LiveSync you can build and deploy your app to one or more iOS and Android devices with nothing more than the click of a button. Your app is built in the cloud, and then delivered back to Graphite where it is pushed over USB to all connected devices.

Icenium integrates Apache Cordova to enable cross-platform mobile application development for iOS and Android devices.

I usually have 10 or 11 connected at once, including iPhone 4S, iPhone 5, iPad 1, iPad 3, Google Nexus, Google Nexus 7, Galaxy S2 Skyrocket, Galaxy S3, Galaxy Tab 8.9”, Galaxy Note 10”, HTC One X, and the Kindle Fire.

After the app is on the devices you can test it out and see how it works on different screen sizes and pixel densities (e.g. Retina display), not to mention different form factors (phone and tablets). If you want to make a change, simply add, edit or remove the HTML, CSS or JavaScript in your project and click “Save.” When you do, the changes are saved (in the cloud of course) and immediately pushed down to the running app on all connected devices. That means you can work in rapid iterations and see your changes on the devices in real-time, as you make them.

Icenium Mist™

Icenium Mist is a browser-based development environment..

Icenium Mist is the browser-based sister of Graphite. Mist provides nearly all of the same functionality as Graphite, and works on a variety of platforms. I use Mist on my MacBook Air, and even on my iPad, when I am away from my office. Mist also includes the modern conveniences of Graphite, such as syntax coloring, statement completion, and version control integration, as well as a browser-based device simulator that can render your app on an iPhone, iPad, Android phone and Android tablet.

Since Mist is browser-based, it doesn’t have access to deploy apps to devices via USB. Instead, you can build your app and deploy it to a device by downloading the app and pushing it to your devices manually, or simply scan the on-screen QR code and the app will be downloaded to your device.

LiveSync On-Demand

Whether using Graphite or Mist, we’ve included the option to use LiveSync in an “on-demand” way. If your app is on a device and either you’ve disconnected it from USB (when using Graphite) or you deployed the app manually or with a QR code, you can request an app update easily and the content of the app will be refreshed based on your latest saved changes in either Graphite or Mist. If it’s an iOS device, simply press three fingers to the screen for a couple seconds and you will see the download begin. If it’s an Android device, simply press the context menu and the download will begin. LiveSync on demand means you can see your changes on any device, anytime, anywhere.

Icenium Ion™

Icenium Ion enables you to forget about device provisioning during development.

If you’re familiar with Apple’s iOS development model, you know that in order to deploy an app onto an iOS device you need to first provision that device through the Apple Developer Center. Icenium fully supports working with provisioned devices – in fact Icenium can aid you in creating the Certificate Signing Request required when requesting a device provision. However, if you want to try out your app without provisioning your phone, or you want a stakeholder or beta tester to try out your app and give you feedback, then Icenium Ion is the tool you need. Ion is a development and testing utility (downloadable for free from the AppStore) that enables you to load your app onto any iOS device regardless of whether or not it has been provisioned. Simply scan a QR code provided by Icenium and the app will download and launch inside Ion. Of course, LiveSync on demand works perfectly with Ion too.

Version Control

Icenium Graphite Code Editor with Version Control-Diff Window
Integrated version control means your code is safely stored and versioned in the cloud.

Of course a development tool wouldn’t be complete without integrated version control, and a cloud-based tool better integrate with popular cloud-based version control systems, so we did just that. By default all Icenium projects are connected to an integrated Git repository in the cloud, and you can optionally configure your project to use any URL-based Git repository, including GitHub and BitBucket. Both public and private projects are supported, enabling you to collaborate and version your code safely.

Kick the Wheels (for a while)

As I mentioned, today we have released Icenium for everyone to use. In fact, I don’t want there to be any barrier in your way to trying out Icenium, so I decided to make it free for the next 6-months. We won’t begin charging anyone for Icenium until May 1, 2013. So go to Icenium.com, create an account and start building cross-platform mobile apps today. I’ll bet you can build an app faster than it takes to download xCode.

Should You Go Hybrid?

Over the past week, since we released the first beta of Icenium, I’ve been talking with lots of web and mobile web developers who are either starting to develop apps for mobile devices, or who are going to be starting soon. These folks, who are new to building apps that run on devices, have lots of questions about the options available to them, and lots of confusion over native-vs-mobile web-vs-hybrid.

For the purposes of this conversation, I’ll use the following definitions:

  • Native apps are built for a specific platform with the platform SDK, tools and languages, typically provided by the platform vendor (e.g. xCode/Objective-C for iOS, Eclipse/Java for Android, Visual Studio/C# for Widnows Phone).
  • Mobile Web apps are server-side apps, built with any server-side technology (PHP, Node.js, ASP.NET) that render HTML that has been styled so that it renders well on a device form factor.
  • Hybrid apps, like native apps, run on the device, and are written with web technologies (HTML5, CSS and JavaScript). Hybrid apps run inside a native container, and leverage the device’s browser engine (but not the browser) to render the HTML and process the JavaScript locally. A web-to-native abstraction layer enables access to device capabilities that are not accessible in Mobile Web applications, such as the accelerometer, camera and local storage.

What Should I Choose?

One of the most common concerns for web developers new to the mobile app world is the learning curve required to build native apps, or the lack of education on what a hybrid app is. My advice is, before committing down a single path, consider the user experience and what each option provides you. Native apps will always provide the fastest performance, at the cost of being more complex to code when compared to a hybrid app, while a hybrid app will be easier to build, using HTML5 and JavaScript, at the cost of giving up a little bit of speed. If the user experience you want to create is a Need for Speed style game, chances are you’ll want to use native technology to implement the app for each mobile platform you’re targeting in order to get the best graphics performance. If you want to build the next Foursquare, using geolocation and providing a means for displaying data and updating data, a hybrid app is a perfect solution and enables you to build it once, publish it through app stores, and have it work on several platforms.

Like any other technology choice, deciding between native and hybrid requires you to look at the user experience and decide on the level of investment you need to make to achieve the goal. Native apps will always require more investment because they are written with more complex languages, designs and structures. They also need to be written/rewritten for each mobile platform you are targeting. Hybrid apps will always enable you to build for more platforms faster, if you are willing to sacrifice small amounts of performance (e.g. game-level responsiveness).

What is a Hybrid App?

Hybrid, by definition is anything derived from heterogeneous sources, or composed of elements of different or incongruous kinds. A hybrid app is one that is written with the same technology used for websites and mobile web implementations, and that is hosted or runs inside a native container on a mobile device. It is the marriage of web technology and native execution.

Hybrid apps use a web view control (UIWebView on iOS, WebView on Android and others) to present the HTML and JavaScript files in a full-screen format, using the native browser rendering engine (not the browser itself). WebKit is the browser rendering engine that is used on iOS, Android, Blackberry and others. That means that the HTML and JavaScript used to construct a hybrid app is rendered/processed by the WebKit rendering engine (for you Windows 8 folks, this is what the IE10 engine does for Metro style apps that use WinJS) and displayed to the user in a full-screen web view control, not in a browser. No longer are you constrained to using HTML and JavaScript for only in-browser implementations on mobile devices.

The real secret sauce of hybrid apps is the implementation of an abstraction layer that exposes the device capabilities (read: native APIs) to the hybrid app as a JavaScript API. This is something not possible with Mobile Web implementations because of the security boundary between the browser and the device APIs. Apache Cordova (formerly PhoneGap) is an example of a JavaScript abstraction layer over native APIs (for you Windows 8 folks, WinJS is another example of a JavaScript abstraction layer on top of native APIs). Through this abstraction layer a common set of APIs is exposed in JavaScript, and these JavaScript APIs work on any device supported by the framework (for WinJS that’s only Windows 8, but for Cordova that is seven mobile platforms including iOS, Android, Blackberry and Windows Phone 7). When the native wrapper is compiled around the HTML, CSS and JavaScript resources, there is an interop layer added that connects the JavaScript APIs with the platform specific APIs.

What this really means is that, for example if I build a mobile app with Apache Cordova, I can use JavaScript to access a native API, like the camera, using a single API call regardless of what platform the app will run on.

navigator.camera.getPicture (onCameraSuccess, onCameraError, { quality: 50,
    destinationType: Camera.DestinationType.DATA_URL
});

function onCameraSuccess (imageData) {
    var image = document.getElementById('myImage');
    image.src = "data:image/jpeg;base64," + imageData;
}

function onCameraError (message) {
    alert('Failed because: ' + message);
}

Under the covers the JavaScript is making an interop call that access the native API for the camera. That means that on an iOS device this JavaScript is calling into the native layer to instantiate a  UIImagePickerController and on Android it creates an Intent to use MediaStore.ACTION_IMAGE_CAPTURE to take a picture. When developing a hybrid app you don’t need to worry about this level of detail. All you need to do is call the JavaScript function (navigator.camera.getPicture() in this case), and respond to the outcome (the imageData passed to the onCameraSuccess call back function in this case).

Summary

Hybrid apps are a great option for you if you:

  1. Want to target multiple mobile platforms
  2. Want to take advantage of device capabilities like geolocation, accelerometer or the camera
  3. Want the app to be useable when the device is offline
  4. Don’t need the advanced graphics performance that you can only get from a native app.

Hybrid apps are built with web technologies which means there are millions of web developers who already have the base skill set to build mobile apps.

Here is a graph that highlights the differences in native, hybrid and mobile web applications.

We Need Developer Tools, Not Platform Development Tools

It’s been almost a year since I left my role at Microsoft as Director of Product Management for Visual Studio. Ever since I left, I’ve had lots of people asking what I am working on now, and I’ve been pretty quiet about it (the running joke is that I am the VP of Black Ops). The truth is that my team and I have been very busy solving what we believe to be one of the biggest challenges facing developers today and building a new product that I believe will dramatically reduce the barrier to entry for developers wanting to build applications that run natively on mobile devices.

I firmly believe that mobile devices are the single biggest opportunity today for developers. Cell phones are ubiquitous, and smartphones are becoming so common place, it’s surprising when someone doesn’t have one. According to the March 2012 U.S. Mobile Subscriber Market Share from comScore 234 million Americans age 13 and older used mobile devices, and more than 106 million people in the U.S. owned smartphones. That’s roughly one-third of the US population, and if you are anything like me, your smartphone is the only computing device you have with you at all times, from the time you wake up, to the time you go to bed. While a smartphone (or tablet) may not be your primary productivity device, it is arguably your primary device –the only one you always have within reach.

From a developer’s perspective, this represents a huge opportunity. While lots of developers have already entered the mobile device development arena, only a fraction of the entire developer population is actively doing development for mobile platforms. As businesses embrace mobile devices and start to extend their line-of-business applications, business-to-business applications and direct to consumer applications, more and more developers will have to transition into mobile platform developers.

While mobile platforms are one of the biggest opportunities for developers, they are also one of the biggest challenges for developers. Like the browser-wars of the 90’s, the mobile platform arena is hugely challenging. Every mobile platform provider has their own SDKs, uses a different programming language, and different tools. In fact, if you want to target all of the mobile platforms out there, you need multiple development machines—one for Mac OS X and one for Windows (at the very least you need a Mac and a BootCamp image of Windows). To build one app that runs natively on all platforms requires significant duplication of effort—essentially building and rebuilding the same app on different platforms. None of the platform providers are eager to solve this problem for you—they don’t make developer tools, they make platform development tools.

When I was at Microsoft, my job was to ensure Microsoft built the best platform development tools possible As a result we created awesome tools for development on the various Windows platforms (client, server and phone). What we didn’t do was build great developer tools—tools that made developing applications easier and more enjoyable regardless of what platform was being targeted. The only way to do that in the Developer Division would be to secede from Microsoft and become an independent software vendor (ISV)…and DevDiv would be a big one. Since that wasn’t going to happen I decided that it was time to find an ISV that had the ability to create great development tools regardless of platform. That quest led me to Telerik, where my team and I have been doing just that.

I’d like to invite you to join the Icenium private beta. Icenium is a work in progress (hence the private beta) and steadily becoming the product that I envisioned—a development tool that makes building applications easier and more enjoyable regardless of platform. With Icenium, we intent to build the worlds first Integrated Cloud Environment (ICE) that combines the power and flexibility of the cloud with the convenience of a local coding environment to massively eliminate the complexity of building cross-platform mobile applications. In its current beta state Icenium enables you to build applications for Apple iOS and Google Android, and more platforms will follow. My team and I are very excited about this beta, and we are looking forward to getting your feedback.

D7