How one Microsoft team is developing its own HTML5 iPad app

By | July 6, 2011, 9:05am PDT

Summary: How is one Microsoft team approaching the task of architecting an HTML5/CSS app? One key and telling step: “removing all the Windows dependencies.”

The MSN team, like another of Microsoft’s Online Systems Division units — the Bing team — has been developing apps for the iPad. In May, MSN launched “Onit,” a men’s lifestyle app for the iPhone and iPad. But it sounds like that’s just the tip of the iPad iceberg.

I stumbled onto a software engineer job posting that mentions another new iPad app in development by MSN that is aimed at the site’s own content editors. The post explains how the team is approaching the task of architecting an HTML5/CSS app. One key and telling step: “removing all the Windows dependencies.”

Here’s the post:

Software Design Engineer, Senior MSN
Job Category: Software Engineering: Development
Location: United States, WA, Bellevue
Job ID: 750877
Division: Online Services Division

MSN is one of the largest websites in the world with 470M unique users a month and 650M page views per day. But the applications behind the scenes that content editors use every day need a lot of work. That’s where you come in. MSN is making a huge investment in becoming a turnaround story and we need talented web devs who care about the customer and quality to help us make that happen.

Our plan is simple. Develop one state of the art web app that delivers all the functionality an editor needs. We’re talking MVC3 with Razor views, jQuery, HTML5 & CSS3. Yeah, we have to deal with the existing apps while we build out the dream app, but we are being smart about it by re-engineering things as we go. A couple of challenges that you can come help us solve are removing all the Windows dependencies so we can enable Mac, Safari and iPad users, enabling ADFS (Active Directory Federation Services) so we can authenticate with LiveId and Windows Authentication over the internet, consolidating our existing four Feed management apps into one, implementing true WYSIWYG editing, the list goes on and on. (MJF: links in here are mine)

We are a very high energy team in a collaborative open space environment in Lincoln Square (MJF: That’s in Bellevue — just outside Redmond). We ship once a month and plan in 3 month chunks. The whole team is fairly new to MSN and we are taking a fresh look at everything, so now is a great time to join. We work smart and hard and have a great time doing it. Monthly morale events, weekly team lunches, Kinect competitions and regular Ping Pong matches is our M.O.

Yes, the content-editor CSS app the MSN team is building is an internally-facing iPad app. But the job posting also got me thinking about what other teams inside Microsoft are doing to rearchitect and/or build from scratch their own HTML5 apps that — one would assume — won’t take Windows dependencies.

Microsoft is going to need a way to make these coming standards-compliant HTML5 apps something that will keep users loyal to Windows 8. One way is to make them work better on platforms that include a browser that is optimized for the underlying operating system. Another is to encourage Windows 8 “immersive” applications to embed the same “Trident” rendering engine that is part of Internet Explorer.

With Windows 8, not all applications are going to be created equal, according to tidbits I’ve heard. There supposedly are going to be tiers of apps — and I don’t mean just first-party (from Microsoft) or third-party (from other developers). There will be immersive/modern apps, as well as also legacy/classic apps, supposedly all with different requirements and expectations. Think the mobile app vs. web app vs. native app debate is confusing? I bet we ain’t seen nothin’ yet….

Kick off your day with ZDNet's daily e-mail newsletter. It's the freshest tech news and opinion, served hot. Get it.

Topics

Mary Jo has covered the tech industry for more than 25 years for a variety of publications and Web sites, and is a frequent guest on radio, TV and podcasts, speaking about all things Microsoft-related. She is the author of Microsoft 2.0: How Microsoft plans to stay relevant in the post-Gates era (John Wiley & Sons, 2008).

Disclosure

Mary-Jo Foley

Freelance journalist/blogger Mary Jo Foley has nothing to disclose. WYSIWYG (what you see is what you get). I do not own Microsoft stock or stock in any of its partners or competitors. I have no business ventures that are sponsored by/funded by Microsoft or any of its partners or competitors.

Biography

Mary-Jo Foley

