Archive for August, 2010

Tomorrow Apple Event: Any Expectation?

Tuesday, August 31st, 2010

The announcement dates back to just one week ago and it has already sparked the usual trepidation around the web about what the next shiny little device from Apple could be.

From the Yerba Buena Center for the Arts Theater in San Francisco on September 1, Steve Jobs will reveal the Apple’s news, music-themed this time of the year: it will probably be a product to be launched in the coming weeks, but about which we don’t have many clues yet.

The most reliable voices report about a complete redesign of the iPod lines that could probably inherit the dual cameras and Retina display from the new iPhone 4, and a New Service That Could let users listen to streaming music over the Internet without downloading songs directly to their own computer. Credible speculation, if you look back at December 2009 when Apple acquired LaLa, a streaming digital music service – currently suspended – which allowed the users, among other interesting features, to purchase streaming-only Web albums.

Some rumors report that Jobs could also introduce a new iPad model, with a smaller screen size of 7 inches versus the actual 9,7 inches, Retina display equipped and priced significantly lower than the $ 499 needed for the current basic model of the tablet.

Probably, however, despite many who want a smaller model of the Apple tablet, that’s easier to carry and less bulky than the currently available version, we won’t see anything like that before next year anyway, because the introduction of a different product concept would be too close to the launch of the original iPad of just a few months ago.

Finally, we expect the announcement of the possible relaunch of the not-so-lucky Apple TV with its brand new name “iTV” which would then benefit from on-demand movies, television series and programs through a special decoder.


We’ll see then. Any expectation on your side?

Internet Killed Blockbuster. Who’s Next?

Sunday, August 29th, 2010

Dallas – The bomb blew up just a few days ago when a Los Angeles Times article reported that Blockbuster Inc., the video rental giant, is ready to file for bankruptcy.

Overwhelmed by debt and losses amounting to over $1 billion since 2008, the video rental chain is yet another of the world’s most famous names to join the long list of once successful companies that have not been able to adapt their business to the radical changes in the market introduced by the Internet. Another high-profile victim.

In a recent note (August 13), Blockbuster reported total revenues for the second quarter of 2010 were $788 million, with a loss of $194 million compared to total revenues for the same period one year ago. Net loss for the second quarter of 2010 was $69 million with a negative increase of $32 million compared to net loss in the second quarter of 2009.

As with the entire music industry, that in the early 2000, with the rapid spread of the Internet, has witnessed the failure of its revenue mainly because of music piracy and as, more recently, the bookstore chain Barnes & Nobles, which is paying for a significant delay in entering the business of electronic books (which record is firmly in the hands of Amazon), Blockbuster pays his choice of sticking to an old distribution model for its core business, a model that’s no longer adequate in the age of the Internet and unable to compete with Netflix or iTunes.

If it is true that over the next five years entertainment, music, books, videos, video games, will be distributed mainly via remote connections – it’s already happening right now, you know – I believe we have to realistically expect that the classic physical media will suffer a further drastic reduction and that this change will cause another earthquake which will spare only those who will react in a timely fashion.

To cope with the losses, Blockbuster plans to shut down 500 to 800 of the 3,425 on the United States territory. The bankruptcy will be filed probably by the end of September.

The Cost of Tweets (CO2 Emissions)

Friday, August 27th, 2010
What’s the cost of tweets sent daily on Twitter in terms of CO2 emission?

According to data from Twitter, published in February 2010, every day around 50 million tweets are sent over the popular micro blogging platform.

Considering an average time of 10 seconds to write one single tweet and the average consumption of 250 watt/hour for one single computer, the total daily consumption amount to 35 kW h (kilowatt hour).

Multiplying this value for the average estimate of CO2 emission per kW, we obtain the daily value of CO2 emission which rises up to 492,000 Kg. Obviously this value is only an rough estimate (rounded down) but, just to give you an idea, it’s like driving a car producing 150 grams of CO2/Km for 3,3 million kilometers.

10 Useful Frameworks To Develop HTML-Based Webapps for Touch Devices

Wednesday, August 25th, 2010

