TAKE THE RED

PILL AND

ENTER THE

MATRIX

FSOSS – 2011-10-28

FREDERIC HARPER

DEVELOPER EVANGELIST @ MICROSOFT CANADA

AGENDA

The pills dilemma

What is WebMatrix?

Who is WebMatrix for?

Database

Helpers

App Gallery & OSS Apps

THE PILLS DILEMMA

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

THE PILLS DILEMMA

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

WHICH ONE

WILL YOU TAKE?

WHAT IS WEBMATRIX

It’s a free tool that makes it easy to

Create

Configure

Publish your websites and web applications

WHAT IS WEBMATRIX

WHAT IS WEBMATRIX

1. Web App Gallery & Templates

WHAT IS WEBMATRIX

1. Web App Gallery & Templates

2. Web Server: IIS Express

WHAT IS WEBMATRIX

1. Web App Gallery & Templates

2. Web Server: IIS Express

3. Standards Support: HTML 4/5, CSS, JavaScript

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

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

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

DEMO A Lap Around Web Platform Installer

WHO IS WEBMATRIX FOR

I <3 Web Apps.

I just need a tool

that makes them

easier to

configure,

customize and

publish

I want to build web

sites myself with

an easy to learn

tool and framework

DEMO A lap around WebMatrix

TWO WAYS TO BUILD

TWO WAYS TO BUILD

Option A:

From

Scratch

TWO WAYS TO BUILD

Option A:

From

Scratch

Option B:

From Web

App

DEMO Create a website from a template

DATABASE

• SQL Compact Edition in the box

• MySQL connection

• SQL Server 2005/2008 connection

• Easy to design, easy to code against

Designing

@{

var db = Database.Open("ArtGallery");

var product = db.Query("SELECT * FROM PRODUCTS);

}

Coding

DEMO A Lap Around Database

HELPERS

Helpers make it easy to quickly add commonly used

functionality into your websites

and many more…

HELPERS CATEGORIES

HTML Helpers

• Facebook

• Twitter

• …

Make is faster and easier to call complex APIs from your

website.

Make is faster and easier

to render commonly

used markup to the

page.

API Helpers

• PayPal

• Windows Azure Storage

• …

DEMO How to use helpers

APP GALLERY & OSS APPS

BUILD ON THE SUCCESS OF

WEBPI

Web Platform Installer WebMatrix

Download

Install (inc. dependencies)

Customize

SEO Analysis

Publish

DEMO A closer look to App Gallery

NEXT STEPS

NEXT STEPS

1. Take the red pill

NEXT STEPS

1. Take the red pill

2. Install WebMatrix

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

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

RESOURCES

http://microsoft.com/web/webmatrix

http://asp.net/webmatrixresource (v1 tutorials)

http://www.webnotwar.ca/

QUESTIONS

Frederic Harper, Developer Evangelist

fredh@microsoft.com

@fharper

http://webnotwar.ca

http://outofcomfortzone.net