netbiscuits presentation

Welcome to Netbiscuits

March 15, 2012

Agenda:

• What is Netbiscuits• The Need for a Platform• How Netbiscuits does it• Integrating all of your systems (internal and

external)• Our publishing clients• Looking at the Post-Gazette site we created• Makin’ Money (lots of it)• The Future of Netbiscuits

Team Introductions

Adam Shapiro

Sales Manager, The Americas

New York, NY

Nathanial Zamecnik

Technical Consultant

New York, NY

Netbiscuits by the Numbers

3

Global Delivery and Services

Kaiserslautern, Germany Global HQ NOCC Full Services

Singapore Full Services

San Francisco, CA Full Services

Los Angeles, CA Full Services

Netbiscuits’ infrastructure serves 1000+ premium brands across the globe

London England Full Services SAS70-II Hosting Facility

Cloud PlatformPlatform- as-a-ServiceDevice IntelligenceContent Optimization and DeliveryGlobally RedundancyMobile AccelerationPCI Compliance

Sydney, Australia Full Services

New York, NYReston, VA

Full ServicesChicago, IL

SAS70-II Hosting

Platform ServicesConsultingDevelopment Services24/7 Global Customer CareTraining ServicesSales & Account Management

5

World Class Client RosterNetbiscuits is becoming the standard for mobile web development…

Latest MilestonesGartner Ranks Netbiscuits as

Visionary with highest ability to execute

CBS.com mobile site built on the Netbiscuits Platform2011 Meffy & Eppy Award Winner for Best Mobile Website

Netbiscuits increases relationship with eBay

Selected to mobilize eBay affiliate member sitesPerformance & Acceleration

Akamai Selects Netbiscuits as Reseller Partner

Netbiscuits and Google Go Mobile

Google selects Netbiscuits at GoMo program vendor

Best Mobile Platform

Mobile Entertainment Award Winner for 2nd Time

Mobile Web vs. Mobile App

Definitions

Mobile Web vs. Mobile App

Mobile Website: Information created specifically for mobile devices is accessed by the user via a browser in an optimized experience.

Mobile App: Specialized piece of software that is downloaded to a mobile device where most of the information then resides on the phone. A mobile app gets limited updates from a server or to conduct transactions.

Which Platform do you choose?App strategy is costly across entire app lifecycle

iOS or Android or both means multiple development projects Features and Functionality?

Test refine testMobile Web now offers same touch features as apps

What’s your expected ROI?Know your audienceLower development and management costs

How are you going to market it?iTunes Store and Android Market are hugeUse the mobile web to bolster mobile app audience

The Mobile Web as a Stepping Stone

Questions to ask yourself before you go “Native”

Options for Mobile Web Development

In-House…

1. Let your web developers build it in-house because “it’s easy”

© Netbiscuits US 2012

Real World Result:eBay tried to build a Webkit only rendering library & platform• Spent 420 man-months

on the project• Launched in parallel

with Netbiscuits solution

• Netbiscuits generated 50-60% more traffic & revenue


Outsource to Screen Scraper….

2. Outsource it to a screen scraping mobile development vendor because “they won’t bother your IT team.”


Real World Result:Sears switched from screen scraper competitor

• 2 hrs of technical support + NB free trial license = m.Kmart.com


Open Source it…

3. Use an open source software solutions “because it’s cheap and easy!”


Real World Result:PayPal switched from an open source JavaScript/CSS Framework

• Code base shrank by 50% - less “if/else” to deal with device display issues

• Production releases due to device rendering errors reduced to zero


Pick a Platform…

4. Use a mobile platform that leverages your existing web infrastructure “because it’s future-proof and scalable ”

Integrate into existing backend architecture and reuse critical systems & services

Expose mobile optimized presentation layer with BML

Seamless integration between platform services including video transcoding, page generation and CDN systems

Browser implementation changes and device fragmentation resolved by platform; creating streamlined maintenance and Quality Assurance cycles – pre and post-development

Standards compliant XML can be generated, manipulated and schema-validated by existing tools, ensuring standards compliant HTML

Why A Platform

Utilizing a platform provides benefits…

Unlimited number of applications that can be developed within license

Production and developer friendly tools

Standard interfaces to CMS, commerce, and other back-end systems

Integrations with leading partners

24/7 customer support (responses usually come in less than 15 minutes)

Bandwidth allocation

Unlimited device optimization upgrades (current library has 8,000+ devices)

Netbiscuits Key Benefits

The Netbiscuits Platform gives you….

