Tag Archives: mobile

How Kik Survived The Group Messaging Wars And Built A Sweet Mobile App For Controlling TVs

How Kik Survived The Group Messaging Wars And Built A Sweet Mobile App For Controlling TVs

clik-code

If a consumer mobile fad comes and goes, and you don’t play consolidation musical chairs, what do you do next?

This is kind of what happened to Kik, a Canadian startup that took off with the explosive growth of its messaging app last year. Amid the hype around messaging, Kik raised $ 8 million in funding from RRE Ventures, Spark Capital and Union Square Ventures. Not too long after, Kik’s rivals Beluga and GroupMe got acquired in some respectable (but not crazy huge) deals by Facebook and Skype last year.

Meanwhile, Kik has stayed independent and is charting a completely different course.

About two months ago, they launched Clik, a mobile app that lets you control a TV right from your phone. There are a few steps to making it work, but the major plus to Clik is that it doesn’t require additional hardware. You point your desktop or smart TV browser at ClikThis.com, which generates a unique QR code (a two-dimensional barcode). Then you open the Clik iPhone or Android app, aim the camera at the screen, and the phone syncs to the TV or computer. Once they’re connected, you can use your phone like a remote control to play YouTube videos on your TV.

You can see a demo here:

So now the company has two major products under its belt: the messaging app Kik and the TV app Clik. There are no plans to spin either product out of the company.

Chief executive Ted Livingston says this isn’t a pivot. Really.

Kik is very much alive and well with 10 million registered users and 1 billion messages sent per month. It’s maintained a Top 25 ranking in the social networking category in the U.S., according to App Annie, and it currently has a better rank than high-profile apps like Path and Foursquare. The issue is that messaging is a service that could be easily cannibalized by Apple’s iMessages, Facebook Messenger or any change in the way the carriers handle SMS.

But the company’s other product Clik addresses a real hole in the market because most TV controllers are horribly designed. That’s the part that has a real revenue opportunity.

Plus, Clik has attracted interest from more than 100 potential partners that want to explore using it for video or gaming. “Clik has had huge response from developers who see it as a white-label version of Apple’s AirPlay,” Livingston said.

Since Kik has the user base that most mobile developers could only dream of having, the idea is to use Kik to cross-promote and seed Clik’s usage. “We think that Kik will provide viral distribution for Clik,” Livingston said. “We look at Kik as a way to get content from person to person and Clik as a way to get content from person to screen.”

Livingston says that Clik is actually a return to the company’s original vision. You see, back when the company started in 2009, it had the vision of making music very easy to play and share between phones and desktop computers. But licensing from the music labels is a pain, so they used the technology to build a messaging app instead.

Now that messaging has had its moment in the sun, it’s time to move on.

“We always thought that group messaging was a fad,” Livingston said. “We never looked at Kik as a social network. We always looked at it as a way to get content from person-to-person.”

Livingston has shown off Clik in a couple different ways. You can use it to send a YouTube playlist on your TV directly from your smartphone. You can also use Clik to play a game on a TV using an iPhone or Android device as the controller, which has piqued the interest of game developers.

“We’re looking at the entire stack and how to enable pre-existing experiences to be transferred from the phone to the browser,” he said. Kik should remain free indefinitely, but there will probably be some kind of freemium revenue model behind Clik for partners.

And if Apple launches an iTV? Well, that’s just extra marketing for Clik, since Apple would probably pursue a closed solution that would only work on its devices.

“The rumors around the Apple TV and awareness around AirPlay has been great for us,” he said. “We let you connect any phone to any screen and we’re open.”


TechCrunch
Kim-Mai Cutler

http://tctechcrunch2011.files.wordpress.com/2012/04/clik-code2.jpg?w=100

Facebook Explains Why It’s Supporting Congress’ CISPA Cybersecurity Bill

Screen shot 2012-04-13 at 4.56.05 PM

Facebook today explained why it has taken a positive stance on the Cyber Intelligence Sharing and Protection Act, or “CISPA”, bill currently under consideration in the United States Congress. The social networking company is one of a group of tech companies that have announced support for CISPA — Microsoft, Oracle, Intel, IBM, and Symantec are also among its backers.

In a post today on the official blog for Facebook’s Washington D.C. office, the company’s U.S. public policy VP Joel Kaplan wrote that there are a number of bills being considered by Congress at the moment that would notify companies like Facebook when the US government knows there is a “critical threat” of a cyber attack. Facebook is supporting CISPA, he said, in part because it would not make Facebook share any more of its own data than is currently required:

“A number of bills being considered by Congress, including the Cyber Intelligence Sharing and Protection Act (HR 3523), would make it easier for Facebook and other companies to receive critical threat data from the U.S. government. Importantly, HR 3523 would impose no new obligations on us to share data with anyone –- and ensures that if we do share data about specific cyber threats, we are able to continue to safeguard our users’ private information, just as we do today.”

Kaplan did acknowledge the criticism that CISPA has attracted from those who say the bill is along the same lines as SOPA in terms of the potential threat to individual privacy and freedom on the web (the reasons for this scrutiny are articulated pretty well by this Lifehacker post.) SOPA was, of course, the proposed anti-piracy legislation that ultimately foundered after coming under incredibly intense scrutiny from the tech community and beyond. Critics say Facebook’s support of CISPA is suspect, considering that the company came out publicly against SOPA. But Kaplan vowed that Facebook is committed to defending its users privacy, and that its support for CISPA is in line with that value:

“…we recognize that a number of privacy and civil liberties groups have raised concerns about the bill – in particular about provisions that enable private companies to voluntarily share cyber threat data with the government. The concern is that companies will share sensitive personal information with the government in the name of protecting cybersecurity. Facebook has no intention of doing this and it is unrelated to the things we liked about HR 3523 in the first place — the additional information it would provide us about specific cyber threats to our systems and users.

The overriding goal of any cybersecurity bill should be to protect the security of networks and private data, and we take any concerns about how legislation might negatively impact Internet users’ privacy seriously. As a result, we’ve been engaging directly with key lawmakers as well as industry and consumer groups about potential changes to the bill to help address privacy concerns.”

There will certainly be more developments here as time goes on, but one thing seems for certain: The government has set its sights on the world wide web, and more legislation is coming to the space one way or another. Here’s hoping the larger tech industry is not too fatigued from its fight against SOPA and PIPA — it will be important to stay vigilant about the potential impact of the bills that are yet to come.

If you oppose Facebook’s backing of CISPA, there is a petition to ask the command to rescind its support for the bill here.


TechCrunch
Colleen Taylor

http://tctechcrunch2011.files.wordpress.com/2012/04/screen-shot-2012-04-13-at-4-56-05-pm.png?w=150

Death To The Gatekeepers: Bezos Talks Innovation In The Publishing Space

scaledwm-3251

The heart of Jeff Bezos’ mission has always to circumvent the traditional “gatekeepers” of commerce. He started with books, an industry ripe for disruption, and moved onto, well, everything else. At this point, his vision has come true. The old gatekeepers in the book sales cycle are on the ropes and electronics companies are already planning to collude in order to maintain a “minimum” accepted price, thereby ensuring Amazon doesn’t eat all of their lunch.

But Amazon is hungry and, like Plainview, they have a long straw. They won’t just eat the world’s lunch, they’ll drink its milkshake, too.