Mary Jo Foley has covered the tech industry for 25 years for a variety of publications, including ZDNet, eWeek and Baseline. She has kept close tabs on Microsoft strategy, products and technologies for the past 10 years. In the late 1990s, she penned the award-winning "At The Evil Empire" column for ZDNet, and more recently the Microsoft Watch blog for Ziff Davis.

Got a tip? Send her an email with your rants, rumors, tips and tattles. Confidentiality guaranteed.

20
Comments

Join the conversation!

Just In

RE: How one Microsoft team is developing its own HTML5 iPad app
jackson1984-24316069205748857739440257893812 9th Oct
Hey, i believe that you visited my web based web-site so i arrived to "return mulberry bag sale the favour".I am looking for tips on how to include things to my websites!I suppose its okay to apply just a few within your options!!
I think immersive Win8 Web apps with no browser chrome are they way they're crossing the streams... obGhostbusters quote wink
"the content-editor CSS app the MSN team is building is an internally-facing iPad app" - Not really, it's an HTML5/CSS app which is not specific to an iPad. Simply, MSN is building a modern web application. Nothing more.
0 Votes
+ -
That's right
Richard Flude 6th Jul
There's no better way to develop for tomorrow's windows versions than ensuring your applications compatibility with the current version of Mac OS X.

The developer version of windows 8 is released this month, it's called Lion.
@Richard Flude

Still getting around with that pig Richard? Don't tell me it's changed its lipstick again?

Aaaaah BSD, a great OS for the 1970s. Apple has done a wonderful makeover, pity it's only skin deep.
0 Votes
+ -
Lion's new features
General C# 7th Jul
@Richard Flude Apple has a knack for creating something that already exists and then calling it their own, like fullscreen, immersive apps. We got that with WPF way back with .NET 3.0. But, wait and see how they take credit for it and say that Windows 8 just copied Lion.
0 Votes
+ -
Nt
@Skippy99
I develop interactive multimedia web apps that run correctly on any platform - except iOS. No trouble on OS/X even allowing for Safari. The reason they don't, is due to Apple restricting HTML 5 and preventing the use of autoplay.

So for iOS, I can't do synchronised audio or video with text and have to put up an audio controller so that users can manually press a button.

So while some HTML 5 apps might work on iOS, multimedia apps are restricted by Apple, so it can earn a royalty from iOS only apps sold from its app store.

Oh and they work fine on WP7 Mango as well, since it has a real browser with HTML 5.
Actually there probably are a number, but they are overshadowed a number that cost the company money. Apparently if you cut Ballmer, he bleeds Windows. However if you cut MS' online division, it bleeds HTML - and also money. Office, whose technologies are based on Windows, is a $20B business, with a little more customers than MSN. While MSN, after 16 years around, based on HTML, is still in the red - costing the company about over $1B every year. Now MSN thinks its salvation lies in the very technology that acted like quicksand for it over the years. Sigh.
0 Votes
+ -
Contributr
Bleeding Windows
Mary Jo Foley 6th Jul
Heh. Good point. But if you cut the Windows team (at least these days), they also bleed HTML5 and JavaScript... MJ
0 Votes
+ -
Message deleted
P. Douglas Updated - 6th Jul
.
0 Votes
+ -
@P. Douglas
I for one can't wait for the elimination of a competitor so that competition can increase.
0 Votes
+ -
Troll
DeRSSS 6th Jul
@woulddie4apple
  • Flagged
0 Votes
+ -
I've analyzed your response
woulddie4apple 6th Jul
@DeRSSS
I've determined that if this is the best that you can come up with, you lost the debate before it even started. But nice try!
@woulddie4apple There is no debate with a troll like you. Just wasted time and energy.

re: M$ ... welcome to 1997! Got any new ones?
@P. Douglas Xbox lost money for many years its kicking ass now! Go Kinect! Hopefully online will get its act together. Bing search on Xbox and Windows Phone 7 can only help!
@jatbains ... I agree. I just picked up the HTC Arrive Windows Phone on Friday, installed the Mango beta on it, and the new Bing search features are remarkably cool. The "Scout" feature gave my boss and I a great lunch option today that we wouldn't have otherwise considered, lol. happy
0 Votes
+ -
Yes, but ....
P. Douglas Updated - 6th Jul
@jatbains