All Devices All The Time

Make Yourself “FutureProof”

Yesterday•Distinct Hardware Capabilities•Software & Content capabilities secondary

Screens are the Future

April 24, 2023 © Netbiscuits GmbH 2012 19

Today•Different Software & Content capabilities•Hardware capabilities secondary

• New Device Classes are emerging

• Affordable devices and cheaper data plans means users are always connected

• Software and services are more important than hardware

Usage scenarios, context and screen type dictate device choice

Rich-capable browsers now allow high-end frontends

How We Do It

Integrated Development & Hosting

Everything you need to build award winning experiences

Device Management

Netbiscuits’ custom device database, recognition & redirect system

The problem:Existing Open-source tools don’t work

WURFL has non-verified device dataDevice information is erroneous and

when trusted, can lead to CSS, JS & layout problems

The solution:Proprietary Device Testing protocol/methodology

Daily live updates20+ devices tested per weekDetailed info on browser capabilities, media

support, processing power, memory capacity and more on a per device level.

Write a single page in BiscuitML that works across 8,000+ mobile & connected devices the first time

How do we do it?

We enable feature packed mobile sites by providing a vast array of multi-layout building blocks, called Biscuits, to create each site.

Removing the complexity of programming, each Biscuit is individually adaptable to the capabilities of a specific mobile device

Netbiscuits is able to exploit the rich, touch-based user interface capabilities of today’s smartphones and tablets while guaranteeing optimized delivery to less expensive but highly popular mass market feature phones as well

Each Biscuit is individually tested on our database of over 8,000 devices. This means you know your site will work on every device today, and every device tomorrow

Our Biscuits - The building blocks behind everything we do

Different Types of Biscuits

The Biscuit Concept

04/24/23 Slide 24© 2011 Netbiscuits GmbH

Dynamic degradation of Biscuits

The Biscuit Concept


Custom ApplicationsArchitecture Diagram


Integration through an external provider

Custom Applications (cont.)


© 2011 Netbiscuits, Inc. Slide 28

Development Flexibility

Netbiscuits plugins extend functionality of existing IDE’s

NetBeans Eclipse VisualStudio Others

Plugins for popular IDE’s enable natural development with BiscuitML

Code Complete Schema Validation

Integrate existing libraries and toolkits with BiscuitML

Bind to data sources

Focus on Rich Media & Touch-Enabled Interfaces

Seamless Platform Integration

Interlacing BML with your preferred development environment and libraries

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:fmt="http://java.sun.com/jsp/jstl/fmt" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:fn="http://java.sun.com/jsp/jstl/functions" xmlns:html="http://struts.apache.org/tags-html" version="2.0"> <jsp:directive.page contentType="text/xml; charset=UTF-8"/> <c:set var="mainAdLink"> <c:out value="${null}"> <fmt:message bundle="${bundle}" key="offer.mainad.link" /> </c:out> </c:set>/*This is an Image Biscuit*/ <IMAGE> <styles> <style name="padding-top" value="10"/> <style name="biscuit-padding" value="4"/> <style name="padding-bottom" value="3"/> </styles> <img src="images/text-mainbanner.png" id="img-99" class="img-99-class" convert="true" format="png" quality="100" href="${mainAdLink}" /> </IMAGE></jsp:root>

BiscuitML integrates with existing presentation layer to provide an optimized mobile experience

Standard ApplicationsArchitecture Diagram


SiteBuilder

One layout, multiple designs per site with a click of a button

Interactive Features: Voting, Polls, Quizzes, Comments and Ratings

Social Integration: In-Line Chat, Twitter Feeds, Like & Share Functionality

'Dreamweaver for Mobile Sites & Apps'

Web-based Mobile Site & App builder

Create mobile optimized Sites and Apps with dynamic content features via drag & drop interface

Dozens of Connector-Biscuits for Rich-Media, Advertising, Payment, Maps and much more

Global Partner Network

The Netbiscuits Global Partner Network leverages a world class roster of implementation and business partners dedicated to developing & maximizing the mobile web opportunity.

8

Implementation Partners

Business Partners

Agencies, system integrators and

development shops that build and support your mobile web program on Netbiscuits

Improve, enhance or optimize your mobile

web experience through CMS,

Commerce, SMS, GPS, Codes, Analytics Advertising & more

Publishing Clients

© 2011 Netbiscuits GmbH 04/24/23 Slide 34

TIMEMobile Publishing | News Portal

Created by