The recent lawsuits against Apple and various publishers are a testament to Amazon’s power. Publishers won’t accept that their product can’t be sold at Amazon’s prices and Amazon won’t accept that the product can’t be sold at a price that reflects the market. We are, after all, just talking bits shipped to devices and $ 1,000 made in 1,000 ninety-nine cent increments is the same as $ 1,000 made in one-hundred $ 10 increments. Amazon, for the longest time, served as a final lifeline for the paper publishing industry and it seems that this legal move is a way to strip the last vestige of respect from those gatekeepers who, for far too long, made the sale of ideas a process of getting widgets onto shelves. Like the CD makers before them, they just don’t want to give up what has served the industry for so long and so lucratively.

But this is just the beginning. In his letter to investors, Bezos writes:

I am emphasizing the self-service nature of these platforms because it’s important for a reason I think is somewhat non-obvious: even well-meaning gatekeepers slow innovation. When a platform is self-service, even the improbable ideas can get tried, because there’s no expert gatekeeper ready to say “that will never work!” And guess what – many of those improbable ideas do work, and society is the beneficiary of that diversity.

Arguably, Bezos isn’t a very sympathetic character. His company makes a lot of money and, if we really thought about it enough, we’d realize that he’s a bigger threat to the Mom and Pop stores than even Wal-Mart. At least Wal-Mart helps rural areas retain a sense of community. Amazon is a black box – money in, products delivered. You could live off of Amazon and never leave your house, given enough patience and a good bit of cash.

But it’s this mentality – that you don’t need to roll down to Borders for a book or a movie, that you don’t need to hit the student book exchange to get fleeced on a statistics textbook – that really makes sense in a world where most discourse and commerce is happening online anyway. To hold onto the old ways for sake of the old ways is conservative, to be sure, but it’s also a suicide pact with the writers and creators you’re championing.

Even more than Jobs, Bezos is intent on blowing up the publishing industry. Tim Carmody at Wired writes “He doesn’t care whether Apple, publishers or anyone else stands in the way,” and this is absolutely true. Call him a zealot, but when’s the last time you drove down to the local bookstore and didn’t think that soon this empire of the mind would be gone, replaced by something Gutenberg wouldn’t couldn’t fathom in his wildest imagination? Heck, when’s the last time you drove down to the local bookstore at all?


TechCrunch
John Biggs

http://tctechcrunch2011.files.wordpress.com/2012/04/scaledwm-3251.jpeg?w=150


Movilway Expands Mobile Payment Services To The Underbanked In Latin America [Video]

Movilway Expands Mobile Payment Services To The Underbanked In Latin America [Video]

moviTablet

Movilway, the company pioneering prepaid mobile payments in Central and South America, recently updated their arsenal of tools to include a new custom Android tablet Point Of Sale (POS) terminal as well as a new MoviPIN system for online purchases. Both systems — available at select locations — bring digital purchasing power to those without bank accounts or credit cards.

“It’s a common problem in rural and remote areas of the world, where many people simply do not have access to bank accounts,” said Movilway strategist Daniela Morgenstern. “How do you order and pay for online goods when you don’t have a credit card or a bank card?”

To solve this problem, Movilway created their mobile wallet system last year and this year have added the tablet POS terminal so that rural shopkeepers have more tools at their fingertips. The new tablet, custom built at Foxconn, allows shop keepers to manage inventory, manage Movilway account “top ups” as well as run other Android apps that may be useful.

In addition to the tablets, the MoviPIN system for pre-paid accounts lets customers purchase items online, buy digital content or games or even make purchases at participating vending machines (see the video below).

It works like this:

If you are in a remote section of the world and do not have a bank account or credit card but want to make an online purchase, you go to a participating Movilway location, create an account, deposit your money into the account (by giving cash to the clerk).

The clerk then enters the information into their Movilway tablet (or wallet device, complete with a receipt printer) and then prints out a receipt with a customer’s MoviPIN number on it.

The customer can then enter that MoviPIN into payment screens at participating websites (along with authentication credentials) to enable purchase of goods.

There are similar systems in other parts of the world like M-Pesa or Obopay, but Movilway’s system seems to be addressing the more formal and traditional shopkeeper/customer scenario.

Check out other wrap-up posts from MWC, like Aurasma’s AR technology here and Total Immersion’s eCommerce-assisting AR concepts here.


TechCrunch
Jay Donovan

http://tctechcrunch2011.files.wordpress.com/2012/03/movitablet1.jpg?w=150

Jivox Named Winner of Prestigious IAB Mobile Rising Stars Competition


Miami, FL (PRWEB) February 27, 2012

Jivox, the leading multi-screen interactive video advertising technology company, was today recognized as a winner in the first-ever Interactive Advertising Bureau (IAB) Mobile Rising Stars competition for its Quattro mobile interactive video ad format. Jivox was selected based on its potential to propel brand creativity on mobile devices, smartphones and tablets at scale. Additionally, Jivox has been invited to join fellow mobile innovators in the IAB Mobile Rising Stars Working Group to define, build, and implement the IAB Full Page Mobile Rising Star.

The IAB Mobile Rising Stars Agency Working Group evaluated over sixty entries to arrive at the five creative ad product concepts that will become the IAB?s first-ever Mobile Rising Stars. The mobile ad unit submissions were evaluated based on user experience, branding, functionality, page integration and how easily the ad format could be widely adopted across the mobile ecosystem.

?We are honored to be selected by the IAB to help establish mobile advertising standards across the interactive advertising spectrum,? said Diaz Nesamoney, CEO of Jivox. ?Given the rapid adoption of smartphones and tablets, it is imperative to make it as easy as possible for advertisers to create and deliver engaging ads on any screen. Our platform enables such ad units to be created without the need for lengthy coding and development cycles, resulting in rapid turnaround times and enabling production of engaging ads at scale.?

?The explosive growth in smartphones and tablets has created tremendous advertising opportunities for brands? said Peter Minnium, Head of Brand Initiatives at the IAB. ?Jivox was selected as a winner as they provide a highly immersive and engaging experience for users and takes advantage of new brand engagement models including social media.?

The Quattro Mobile Interactive Ad Format

Jivox Quattro is a high-impact interactive video ad that can run on any screen, including smartphones, iPads and tablets.

?Rich Immersive User Experience ? As a full-page unit with unlimited interactive widgets in the form of videos, trivia games, custom animations etc., to entertain and interact with the user. Long form videos can also be added giving end-users the ability to learn more through demos, tutorials, etc.

?Social Media Engagement ? with its built-in and custom social sharing features users can post, follow, tweet, like and share video ads with friends. And brands can host a Twitter cloud with a live feed.

?Single Ad tag, Multiple Delivery – uses a single mobile tag to offer a consistent user experience across multiple devices and mobile operating systems with automatic detection and switching between various smartphone and tablet devices and sizes, Flash and HTML5 rendering and landscape and portrait orientation.

?In-app and In-page Delivery- the Quattro full page units can be delivered via a tap-to-pay mobile banner or as a full-page mobile interstitial between levels/pages of an app or within tablet newspaper/magazine pages.

?Enhanced Measurement ? instant measurement and optimization during campaign flight online and across all mobile operating systems and devices.