In the last two years the rapid growth and diffusion of touch devices such as iOS or Android based platforms has forced developers and web designers to rethink the model of their own webapps for the new “touch experience” introduced by the iPhone in 2007.

During this period several frameworks have been released to help web developers implement quickly applications for this kind of touch devices. Here is a collection of some useful frameworks to develop easily HTML-based webapps that will work on all popular smartphone and tablet touch platforms.

Titanium – Appcelerator Titanium is a free and open source framework to develop easily native mobile and desktop apps with web technologies. It provides developers with over 100 customizable UI controls for native tables, views, tabs, alerts, dialogs, buttons, support for geolocation, social networks and multimedia.

Sencha Touch – Sencha Touch is a HTML5 mobile app framework that allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices. It supports HTML5, CSS3, and Javascript for the highest level of power, flexibility, and optimization in developing your web applications.

Sproutcore Touch – Sproutcore Touch is the touch edition of the Sproutcore framework for developing HTML 5 web applications that includes complete support for touch events and hardware acceleration on the iPad and iPhone.

PhoneGap – PhoneGap is another interesting open source framework for building cross-platform mobile apps with web standars (HTML5, CSS3, JavaScript). This framework supports geolocation, vibration, accelerometer, camera, orientation change, magnetometer and other interesting features for iPhone, Android, Blackberry, Symbian and Palm.

Rhodes – Rhodes is another excellent open source framework to rapidly build native apps for all major smartphone operating systems (iOS, Windows Mobile, Symbian and Android). It supports GPS geolocation, PIM contact reading and writing, and camera image capture.

iUI – iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for iPhone and comparable/compatible devices.

iWebkit – iWebkit 5 is the new version of the popular ultralight framework for easily creating iPhone and iPod touch applications. The current release has new improved features and is really easy to understand in order to develop in just a few minutes your own web apps.

XUI – XUI is another javascript framework for building simple web applications for mobile devices. No much documentation available but it worth to try it for not complex apps.

jQPad – jQPad is an iPad web development framework jQuery based with some features for quickly developing simple iPad applications.

jQuery Mobile – Closing I want to suggest you jQuery Mobile, the touch-optimized version of the popular jQuery framework for smartphones and tablets which will allow you to design a single highly branded and customized web application that will work on all popular smartphone and tablet platforms. The framework will support iOs, Android, Windows Phone, BlackBerry, Symbian, Palm webOS and other devices. The framework is under development and will be available in late 2010.

Best Practices To Design a Perfect HTML Navigation Bar

Monday, August 9th, 2010

The navigation bar is an inevitable element in every website. In this post I want to share with you some simple practices and suggestions aimed at designing a perfect HTML navigation bar.

Let’s start illustrating the typical HTML structure. Here is a schematization of a typical navigation bar that contains some links:

The HTML code is really simple, nothing more than <div> layer with an unordered list inside. As you probably know, the HTML5 specification introduced a new element that identifies the navigation bar which is the <nav> tag. The <nav> tag substitutes the more general <div> tag but, as you can see in the following code, it doesn’t change the conceptual structure of the navigation bar.

HTML 4 Code

<div id="nav">
<ul>
<li><a href="/index">Home</a></li>
<li><a href="/link1">Link 1</a></li>
<li><a href="/link2">Link 2</a></li>
<ul>
</div>

HTML 5 Code

<nav>
<ul>
<li><a href="/index">Home</a></li>
<li><a href="/link1">Link 1</a></li>
<li><a href="/link2">Link 2</a></li>
<ul>
</nav>

Using an unordered list for organizing the navigation bar is always a good practice to follow especially when you have to implement a little bit more complex interaction between main links and any submenus. Furthermore, this approach allows you to have more control on the CSS code of the various elements that compose the navigation, thus simplifying the customization.

Here is an example of HTML structure for a basic navigation bar with submenus:

<div id="nav"> <!-- nav container -->
<ul>
<li><a href="/link1">Link 1</a> <!-- main item -->
<ul> <!-- item submenu -->
<li><a href="/s-link1">Sub Link 1</a></li>
<li><a href="/s-link2">Sub Link 2</a></li>
</ul> <!-- close submenu -->
</li>
<ul>
</div>

