How one Microsoft team is developing its own HTML5 iPad app
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 email newsletter. It's the freshest tech news and opinion, served hot. Get it.
Talkback
RE: How one Microsoft team is developing its own HTML5 iPad app
RE: How one Microsoft team is developing its own HTML5 iPad app
That's right
The developer version of windows 8 is released this month, it's called Lion.
RE: How one Microsoft team is developing its own HTML5 iPad app
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.
Lion's new features
General, you think full screen apps are new;-) nt
RE: How one Microsoft team is developing its own HTML5 iPad app
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.
Is there any HTML app at MS that makes the company money?
Bleeding Windows
Message deleted
I predict Apple will bankrupt M$ within 2 years
I for one can't wait for the elimination of a competitor so that competition can increase.
Troll
I've analyzed your response
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!
RE: How one Microsoft team is developing its own HTML5 iPad app
re: M$ ... welcome to 1997! Got any new ones?
RE: How one Microsoft team is developing its own HTML5 iPad app
RE: How one Microsoft team is developing its own HTML5 iPad app
Yes, but ....
... 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.
RE: How one Microsoft team is developing its own HTML5 iPad app
attent
<a href="http://www.sohbethatay.com/" title="hatay chat, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetadana.net/" title="adana sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.adanasohbet.org/" title="adana sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.antalyasohbet.gen.tr/" title="antalya sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.mersinsohbet.org/" title="mersin sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetmersin.org/" title="mersin sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.bursasohbet.tk/" title="bursa sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.trabzonsohbet.tk/" title="trabzon chat, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.denizlisohbet.tk/" title="denizli, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.mardinchat.tk/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbethatay.tk/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.ankarachat.tk/" title="ankara sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.izmirchat.tk/" title="izmir sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.gaysohbet.info/" title="gay sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.cinselchatsohbet.com/" title="cinsel sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.erzurumsohbet.com/" title="erzurum sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.evlisohbet.org/" title="evli sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.islamichatsohbet.com/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.istanbulsohbet.name.tr/" title="istanbul sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.kalpgulu.org/" title="cet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.karadenizsohbet.tk/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.lezsohbeti.tk/" title="lez sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sicaksohbet.tk/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.zalimcafe.com/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.zurna.tk/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetodalari.ws/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetodalari.biz/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetodalari.biz.tr/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetodalari.bbs.tr/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetodalari.be/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetodalari.info/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetodalari.name.tr/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sohbetodalari.com.tr/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.avrupasohbet.tk/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sexsohbetchat.com/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.muglasohbet.tk/" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.ankarasohbet.gen.tr/" title="ankara sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.izmirsohbet.gen.tr" title="izmir sohbet, sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.sakaryasohbet.gen.tr" title="sakarya sohbet, sohbet odalari, sakarya chat" target="_blank">sohbet odalari</a>
<a title="sohbet kanallari" href="http://www.sohbetkanallari.gen.tr">sohbet kanallari</a>?<a title="radyo dinle" href="http://www.radyolardinle.net">radyo dinle</a>?<a title="radyo dinle" href="http://www.radyodinle.name.tr">radyo dinle</a>?
<a title="mirc, mirc indir" href="http://www.mirclerindir.com">mirc</a>?<a title="cet" href="http://www.cet.name.tr">cet</a>?<a title="dul sohbet" href="http://www.dulsohbet.gen.tr">dul sohbet</a>? <a title="chat odalari" href="http://www.sohbetodalari.com.tr">chat odalari</a>?<a title="chat odalari" href="http://www.konyachat.tk">chat odalari</a>?
?<a title="sohbet odalari" href="http://istanbul.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari" href="http://izmir.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari" href="http://malatya.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari" href="http://ankara.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari" href="http://hatay.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari, kayseri sohbet" href="http://kayseri.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari" href="http://ordu.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari" href="http://elazig.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari" href="http://igdir.sohbetodalari.com.tr">sohbet odalari</a>?<a title="sohbet odalari" href="http://agri.sohbetodalari.com.tr">sohbet odalari</a>?<a title="cet" href="http://www.eceerken.net">cet</a>?<a title="cet" href="http://www.sohbetkizi.org">cet</a>
<a href="http://www.sohbetturkchat.com/" title="turk chat" target="_blank">turk chat</a>- <a href="http://www.turkcechat.tk" title="turkce chat, turk chat" target="_blank">turk chat</a> - <a href="http://www.kalpgulu.org/" title="cet" target="_blank">cet</a>
<a href="http://www.odalari.gen.tr" title="odalari" target="_blank">odalari</a>
<a href="http://www.islamichat.net" title="islami sohbet, islami chat" target="_blank">islami sohbet</a>
<a href="http://www.dinisohbet.gen.tr" title="dini sohbet" target="_blank">dini sohbet</a>
<a href="http://www.sohbetbu.net" title="sohbet odalari" target="_blank">sohbet odalari</a>
<a href="http://www.idealsohbet.org" title="sohbet odalari" target="_blank">sohbet odalari</a>
Beni takip edenin gotune koyim =)
RE: How one Microsoft team is developing its own HTML5 iPad app