Jivox pioneered the use of self-service creative and production tools to enable rich interactive video ads at scale without the complexities and error prone process of manual code development; these were key attributes to meeting criteria of the Mobile Rising Stars. Key aspects of its winning Quattro interactive ad unit will be incorporated into the IAB Full Page Mobile Rising Stars, which with in-market success will graduate into official IAB Standard Ad units in the first quarter of 2013.

The awards were presented at the IAB?s fifth Annual Leadership Forum, Ecosystem 2.0: Beyond Time and Space. At the event, leaders across the digital media landscape converged to address buying, selling, building and scaling in media’s next dimension.

Jivox is also supporting all previous winning ?Rising Stars? ad formats that IAB announced and that will anchor the organization?s New Standard Ad Unit Portfolio. Four of these units (Billboard, Filmstrip, Pushdown and Sidekick) are available immediately on the Jivox Platform, while the remaining two will be available by June 2012. Jivox demos of Rising Star ad formats can be seen here http://www.jivox.com/demoads#demoad-tab-5

About Jivox

Jivox is the leading multi-screen interactive video advertising technology company. The Jivox platform enables brand advertisers, digital agencies and publishers to deliver highly engaging video ads powered by interactive and social sharing features. Using Jivox creative tools, interactive video ads can be easily authored and delivered instream, in-banner and on mobile devices and tablets. Jivox technology eliminates typical challenges associated with delivering video ads across multiple screens and connected devices, such as HTML5/Flash, operating systems, browsers, video encoding, form factor and other issues. Jivox also provides sophisticated campaign performance tracking, brand awareness and purchase intent analytics for advertisers via BrandGage — its proprietary real-time analytics platform. The Jivox platform is used by several hundred media companies and agencies including AdBrite, Bloomberg, Weather Underground, Sun Times Media, InteractiveOne, Starcom, OMD, FUOR Digital, GroupM and Lee Enterprises. For examples of Jivox ads see: http://www.jivox.com/demoads.

About the IAB

The Interactive Advertising Bureau (IAB) is comprised of more than 500 leading media and technology companies that are responsible for selling 86% of online advertising in the United States. On behalf of its members, the IAB is dedicated to the growth of the interactive advertising marketplace, of interactive?s share of total marketing spend, and of its members? share of total marketing spend. The IAB educates marketers, agencies, media companies and the wider business community about the value of interactive advertising. Working with its member companies, the IAB evaluates and recommends standards and practices and fields critical research on interactive advertising. Founded in 1996, the IAB is headquartered in New York City with a Public Policy office in Washington, D.C. For more information, please visit http://www.iab.net.

Press Contacts:

Suzi Owens, Blanc & Otus for Jivox

415.856.5125

sowens(at)blancandotus(dot)com

###






More Details On Caterina Fake’s New Startup, Pinwheel: A Mobile Flickr For Places (Ish)

More Details On Caterina Fake’s New Startup, Pinwheel: A Mobile Flickr For Places (Ish)

Pinwheel

As we heard last year, Flickr and Hunch co-founder Caterina Fake was in the process of launching a new startup, with $ 2 million in funding from a number of high-profile investors, including True Ventures, Founder Collective, SV Angel, Keith Rabois, James Joaquin and Shoshana Berger. Today, Fake is revealing a number of new details on the startup, called Pinwheel, and named additional investors (Redpoint, Betaworks, and Ev Williams’ and Biz Stone’s Obvious Corp.)

We haven’t played with the product yet, but here’s what we know from Fake’s post. Pinwheel, which is in private beta on the web and mobile web, appears to be a way to leave notes, annotations, tips and photos for fellow users and friends at designated locations and place. As Fakes notes, while there is a web presence for the product, she anticipates the mobile version (an iOS will be launched next) to be the ‘primary experience.’

With Pinwheel, you can find and leave public or private notes at places all over the world. These notes can be shared with one person, or everyone; and can be categorized. Fake uses the examples of “Best Spots for Butterfly Hunting”, “Every place that you told me that you loved me, circa 2008″ or “Find me a Nearby Toilet NOW” as sample note sets that you can leave and find via Pinwheel.

Similar to other social and mobile experiences, you create a social graph of people you follow, places you follow and sets you follow. Eventually, you’ll also see notifications on your phone from who and what you choose.

Fake herself compares the experience to a Flickr for Places (‘ish’), because the note can be a container or social object for a given place. Notes are really meant to be any sort of contextual information that can add to a places’s value, such as stories, advice, jokes, information, memories, facts, advertisements, and more. And in terms of monetization, businesses will be able to create their own sponsored notes at given places.

As mentioned above, we haven’t used Pinwheel yet, but these are just a few of the initial interactions and details that Fake revealed. When we get our hands on the app, we’ll let you know and post a review. Oh and Pinwheel is hiring.


TechCrunch
Leena Rao

http://tctechcrunch2011.files.wordpress.com/2012/02/pinwheel.png?w=150

Alleged Screenshot Of Google Drive Surfaces

logo

A reader of Geekwire has sent in what he claims is a shot of Google Drive, which apparently has activated early for him. It’s entirely possible that the shot is fake — Google’s stark interface isn’t exactly difficult to recreate. There are no obvious red flags we can see, though, and it jives with the presumably legit screen seen briefly at a Google-sponsored event back in 2011.

The shot shows the web interface, which has a list view of files and a few buttons for management. The most interesting bit would be there in the lower left-hand corner, “Install Google Drive” — there will be client-side integration on the OS level, in all likelihood an enhanced folder a la Dropbox, or possibly a small syncing client like that used for Google Music.

Take a look:

There are two big red buttons; Create is probably for making new documents in Google Docs, and the little icon would be the upload button for people who don’t want to use the shell extension.

No drive space indicator, but that would probably be at the bottom of the screen. And it’s curious that some of the PDF files have Adobe icons, and some have blue document icons. Suspicious, but there are plenty of potential explanations. Missing too are the other buttons seen earlier, but in that shot a file was selected, which would bring up the share and trash options.

The Google Drive product is very clearly aimed at Dropbox — not that this is a surprise, but this screenshot, if real, hammers that point home. In fact, it appears to copy their product more or less exactly. Google will set it apart with a higher default storage capacity, true, but it’s definitely a classic Google replacement strategy.

If this little premature rollout is legit, we’ll probably see an official announcement in the next couple weeks. If it’s fake, well, we still expect an announcement soon, and it’ll probably look a lot like this.


TechCrunch
Devin Coldewey

http://tctechcrunch2011.files.wordpress.com/2012/02/logo.png?w=150

With New Million Fund, ff Venture Capital Is On A Roll (Interview)

Founders Fund

New York City seed investors are growing up, and raising bigger funds. IA Ventures just raised $ 105 million and ff Venture Capital closed its second $ 27 million fund last November (which I am reporting here for the first time). I asked ff VC’s John Frankel and David Teten to come into the TCTV studio to talk about the new fund and their approach to investing. Their first $ 6.3 million fund, which they raised in 2008, was the top-performing venture fund through the end of 2010, according to Preqin, with a net IRR in the high-40 percent range, says Frankel.

