VIT University

A Project Report on Cloud Computing

Login Registration Form for a Orphanage donation. Submitted in successful fulfillment of the requirement for the award of the degree of

Masters of Technology (M.Tech) in

Computers and communications Submitted by

U.Nagaraju 16MCM0004 Under the esteemed guidance of Prof. Daphne Lopez (Professor & Assistant Dean at VIT University)

Department of Computers and Communications,SITE school

VIT University Near Katpadi Road, Vellore, Tamil Nadu 632014, INDIA

November 2016

Contents List of Tables

i

List of Figures

ii

Abstract

iii

1.Introduction 1.1.Intoduction to visual studio 2015

1

1.1.1 Visual Studio

2

1.1.2 C#

4

1.1.3 .NET framework

4

2.Visual Studio 2.1 Introduction 2.1.1.IDE 2.1.2 New Project 2.1.3 Solution Explorer 2.1.4 Tool box 2.1.5. Editors and Designers 2.1.6 Properties window 2.1.7 Build and Debug Tools 3. Windows Programing 3.1 Introduction

37

3.1.2 Windows Forms

37

3.1.WPF

39

3.2 VIT Orphanage Donation Login Page 3.2.1 Procedure Followed to construct registration Page 4.Web Programming 4.1 Introduction

51

4.2 HTML

52

4.3 Web Browser

4.4 Asp.NET 5.Source code of Project 6.Google Cloud platform 6.1 Deployment of project in CLOUD 6.2 Details of VITorphanage Registration From in CLOUD 7.Discussion of result 8.Conclusion References

Abstract This project is a web service titled“ VITOrphanage Registration From” Which is used for students in VIT to donate for Orphanage children. Visual Studio is used to create the Form and increases the effective usage of Visual studio to create Web services to customers. This project describes how to make a registration form for any web services. It also enhances to skills of student how to create a project in different languages and windows applications using C# , ASP.net languages . This project will also help the students to create windows web application Forms . A detail description about how to deploy a project in Google Cloud Platform is also described.

Login Registration form for VITOrphanage

Introduction 1.1 Visual Studio MicrosoftVisualStudioisanintegrateddevelopmentenvironment(IDE)fromMicrosoft.Itcan beusedtodevelopconsoleandgraphicaluserinterfaceapplicationsalongwithWindowsFormsapp lications,websites,webapplications,andwebservicesinbothnativecodetogetherwithmanagedco deforallplatformssupportedbyMicrosoftWindows,WindowsPhone,WindowsCE,.NETFrame work,.NETCompactFrameworkandMicrosoftSilverlight. Below we see the integrated development environment (IDE)inVisualStudio:

New projects are created from the “New Project” window at file menu.

1.1.2 c# C#ispronounced“seesharp”.C#isanobject‐ orientedprogramminglanguageandpartofthe.N ETfamilyfromMicrosoft.C#isverysimilartoC++andJava.C#isdevelopedbyMicrosoftandwork sonlyontheWindowsplatform.


1.1.3 . NET Framework

The.NETFramework(pronounced“dotnet”)isasoftwareframeworkthatrunsprimarilyonMicro softWindows.Itincludesalargelibraryandsupportsseveralprogramminglanguageswhichallow languageinteroperability(eachlanguagecanusecodewritteninotherlanguages).The.NETlibrar yisavailabletoalltheprogramminglanguagesthat.NETsupports.Programswrittenforthe.NETF rameworkexecuteinasoftwareenvironment,knownastheCommonLanguageRuntime(CLR),a napplicationvirtualmachinethatprovidesimportantservicessuchassecurity,memorymanagem ent,andexceptionhandling.TheclasslibraryandtheCLRtogetherconstitutethe.NETFramework .

2 .Visual Studio

2.1 Introduction ThereexistdifferentversionsofVisualStudio,suchasVisualStudioExpress(free),VisualStudioProf essional,VisualStudioPremiumandVisualStudioUltimate

2.1.1 Integrated Development Environment : TheVisualStudioproductfamilysharesasingleintegrateddevelopmentenvironment(IDE)thatisco mposedofseveralelements:theMenubar,Standardtoolbar,varioustoolwindowsdockedorauto‐hid denontheleft,bottom,andrightsides,aswellastheeditorspace.Thetoolwindows,menus,andtoolbar savailabledependonthetypeofprojectorfileyouareworking BelowweseetheVisualStudioIDE(IntegratedDevelopmentEnvironment):