CustomerTIME, a Time Inc. brand, is the world's largest weekly news magazine. TIME.com is an essential destination for reliable, up-to-the-minute reporting on the people, places and issues that matter.

Solution •News portal•Image galleries•Sharing via social

networks and email

•Subscription form

Launch2011

MarketUSA

URLmobile.time.com


MTVMobile Publishing | TV Station Portal

Created by

CustomerMTV Networks, a subsidiary of Viacom International Inc., is the world's leading online music entertainment company.

Solution •TV station portal•News•Show information•Cast bios•TV schedule•Artist information•Video streams•Image galleries•Ringtone downloads•Text alerts

Launch2010

MarketUSA

URLm.mtv.com


BILD MOBILMobile Publishing | News Native App (Android)

Created by

Customer BILD, an Axel Springer brand, is Germany’s biggest daily and the 4th biggest newspaper worldwide.

Solution •News App (Android)•National and world news•Entertainment news•Sports news•Finance and stock news•Video streams•Mobile services including

weather, traffic, TV info

•Digital edition before theday of sale

•Android App Widget

Launch2011

MarketGermany, Austria, Switzerland


cnetMobile Publishing | Special Interest Portal

Created by

Customer CBS Interactive is the premier online content network for information and entertainment in the US and a top 10 property globally.

Solution •Special interest portal

(computing, technology)•News•Reviews•Video streams•Software downloads for

detected mobile platform

•Facebook and twittersharing

•Tell-a-friend

Launch2011

MarketUSA

URLm.cnet.com


Sports Illustrated - Fantasy FootballMobile Entertainment | Mobile Social Gaming

Created by

Customer Fantasy Football is a popular social game by Sports Illustrated and Kabam for running virtual football teams that are tied to real NFL players and their up to date stats.

Solution •Social gaming portal•Game login via Facebook

interface•Game News•Player updates and injury

status•Organize roster lineup•View matchup and

standings

Launch2010

MarketUSA

URLm.ff.si.com


Spike – Ultimate FighterMobile Publishing | Special Interest Portal

Created by

Customer Ultimate Fighter is a Spike.com Web site featuring the UFC. Spike, a subsidiary of Viacom International Inc., is a special interest TV & online format for men.

Solution •Special interest portal

(mixed martial arts)

•News•Fight schedule•Video streams•Image galleries•Fighter bios•Community tweets•SMS/MMS alerts

Launch2010

MarketUSA

URLm.ultimatefighter.com

My Personal Favorite…

Slide 40© 2012 Netbiscuits, Inc.

http://bit.ly/AAkaLR


Pittsburgh Post-Gazette

We took a first stab at the kinds of tools the Post-Gazette could use in creating a mobile experience with Netbiscuits

Please visit:

http://bit.ly/AAkaLR

This site was created merely to show the variety of ways content can be delivered by the Post-Gazette., not to highlight creative elements.

Please note:

•Ticker at top of screen can be installed and removed in less than 10 seconds, and render instantly. Truly immediate breaking news.

•Content sections are built to do dropdown presentation of content directly from your RSS feeds.

•In Sports, there are fewer headlines, but a “More Sports” button that will deliver a full sports page. Note the floating ad position at the top of that Sports page.

•Because we don’t have access to your files, the videos are delivered off your systems. However, if the Post-Gazette were to be a client, there are a multitude of ways to deliver videos to the end user. MTV has built their mobile business around it.

•In the PG Daily Deal, we added a “Find Now” to the bottom, where users can utilize our store locator GPS functionality.

•Social Media interaction can be added to every page.

Your Secret Weapons In Sales

Note: This Is Gonna Be Good

New Sales Tools for Publishers

• Netbiscuits offers simple-to-use templates that anyone at newspaper can use to create QR code landing pages for advertisers

• Initial templates focus on high-yield verticals of auto, retail and real estate

• In “rinse/repeat” format, site developer can build client site in 10 minutes, with markup to client to be determined by publisher

High-margin ROI in Templated QR Code Solutions for Advertisers

QR Code for Auto

Add Code to Deliver Mobile Engagement (Directions, Gallery, Coupons, Click-to-Call)

QR Code For Real Estate

Add Code to Deliver Gallery, Listings, Directions to Home, Click-to-call broker and more

QR Code for Retail

Add Code to Deliver Gallery, Mobile Deal of Day, Directions to Store

Other Landing Pages That Can Be Offered

Reusable, customizable marketing program delivering high-engagement