The new fund,which they raised over the course of a year, has already deployed capital to 23 startups, including Klout, ThinkNear, Livefyre, Voxy, and Kohort. The fund will stop investing in new companies at around 30, which it should hit by the end of this year. The rest of the capital will be reserved for follow-on rounds. The only way to get outperforming returns, believes Frankel, is to stay focussed. Frankel was an angel investor and before that worked at Goldman Sachs. Angel investing saved him from the Street, much like it did Roger Ehrenberg at IA Ventures. (In addition to Teten, Hashable CEO and Quigo founder Michael Yavonditte is a part-time venture partner at ff, which stands for “Founder Friendly”.)

If you look at their portfolio, there ar e a lot of data, analytics, and consumer internet plays, but they always invest in the entrepreneur first. “We don’t think about the world by themes.” says Teten. “Our approach is the people who know the most about growth sectors are the entrepreneurs.” Adds Frankel: “Our teams drive our themes.”

In the video, we get into why ff invested early in Klout, among other topics. “A lot of people saw it as a Twitter analytics company,” says Frankel, who sits on Klout’s board. “We saw it as a way for people to manage their online footprint.”


TechCrunch
Erick Schonfeld

http://tctechcrunch2011.files.wordpress.com/2012/02/founders-fund.jpg?w=150


SketchBook Mobile Express

SketchBook Mobile Express

  • Easy to use drawing application
  • Includes a full set of sketching tools
  • Allows importing photos
  • Provides up to six layers
  • Exports images in several formats

List Price: $ 0.00 Price: $ 0.00

Design Essentials - Studio Techn. with Adobe Photoshop

US $4.44
End Date: Saturday May-19-2012 22:02:18 PDT
Buy It Now for only: US $4.44
Buy it now | Add to watch list
Adobe Creative Suite 3.3 Design Premium Photoshop Flash Dreamweaver Illstrtr CS3
US $577.49
End Date: Sunday May-20-2012 0:33:00 PDT
Buy It Now for only: US $577.49
Buy it now | Add to watch list

Building Websites and Browser Apps with jQuery Mobile – A Beginner’s Guide

Building Websites and Browser Apps with jQuery Mobile – A Beginner’s Guide

Over the past 2-3 years we’ve seen a tremendous growth in browser and OS support for mobile websites. Most notably Apple’s iOS and Google’s Android platforms come to mind. But others such as PalmOS and Blackberry are still in the mix. Up until recently it was very difficult to match a single mobile theme into all of these platforms.

jquery mobile Building Websites and Browser Apps with jQuery Mobile   A Beginners Guide

JavaScript was a start, but there hasn’t been any truly unified library until now. jQuery Mobile takes all the best features of jQuery and ports them over to a mobile-based web source. The library is more like a framework which includes animations, transition effects, and automatic CSS styles for basic HTML elements. In this guide I hope to introduce the platform in a way that you can feel comfortable designing your own jQuery mobile apps.

Features & OS Support

The reason I suggest learning jQuery Mobile over any other frameworks is simplicity. The code was built on the jQuery core and has an active team of developers writing scripts and editing bugs. Of the many features include HTML5 support, Ajax-powered navigation links, and touch/swipe event handlers.

jquery mobile support Building Websites and Browser Apps with jQuery Mobile   A Beginners Guide

Support is varying between phones and is broken into a chart of 3 categories from A-C. A is the top tier which boasts full support of jQuery Mobile, B has everything except Ajax while C is basic HTML with little-to-no JavaScript. Luckily most of the popular operating systems are fully supported – I added a list below of just a few examples.

  • Apple iOS 3-5
  • Android 2.1, 2.2, 2.3
  • Windows Phone 7
  • Blackberry 6.0, Blackberry 7
  • Palm WebOS 1.4-2.0, 3.0

If you want to learn more try reading up on their official docs page. It’s not written in gibberish and actually feels very easy to follow along. Now let’s focus on the basics of writing a jQuery mobile page and how we can build a small application!

The Standard HTML Template

To get your first mobile app working there is a set template you should start with. This includes the jQuery base code along with the mobile JS and CSS, all external hosted from the jQuery CDN. Check out my example code below.

<!DOCTYPE html>
<html>
	<head>
	<title>Basic mobile app</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
</head>
<body> 

</body>
</html>

The only foreign elements here should be the two meta tags. The top viewport tag updates mobile browsers to use a full zoom effect. Setting the value width=device-width will set the page width at exactly the width of the phone screen. And best of all it doesn’t disable the zoom features since jQuery Mobile can adapt to shifting layouts.

The next meta tag X-UA-Compatible just forces Internet Explorer to render the HTML in it’s most recent iteration. Older browsers and especially mobile will try to get around unfamiliar rendering bugs.

Constructing the Body Content

Now this is where jQuery mobile can get tricky. Each HTML page isn’t necessarily 1 page on the mobile site. The framework makes use of HTML5′s data attributes, which you can create at a whim by appending data- beforehand. In a similar fashion data-role="page" can be set to multiple divs in a single HTML file, giving you more than one page.

You would then move between these pages with anchor links and a unique ID. This setup is a good idea for basic, simple apps. If you only need 3-5 pages then why not store it all in a single file? Unless you have a lot of written content, in which case try using PHP includes to save time.

Check the code example below if you’re lost.

<body>
<div data-role="page" id="index">
	<header data-role="header">
		<h1>Top title bar</h1>
	</header>

	<div data-role="content">
		<h3>Show another page??</h3>
		<p>hint: click the button below!</p>
		<p><a href="#about" data-role="button" data-theme="c">About us</a></p>
	</div>

	<footer data-role="footer">
		<h2>&copy; footer here.</h2>
	</footer>
</div>

<div data-role="page" id="about">
	<header data-role="header">
		<h1>Page 2 Here</h1>
	</header>

	<div data-role="content">
		<p>just some extra content as well.</p>
		<p>I mean, you can <a data-rel="back" href="#index">go back</a> at any time.</p>
	</div>
</div>
</body>
</html>

Take a look at the anchor link from the index page for a moment. Notice I added the attribute data-role="button" to setup the link as a button. But instead of using the default styles we include data-theme="c". This switches between 1 of 5(themes a-e) templates which come packaged by default as CSS styles within jQ Mobile.

jquery mobile themed buttons Building Websites and Browser Apps with jQuery Mobile   A Beginners Guide

My button also spans the entire page width. To remove the behavior we need to set the element from block to inline display. The attribute for doing this is data-inline="true" which you could append onto any anchor button.

Header and Footer Bars

Along the very top and bottom of your applications you should append header and footer content. This design style is often attributed with iOS apps which first became popular using Apple’s mobile App Store. jQ Mobile uses attributes of data-role to define the header, footer, and page content. Let’s take a brief look at these areas.

Top Bar Buttons

By default the top bar supports a set of two(2) links in a similar fashion to other mobile apps. iOS defaults to using a “back” button to the left and often an “options” or “config” on the right.

<div data-role="page" id="about" data-add-back-btn="true">
	<header data-role="header">
		<a href="index.html" data-icon="gear" data-theme="b" class="ui-btn-right">Settings</a>
		<h1>Page 2 Here</h1>
	</header>

The code above is just focusing on the div container for our About page along with header content. The additional HTML attribute data-add-back-btn="true" will only work when added onto a page data role. The purpose is to automatically include a back button which works similar to your browser’s back button.