Fig 2.1 Arduino Uno Board 2.1.2 New Project: Thefirstthingyoudowhenyouwanttocreateanewapplicationistocreateanewproject.Thiscanb edonefromtheStartPage: .


Inthiswindowyouwillselectanappropriatetemplatebasedonwhatkindofapplicationyouwantt ocreate,andanameandlocationforyourprojectandsolution. Themostcommonapplicationsare:

∑ WindowsFormApplication ∑ ConsoleApplication ∑ WPFApplication ∑ ASP.NETWebApplication ∑ SilverlightApplication 2.1.3: Solution Explorer : Solutionsandprojectscontainitemsthatrepresentthereferences,dataconnections,folders,andfilest hatyouneedtocreateyourapplication.Asolutioncontainercancontainmultipleprojectsandaproject containertypicallycontainsmultipleitems


2.1.3.1 Toolbox: TheToolboxcontainsallthenecessarycontrols,etc.youneedtocreateyouruserinterface.SeeFi gurebelow.

TheToolboxcontainsallthecontrols,etc.wecanuseinouruserinterface.

Inordertousetheminouruserinterface,wejustdraganddropthemtothe“Form”,asshownbelow 2.1.3.2 The Editor An designer :

Login Registration form for VITOrphanage VisualStudiohasdifferenteditorsanddesigntools.Graphica lUserInterfaceDesigner:

CodeEditor:

2.1.4 Properties window: EachcontrolwehaveonouruserinterfacehaslotsofPropertieswecanset.

Login Registration form for VITOrphanage ThisisdoneinthePropertieswindow:

2.1.5 Build and Debug: InVisualStudiowehavelotsofBuildandDebuggingTools.

Buildmenu: BelowweseetheBuildmenu:

Themostusedtoolis“BuildSolution”(ShortcutKey:F6).

Debugmenu:

Login Registration form for VITOrphanage BelowweseetheDebugmenu:

Themostusedtoolis“StartDebugging”(ShortcutKey:F5). 3.Windows Programming : 3.1 Windows Forms Introduction: WhencreatingordinaryWindowsapplications,wecanselectbetweenthefollowing:

∑ ∑

WindowsFormsApplication WPFApplications(WindowsPresentationFoundation)

WindowsFormsisthestandardwayofcreatingWindowsapplicationsandhasexistedinmanyyea rs,evenbefore.NET1.0(2002)wasintroduced.WPFisanewapproachfromcreatingWindowsappli cationsandwasintroducedwith.NETFramework3.0(2006). ForexamplehastheVisualStudioIDEbeenentirelyrewrittenusingWPF. WindowsFormsApplicationandWPFApplicationswillbeexplainedinmoredetailbelow.


and takes the ease of use.

3.1.2 Windows Plaform Service (WPS): DevelopedbyMicrosoft,theWindowsPresentationFoundation(orWPF)isacomputer‐ softw aregraphicalsubsystemforrenderinguserinterfacesinWindows‐ basedapplications. WPFisintendedtotakeoverforthetraditionalWindowsForms. ThegraphicaluserinterfaceinWPFisdesignedusingXAML(ExtensibleApplicationMarkupL anguage). XAML: Followingthesuccessofmarkuplanguagesforwebdevelopment,WPFintroducesanewlanguag eknownaseXtensibleApplicationMarkupLanguage(XAML),whichisbasedonXML.XAMLisde signedasamoreefficientmethodofdevelopingapplicationuserinterfaces Select“WPFApplication”inthe“NewProject”window:


3.2 VIT Orphanage Donation Login Page: The project windows website form is designed in visual studio 2015 IDE will look like as follows

The sample Code which runs after the Debugging the project is


3. Create a new AVD called “My_AVD” that targets Android 4.0.3, includes a 16MB SD Card, and uses the Galaxy Nexus skin. Click Create AVD and your new AVD will be created and ready to use.

The script that is used to design is .NET is web Programing.

