Slides from presentation given at WPUG

1. WP7Devwith HTML & JS

2. Silverlight and the web have a history 

3. but Silverlight doesn't work in the browser (IE Mobile) on WP7 

4. You can put the browser inside a Silverlight app though 

5. Microsoft.Phone.Controls.WebBrowser

6. Simplest use:.NavigateToString() Demo

7. A common request:HTML Help

8. Loading files from IsolatedStorage.Navigate() Demo

9. WebBrowser doesn't include a back stackbut it's easy to create your own Demo

10. private readonly Stack<Uri> historyList = new Stack<Uri>(); protected override void OnBackKeyPress(CancelEventArgs e) { if (this.historyList.Count > 1) { this.historyList.Pop(); this.webBrowser1.Navigate(this.historyList.Peek()); e.Cancel = true; } base.OnBackKeyPress(e); } private void webBrowser1_Navigated(object sender, NavigationEventArgs e) { if ((this.historyList.Count == 0) || (e.Uri != this.historyList.Peek())) { this.historyList.Push(e.Uri); } }

11. Seriously consider alternatives thoughhint: Don't do it!

12. Where WebBrowser can be useful:interacting with external websites

13. IsScriptEnabledallows JS on page to call .net codeand .net code to call JS functions

14. Authorising with OAuthOrtaking in-app payments Demo

15. 80020006 

16. 80020101 

17. Can we do more?

18. Why might we want to?

19. There are more mobile platforms than just Windows Phone 7(Shhh!)

20. All the different platforms use different programming languages 

21. But everyone understandsHTML, JS & CSS 

22. Introducing

23. build cross-platform mobile apps in HTML and JavaScript and still take advantage of core, native, features

24. iPhoneAndroidBlackberrySymbianPalmWindows Phone 7!

25. Write the HTML, JS & CSS once*and then recompile for each platform *but you may want/need some variation

26. navigator.notification.vibrate()navigator.geolocation.getCurrentPosition()navigator.orientation.getCurrentOrientation()navigator.network.isReachable()navigator.sms.send()navigator.telephony.call()navigator.camera.getPicture()

27. Demo

28. That sounds amazing!What are the cons?

29. - Not all platforms support/expose the same functionality- Metro harder to mimic- Debugging harder- WP7 support not finished, yet! 

30. Consider it if you want to go cross-platform 

31. It's OSS & contributions welcome 