develop a quick and dirty web interface to your database

18
Develop a Quick and Dirty Develop a Quick and Dirty Web interface to Web interface to your your database: database: for the DBA and other non- for the DBA and other non- developers developers Gabriel Villa Gabriel Villa @extofer @extofer [email protected] [email protected] www.extofer.com www.extofer.com

Upload: gabriel-villa

Post on 27-Jan-2015

106 views

Category:

Technology


1 download

DESCRIPTION

So you want to develop to your database? Do you have your own tools to check performance? Does Chris Shaw's Utility Database sound like a tool you have and want a web interface, but don’t want to write a lot of code? I will demonstrate how a simple ASP.Net MVC site can be developed and deployed against your database. See firsthand how easy we can use Shaw's utility database and access across the web over a mobile device so you may manage performance online whilst zipping your drink of choice.

TRANSCRIPT

Page 1: Develop a Quick and Dirty Web interface to your database

Develop a Quick and Dirty Web Develop a Quick and Dirty Web interface to interface to youryour database: database:

for the DBA and other non-developersfor the DBA and other non-developers

Gabriel VillaGabriel Villa

@extofer@[email protected]@gmail.comwww.extofer.comwww.extofer.com

Page 2: Develop a Quick and Dirty Web interface to your database

Page 2

@extofer@extofer

Page 3: Develop a Quick and Dirty Web interface to your database

Page 3

ObjectiveObjective

… … Answer the question: What is ASP.Net MVC?Answer the question: What is ASP.Net MVC?

……Set you on your way to develop to your own Set you on your way to develop to your own databasedatabase

……And Write less codeAnd Write less code

Page 4: Develop a Quick and Dirty Web interface to your database

Page 4

Microsoft’s Web EvolutionMicrosoft’s Web Evolution

Page 5: Develop a Quick and Dirty Web interface to your database

Page 5

• DHTMLDHTML

• Active Server PagesActive Server Pages

• ASP.Net Web FormsASP.Net Web Forms

• ASP.Net MVCASP.Net MVC

Microsoft’s Web EvolutionMicrosoft’s Web Evolution

Page 6: Develop a Quick and Dirty Web interface to your database

Page 6

Model View Controller PatternModel View Controller Pattern

What is ASP.Net MVC?What is ASP.Net MVC?

ASP.NetASP.Net

ModelModel

ControllControllerer

ViewView

Business Logic

Coordinates User inputs and outputs

User Interface

Page 7: Develop a Quick and Dirty Web interface to your database

Page 7

• HTML 5HTML 5

• CSS3CSS3

• ScriptsScripts

• RazorRazor

• C#/VB.NetC#/VB.Net

• Any other .Net CLRAny other .Net CLR

Programming code… moi?Programming code… moi?

ViewView

ModelModelControllControllerer

Page 8: Develop a Quick and Dirty Web interface to your database

Page 8

• .Net Framework 4.x.Net Framework 4.x

• Microsoft Visual StudioMicrosoft Visual Studio

• Visual Web Developer 2010 ExpressVisual Web Developer 2010 Express

• Entity FrameworkEntity Framework

• Db Context Generator Db Context Generator

• InitializrInitializr

• Utility DatabaseUtility Database

• Windows Phone EmulatorWindows Phone Emulator

• Version ControlVersion Control

What is needed?What is needed?

Page 9: Develop a Quick and Dirty Web interface to your database

Page 9

Page 10: Develop a Quick and Dirty Web interface to your database

Page 10

• Distributed Revision ControlDistributed Revision Control

• Fork a projectFork a project

• Pull request and participatePull request and participate

• Rapid Application developmentRapid Application development

Open Source CommunityOpen Source Community

Page 11: Develop a Quick and Dirty Web interface to your database

Page 11

• Code PlexCode Plex• http://www.codeplex.com/

• Google CodeGoogle Code• http://code.google.com

• BitBucketBitBucket• https://bitbucket.org/

• GitHubGitHub• https://github.com/

OS Version Control Hosting OS Version Control Hosting

Page 12: Develop a Quick and Dirty Web interface to your database

Page 12

TFS Mercurial

Git SVN Other

Code Plex

X X X

BitBucket X X

Google Code

X X

Git Hub X

Page 13: Develop a Quick and Dirty Web interface to your database

Page 13

Obligatory Image of BaconObligatory Image of Bacon

Page 14: Develop a Quick and Dirty Web interface to your database

Page 14

App_DataApp_Data – physical data store – physical data store

ContentContent – CSS, images – CSS, images

ControllerController – class files for each – class files for each controller, each named in the same controller, each named in the same convention, i.e “HomeController”convention, i.e “HomeController”

ModelsModels – business logic classes – business logic classes

ScriptsScripts – client side scripts to support – client side scripts to support application, such as Jquery and AJAXapplication, such as Jquery and AJAX

ViewsViews – location of the view files – location of the view files

ASP.Net MVC Directory StructureASP.Net MVC Directory Structure

Page 15: Develop a Quick and Dirty Web interface to your database

Page 15

• .Net Framework 4.x.Net Framework 4.x• Download: Microsoft .NET Framework 4 (Web Installer) - Download: Microsoft .NET Framework 4 (Web Installer) -

Microsoft Download Center - Download Details Microsoft Download Center - Download Details http://bit.ly/J1pJ5s

• Visual Web Developer 2010 ExpressVisual Web Developer 2010 Express• Free Developer Tools - Visual Studio 2010 Express | Free Developer Tools - Visual Studio 2010 Express |

Microsoft Visual Studio http://bit.ly/J1pUh2Microsoft Visual Studio http://bit.ly/J1pUh2

• Nuget or Extention ManagerNuget or Extention Manager• Entity FrameworkEntity Framework

• Db Context Generator Db Context Generator

• InitializrInitializr• Start an HTML5 Boilerplate project in 15 seconds! Start an HTML5 Boilerplate project in 15 seconds!

http://bit.ly/J1qCLchttp://bit.ly/J1qCLc

ResourcesResources

Page 16: Develop a Quick and Dirty Web interface to your database

Page 16

• Utility DatabaseUtility Database• Authored by Chris ShawAuthored by Chris Shaw• http://chrisshaw.wordpress.com

• Windows Phone EmulatorWindows Phone Emulator• WP SDK 7.1 - Microsoft Download Center - Download WP SDK 7.1 - Microsoft Download Center - Download

Details http://bit.ly/J1r1xcDetails http://bit.ly/J1r1xc

• Version ControlVersion Control• Getting Started With TFS 11 Express Beta - Chaks' Getting Started With TFS 11 Express Beta - Chaks'

SharePoint Corner - Site Home - MSDN Blogs SharePoint Corner - Site Home - MSDN Blogs http://bit.ly/J1rorAhttp://bit.ly/J1rorA

• Git - Fast Version Control System http://bit.ly/J1ruQeGit - Fast Version Control System http://bit.ly/J1ruQe• TortoiseSVN http://bit.ly/J1rBLFTortoiseSVN http://bit.ly/J1rBLF• Mecurial Mecurial http://mercurial.selenic.com/

Resources .. cont’dResources .. cont’d

Page 17: Develop a Quick and Dirty Web interface to your database

Page 17

Was it good for you?Was it good for you?

We answered what ASP.Net MVC isWe answered what ASP.Net MVC is

Set you on your way to develop to your own Set you on your way to develop to your own databasedatabase

We wrote less codeWe wrote less code

Open Source CommunityOpen Source Community

DeployedDeployed

Page 18: Develop a Quick and Dirty Web interface to your database

Page 18

Gabriel VillaGabriel Villa

www.extofer.comwww.extofer.com

@extofer@extofer

You can download the project on GitHub:You can download the project on GitHub:https://github.com/extofer/MUDBughttps://github.com/extofer/MUDBug

Thank you!Thank you!