4.Web Programming: 4.1 Introduction TodaymostoftheapplicationsfocusontheInternet,wheretheapplicationscanbeviewedinastan dardWebBrowser.StaticWebpagesarebasedonHTMLandCSS.Inordertocreatemoreadvanceda pplications,weneedmorepowerfultools. Importantframeworksandtoolsforcreatingdynamicwebpages:

∑ ∑ ∑ ∑

ASP.NET AJAX/ASP.NETAJAX JavaScript Silverlight

Theseframeworksandtoolswillbeexplainedbelow. SeetheTutorial“ASP.NETandWebProgramming”formoredetails.

4.2 HTML:

Login Registration form for VITOrphanage HTML,whichstandsforHyperTextMarkupLanguage,isthepredominantmarkuplanguagefor webpages.HTMListhebasicbuilding‐ blocksofwebpages. HTMLiswrittenintheformofHTMLelementsconsistingoftags,enclosedinanglebrackets(lik e),withinthewebpagecontent.HTMLtagsnormallycomeinpairslike
and
.Thefirsttaginapairisthestarttag,thesecondtagistheendtag(theyarealsocalledopeningt agsandclosingtags).Inbetweenthesetagswebdesignerscanaddtext,tables,images,etc. 4.2 Web Browser : ThepurposeofawebbrowseristoreadHTMLdocumentsandcomposethemintovisualoraudib lewebpages.ThebrowserdoesnotdisplaytheHTMLtags,butusesthetagstointerpretthecontentof thepage. TodaywehavethefollowingmajorWebBrowsers:

∑ ∑ ∑ ∑ ∑ ∑

InternetExplorer(byMicrosoft) Firefox(byMozilla) Chrome(byGoogle) Safari(byApple) Opera(byOperafromNorway) UC Browser

4.3 ASP.NET ASP.NETisawebapplicationframeworkdevelopedbyMicrosofttoallowprogrammerstobuil ddynamicwebsites,webapplicationsandwebservices. ASP.NETispartoftheVisualStudiopackage ItwasfirstreleasedinJanuary2002withversion1.0ofthe.NETFramework,andisthesuccessort oMicrosoft'sActiveServerPages(ASP)technology.ASP.NETisbuiltontheCommonLanguageR untime(CLR),allowingprogrammerstowriteASP.NETcodeusinganysupported.NETlanguage, suchasC#andVB.NET. ASP.NETwebpagesorwebpage,knownofficiallyasWebForms],arethemainbuildingblockfor applicationdevelopment.Webformsarecontainedinfileswithan“.aspx”extension. Select“ASP.NETApplication”inthe“NewProject”window


4.4 Database programming: Mostoftoday’sapplicationsuseabackenddatabasetostoreimportantdata,e.g.,Facebook,Twitte r,etc. InordertousedatabasesinourapplicationsweneedtoknowStructuredQuerylanguage(SQL).Fo rmoreinformationaboutSQL,seethefollowingTutorial: StructuredQueryLanguage(SQL) Inadditionyouneedtoknowaboutdatabasesystems.Wehavedifferentkindofdatabasesystemsandl otsofdifferentvendors.SincethisTutorialisaboutVisualStudioandC#,wewilluseMicrosoftSQLS erver.FormoreinformationaboutdatabasesystemsingeneralandspeciallySQLServer. Using SQL in my project To build a web site that shows data from a database, we need: ∑ An RDBMS database program (i.e. MS Access, SQL Server, MySQL) ∑ To use a server-side scripting language, like PHP or ASP ∑ To use SQL to get the data you want ∑ To use HTML / CSS


The above figures describes about the Database used in my project.


Data base programming Code: CREATE TABLE [dbo].[Table] ( [ID] INT NULL PRIMARY KEY, [VITID] NCHAR(10) NULL, [Email] NCHAR(10) NULL, [Password] NCHAR(10) NULL, [Confirm Password] NCHAR(10) NULL, [Course] NCHAR(10) NULL, [Branch] NCHAR(10) NULL, [FUND] NCHAR(10) NULL, [Phone Number] NCHAR(10) NULL ) All the details entered by the user is stored in SQL database Server. 5. Source Code: The Source code of VIT orphanage form is

