Upload
-
View
106
Download
4
Embed Size (px)
Citation preview
ASP .NET C# Bootcamp
Globant Bahía Blanca
What is MVC?• A design pattern
• Acronym for Model ● View ● Controller
• Separation of concerns
What is MVC?
Step 1Incoming request directed to Controller
Request
Controller
What is MVC?
Step 2Controller processes request and forms a data Model
Controller
Model
What is MVC?
Step 3Model is passed to View
Controller
View
What is MVC?
Step 4View transforms Model into appropriate output format
Controller
View
What is MVC?
Step 5Response is rendered
Response
Controller
View
Hashtag Manager
The software was divided as followsin order to separate concepts:
• Twitter.DataAccess
• Twitter.WebSite
The software was divided as follows in order to separate concepts:
• Twitter.DataAccess
• Twitter.WebSite
C#
The software was divided as followsin order to separate concepts:
• Twitter.DataAccess
• Twitter.WebSite
LINQ
Repository pattern
The following illustration shows one way to conceptualize the relationshipsbetween the controller and context classes compared to not usingthe repository or unit of work pattern at all.
int postId = postRepo.GetPostByID(id);PostRepository postRepo = new PostRepository(db);
private TwitterContext db = new TwitterContext();
example
Int postId = db.Posts.Find(id);
vs
The software was divided as follows in order to separate concepts:
• Twitter.DataAccess
• Twitter.WebSite
Code FirstEntity Framework
Migration
The software was divided as follows in order to separate concepts:
• Twitter.DataAccess
• Twitter.WebSite
The software was divided as follows in order to separate concepts:
• Twitter.DataAccess
• Twitter.WebSite
The software was divided as follows in order to separate concepts:
• Twitter.DataAccess
• Twitter.WebSite
The software was divided as follows in order to separate concepts:
• Twitter.DataAccess
• Twitter.WebSite
CSS
RazorHTMLJavascriptAjax
Twitter web-aplicattionIn the this live presentation, we will show you main features of our web based Twitter application. It is a kind of hashtag manager.
This proyect is part of our first Globant’s Bootcamp 2015.
This course focuses on Microsoft's ASP.NET framework using C# and common web technologies like HTML/CSS and JavaScript.
Welcome ScreenAs many other sites, you can create an account, in this case, to post new tweets and to follow other users. To do that, you have to use options: log in and sign up, at the top-left corner of the main window.
Log inSign up
Sign Up ProcessThe register process is quite simple. You only have to provide some basic account information and click Sign up. Later, you will be able to provide another personal information like mobile number or age. By default, these both fields are completed with 0.
Sign up
Main ScreenOnce/after you logged in, you have access to the hole top menu. In addition, you can see your posts, if any, in the body window.You can also reach that window clicking on the Tweets menu!
Hashtags ScreenIn the menu, next to twitter title, there is the hashtags option. Here, you can look for a particular hashtag typing its name or part of its name. If there are more than one hashtag with the same substring, you will see a list of them.
Posts of hashtagIf you click on one of those hashtags, you will get another window with a list of all posts that refers to that hashtag. Moreover, for all posts you can see the owner and the date of creation.
UsersThe next option is Users. Here, you can search for a particular user typing its username or mail. Then, if you click on a username, you see all posts of that user.
Personal profileThe last menu item is the Profile. Here, you can see your personal details and an option to edit them. In addition, you can see your followers and the people followed by you.
Features designed for improvingthe app in the future
• Unit Testing
• Send a notification by mail about referenced users in a post.
• Send a notification by mail to the involvers users in a discussion.
Thank you very much Globant• We express our gratitude to Globant Bahia Blanca for giving us the
opportunity to make this Bootcamp so we could be trained in a field in which we are interested in.
• We also want to give an especial thanks to Ariel Reñones, our tutor, for his willingness to queries at any time of day, for supporting us and for encouraging us always to keep going ;)
• We also thanks to Julian Perez Balboni’s attention and politeness.
Thank you for your attention!Any questions?
Live Demo
Are you ready for the future?