jquery tabs back button Building Websites and Browser Apps with jQuery Mobile   A Beginners Guide

We could have added a back button manually with similar code as we used in the content area. But I feel this takes a lot longer to setup especially on multiple pages. All anchor links within the header section will default into left/right button positions. By using class="ui-btn-right" this re-positioned my Settings button so there is free space for the back button. Also I’m using the secondary theme styles to give it some extra spunk!

Footer Navigation

The footer area many not feel very useful at first. It’s a place where you can store copyright stuff and more important links, but this could just as easily be added at the bottom of your content area. So what good is using the footer?

Well the best example I’ve seen utilizes footer space as a navigation system where tab links appear to control the page navigation. There are plenty of options where you can select fullscreen effects, add icons, adjust placement, and a few other attributes as well. But let’s just build a simple footer nav with 3 buttons to get an idea of how this works.

[Preview Live Demo]

<footer data-role="footer" class="ui-body-b">
	<div data-role="navbar">
		<ul>
			<li><a href="#index" data-direction="reverse">App Homescreen!</a></li>
			<li><a href="http://www.google.com/" data-rel="external">Google Me</a></li>
			<li><a href="http://www.hongkiat.com/" data-rel="external">Hongkiat Blog</a></li>
		</ul>
	</div>
</footer>

So here is some footer code for the about page section. data-role="navbar" should be added onto the container element housing an unordered list and NOT the UL element itself. Each link within the list is treated as a tab bar, which then gets equally divided based on the total number of links. The additional class of ui-body-b just adds aesthetic effects as we switch between the few available styles.

ios path app nav bar Building Websites and Browser Apps with jQuery Mobile   A Beginners Guide

If you notice on the first button I have the attribute data-direction="reverse". Even though I could use the back button setup as before to return onto the home page, I’ve instead used the page ID of #index. By default the app window will transition to the right which looks pretty tacky since you expect the animation to move backwards. You can play around with even more of these animated effects if you have time. Check out the transitions info page in the jQuery documentation.

Ajax & Dynamic Pages

The first segment has really opened up the key points to building a mobile app with jQuery. But I want to start a new app which loads data from an external page. I’ll be using a very simple PHP script to attain the $ _REQUEST[] variable and display a small Dribbble shot accordingly. The screenshow below should give you an idea what we are going to build.

dynamic pages demo Building Websites and Browser Apps with jQuery Mobile   A Beginners Guide

First I’ll make an index.html page set on the default template. For this home screen I’m using a list view setup to display each link in order. This is done in the content area with a data-role="listview" attribute on the list container. Cutting out the same header stuff as before, I added all my code from this new index page below.

<body>
<div data-role="page" id="img-listing">
	<header data-role="header">
		<h1>October 2011 Shots</h1>
	</header>

	<div data-role="content">
		<ul data-role="listview" data-theme="c">
			<li><a href="image.php?imgid=1">First image</a></li>
			<li><a href="image.php?imgid=2">Second image</a></li>
			<li><a href="image.php?imgid=3">Third image</a></li>
			<li><a href="image.php?imgid=4">Fourth image</a></li>
		</ul>
	</div>

	<footer data-role="footer"><h3>www.dribbble.com</h3></footer>
</div>
</body>
</html>

Each of the anchor links in my list view point to the same file – index.php. But we’re passing in the parameter imgid as a request variable. On the image.php file we take the ID and test it against 4 preset values. If any match up we use the matching image URL and title, otherwise we just display a default Dribbble shot.

Image Loader Script

The image.php script still has the default jQuery mobile template added into the code. It actually shares a very similar header and footer, except for the addition of our back link attribute data-add-back-btn="true". Notice this button will only show up if we come from index.html first! Try directly loading image.php and nothing will appear since there’s no “back” to move to.

I think we can make a bit more sense of the code by examining my PHP logic first. We use a switch / case method to check against the 4 different IDs and provide a header title, image URL, and original artist source link.

<?php
$  theid = $  _REQUEST['imgid'];

switch($  theid) {
	case 1:
		$  heading = "Wunderkit";
		$  origin  = "http://dribbble.com/shots/297593-Wunderkit-tasks";
		$  source  = "wunderkit.png";
		break;
	case 2:
		$  heading = "College";
		$  origin  = "http://dribbble.com/shots/298643-Colleeeeeeeeeeeeege";
		$  source  = "college.jpg";
		break;
	case 3:
		$  heading = "Forum app";
		$  origin  = "http://dribbble.com/shots/298649-Forum-app-for-Facebook";
		$  source  = "forum-app.jpg";
		break;
	case 4:
		$  heading = "Twitter";
		$  origin  = "http://dribbble.com/shots/298069-Twitter";
		$  source  = "twitter.png";
		break;
	default:
		$  heading = "Abandoned lighthouse";
		$  origin  = "http://dribbble.com/shots/298615-Abandoned-lighthouse";
		$  source  = "lighthouse.jpg";
}
?>

All seems fairly straightforward – even a novice PHP dev should be able to follow along! And if you don’t understand it’s not important to the jQuery code anyway, so don’t worry. We should switch now and take a look at the template I’ve built within this new page. All the HTML code is added after that whole PHP block above. I used the ID of “images” for the container and even setup the header to change with each new photo.

<div data-role="page" id="images" data-add-back-btn="true">
	<header data-role="header">
		<h1><?php echo $  heading; ?></h1>
	</header>

	<div data-role="content">
		<p><strong><a href="<?php echo $  origin; ?>" data-rel="external">View the Original</a></strong></p>
		<p><a href="<?php echo $  origin; ?>" data-rel="external"><img src="img/<?php echo $  source; ?>" /></a></p>
	</div>

	<footer data-role="footer"><h3>www.dribbble.com</h3></footer>
</div>

You can probably see how simplistic this demo is. But the whole purpose is to demonstrate the scalability of jQuery mobile. PHP can easily be added into the mix and you can churn out some really neat apps with just a few hours of development.

Fancy Design with List Thumbnails

One last added effect we can implement is the use of thumbnails to liven up listing page. I’m also going to split text into a heading and description box to display both the artwork title and artist’s name.

dribbble image browser app preview Building Websites and Browser Apps with jQuery Mobile   A Beginners Guide

To begin open up Photoshop and create an 80×80 px document. I’m going to quickly re-size each image and save thumbnails to match each one. Then updating the list view items we should include a few more elements.

Check out the code below and my demo example to see what I mean.

[Preview Live Demo]

<div data-role="content">
	<ul data-role="listview" data-theme="c">
		<li><a href="image.php?imgid=1">
		<img src="img/wunderkit-t.png" class="ui-li-thumb" />
		<h3 class="ui-li-heading">Wunderkit tasks</h3>
		<p class="ui-li-desc">by Sebastian Scheerer</p></a></li>

		<li><a href="image.php?imgid=2">
		<img src="img/college-t.jpg" class="ui-li-thumb" />
		<h3 class="ui-li-heading">Colleeeeeeeeeeeeege</h3>
		<p class="ui-li-desc">by Scott Hill</p></a></li>

		<li><a href="image.php?imgid=3">
		<img src="img/forum-app-t.jpg" class="ui-li-thumb" />
		<h3 class="ui-li-heading">Forum app for Facebook</h3>
		<p class="ui-li-desc">by Ionut Zamfir</p></a></li>

		<li><a href="image.php?imgid=4">
		<img src="img/twitter-t.png" class="ui-li-thumb" />
		<h3 class="ui-li-heading">Twitter</h3>
		<p class="ui-li-desc">by Sam Jones</p></a></li>
	</ul>