CSS code suggestions

Now take note of the following three simple suggestions for great CSS code. Set the “height” attribute for the tag <li> equal to the height attribute of the <ul> tag:

For a perfect vertical alignment of the text, set the “line-height” attribute for the tag <li> equal to the height attribute of the <ul> tag:

To make the area of your link fully clickable set the attribute “display” of the tag <a> to block:

Interaction with pages

You can create various kind of interactions between the items of the navigation bar and a certain page visited by the user. A simple interaction consists in changing the status of a specific tag to “active”, for example, if the current page is the home page or if the current post is in a specific category which is present in the navigation bar. In the picture, the current post is in the category “Apple” and the tab “Apple” in the navigation bar is “active”.

If you use WordPress you can use the following code for identify the home page and make the “home” tab of your navigation bar “active”:

<?php if(is_home()){ ?>
<li class="active">Home</li>
<?php } else { ?>
<li><a href="<?php echo get_option('home'); ?>">Home</a></li>
<?php } ?>

If you use a category-based navigation bar you can use the following code to highlight a tab of a specific category when the post is in that category. For example, if your navigation bar has a tab “Apple” and the current post is in the category “Apple” you can make the tab “active” using this code:

<?php
global $post;
$categories = get_the_category();
foreach($categories as $category) {
$cat_name = $category->cat_name;
} ?>
<ul>
<?php if(!is_home() && $cat_name=='Apple'){?>
<li class="active-sn">Apple</li>
<?php } else { ?>
<li><a href="<?php echo get_option('home'); ?>/category/apple">Apple</a>
</li><?php } ?>
<ul>

That’s all. If you have any suggestion or feedback please leave a comment!

The State of Social Location-Based Services

Sunday, August 8th, 2010

2010 is the year of social location-based services: Foursquare, Gowalla, Google Latitude, Loopt, Brightkite and MyTown.

In the last months we have seen a rapid growth of social location-based services in particular Foursquare. Sharing your own position to unlock badges and earn points using this kind of services has become an activity that engages and appeals to more and more people.

In the challenge between Foursquare and Gowalla, according to a recent report provided by RJMetrics, Foursquare leads with over 2.5 millions active users and with an average daily growth of 19,000 daily users in the last month.

Gowalla is just over 390,000 active users (circa 15.6% of total Foursquare’s users) with a daily average increase of 1,800 new users.

Google Trend estimates Foursquare generates over 5,5 million unique visitors per month with a growth of 350% from January to August 2010 whereas Gowalla generates 830,000 visitors/month with an increase of 15% considering the same period of the year.

There’s not much data available regarding Google Latitude exception made for a statement of Google’s Steve Lee who, in May, reported the service has 3 million active users with an increment of 30% per month (circa 30,000 daily users). This means that if the Latitude’s growth is remained constant during the last three months the Google’s service has now reached 5.7 million active users.

Loopt, another popular location-based social mapping service reached over 4 million users with 240,000 monthly unique visitors, Brightkite surpassed 2 million and MyTown, a social location game, has a userbase of 2.8 million people.

Popular Tools To Measure Your Influence on Twitter

Saturday, August 7th, 2010

Are you a popular person on Twitter? What’s the grade of you social influence? Here is a list of tools to measure it.

Social influence can be considered as the measure of your reputation across the web and can be calculated through the analysis of several factors such as the authority of your network of contact, your online activity, exposure and visibility of you (or your brand), number of subscribers to your RSS feeds and so on.

In particular, if you are a Twitter user and you want to know what’s your influence on Twitter many tools exist that give you an estimate of that. I must admit I am quite skeptical about the result of analysis that this kind of tools generate but in any case they provide an approximated value of your social “rank” that give you an idea of your influence grade.

Klout is probably one of the most popular services to measure your overall online influence based on the activity of your Twitter profile. For each profile, Klout generates a score range from 0 to 100 (with higher scores representing a wider sphere of influence) and detailed summary reports about your authority, engaged audience, most popular shared links, top retweets and so on.

