Overview of Microsoft Web Platform Mohamed Nar mnar@microsoft.com

developer

Segmenting the Audience Enterprise Developer Not a primary driver of breadth web sites Uses dev languages to build internal LOB applications Developer Using dev languages to build new publically facing web applications Sometimes use frameworks to build apps Web Application User (or Developer) This group IS the driver of web sites Starts with pre-built open source app then customizes Sometimes not deep on dev but are deep on frameworks, html, css… Called [app name] developer or user. It is important to understand the difference between the PHP Developer and the “Scripter” who takes pre-built applications such as Drupal, Wordpress to quickly create, customize and deploy web applications.

Web sites ecosystem 18.1M small & medium size businesses (SMB) Web Developers make the technology decisions in the SMB Segment. Total: 3.1M Web Servers

SMB Web Developers Consultants who build Web sites primarily for SMB Services Web site design and development Search engine optimization (SEO) Content management solutions Web analytics Interactive/social integration Ecommerce 89% of Web them start from an open source app or framework Use ASP.NET, PHP and other application frameworks depending on personal experience and demand.

Microsoft Web Platform Web Platform Installer Open web applications WebMatrix Visual Studio 2010 Ajax Control Toolkit & jQuery ASP.NET 4 Web Forms ASP.NET MVC 2 SQL Server 2008 IIS 7.5 SEO Web Deploy URL rewriter

IIS Extensions

Landing Page microsoft.com/web/seo IIS SEO Toolkit Three elements Site Analyzer, SiteMap & Robots Editor Increase Website Traffic and Revenue Analyze website and find ways to boost your number of hits. Use SEO recommendations to improve traffic and increase revenue stream. Influence and Update Search Engines Control the access and display of the content in search results. Keep search engines current with the latest information from the website. Improve Customer Experience Discover and solve common problems in the website content and design to enhance the end user experience. Landing Page microsoft.com/web/seo 11/10/2018

Package & Deploy Easily Web Deploy Package & Deploy Easily Just a web application or an entire site including the associated SQL databases ACLs, COM, GAC, registry settings Web application deployment Administrative privileges not required Use params to replace connection strings Web Farm Synchronization Efficient Synchronizes only the data that has changed Detect missing dependencies during synch Scriptable Go command line and script all of it with PowerShell, Auto Completion UI Package, archive and deploy Web applications more easily Web Deploy enables you to package configuration and content of your installed Web applications, including databases, and use the packages for storage or redeployment. These packages can be deployed using IIS Manager without requiring administrative privileges. The tool integrates with Visual Studio 2010 to help developers streamline the deployment of Web applications to the Web server. The tool also integrates with the Web Platform Installer to allow you to simply and easily install community web applications. Migrate Web applications between IIS 6.0 and IIS 7.0 with ease Simplify the planning of your IIS 6.0 to IIS 7.0 migrations by determining incompatibilities and previewing the proposed changes before starting the process. Learning about any potential issues in advance gives you the chance to take corrective measures and simplifies migration Synchronize your server farm efficiently Web Deploy allows you to efficiently synchronize sites, applications or servers across your IIS 7.0 server farm by detecting differences between the source and destination content and transferring only those changes which need synchronization. The tool simplifies the synchronization process by automatically determining the configuration, content and certificates to be synchronized for a specific site. In addition to the default behavior, you still have the option to specify additional providers for the synchronization, including databases, COM objects, GAC assemblies and registry settings. 11/10/2018

Rules-based, text file or database Reg-Ex & wildcard matching Rewrite: URL Rewriter Take Ugly URL’s and make nice looking, easy to follow for both humans and search engines. Rules-based, text file or database Reg-Ex & wildcard matching Rewrite: Outbound URL’s HTTP Request headers and Server variables HTTP Response Inside specific html tags in response Import mod_rewrite rules from Apache Landing Page microsoft.com/web/urlrewriter 11/10/2018

Web Tools

Web Platform Installer Makes it simple for anyone using Windows Client or Server to design, develop, discover, deploy and run web applications. Install the latest versions of FREE Microsoft Web Platform tools, web server and extensions, database and frameworks including PHP. Stay up-to-date and explore what’s new. Runs on Windows XP, Windows Vista, Windows Server 2003 and Windows Server 2008 11/10/2018

DEMO Launch Web Platform Installer