What tasks are important to your customers?Store LocatorCoupon SiteSweepstakesVideo Landing PageSign up for E-Mail / CRM/ CEMCustomer Service & FeedbackChat with Other CustomersCustomer loyalty and rewardsGet product info, Compare pricesSocial IntegrationsPurchase!

© 2010 Netbiscuits GmbH Date 03/12/10 Slide 48

Store Locator: How Easy Is It?

Customer provides the following information and you’re ready to build:

List of Stores in a CSV FormatLogoSite ElementsGo-Live date

Landing Pages: SweepstakesMobile Ad Banners direct to Social Media

Landing Pages: CouponsMobile Ad Banners direct to Mobile Landing Pages

© 2011 Netbiscuits, Inc. Slide 52

Mobilized E-Mail

Land Rover Marketing

Free Promotions - Land Rover

Redirect E-Mail Clicks to Optimized Mobile Sites & Offers

Click Here for mobile friendly version.

Election Codes & Mobile Site

Rinse/Repeat Format All For Clients

Please visit:

http://apps.netbiscuits.com/1032094/political/index.rbml

This site was created merely to show the variety of ways content can be delivered.

•Candidate branding

•RSS Feeds (blogs, news)

•Ability to contribute to campaign via PayPal

•“Join Campaign” Email Registration, Click to Call

•Register to Volunteer

•Social Media Connections

Your office could, literally, create a version of this site for every candidate in the state. The personalization/site creation could literally take five minutes for each candidate.

Mobile Challenges Today

Existing website is increasingly browsed on Tablet devices, however Tablets do not have comparable performance to desktop PC so user experience is compromised.

iPad app or optimized site is performing well, but development team have encountered issues replicating UI for other platforms.

Cross Platform optimized mobile site does not work on the intermediary screen sizes


Competitors launching successful native apps and you need to catch them… quickly!

Current mobile offering does not excel on Android and iPhones

Welcome to Tactile


Netbiscuits Tactile is an efficient HTML5 framework that utilizes web standards to enable the seamless creation and delivery of engaging mobile web experiences across all Smartphones and Tablets.

Fast, efficient development of next generation web apps for smartphones and tablets.

Using Tactile


Utilizing the Netbiscuits platform, Tactile simplifies development and deployment complexities while reducing the time and cost of publishing and maintaining high quality user experiences for today’s feature-packed, gesture-driven devices.

Tactile makes development more productive and smarter, requiring substantially less lines of code with intelligent mark-up.

Ease of Development


Tactile Mark-up,only 70 lines.

The same page written with HTML and CSS, over 300 lines!

Tactile Core Features

Tactile Mark-upMark-up replaces a large portion of JavaScript reducing size and complexity of code without compromising on user experience.

Effects & EventsLarge number of cross platform optimized out-of-the-box effects and events enable rich display and behavior.

Device Information ServicesDevice Information Services provide device characteristics from the device and from our Testing Intelligence to all touch points of a web application: At the edge enhancing redirection decisions, at the backend systems allowing for device class specific computing (ie. Security, Device specific offerings) and at the client side for native like user experiences

HTML5 FrameworkTactile HTML5 framework is extendable in nature. It allows developers to extend the JavaScript library at all layers – from kernel to the UI components or use the CSS Preprocessor capabilities.


Tactile Technical Components

Tactile contains a comprehensive set of technology components enabling the creation and delivery of rich cross device multi-touch user experiences.

HTML5 UI Elements CSS / CSS3 Preprocessor JavaScript Library Device Information Services

These technologies, enriched through our established mobile Cloud Platform, empower next generation user experiences in an affordable way for today's connected world.


Ad Studio


AdStudio – Cross-platform Rich Media Ads

1. Create visual assets and upload to AdStudio

2. Create advert and define campaignBuild/ Select mobile destination

3. Deploy Campaign

4. Capture user data, generate leads, convert visitors to customers

1 2 3 4

Netbiscuits’ AdStudio enables the creation, delivery and management of rich media advertising experiences in any format, on any network across all mobile devices

Rich Media AdStyles Customer Examples

PeelUser can swipe ad into

the visible area

3D FlipClick flips entire page to

a full screen ad

Interactive SwipeSwiping left or right

causes the image to change

23

Who is Netbiscuits?

Founded in 2000, the company has eight offices on four continents and is committed to making Netbiscuits the standard platform for the mobile web.

Thank You!

To learn more, visit:www.netbiscuits.comm.netbiscuits.com@netbiscuits

Adam J. ShapiroNortheast Sales [email protected]: 516-220-9401

netbiscuits presentation

Documents

Transcript of netbiscuits presentation