... Bing gets the most praise, when its feature implementations are not done in HTML, but rather in native code. But its online division insists on clinging to HTML. Can you imagine if a huge portion of the company ignored MS platforms, and targeted their development efforts at the Java platform instead? It would be a joke. Well the online division is doing something very similar: instead of targeting Windows, it is consumed with targeting the web. So instead of these guys saying, "Why don't we target Windows under a plan that makes the company money, and then lessen the web's reach advantage by using virtualization?" They instead keep going back to their failed HTML based approach, over and over again.

The most exciting things MS are doing now, is around native code development. Xbox, Xbox Live, Kinect support, Windows Phone 7 and its supporting services. As far as I'm concerned, the online division needs to be taken over by those in the company who believe in Windows, and these guy should get a team of UX guys / designers to come up with digital magazine styled versions of MSN, and MS other properties.

The Online division's goal should be, how can it develop solutions on Windows that compete against similar solutions on the web and other platforms? Who cares if it can't counter all the advantages of solutions on other platforms - including the reach of apps on the web? As long as MS online makes money, and it systematically works to eradicate the advantages of solutions on other platforms, by incorporating those advantages into itself, it should do well. (The above is precisely what Office does.) Also, as long as MS' online division continually widens the user experience differential between its solutions and those on other platforms, it should do well.

Instead of doing the above, MS' online division's goal appears to be, what solutions can it develop in HTML? And, let's try to make some money while doing so. In fact I think an important goal of Bing should be, how can it develop great native code user experiences on MS platforms, and power MS platforms and their solutions / apps, in a way that makes the service money at relatively low scale. Then work on scaling up the service. I don't see where it is written in the stars that Bing has to essentially clone Google's strategy of achieving massive scale, and large market share. Look at the relatively small market share Apple has in smartphones, PCs, etc. but it makes so much more money than others.

MS' online division strategy needs to be completely rethought. It's goal should not be to do HTML just because everyone else is doing it. It's goal should be to make money in a way that strengthens and widens the foundation of the company - Windows. It should also do this in a way that counters competition on other platforms.
I think you're reading too much form this job posting. From what I see it's only saying that: "We want to develop new UI from our editor and get rid of our old one because it isn't modern. Our editors are not only Windows users, so we don't want to have a dependency on Windows... some of them also using their iPads to post contents." That all it says.
0 Votes
+ -
attent
Firat31 15th Aug
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet odalari
sohbet kanallari ? radyo dinle ? radyo dinle ?
mirc ? cet ? dul sohbet ? chat odalari ? chat odalari ?

? sohbet odalari ? sohbet odalari ? sohbet odalari ? sohbet odalari ? sohbet odalari ? sohbet odalari ? sohbet odalari ? sohbet odalari ? sohbet odalari ? sohbet odalari ? cet ? cet

turk chat - turk chat - cet
odalari
islami sohbet
dini sohbet
sohbet odalari
sohbet odalari
Beni takip edenin gotune koyim =)
0 Votes
+ -
RE: How one Microsoft team is developing its own HTML5 iPad app
jackson1984-24316069205748857739440257893812 9th Oct
Hey, i believe that you visited my web based web-site so i arrived to "return mulberry bag sale the favour".I am looking for tips on how to include things to my websites!I suppose its okay to apply just a few within your options!!

Join the conversation!

Formatting +
BB Codes - Note: HTML is not supported in forums
  • [b] Bold [/b]
  • [i] Italic [/i]
  • [u] Underline [/u]
  • [s] Strikethrough [/s]
  • [q] "Quote" [/q]
  • [ol][*] 1. Ordered List [/ol]
  • [ul][*] · Unordered List [/ul]
  • [pre] Preformat [/pre]
  • [quote] "Blockquote" [/quote]
ie8 fix

The best of ZDNet, delivered

ZDNet Newsletters

Get the best of ZDNet delivered straight to your inbox

Facebook Activity

White Papers, Webcasts, & Resources
ie8 fix