Grader is another popular service that allows you to analyze and measure your influence and authority over a selection of social network such as Facebook, Twitter, Linkedin and Foursquare. A really interesting tool provided by Grader is Alerts.Grader that allows you to analyze and filter your emails from Google Alerts, Twitter and Linkedin so that, for example, you can know when an important person on Twitter is following you or which alerts received by Google are really important.

Other interesting services I suggest you to try are Twitalyzer, GraphEdge, Tweetmetrics and Twinfluence.

How-To: Add a Custom Home Screen and Web Clip Icon To Your iOS Device

Friday, August 6th, 2010

Ever wonder how some sites get awesome icons when added to your iOS device home screen? The answer is incredibly easy, yet there are a couple of tricks that will help you get the best from the use of a simple image. Curiosity actually sparked when I started using Reeder for iPad (to me it’s definitely the best RSS feed reader available for iOS devices) and its interface showing big icons for each feed stream. The majority of the blogs I am subscribed to only show favicons or smaller versions while some others (like John Gruber’s Daring Fireball) already got their grasp on the trick.
So here are a few suggestions on how to get the Web Clip icons to show up on your iPhone or iPad home screens.

Simple method

Create a 158×158 pixels image, name it apple-touch-icon.png and put it right into the root of your website. You can see ours here.
This will result in a crisp enough image for the Retina display and for views like Reeder’s. Keep in mind that the predefined Apple glossy button effect will be applied to your PNG.
No code is needed because iOS devices will automatically identify the Web Clip image.

Advanced method

In case you wanted to specify a different icon for each of your pages make sure you put something like this in your <head>:

<link rel="apple-touch-icon" href="path/myicon.png"/>

“Myicon.png” is the name you choose for your icon and “path” indicates the folder in which the icon is.

Notes

In case you realized you don’t like the pre-defined rounded corner plus glossy effect at all, you will have to rename your file (or link rel) accordingly, replacing apple-touch-icon with apple-touch-icon-precomposed. In this way your icon will be rendered as you conceived it, with no further modification.

Hope you found this bit of info useful for your own blogs, projects, web apps, whatever!

Google Buzz Is the Next Google Flop

Thursday, August 5th, 2010

Google Buzz strives to take off, because it never left a real mark in users’ hearts. Will they shut it down like they did with Wave? In a recent interview with the Wall Street Journal, when asked about the rumors regarding the possible launch of a new social network branded by the big G (Google Me), Google CEO Eric Schmidt said in a lapidary sentence hat “The World Doesn’t Need A Copy Of The Same Thing. ”

This does not necessarily mean that Google will waive its share in the social network environment (estimated revenues rise up to around 1.1 billion dollars for Facebook alone) but that probably his statement should be read as an attempt by the Mountain View giant to propose something so innovative that it could completely rewrite the rules of social networks as we know them.

That’s what you would expect from Google after the launch of several products that were announced with great fanfare but that proved to be resounding failures.

Google has often exploited the huge economic resources resulting from its core business in order to launch “clones” of competing successful services, with the erroneous belief that its brand was a reason enough to prevail over other competitors and gain market share in areas other than that of search engines. Proceeding this way though Google has made a mistake and the unsuccessful attempts like Google Answers, Knol, Orkut, Lively and more recently Google Buzz are the living proof.

Google Buzz strives to take off, because it never left a real mark in users’ hearts. It’s a kind of Twitter surrogate that includes a few additional features totally devoid of originality, making it look more like the Facebook Wall. It’s integrated with GMail and it looks like an extension of this mail service, but to me it’s not clear why users would need it and why they should use it because, ultimately, it has nothing you can’t find anywhere else.

The tabbed interface inherited from GMail is a nightmare. Following the many conversations becomes cumbersome and frustrating. The service doesn’t have a satisfying mobile client that could become the key to making the experience of using the service more pleasant and immediate than the web interface alone.

Furthermore, let’s face it, it is no way “cool” and it gives you the feeling of being exclusively dedicated to a niche audience rather than to a large scale consumer base as, instead, Twitter is.