Login Registration form for VITOrphanage .auto-style1 { width: 100%; } .auto-style2 { height: 23px; } .auto-style4 { height: 23px; width: 317px; text-align: right; } .auto-style5 { width: 317px; text-align: right; } .auto-style6 { height: 23px; width: 172px; } .auto-style7 { width: 172px; } .auto-style8 { width: 317px; text-align: right; height: 26px; } .auto-style9 { width: 172px; height: 26px; } .auto-style10 { height: 26px; } .auto-style11 { width: 317px; text-align: right; height: 33px; } .auto-style12 { width: 172px; height: 33px; } .auto-style13 { height: 33px; } #Reset1 {

Login Registration form for VITOrphanage width: 86px; } .auto-style14 { color: #00FF00; } .auto-style15 { color: #0000FF; background-color: #00FF00; }

&nb sp; & nbsp; ; &n bsp; &nb sp;
&nb sp; VIT Orphanage Donation Registraion Page



VIT ID Number:

E-mail:


Password

Confirm password

Course:

Branch: Select Branch VIT vellore VIT chennai VIT Bhopal VIT Amaravathi

FUND Wish to Donate:

Phone Number:

6. GOOGLE CLOUD PLATFORM:

To deploy a project first need to sign in https://console.cloud.google.com and create a new project if no project is done..if you have project upload your project by creating bucket .this is my project storage area in google Cloud platform . https://console.cloud.google.com/storage/browser/nagarajuvit/?_ga=1.247846596.213830 7344.1474984130&project=login-page-147916 After storing your project in google Cloud platform you need to create project as shown in below.


After creating project you need to provide owner details

Login Registration form for VITOrphanage Create a Virtual Instance and also yoju need to select SQL database Server along With one to store


After that click on create .In my Google cloud storage I have create US Central database

My project is stored in US Central and ZONE1 database and IP address is 130.211.160.202 https://console.cloud.google.com/sql/instances?project=vitorphanage Monitoring Project in Google Cloud Platform: To monitor project we need to login to Stack driver https://app.google.stackdriver.com We have to create Console to own the project …Here I have created console . ∑ Account ID 314658760392 ∑ External ID sd1135568 The above credentials work for login into console to run the project. MY project ID in Google Cloud Platform is Project ID and Number: vitorphanage (# 1079514331604)


In order to get project link we need to get Configuring permissions on Google Cloud Platform. If we run this gcutil --project= ssh then it will lead to permission page ..after getting permissions you can get project to run on host domain. Befre that we need to get a domain and our project link with the domain and also configure with our project. The code I run in google console is gcutil --project= ssh the project link is https://console.cloud.google.com/code/develop/browse/default?project=vitorphanage The Authorization ID from GOOGLE DEVELOPERS TEAM of My project is…

The Project is Successfully Deployed in Google Cloud Platform . 7.Discussion Of Result: The project when is in run on local host system the results as follows.. When we click on browser tool in Visual studio the project runs omn local host sytem , http://localhost:49334/VITregistration.aspx


When it is click submit button without any credentials then the program will not execute as shown in below figure.

After entering the credentials and if the mail id is given wrong then it will not process into next step.


If the password does not match with confirm password tool box then will not enter into further process.


We can select branch VIT vellore,VIT Chennai , VIT Bhopal, VIT Amaravathi





8.Conclusions: 8.1 Conclusion This project gives knowledge about how make a registration from for any webservices in visual studio .This project describes how to make a registration form for any web services. It also enhances to skills of student how to create a project in different languages and windows applications using C# , ASP.net languages . This project will also help the students to create windows web application Forms . A detail description about how to deploy a project in Google Cloud Platform is also described.

References: 1. https://msdn.microsoft.com/en-us/library/bb165449.aspx 2. https://cloud.google.com/ 3. https://console.cloud.google.com/?_ga=1.151394042.2138307344.1474984130 4. https://azure.microsoft.com/en-in/documentation/articles/sql-database-technicaloverview/ 5. http://www.tutorialspoint.com/webservices/ 6. http://www.informationweek.com/cloud/infrastructure-as-a-service/usdominates-in-cloud-data-centers-china-second/d/d-id/1322480

VIT ID Number:
E-mail:		Login Registration form for VITOrphanage
Password
Confirm password
Course:
Branch:	Select Branch VIT vellore VIT chennai VIT Bhopal VIT Amaravathi
FUND Wish to Donate:
Phone Number: