Adobe’s tooling for jQuery and the Mobile Web

Adobe’s tooling for jQuery and the Mobile Web
#sxswadobemobile

Dreamweaver CS5.5 - CSS3 properties are in Dreamweaver

“Dreamweaver has changed a lot in the past few years”

Live View - uses a webkit browser. Also theres an inspect element mode, thats firebug-esque

Multiscreen preview - Phone, tablet, desktop views

Media Queries - Force devices to report actual sizes. Automatically makes a css file of media queries (min-width, max-width). seperate css files for different devices (note. that other panels advised to use only one css file if possible)

jQuery Mobile! - you can edit and preview jquery more integrated into Dreamweaver. Jquery mobile is a panel in Dreamweaver. Really cool stuff!

BrowserLab.adobe.com - still in prerelease. It’s not a browser. its more like remote viewing browser. its just static screenshots. Onionskin view between browsers

You can render Browserlab previews out of live view in Dreamweaver, but you need an internet connection so the info can be sent to browserlab.adobe.com and render the screenshots.

“Don’t just think of Flash professsional as a tool to make compiled .swf’s”

Create new project. create multiple fla’s; Shared assets across .swf’s; link library assets between fla’s that are in the same project

Create a self signed certificate to make andorid or iphone apps in publish settings. Set the icons used for the app, also set the permissions on the app

Code snippets panel - Mobile actions (gestures)

Samsung tab used for Air for Android demo

Wallaby demo. still in prerelease. nothing new here. it just turns root timeline motion tweens into jquery. mentioned some of its limitations like no actionscript support. said it just for basic animations

I asked a question at this panel.

“Is Adobe looking into a jquery timeline animator, that would make Wallaby unnecessary? “

They answered about the the project code name “Edge”. no mention of a timeline for when “Edge” will be in realase or prerelease. they just said basically, “keep watching for it, it’s coming”

"I don’t want to sound like a groupie but I love your blog"

The last of the launch and leave ‘ems

#mxmlaunch

Brands shouldn’t launch and leave… But perhaps Agencies should*. 

*show some respect and get out of the way

More often clients get approached with agencies selling themselves and philosphy, not talking about how to improve a brands consumer experience

Little attention paid to what consumers want to see online.

Don’t build things that consumer and nobody needs

Add value to peoples life don’t ask them to participate because you asked them too.

Campaigns or platforms are always pitched with it being succesful. Agencies never consider what the community will look like on day one, always pitching what it looks like when its successfuly 100 days in.

NFC and RFID, How It Will Change Mobile

Mobileplaybook.360I.com

NFC and RFID will change mobile forever

Wallets are full of gift cards, layolty cards, credit cards.

NFC uses RFID, its a subset of RFID

  • Google is really embracing NFC. With google places. Nexus S. Android 3.3 will support read/write NFC
  • Nokia will roll out some phones with NFC
  • ISIS is a NFc standard for ATT, Verizon and TMobile
  • Verifone to include NFC in payment systems

Stickers add broad NFC support

NFC can completely revamp Loyalty programs

Check-in service with NFC (no need for GPS) » see Mixi

Second Screen: TV Meets The Web Backchannel

Second screen

Mintdigital

2-screen.com

He showed a demo of The Hills using a service called Backchannel, where viewers chatted and saw their chats appear on the tv show in realtime

Chatter is competitive

He showed a demo of an app called LivePitch that shows data of soccer game as it’s happening (it’s meant to augment the game wathcing experience on a TV with a tablet device)

For marketers, recognise people will be talking while these television events are happening and ‘hijack’ the conversation.

Personalized and smarter TV interfaces

Personalized and smarter TV interfaces

David roberts from The Filter

Supply side of content = Cost, format, control, right management, distribution

Demand side of content = Mood, taste …

Focus on the demand side not too much on supply side

Types of data to improve UI:

  • Metadata: descriptions, categories, ratings
  • Contextual data: location, times, days
  • Social: tweets, likes, check-ins
  • Consumption data: plays, skips, history, activity

Find where the data overlaps and present it to the comsumer

Measure the effect and tweak algorithm or messaging

GoogleTV to iPad Apps: The Connected TV Experience

The connected TV experience

How personal devices will enhance….

Bullwinkle from Rovi

PCs are not Televisions & Televisions are not PCs

Companion devices (tablets) are a better fit for consumers

The problem of big cable companies. People can get cool content outside of settop boxes, (“Friday night” devices - ie roku, apple tv, boxee)

The problem for tv makers: people spend their time navigating cable settop boxes and not looking at the cool apps in the TV

The problem for consumers: 86% of people have no clue what they want to watch when they turn on TV.

US cable guides do a bad job at managing so many channels.

People already watch tv with another screen in front of them already. Navigating tv interface takes them away from that other screen anyways.

Personal interactive ads. 
People watch tv with other people in the room. When you interact with the ad on tv you alieante other people in room. Personal ads on tablet devices isolate and target the person on the device.

Putting interface on devices, it will only be found for people that want them.

The number of people subscribing to cable out of college is dropping.

Innovation can be done rapidly for software (apps, mobile sites) on companion devices.

How Small Screens are Making iTV Big

How Small Screens are Making iTV Big

Three categories

Finding TV, Enhancing TV, other thing that aren’t TV

Basically tablets are a great TV companion since its very difficult to fit everything onto a TV screen

Barriers to iTV utopia

  • People get their cable from different providers
  • Copyright barriers

Designing Video-rich websites for all three screens

Designing Video-rich websites for all three screens
Jesse Streb from Brightcove

There’s really no standard HTML 5 video format yet.
Look into OVP - it can help with mobile video delivery
SEO - put desriptions and titles in HTML in hybrid video sites
Mobile App - Put together a mobile app store of video links, another way to get video discovered.
Personalization - have ‘friends’ recommend other videos to watch, this can increase time on site