5 Years Integrated M.Sc. (IT) 6th Semester Web Development using ASP.NET MVC Practical List 2016

Transcription

1 Practical No: 1 Enrollment No: Name: Practical Problem (a) Create MVC 4 application which takes value from browser URL. Application should display following output based on input no : Ex. No = 1234 o/p : 1 is divisible by 1 12 is divisible by divisible by divisible by 4 (b) Create an MVC4 application to display student details using only controller, also demonstrate the use of ActionResult method. Controller student must contain StudentID, fname, lname, gender, contact properties /Home/Student/ Student is Jay A. Patel First Name : Jay Last Name : Patel Gender : Male Contact : (c) Create MVC4 application to display current date time using ViewBag and ViewData. (d) Write steps for adding view in MVC 4 application with screen shots. (e) Create an MVC4 application to check whether the number is even or odd using simple for loop and function in controller as well as in view. Number 2 is even. (f) Create an MVC4 application to demonstrate all the options of Scaffolding templates.(list, Create, Details, Edit, Delete). (g) Create an MVC4 application for displaying City list using ViewBag and ViewData. (h) Create MVC4 application using Empty template for a view by following layout. Home About Contact Address Home Getting started with a basic document in Microsoft Office Word 2007 is as easy as opening a new blank document and starting to type. Or, if you want to create a specific type of document, such as a business plan or a resumé, you can save time by starting with a template. Ms. Jigna Solanky, Mr. Kaushal Jani Page 1

2 Objective (s) Pre-requisite Duration for completion PEO(s) to be achieved PO(s) to be achieved CO(s) to be achieved Solution must contain Nature of submission References for solving the problem Sample Testing data Post Laboratory questions To be familiar with Windows Environment and programming style. To make them aware the structure of MVC4 application To make them understand how to create the controller and display output without using view. To be familiar with razor view engine syntax. To be familiar with scaffolding templates options. Programming experience with any ASP.NET with C#, Familiar with Visual Studio IDE and types of application that can be created using ASP.NET 6 hours PEO2: To provide quality practical skill of tools and technologies to solve industry problems. PO6: Ability to use the techniques, skills and modern tools as necessary for software development CO1: Understand how to use ASP.NET MVC CO2: In-depth knowledge of developing web application with controller handling. CO3: In-depth knowledge of developing web application with model Description of what is MVC, requirement to install MVC4. Steps to create MVC4 application, MVC application structure. Source code, Sample test data with output.(code of Controller, View and Model) Draw diagrams where needed. Handwritten NA Search on Internet Jon Galloway, Phil Haack, Brad Wilson and K. Scott Allen, professional_asp.net_mvc_4, Wrox 1. What is MVC? 2. What is required to install MVC4? 3. On which operating system can we run MVC4? 4. List out the folder name which are created when user develop internet application in MVC4. 5. Where is general layout file located in MVC4 Basic application? 6. What is a pattern of URL to execute any view in MVC4? 7. List out difference between ViewBag and ViewData. 8. Write syntax to display ViewBag variable data in view. 9. What a difference between normal.aspx web form and.cshtml view page? 10. State the importance of Scaffolding with the meaning of the same. Assessment Solution achieves the desired objective(s) Viva Out of Marks 10 5 Secured by the student Signature and Date Ms. Jigna Solanky, Mr. Kaushal Jani Page 2

3 Practical No: 2 Enrollment No: Name: Practical Problem (a) Create and MVC4 application to demonstrate Models using Strongly Typed View. (b) Create an MVC4 application to create custom layout and CSS file. Use this layout and CSS file in your application. (c) Create an MVC4 application to connect with database using Entity Data model and list out the steps for the same. (d) Create an MVC4 application to connect with database with code using Entity Data Model. (Create, Edit, Delete, Details). (e) Create an MVC4 application to connect with database with code using code first convention method. (Create, Edit, Delete, Details, List) (f) Create pages for Add, update, delete, details and list of student using scaffolding template technique. i) Create Student table with columns StudentID, FirstName, LastName, Div and ContactNo. (g) Create Home page as follows for MVC site. i) Data of categories must be derived from database using Entity Data Model. ii) Data of products must be derived from database using Entity Data Model. (h) Create pages as follows for MVC site. i) List of Albums should be displayed based on selection of category. 1. Use concept of ID in address bar. 2. Also use strongly typed view concept. ii) Each album should have description and link derived from database. iii) After clicking on album details should be displayed as follows on another view. Ms. Jigna Solanky, Mr. Kaushal Jani Page 3

4 (i) Create registration page as follows with Model and strongly typed view using following helpers. Helper HTML Element Html.CheckBox <input type= checkbox /> Html.DropDownList <select></select> Html.Hidden <input type= hidden /> Html.Label <label for= /> Html.ListBox <select></select> or <select multiple></select> Html.Password <input type= password /> Html.Radio <input type= radio /> Html.TextArea <textarea></textarea> Html.TextBox <input type= text /> (j) Modify the above application and create a login page using which employee can login into their account. Application should check username and password from database entry from Employee table. i) Table Employee must contain ID, UserName, password, department, shift columns ii) Username and password also have validation of compulsory entry of data iii) Password must have data type checking Ms. Jigna Solanky, Mr. Kaushal Jani Page 4

