LinkedIn Mobile: How do we do it?

LinkedIn Mobile How we do we do it?

BuildDesign CodeTestingDeploy

Build PlatformDesign iOS Code AndroidTesting BrowserDeploy Other

Design

Interaction vs Visual• Designing a house’s ﬂoorplan• Focus on Rooms, Doors and Hallways• Stay away from Paint, Furniture and Carpet• Has & Does for each screen• Black & White then add color

Search, Compose, Room NavigationStream You Inbox Following Notiﬁcations Breadth < 4 Depth < 3

Adjust for App Platform• On Screen Back vs Hardware Back• Up vs Back / Stacks vs Pages• Pull To Refresh vs Button Refresh• Settings• Visual Design

Mobile Web Enter the house SEO Email Organic

Other iOS Android Mobile Web WrapJS/HTML + Native Native JS/HTML JS/HTML Screen based REST API Mobile Server (node.js + MongoDB) Domain REST API LinkedIn Platform

Why Node.JS: Evented & JS• I/O Bound for most interaction• Aggregation and Manipulation of Strings• Lots of persistent socket connections• Client developers are doing server development

Mobile Server• Stateless Load Balancer Nginx Nginx• Platform Transport: JSON In / JSON Out Node JS Node JS Server Server• Nginx as Web Server Mongo Logging Tracking• CDN for Static Content DB Server Server• Log / Track Everything LinkedIn Platform

Screen Based JSON• Single Request per { ttype: nut1, screen time: 298349823, header: “Wow, that is pretty cool”,• JSON is template ....... ...... based footer: “shared by Kiran Prasad”, id: 1298398127,• Updatable on } server

iOS• Native for all inﬁnite lists• Native for Window Manager• JS/HTML for all screens that are detail views• Per screen choice for the stuff in the middle• Async JS/iOS Bridge

Android• Native for all the screens• WebView for browsing the web• Moving towards more HTML5• Contacts locally stored but rest only in memory cache

Mobile Web• Backbone for MVC • LocalStorage for personal Cache• Underscore for utils• Zapto for DOM • SASS for CSS Manipulation • Closure for compiling• Modiﬁed iScroll for • Hash based Loader Scrolling

Test• Automation: Vows, Robotium, Selenium, FoneMonkey, GHUnit• Hudson for build management• Internal Tool for Layout Testing• PhantomJS based Tool for Performance• Bug Bash + 2 Week Demos

Deploy

Deploy / Monitor• Enterprise Build available • Keynote for to employees Performance and Availability monitoring• Ship everything 2 times a week • DeviceAnywhere for compatibility testing• Apps and Server Deploy independently • Internal monitoring for QPS, Uptime, etc• 2 Week Bake for Big Stuff • Client Crash Log Metrics tracked daily

Thanks! & Questions?

http://androidopen.com	85
http://kennychua.net	82
http://paper.li	66
http://www.scoop.it	16
https://twitter.com	9
http://127.0.0.1:51235	9
http://a0.twimg.com	8
http://www.freerealestatesocialmedia.info	7
http://www.linkedin.com	7
http://us-w1.rockmelt.com	6
https://si0.twimg.com	6
http://english2.site90.net	5
http://www.kennychua.net	3
http://www.twylah.com	1
http://www.certipost.com	1
http://localhost	1
http://trunk.ly	1
http://www.slippbc.ca	1
http://www.onlydoo.com	1
http://tweetedtimes.com	1

LinkedIn Mobile: How do we do it?

by phegaro

Accessibility

Categories

Upload Details

Usage Rights

20 Embeds 316

Statistics

LinkedIn Mobile: How do we do it? Presentation Transcript