</div>

The classes for ui-li-heading and ui-li-desc are added by default into the jQuery Mobile stylesheet. This is similar to the image class ui-li-thumb which automatically re-sizes each list view bar according to the image height. Now from here you could build more on the frontend with animations, page effects, stylesheets, etc.

Or alternatively you could begin constructing a backend system to upload new images and automatically trim thumbnails to include in the list. There is so much flexibility with jQuery Mobile you almost can’t label it solely as a JavaScript library. It’s more of an entire HTML5/CSS/jQuery framework for building quick and scalable mobile apps.

Conclusion

As of writing this article the jQuery Mobile team has officially put out RC1.0 of the code library. This means most if not all of the major bug fixes have been squashed and now testers are gearing up for a full release. Because of this you won’t find a whole lot of information on the web.

But as the months advance web developers are sure to pick up on the trend. Mobile applications and even mobile web layouts are growing in popularity with the huge increase in smartphones. Web developers don’t have the time to learn a full programming language for building Android/iOS apps. Thus jQuery Mobile is a slim alternative which includes support for a majority of the mobile industry software, and continues growing each day with an active developer community.


hongkiat.com

[Freebie] “Lifetime” Social Network Icons

Here’s our first freebie of the year and we think it’s a great one. Folks at Artbees has created a set of high quality social network icons exclusively for Hongkiat’s readers. If you are looking for some icons to get your visitors more engaged, this is a post you should not miss.

social network icons [Freebie] Lifetime Social Network Icons

So what are we looking at? We have a total of 27 social networks (Bebo, Badoo, Blogger, Delicious, Mylife Classmates, Digg, Netlog, MyOpera, Facebok, Ning, Orkit, Flixster, Zorpia, Youtube, Google+, Scribd, Technorati, Hi5, LastFM, Fotolog, Skype, Squidoo and Tagged) – each in 6 different sizes (24×24, 32×32, 48×48, 64×64, 128×128 and 256×256), 3 mouseover states (link, hover and active) and 2 graphic formats (PNG and PSD).

Sounds cool? Jump right in to download.

To give you an idea what you’ll be expecting, here are some screenshots.

icons preview 01 [Freebie] Lifetime Social Network Icons

icons preview 02 [Freebie] Lifetime Social Network Icons

Downloads

About Artbees

artbees logo [Freebie] Lifetime Social Network Icons

Artbees is there to deliver the best stuff for designers and also developers who care for visual perfection. Not only premium-like freebies, we also provide awesome articles, tutorials, valuable insights about the industry and everything in between.

We’re happy to start our collaboration with Hongkiat.com. We’re sure this will result in a lasting friendship and a creative output. ;) .

Checkout Artbees.Net and follow us on Twitter for regular crates of honey.


hongkiat.com

SOPA: Scaring or Securing the Internet Users?

Since October 2011, the Internet all over the world is buzzing with the recent issue of Stop Online Piracy Act (SOPA) bill. Millions of Internet users and Internet entrepreneurs are protesting against the newly proposed law. On the other hand there is a strong opposition of politically influential people towards these protestors who favor this law by continuously highlighting its usefulness. The situation of the SOPA bill issue is getting closer to its destination with every passing second.

stop online piracy act SOPA: Scaring or Securing the Internet Users?
(Image source: Shutterstock)

However, for those valued readers who don’t know the story of SOPA, here is a piece of writing showing both sides of the coin so that you make a decision yourself that either SOPA is "securing" the Internet users or "scaring" them away…

Knowing SOPA

SOPA is a term used for Stop Online Piracy Act (officially known as H.R. 3261) for a bill that was floated in October 2011 at the US House of Representatives. The SOPA bill was presented by Representative Lamar Smith in association with a group of 12 co-sponsors.

SOPA traces its roots down to Protect IP Act of proposed in 2008 for preventing real online threats to economic creativity and theft of intellectual property.

According to the official statement, the objective of SOPA is “to promote prosperity, creativity, entrepreneurship and innovation by combating the theft of U.S. property, and for other purposes.” In simple English, the SOPA bill empowers the US jurisdiction as well as the copyright owners of a particular website to take legal actions against any other website that they find guilty of ‘enabling or facilitating copyright infringement’ in any way.

The Way It Works

As mentioned earlier, SOPA bill has been proposed to discourage any act of piracy that harms the intellectual property of a US based website or online business. The SOPA bill, if passed, will empower the authority of the US court allowing the Attorney General to seek a court order against the accused website from any part of the world.

the way sopa works SOPA: Scaring or Securing the Internet Users?

In case the court finds the accused website guilty of online Piracy, it will have to face the following consequences:

  • Removal of such website from all major search engines like Yahoo, Google and Bing etc.
  • Barring of online payment facilitators like PayPal etc from doing business with such website
  • Internet service providers will deny their customers from accessing the accused website.
  • The infringing website will not be allowed to do any further business with Internet advertising networks like Google AdSense and BuySellAds etc.

In other words the accused site will be sentenced to "online death" for the infringing website depriving it of both traffic and revenue.

SOPA – Securing the Internet Users

After reading the aforementioned consequences, one might think that what would be the arguments that favor the SOPA and prompted its proponents to present this bill with such harsh penalties in front of the US administration.

Here are a couple of favoring statements from the proponents of SOPA.

According to the co-sponsor representative Bob Goodlatte:
“Intellectual property is one of America’s chief job creators and competitive advantages in the global marketplace, yet American inventors, authors, and entrepreneurs have been forced to stand by and watch as their works are stolen by foreign infringers beyond the reach of current U.S. laws. This legislation will update the laws to ensure that the economic incentives our Framers enshrined in the Constitution over 220 years ago – to encourage new writings, research, products and services – remain effective in the 21st Century’s global marketplace, which will create more American jobs.”
(Ref. Wikipedia)

Sponsor representative, John Conyers favors the SOPA bill by saying:
“Millions of American jobs hang in the balance, and our efforts to protect America’s intellectual property are critical to our economy’s long-term success.”[14] Smith added, “The Stop Online Piracy Act helps stop the flow of revenue to rogue websites and ensures that the profits from American innovations go to American innovators.”
(Ref. Wikipedia)

Other arguments advocating the SOPA and calling the infringing websites at "Rouge Website” stress upon its usefulness by highlighting that this act will empower and secure the motion picture and film industry; the industry that creates 2 million jobs and thousands of micro businesses throughout the US.

SOPA – Scaring the Internet Users

By reading up till now, SOPA sounds more like a pretty responsible act that is there to defend and secure the genuine intellectual property and sheer hardwork of US Internet users. However, things are seldom what they seem.

As soon as the bill was presented, the word got out and spread all over the world wide web like wildfire. Millions of Internet users and online service providers were hit by a bolt. Soon different blogs, discussion forums and social networking websites were inundated with anti-SOPA content protesting and highlighting the possible catastrophic affects of this act on the Internet and its users.

Let us have a sweeping glance at a few of these:

