1. TAKE THE RED
PILL AND
ENTER THE
MATRIX
FSOSS – 2011-10-28
FREDERIC HARPER
DEVELOPER EVANGELIST @ MICROSOFT CANADA

2. AGENDA
 The pills dilemma
 What is WebMatrix?
 Who is WebMatrix for?
 Database
 Helpers
 App Gallery & OSS Apps

3. THE PILLS DILEMMA

4. THE PILLS DILEMMA
BLUE
=
don’t control the
Matrix
1. Work with an inefficient tool
2. Lack of functionality
3. Not ready for YOUR
languages

5. THE PILLS DILEMMA

6. THE PILLS DILEMMA
RED
=
control the Matrix
1. Easy, lightweight and efficient
tool
2. Lots of useful functionality
3. Work with the right tool for
YOUR languages

7. WHICH ONE
WILL YOU TAKE?

8. WHAT IS WEBMATRIX
It’s a free tool that makes it easy to
 Create
 Configure
 Publish
your websites and web applications

9. WHAT IS WEBMATRIX

10. WHAT IS WEBMATRIX
1. Web App Gallery & Templates

11. WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express

12. WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML 4/5, CSS, JavaScript

13. WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML 4/5, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP

14. WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML 4/5, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP
5. DB Manager: SQL Server & MySQL

15. WHAT IS WEBMATRIX
1. Web App Gallery & Templates
2. Web Server: IIS Express
3. Standards Support: HTML 4/5, CSS, JavaScript
4. Scripting Support: ASP.NET & PHP
5. DB Manager: SQL Server & MySQL
6. Optimization Tools: SEO & Performance

16. DEMO
A Lap Around Web Platform Installer

17. WHO IS WEBMATRIX FOR
I <3 Web Apps. I want to build web
I just need a tool sites myself with
an easy to learn
that makes them
tool and framework
easier to
configure,
customize and
publish

18. DEMO
A lap around WebMatrix

19. TWO WAYS TO BUILD

20. TWO WAYS TO BUILD
Option A:
From
Scratch

21. TWO WAYS TO BUILD
Option A: Option B:
From From Web
Scratch App

22. DEMO
Create a website from a template

23. DATABASE
• SQL Compact Edition in the box
• MySQL connection
• SQL Server 2005/2008 connection
• Easy to design, easy to code against
Designing
Coding
@{
var db = Database.Open("ArtGallery");
var product = db.Query("SELECT * FROM PRODUCTS);
}

24. DEMO
A Lap Around Database

25. HELPERS
Helpers make it easy to quickly add commonly used
functionality into your websites
and many more…

26. HELPERS CATEGORIES
HTML Helpers Make is faster and easier to call
complex APIs from your
• Facebook website.
• Twitter
•…
API Helpers Make is faster and easier
• PayPal to render commonly
• Windows Azure Storage used markup to the
• … page.

27. DEMO
How to use helpers

28. APP GALLERY & OSS APPS

29. BUILD ON THE SUCCESS OF
WEBPI
Web Platform Installer WebMatrix
Download  

Install (inc. dependencies) 
Customize 
SEO Analysis 
Publish 

30. DEMO
A closer look to App Gallery

31. NEXT STEPS

32. NEXT STEPS
1. Take the red pill

33. NEXT STEPS
1. Take the red pill
2. Install WebMatrix

34. NEXT STEPS
1. Take the red pill
2. Install WebMatrix
3. Play with it
1. Create a new website with templates or from scratch
2. Edit an existing one
3. Deploy an app by using the App Gallery

35. NEXT STEPS
1. Take the red pill
2. Install WebMatrix
3. Play with it
1. Create a new website with templates or from scratch
2. Edit an existing one
3. Deploy an app by using the App Gallery
4. Unleash the power of the Matrix & have fun

36. RESOURCES
http://microsoft.com/web/webmatrix
http://asp.net/webmatrixresource (v1 tutorials)
http://www.webnotwar.ca/

37. QUESTIONS
Frederic Harper, Developer Evangelist
fredh@microsoft.com
@fharper
http://webnotwar.ca
http://outofcomfortzone.net