5 Objective(s) To make them understand how to create class in MVC model and how to relate that class with your ActionResult. To make them aware how layout and CSS file can be created. To make them understand how to create database application using coding as well the use of context class. To be familiar with ADO.NET Entity Data Model Framework. Pre-requisite 3 tire architecture concept (MVC), Model, View and Controller, HTML Helpers and Razor View Engine Duration for completion 6 hours PEO(s) to be achieved PEO2: To provide quality practical skill of tools and technologies to solve industry problems. PO(s) to be achieved PO6: Ability to use the techniques, skills and modern tools as necessary for software development CO(s) to be achieved CO1: Understand how to use ASP.NET MVC CO2: In-depth knowledge of developing web application with controller handling. CO3: In-depth knowledge of developing web application with model CO4: In-depth knowledge of developing web application with HTML helpers. Solution must contain Source code, Sample test data with output.(code of Controller, View and Model) Draw diagrams where needed. Nature of submission Handwritten References for solving the problem Sample Testing data NA Search on Internet Jon Galloway, Phil Haack, Brad Wilson and K. Scott Allen, professional_asp.net_mvc_4, Wrox Post Laboratory questions 1. What is sad path and happy path? 2. Which are the two different ways to bind model data with action method of controller? 3. Write down the importance of why developer is adding annotation [HttpPost] before any action method in controller. 4. Which HTML helper can be used to create a form in MVC4? 5. Distinguish two points between GET and POST. 6. If user wants to apply custom layout to any of its view, write down syntax to apply custom layout to any view. 7. What is the purpose function? 8. What is Entity Data Model? 9. Which Scaffolding templates type we have to select to generate the output automatically with view when we are creating MVC application using Entity Data Model? 10. Which part of MVC4 is used to create a class which will generate table in database? 11. How developer can establish connectivity between application and database? 12. Which namespace is required to use DBcontext class? Ms. Jigna Solanky, Mr. Kaushal Jani Page 5

6 13. What does T stands in Dbset<T>? What is need a need of DbSet<T>? 14. How developer can explicitly define view as a strongly typed view? 15. Write down 2 difference between the Action and the Method. Assessment Solution achieves the desired objective(s) Out of Marks 10 5 Secured by the student Signature and Date Viva Ms. Jigna Solanky, Mr. Kaushal Jani Page 6

7 Practical No: 3 Enrollment No: Name: Practical Problem (a) Create an MVC4 application to create registration form which stores information about students and store them in database using DbContext Class.(Verify Layout before executing tasks) (b) Create MVC4 application to create Facebook Registration form which accepts data only from user whose age is above 18, whose id is proper, user name should be of minimum 5 characters and maximum 15 characters, first name, Last name, , gender should be mandatory fields. If any of these validations fails, application should display appropriate error message. (c) Create an MVC4 application to create Gmail account sign up form in which UserName, FirstName, LastName, Gender and Date of Birth kind of information should be there. Your application should validate first name that first name must contain only one word in it before submitting the information to server, if it violates constraint then appropriate message should be displayed to user. (d) Create a MVC4 basic application which demonstrate the use of JQuery by giving facility of DateTime Picker, Auto complete word and hover effect on image. Objective(s) To be familiar with Model, View, Controller, Database connectivity in MVC4 and validation and data annotations Pre-requisite 3 tire architecture concept (MVC), Model, View and Controller, HTML Helpers and Razor View Engine, Database connectivity Duration for completion 12 hours PEO(s) to be achieved PEO2: To provide quality practical skill of tools and technologies to solve industry problems. PO(s) to be achieved PO6: Ability to use the techniques, skills and modern tools as necessary for software development CO(s) to be achieved CO1: Understand how to use ASP.NET MVC CO2: In-depth knowledge of developing web application with controller handling. CO3: In-depth knowledge of developing web application with model CO4: In-depth knowledge of developing web application with HTML helpers. CO5: Validate web application CO6 & 7: In-depth knowledge of developing web application with JQuery and AJAX CO8: In-depth knowledge of developing web application with routing Solution must contain Source code, Sample test data with output.(code of Controller, View and Model) Draw diagrams where needed. Nature of submission Handwritten References for solving the problem Search on Internet Jon Galloway, Phil Haack, Brad Wilson and K. Scott Allen, professional_asp.net_mvc_4, Wrox Sample Testing data NA Post Laboratory questions 1. What is difference between Html.ValidationSummary and Html.ValidationMessage? 2. How one can define strongly typed html helpers? 3. Distinguish between Html.ActionLink and Html.RoutLink. 4. When should developer use Html.RenderPartial instead of Html.Partial? 5. Which data annotation is used to restrict the length of any field? 6. Name the namespace to use data annotations in MVC4. 7. Which property of data annotation can be used to display user defined error message? 8. How localization of validation can be done in MVC4? Ms. Jigna Solanky, Mr. Kaushal Jani Page 7

8 9. Which class one need to inherit to create custom annotation in MVC4? 10. Which method should override to achieve the concept of custom annotation? 11. Write down step to change the header name of any class field which is to be displayed to user. 12. List 5 JQuery selector. 13. Where one can find JQuery in MVC4 application? 14. How one can change default routing pattern? Assessment Solution achieves the desired objective(s) Out of Marks 10 5 Secured by the student Signature and Date Viva Ms. Jigna Solanky, Mr. Kaushal Jani Page 8