The question is: was Google Buzz really necessary? What were the unique selling points Google execs individuated when launching it, if to users’ eyes it was not much more than a service emulating Twitter?

Given the disappointing results what is Google planning for Buzz? Will they shut it down like they did with Wave? Will it be left like a neglected link within the GMail interface on the brink of a slow oblivion?

The World Doesn’t Need A Copy Of The Same Thing. Hope they’ve learnt the lesson this time.

Foursquare and Social CRM

Sunday, August 1st, 2010
Foursquare is not only a powerful geo-location service but also a way to integrate the social dynamics triggered inside its network for a larger Social CRM strategy.

In this article we will decline Foursquare features into the seven business objectives proposed by Altimeter Social CRM framework in order to illustrate how Foursquare now seems to work very well in providing insight, developing social media marketing strategies and optimizing the sales process.

The Altimeter Social CRM framework
The Altimeter Social CRM framework proposes seven business objectives which are illustrated in the following picture:

Social CRM is the company’s response to the customer’s ownership of the conversation.
- Paul Greenberg

Social Customer’s Insight – The quantitative and qualitative data related to Foursquare can be integrated within a strategic social media monitoring process allowing more thorough and detailed analysis of key aspects such as key influencers, trends, tips and users’ sentiment. With this in mind, Sysomos recently launched Fourwhere service, allowing you to track and monitor comments and tips not only from Foursquare but also from Gowalla and Yelp.

Social Marketing – Foursquare lets you design strategies involving marketing on social media like the now famous treasure hunt by Jimmy Choo. This said, successful social media marketing strategies applied to Foursquare need two well defined features: a multiple-platform approach and a marked gaming dynamic.

Some 90% of buyers trust peer reviews and 70% trust online reviews.
- American Marketing Association

Social Sales – The sales process can be developed with Foursquare through loyalty programs such as the increasingly popular special offers dedicated to mayors or to everyday visitors of the venues.
Beyond this type of promotion it’s worth mentioning the increasing integration between Foursquare and Square offered by Hutch Carpenter: merging Foursquare social and playful dynamics with online transactions enabled by Square, finalized to the monitoring and analysis of the identity of customers as well as their frequency of geo-location use and their buying behavior.

Social CRM involves companies collaborating with their customers to create advocacy by improving customer experiences.
- Chess Media Group

Social Service & Support – For San Francisco users BART uses Foursquare to provide detailed and up to date information about things to do or places to see in the areas around the main stations. Their support service in not in real time, but it could well be implemented through better integration between Fourquare and Twitter, where Bart channel is already active.

Social Innovation – Starbucks, in addition to being a lovemark, is considered one of the best examples of the use of Foursquare in marketing and promotion of sales. But Starbucks is not using this channel in terms of social innovation as it already does, and successfully, inside My Starbucks Idea. Using a system of idea-management (both internal and external) as the one offered by Spigit would integrate the insights of Foursquare in a more functional process of listening – reaction – cocreation.

Collaboration – With collaboration we mean not only the cooperation between brands and users, but also and above all the cooperation between the various departments within the same company. The data, signals, user opinions coming from outside should land on a reactive company, ready to change its business processes in order to respond proactively to the requests coming from the users.

Customer Experience – The difference between a traditional CRM and a Social CRM is, in first place, the need to place the consumer (the social customer) in a central position for any strategy aimed at improving sales, marketing or support. In this way you invest on customer experience and you “recruit” people, turning them into testimonials for the brand. Engagement strategies that may implement a brand outside the company though, need to be replicated even within the company, because the experiential continuum on which the Social CRM is based can’t present an interruption between inside and outside, between the Enterprise 2.0 and social media marketing.

Conclusion
So, although potentially adaptable to all the business objectives we identified, Foursquare right now seems to work very well if used to provide insights, to develop social media marketing strategies and to optimize sales processes.

Benefits and cases of integration of Foursquare in support strategies and social innovation appear to be less obvious instead, at least at present time. The same applies to the last two goals, collaboration and customer experience, where Foursquare is not yet sufficiently mature to be integrated as a tool into specific strategies of change management that should lead the company to develop, often from scratch, engagement processes aimed both internally and externally.