WebMatrix A ‘stack’: server, framework, database and tool New developers Easy to build websites with ASP.NET “Inline script” developers Prefer lightweight, low-concepts Developers who build small/medium sites for others Acquire an OSS app, customize, optimize and deploy Visual Studio and MVC developers New capabilities brought to the toolset

Broadly speaking.. Student, Hobbyist VAPs Sites from Apps Pro File > New App from scratch(template) File > New OSS App Visual Studio File > New App/Site Creating sites Learning or building sites, or web pages .. Creating apps Student, Hobbyist Small sites/apps, page collections Prototyping Low concept counts VAPs Sites from Apps Work for SMB High% start with OSS app Theme, brand, add plug-ins. SEO Pro Enterprise apps Architecture Scale, perf, agile development

Tool Database Framework Server WebMatrix is a “stack” Small, Simple, Seamless Tool Lightweight File > New app from scratch File > New OSS app Database Simple x-copy deployable database Framework Simplified ‘scripting’ Simple APIs & Helpers On-ramp to MVC Server Latest IIS Installs in “\program files” Interactive process, non admin Same as production

IIS Developer Express Latest version of IIS server Installs in \program files, side-by-side IIS server Runs as interactive process, not as service Does not require Administrator privileges Simplified configuration/mgmt – no appPools Fully supports all IIS7+ modules, ASP.NET, PHP

SQL Compact 4 2MB package, included in Web Stack File-based database, Xcopy deployment with app Full support for Dynamic Data, ASP.NET MVC High fidelity API support: ADO.NET, EF, LINQ… Seamless migration path to SQL Server

DEMO WebMatrix

ASP.NET Web Pages & Razor Syntax Principles Minimize concepts – 1 page “cheat sheet” for 80% case No need to understand OOP and classes Does not require configuration SEO friendly by default Easy to use helpers for all common web tasks No special tools required – works with notepad or any editor Smooth on-ramp to ASP.NET MVC and Visual Studio

Razor Syntax <div class="products group"> @foreach (var p in db.Query("SELECT * FROM PRODUCTS")) { <h3>@p.Name</h3> <img src="@Href("~/Images/"+ p.ImageName)" alt="@p.Name"/> <p>@p.Description</p> <ul class="group"> <li class="price">@string.Format("{0:C}", p.Price)</li> <li class="order"> <form action="Order" method="post"> <input type="hidden" name="ProductId" value="@p.Id"/> <input type="submit" value="Order Now"/> </form> </li> </ul> } </div>

Microsoft Web Platform Web Platform Installer Open web applications WebMatrix Visual Studio 2010 Ajax Control Toolkit & jQuery ASP.NET 4 Web Forms ASP.NET MVC 2 SQL Server 2008 IIS 7.5 SEO Web Deploy URL rewriter

ASP.NET Overview ACT & jQuery ASP.NET WebForms ASP.NET MVC ASP.NET Estimated Time: 2 minutes Both ASP.NET Web Forms and ASP.NET MVC build on top of this powerful set of modules that make up the core of ASP.NET. While many who are beginning to investigate into ASP.NET MVC think that it is the replacement for WebForms, as you can see, it is simply another option for developing web applications using the ASP.NET runtime. When it comes to choosing between Web Forms and ASP.NET MVC it really comes down to personal preference and your skills. For developers who are familiar with a Windows Client style of development with drag and drop, control-driven development with an event model, Web Forms fits the bill. For developers that come from a background in web development with other technologies they will feel more at home with ASP.NET MVC which makes clear separation between data, business logic and the presentation layer allowing granular control of markup and front-end development. The thing to remember is that you can create exactly the same looking web application in either ASP.NET Web Forms or ASP.NET MVC thanks to the shared ASP.NET Core. It’s also worth mentioning that you can use both at the same time, combining Web Forms and MVC in the same project either because of a migration strategy or to leverage some of the powerful charting controls or dynamic data features that developers enjoy in Web Forms. To evaluate both in detail its worth checking out www.asp.net where we’ve posted some short videos explaining which is the right programming model. ASP.NET Core