Electronic Frontier Foundation
EFF resisted SOPA saying that SOPA will not only hinder the process of free speech but has also warned that Etsy, Flickr and Vimeo all seem likely to shut down if the bill becomes law.

Mozilla
Mozilla protested by creating a page “Protect the Internet: Help us stop the Internet Blacklist Legislation.”

Yahoo
One of the most intense protests was carried out by Yahoo which has reportedly quit the US Chamber of Commerce over its keen support for SOPA.

Letter to the Senate
The Internet giants like Google, Mozilla, Yahoo, Facebook, Twitter, Zynga, eBay, AOL and LinkedIn have written a letter of protest to US Senate and House of Representatives, calling SOPA ‘a serious risk to our industry’s continued track record of innovation and job creation, as well as to our nation’s cyber-security.’

Other Oppositions
The antagonists of SOPA consider it as an infringement to the First Amendment and call it an "The Great Firewall of America" posing a serious threat to free speech.

Possible Affects of SOPA on the Internet Users

There has hardly been any bill presented to the governmental body anywhere in the world that has not been opposed or rejected by some. However, in case of SOPA, the bill has been publicly discouraged and raged upon by a good number of people from around the world. This opposition is mainly due to the possible effects of SOPA which people can foresee and are worried about. Here are some of the potential threats of SOPA that the protestors have highlighted:

Ice Age of Internet
According to the mechanism of SOPA, it has the authority to blacklist any such website that will be involved in online piracy and infringement. Opponents of SOPA are of the view that the penalties of the bill are so disconnected to the actual criminal act that it will destroy web hosting and e-commerce industry and cause the Internet’s potential progress to halt in terms of investment as well as research and development.

Job Drought
SOPA will be a big cause of killing the source projects that will lead to domain blocking and ultimately depriving millions of people of their jobs. The drastic effects of SOPA on the Internet businesses will result into more lawsuits, decreased investment and ultimately fewer new jobs

Free Speech Shut-up
The basic issue with SOPA bill is that it is unable to distinguish between a commercial and non-commercial use of copyrighted content. Whoever will upload a copyrighted content on websites like YouTube for the mere purpose for sharing will be held liable and will have to face the consequences.

free speech shut up SOPA: Scaring or Securing the Internet Users?

Moreover, as well all know that the series of democratic revolutions that occurred in the Arab countries, known as the Arab Spring, partially owe their success to worldwide Internet content. However, according to the SOPA law, the proxy servers used during the Arab Spring fall into the category of copyright infringement making it a criminal act and eventually hindering the process of whistle blowing and free speech.

I would like to conclude this piece of writing by quoting a saying that “one man’s fortune is the other’s misfortune”. However, in the case of SOPA, the bill will be a cause of misfortune for millions of Internet users and online business owners throughout the globe.


hongkiat.com


Mobile processor company Audience files for $75M IPO

Mobile processor company Audience files for M IPO

http://feeds.venturebeat.com/~r/Venturebeat/~5/q_JPikE0eGE/allen-audience.jpg

Audience, a Silicon Valley-based company that counts Microsoft co-founder Paul Allen (pictured) as a backer, has filed for an initial public offering.

In its IPO filing, the company stated its plans to raise $ 75 million in the offering.

In official documents filed today with the SEC, the company stated, “Our products enable a more consistent voice and audio experience, regardless of the use case or surrounding noise environment.”

Audience will trade on the NASDAQ; the company plans to use the stock ticker ADNC.

Audience has to date received $ 75 million in funding, the last of which came during a $ 15 million Series E. The company’s fifth and final round of institutional funding came from previous investors New Enterprise Associates, Tallwood Venture Capital, VentureTech Alliance and Vulcan Capital, the investment vehicle of Paul Allen.

Allen’s other investments include DreamWorks SKG, Oxygen Media and more than two dozen other technology, media and content companies. Altogether, his investment portfolio is a multibillion dollar stable.

Audience was founded way back in 2000 but did not publicly launch any products until 2008, when it debuted its first DSP voice processor at the CTIA Wireless trade show.

To date, the company claims to have sold more than 135 million mobile and tablet processors. Audience’s earSmart voice processors are use in more than 50 mobile device models from manufacturers such as Samsung and HTC and carriers such as AT&T, Docomo and SKT.

Audience claimed $ 47.9 million in revenue for 2012 and $ 79.9 million for the first three quarters of 2011.

Filed under: deals, VentureBeat




VentureBeat
Jolie O’Dell

http://venturebeat.files.wordpress.com/2012/01/allen-audience.jpg?w=150

Infographic: Holidays are hot for in-app mobile ads

Infographic: Holidays are hot for in-app mobile ads

We already knew that mobile advertisements perform better on larger screened devices and now there’s evidence of when the best time of the year is for these ad spots. If you guessed the year-end holiday season, you’d be right according to data from Mobclix, a Velti company.

The mobile advertising company notes huge jumps during the months of November and December, with more engagement in full screen ads. Among the other datapoints, ad impressions found in mobile software with the Samsung Galaxy Tab — not Apple’s iPad — accounted for the most mobile ads in tablet apps. That could be due to more iOS devs using iAds, but still: It’s a rare time the Tab is ahead of Apple’s successful tablet by any measure! This makes sense to a degree: Android app developers tend to rely on in-app ads for revenue vs. iOS developers who successfully generate revenues through app sales.

Related research and analysis from GigaOM Pro:
Subscriber content. Sign up for a free trial.


Mobile
Kevin C. Tofel

http://gigaom2.files.wordpress.com/2011/12/mobile-app-impressions-mobclix.jpg?w=210

The long road for mobile payments

With the excitement building around near field communication (NFC) mobile payments, it seems like paying by phone is about to turn a corner. But it’s helpful to remember that this is part of a long process that goes back over a decade.

American Express has worked up an infographic charting the rise of mobile payments, hitting many of the highlights as consumers increasingly were able to use their phones to buy things. Paying by SMS for things like ringtones started back in the 1990s and even the concept of using a phone as a wallet emerged a decade ago. NFC actually made its debut on phones in 2005 with Nokia, though it took several years for contactless payment trials to begin in the U.S.

Now, mobile payments are worth $ 240 billion worldwide, and 95 percent of people in 30 countries have made purchases through their mobile phones.

I asked David Messenger, executive vice president and head of American Express’ Online and Mobile business unit, about where he sees mobile payments going in 2012 and beyond. He said mobile payments are poised to enter the mainstream next year after a lot of work to establish a foundation for payments including NFC. Said Messenger:

People are using their phones for so much more than they used to and using it for payments and transactions. There is an opportunity to leverage mobile payments to break down the barriers in payments and commerce and move from cash to digital. The whole world of digital payments will be big battleground. It’s huge stakes here for both merchants and consumers.

Messenger said a lot will come down to merchants, who will want a way to move forward with payment solutions that don’t lock them into specific technologies that aren’t inter-operable with other systems. He said it will be important for Google Wallet, Isis and others to settle on standards for NFC to ensure that merchants can make investments with confidence.  Next year will be a big year as consumers and merchants get a better sense of mobile payments and learn first hand what really works, he said.

The rise of NFC in particular won’t happen overnight, and if this infographic shows us anything, it’s that we should expect change to evolve over time. But there does seem to be  a lot of pieces falling into place to make paying by phone a reality for many consumers.

