SlideShare uma empresa Scribd logo
1 de 27
Prototyping med Microsoft Webmatrix Funksjonell dynamisk prototyping NITH Øyvind Malin 15/09
Personer Øyvind Malin Grensesnittsutvikler NITH 2011
agenda Hva er WebMatrix? Hva er prototyping Hvorfor WM til prototyping? RazorSyntax Demo: Helpers Demo: Open Source Apps Demo: Templates Demo: App
HvaDetteforedragetikkeer? Fullstendigintroduksjontil Microsoft WebMatrix
13. oktober Fagkveld 13. oktober BEKK inviterer til fagkveld i våre lokaler på Vippetangen i Oslo. http://www.bekk.no/fagkveld
Foreløbig program Press Play! On Tape The browser – uncovered Krøss-plattform –utviklingmobilt Introduksjontil Ruby Domain Driven Security Code Kata
Hvaer Microsoft WebMatrix? Microsoft Webmatrixer et nytt gratis vekrtøy for webutviklingfra Microsoft.  ,[object Object]
Helpers
OpenSourceApplikasjoner,[object Object]
Hvafår du? Web Server Database Development Tool Kilde: Microsoft WebCamps
Hvemerdet for? I’m a professional software developer and I build complex, large scale web sites with a team of developers I want to build web sites myself with an easy to learn tool and framework I <3 Web Apps. I just need a tool that makes them easier to configure, customize and publish them WebMatrix WebMatrix Visual Studio 2010 Kilde: Microsoft WebCamps
Noen flere? Prototying
Prototyping
Prototyping LoFi
Prototyping HiFi
HvorforWebMatrixtil Prototyping?
Hvorfor prototyping med Microsoft Webmatrix? Myefunksjonalitet – Lite kode Kortutviklingstid Kreverikkeprogrammeringserfaring
Razor Syntax ,[object Object]
Lettåmiksemellomkodeog markup
Veldig mange nyttigehjelpere,[object Object]
Razor Syntax – Skillemellomkodeog Markup @{ var name = “John Doe”;    <div>      Your name: @name   </div> } Option 1: HTML Block @{ var name = “John Doe”;    <text>      Your name: @name   </text> } Option 2: Text Block @{ var name = “John Doe”;    @: Your name: @name } Option 3: Single line of output in markup
Razor Syntax – Kommentarer @*  <div>     Hello World   </div> *@ Option 1: Markup @{    //var name = "John Doe”;   //@name } Option 2: Code @*  @{  var name = "John Doe";    @name   } *@ Option 3: Both
Demo Helpers
Demo OpenSource apps
Demo Templates
Demo App

Mais conteúdo relacionado

Semelhante a Prototyping med Microsoft Web Matrix

HTML5 - en int teori
HTML5 - en int teoriHTML5 - en int teori
HTML5 - en int teori
Dag Tjemsland
 
Smidig data på stortinget
Smidig data på stortingetSmidig data på stortinget
Smidig data på stortinget
mumitrollet72
 
Martha Lyngnes: Prototyping før utvikling: Unngå å bygga luftslott (Webdagene...
Martha Lyngnes: Prototyping før utvikling: Unngå å bygga luftslott (Webdagene...Martha Lyngnes: Prototyping før utvikling: Unngå å bygga luftslott (Webdagene...
Martha Lyngnes: Prototyping før utvikling: Unngå å bygga luftslott (Webdagene...
webdagene
 
Kan vi skape mye mere verdi i softwareporosjekter
Kan vi skape mye mere verdi i softwareporosjekterKan vi skape mye mere verdi i softwareporosjekter
Kan vi skape mye mere verdi i softwareporosjekter
Thor Henning Hetland
 

Semelhante a Prototyping med Microsoft Web Matrix (20)

Firefox os og web som mobil plattform
Firefox os og web som mobil plattformFirefox os og web som mobil plattform
Firefox os og web som mobil plattform
 
Firefox os og web som mobil plattform
Firefox os og web som mobil plattformFirefox os og web som mobil plattform
Firefox os og web som mobil plattform
 
Firefox OS - og web som mobil plattform
Firefox OS - og web som mobil plattformFirefox OS - og web som mobil plattform
Firefox OS - og web som mobil plattform
 
HTML5 - en int teori
HTML5 - en int teoriHTML5 - en int teori
HTML5 - en int teori
 
Slik kan du prototype enkelt med node red
Slik kan du prototype enkelt med node redSlik kan du prototype enkelt med node red
Slik kan du prototype enkelt med node red
 
Hypermedia
HypermediaHypermedia
Hypermedia
 
Progressive web applications i praksis
Progressive web applications i praksisProgressive web applications i praksis
Progressive web applications i praksis
 
Smidig data på stortinget
Smidig data på stortingetSmidig data på stortinget
Smidig data på stortinget
 
Flexible, scalable self-service provisioning using Office PnP
Flexible, scalable self-service provisioning using Office PnPFlexible, scalable self-service provisioning using Office PnP
Flexible, scalable self-service provisioning using Office PnP
 
Rules engine vs. domain logic - JavaZone 2009
Rules engine vs. domain logic - JavaZone 2009Rules engine vs. domain logic - JavaZone 2009
Rules engine vs. domain logic - JavaZone 2009
 
Martha Lyngnes: Prototyping før utvikling: Unngå å bygga luftslott (Webdagene...
Martha Lyngnes: Prototyping før utvikling: Unngå å bygga luftslott (Webdagene...Martha Lyngnes: Prototyping før utvikling: Unngå å bygga luftslott (Webdagene...
Martha Lyngnes: Prototyping før utvikling: Unngå å bygga luftslott (Webdagene...
 
Webteknologi Hoesten 2008
Webteknologi Hoesten 2008Webteknologi Hoesten 2008
Webteknologi Hoesten 2008
 
Koding
Koding Koding
Koding
 
Blazor - en kjapp intro
Blazor - en kjapp introBlazor - en kjapp intro
Blazor - en kjapp intro
 
Universell utforming av digitale løsninger
Universell utforming av digitale løsningerUniversell utforming av digitale løsninger
Universell utforming av digitale løsninger
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3
 
SharePoint Migrering unngå fallgruver
SharePoint Migrering unngå fallgruverSharePoint Migrering unngå fallgruver
SharePoint Migrering unngå fallgruver
 
Kan vi skape mye mere verdi i softwareporosjekter
Kan vi skape mye mere verdi i softwareporosjekterKan vi skape mye mere verdi i softwareporosjekter
Kan vi skape mye mere verdi i softwareporosjekter
 
Pj1100 slideserie1 intro_html
Pj1100 slideserie1 intro_htmlPj1100 slideserie1 intro_html
Pj1100 slideserie1 intro_html
 
Audun Ytterdal: Bruk av fri programvare hos VG Nett
Audun Ytterdal: Bruk av fri programvare hos VG NettAudun Ytterdal: Bruk av fri programvare hos VG Nett
Audun Ytterdal: Bruk av fri programvare hos VG Nett
 

Prototyping med Microsoft Web Matrix

Notas do Editor

  1. Tusen takk for at vi fikk lov til komme her i dagForedragsholdere presenterer seg
  2. Benytt anledningen til å snakke med oss under middagen etterpå
  3. 1 minuteWebMatrix comes with everything you need to get started building websites and web applications:A complete and integrated development environment, with a small download and a simple install. You get a database engine (SQL Server Compact Edition) to handle your data. All the structures you create in this database engine will be compatible with professional versions of SQL Server.WebMatrix supports a Web Server (IIS Express) to serve all your web pages. This web server is compatible with the professional versions of IIS as well.WebMatrix also comes with a new, simple programming framework that allows for rapid development of web sites and web applications. It supports Razor, the latest and simplifiedway to code web sites. It also provides a gallery of free open source applications to complement your development.It comes with an integrated installer that manages the heavy lifting of downloading and installing each component.
  4. Benytt anledningen til å snakke med oss under middagen etterpå