Easy to build, develop and maintain web applications ASP.NET MVC Values Easy to build, develop and maintain web applications Simple to extend and customize Encourages a clean and robust architecture Estimated Time: 2 minutes ASP.NET MVC has the following values. It’s intended to be easy to use with powerful tooling and a framework that makes it easy to understand what’s going on in your application even if its complex. ASP.NET MVC is completely extensible and there are many places you can customize it based on your individual requirements. As the entire MVC Framework is open source you can even change the base source code to suit your needs. We’ll be exploring some of the common places you’ll want to extend it for your own uses. ASP.NET MVC also allows us to build applications that are clean, with each part having a clear purpose. This all results in code that is easily testable, ensuring we have reliable code in our application.

ASP.NET MVC 101 Controller (Input) Model View (Data) (Presentation) Estimated Time: 2 minutes MVC is a design pattern that stands for Model-View-Controller. What is strives to do is separate the concerns of an application’s presentation layer by assigning specific roles to the three different components. The Controller is responsible for handling all user input. Once input has been received, the Controller will perform any operations/actions it needs to, which might include interacting with the Model. The Model represents the data in the application. Once the Controller retrieves some model data and performs any work with the model/etc it needs to it constructs a presentation model that describes the model in terms the View can understand. The View is the visual representation of the model. It presents the model data to the actual user in a way that is meaningful. In a web application, this would typically be HTML.

How MVC Works What does MVC look like? Request Controller View Retrieves Model “Does Stuff” View Response View Visually represents the model Estimated Time: 4 minutes So what does MVC look like when implemented over the web? When an HTTP request comes into the application it is mapped to a controller. Remember as we mentioned in the previous slide, in the MVC design pattern, the controller is the piece of the trifecta that handles all user input. In the case of a web application, user input is represented as HTTP requests [Advance Animation]. Once the controller has received input, it performs whatever operations it needs to and then assembles a presentation model [Advance Animation]. The controller then takes the model and passes it off to the view. Remember that the view is simply a visual representation of the model [Advance Animation]. The view then “transforms” the model into whatever format it uses to represent it. In a web application, this would typically be HTML [Advance Animation]. The view then serves the request by responding with its visual representation.

The models hold the application data Controller View The models hold the application data Models are the mean of communication between the controllers and the views Models hold no application logic Estimated Time: 2 minutes Let’s first start by the M (of MVC), the Models. Models are the mean of communication between the controllers and the views. Whenever a controller processes a request from the user and has to display information, it creates the model and passes it to the view. The model only holds data. It doesn’t know anything about the application logic or how to display itself.

Views are visual representations of a model There can be many views for the same model Views contain no application logic Estimated Time: 2 minutes Now let’s continue with the V (from MVC), the Views. Views are visual representations of the models. They are responsible for displaying a model or part of it to the user. The views don’t hold application logic. Note that there can be many views of the same model. Maybe one view displays the name and address of a customer while other displays the telephone and the orders from that same customer but both rely on the same model: the customer.

Controllers handle requests from the user View Request Controllers handle requests from the user Controllers create the model for the views Application logic is placed in the controllers Estimated Time: 2 minutes Finally, we got to the C (from MVC), the Controllers. Controllers are responsible of receiving user requests and taking care of them accordingly. In general, controllers would create a model, which they fill with data from a persistence source like a database and pass it to a view.

Applications Ecosystem

Includes the most popular ASP.NET and PHP web apps from the community. Web App Gallery http://microsoft.com/web/gallery Includes the most popular ASP.NET and PHP web apps from the community.

Web App Gallery Start with the apps Easiest way to install on Windows+IIS Packages purpose built for Web PI (web deploy). Any missing dependencies are pre-installed and configured automatically Downloads & installs PHP and MySQL* * MySQL included as an app dependency only. Cannot select MySQL from Web PI 11/10/2018

Microsoft Web Platform Web Platform Installer Open web applications WebMatrix Visual Studio 2010 Ajax Control Toolkit & jQuery ASP.NET 4 Web Forms ASP.NET MVC 2 SQL Server 2008 IIS 7.5 SEO Web Deploy URL rewriter

Programs

Business Opportunities WebsiteSpark is designed to foster success for Web development and design companies by providing all the resources they need for 3 years to build successful projects and connect them with a broad network of partners. Professional support from Microsoft Community support from network and hosting partners Support & Training Promotion to customers Connect with an ecosystem of partners Business Opportunities Visual Studio Professional Edition, Expression Web and Studio Windows Web Server 2008, SQL Server Web edition Premium Web control panel Software at no cost*

Thank You