Take a look at the infographic:

Related research and analysis from GigaOM Pro:
Subscriber content. Sign up for a free trial.


Mobile
Ryan Kim

http://gigaom2.files.wordpress.com/2011/12/googlewalletimage-cash-register-e1316464785557.jpg?w=210

Plex app approved for Nook Color and Nook Tablet

Good news for fans of streaming media who also like low-cost tablets: Plex has ben approved for sale in the Barnes & Noble Nook Store(s bks). The app should be downloadable for Nook Tablet and Nook Color users sometime within the next 24 hours, according to Plex.

The version of the Plex app that will be available for Nook devices will be familiar to Android smartphone users; it’s the same app, but the Nook Store has an additional layer of approval process for software titles. Plex has already received approval from the Barnes & Noble app review team, so it should be available soon.

If you’re new to Plex, it’s essentially a centralized media hub you can use to access content from one or more computers on a variety of devices; installing a server application on your Mac or PC allows you to specify folders to share music, movies and video from, as well as making it easy to access your iTunes music library across platforms. Plex also offers a number of web video plug-ins, simplifying the process of delivering media from a range of sources to your tablet or smartphone. Plus, it automatically transcodes various file types, so that you don’t have to convert video to watch it on your mobile device.

Plex arriving in the Nook Store is actually a big boon for Barnes & Noble and its users, since it helps leverage users’ own existing media libraries, providing access to more video and music content, an area where the Nook lags behind Amazon’s Kindle Fire(s amzn). Plex is also available for the Kindle Fire, of course, but its new presence on the Nook tablets is still definitely something users will welcome.

We’ll be sure to let you know when Plex goes live for Nook users. In the meantime, check out these screenshots of the app in action: 

Related research and analysis from GigaOM Pro:
Subscriber content. Sign up for a free trial.


Mobile
Darrell Etherington

http://gigaom2.files.wordpress.com/2011/12/nookbugslifemoviedetails.png?w=210


Support Versus Optimization: Dealing With Mobile Web Browsers

Support Versus Optimization: Dealing With Mobile Web Browsers

Just a few of the many screens on the web

Last time we sent you over to Brad Frost’s blog it was for a slideshow about building a future-friendly web. Now Frost is back with some more tips for web developers in a post entitled Support vs Optimization, which tackles the thorny subject of what to do about the wide range of mobile browsers on the web.

As Frost points out the mobile world is more than just the WebKit-based iOS and Android browsers that often grab all the headlines. In fact the most widely used mobile browser is not even a WebKit browser (it’s Opera) and there are dozens of other mobile browsers out there as well. And, as the tablet market begins to expand beyond the iPad, there will likely be dozens more coming in the near future.

Faced with the diversity of the mobile browser market developers can either stick their heads in the sand and develop exclusively for WebKit browsers, or, as Frost suggests, we can be more considerate to other browsers. It can seem daunting to support dozens of mobile browsers, but if you aren’t up to the challenge of a few mobile browsers now what are you going to do when you need to support car dashboards, refrigerators, televisions and toasters, all with dozens of varying browsers? (For a more far-future look, check out Scott Jenson’s The Coming Zombie Apocalypse).

The solution, according to Frost, is to recognize the difference between supporting a browser and optimizing specifically for it.

The typical argument against supporting older BlackBerry browsers or Nokia’s WebKit fork, for example, is that these browsers don’t support nearly the number of features that iOS and Android browser’s offer. While that’s true, as with most things on the web, it doesn’t have to be an either/or choice. It can actually be both. That’s what Frost means be the difference between support and optimization:

You don’t have to treat these browsers as equals to iOS and Android and no one is recommending that we have to serve up a crappy WAP site to the best smartphones on the market. It’s just about being more considerate and giving these people who want to interact with your site a functional experience. That requires removing comfortable assumptions about support and accounting for different use cases. There are ways to support lesser platforms while still optimizing for the best of the best.

For some practical advice on how you can take a more supportive approach to the wide range of mobile browsers on the market, head over to Frost’s site and read through the post. Be sure to check out the links to the various mobile emulators and brush up on the ideas behind progressive enhancement.

It’s a big web out there, with dozens of browsers and an ever-increasing number of devices connecting to it. If you want your site to be part of the future it’s going to have to work everywhere — perhaps not perfectly optimized, but at least working.

[Photo by Jeremy Keith/Flickr/CC]

Webmonkey
Scott Gilbertson

Stream Live Videos from your Mobile using Qik

Stream Live Videos from your Mobile using Qik

These days, with the revolution of the smartphones, sharing everything that happens in your life has been made easier than ever before. You can connect to the Internet right from your cellphone regardless of where you are. You can capture photos and videos with the handset’s built in camera.

In addition to those features, smartphones have also made the idea of livestreaming a much more mainstream concept. Justin.tv was one of the services to bring livestreaming to the masses, but it wasn’t based on using your smartphone or mobile technology.

Qik is an app that lets you livestream directly from your phone.  Let’s learn a little more about this service after the break.

Introduction to Qik

Qik’s official website describes it the best. Qik is simply an awesome application for your handset that lets you share videos live or later with anyone at anytime.

Qik video is easy to use. Wherever interesting things happen, simply record video using qik and your video will be saved on your online video gallery even before you have finished recording. With a free account you can save up to 25 videos on your online video gallery!

What Can You Do With Qik?

Qik comes with a lot of cool features that you sure don’t want to miss. The best of all is the live recording feature that saves your video on the cloud so that you don’t have to manually upload the video later. Who knows, you may forget to upload your video later.

That’s why Qik does it real-time. Here’s a list of numerous other features that Qik has to offer you:

Livestreaming

Qik lets you broadcast your videos live so that viewers don’t have to wait for you to either send them a copy of the video or share it on the web. As an added bonus, you can even chat with your friends at the same time they are watching your live streaming. What could be more fun than that?

Increased Privacy

You control what is shared and what is not. You can handpick people who the video will be shared with. You can even choose how much information about the location of the video will be shared. You can share the country, or the city, or even the street address. It all depends on your choice.

Online Video Gallery

All your videos are automatically saved on your personal online video gallery so that you can watch them anytime you want. However, with a free account, you can only save up to 25 videos at a time. I think that’s a fair number of videos for a free account to offer.

Share to Social Networks & Blogs

Don’t think you’re leaving your existing social networking sites behind, because Qik lets you share your videos on YouTube, Facebook and even Twitter.  More than that, you can even use it for blogging purpose, as Qik supports numerous blogging platforms including, but not limited to, WordPress, Blogger and Tumblr.

Supports Many Mobiles

Qik supports more than 190 modern handsets. The official website of this application has a very user-friendly option for you to find out quickly whether your device is supported or not. Click here to check it out.

Shortcomings

I figured that the rule of being able to save only VGA resolution videos with a free account is somewhat a drawback of such a great application. However, you can always go pro and enable yourself to enjoy these cool and amazing features at HD recording capability. Check out their pricing plan for more.

(By) Aminul Islam Sajib is a technology reporter and passionate blogger from Bangladesh. More about him on his personal blog. Connect with him on Google+ and Twitter .

Image by liewcf

Related Posts


LostInTechnology
Aminul Islam Sajib