Jorge Ramon

  • Home
  • New Here?
  • Articles
    • All
    • Sencha Touch
    • jQuery Mobile
    • ExtJS
  • Books
  • About

Meeting Room Scheduler Project, Update 1

October 1, 2016 Leave a Comment

Here’s a quick update on the meeting room scheduler proof of concept I introduced a few weeks ago.

I’ve been busy working on the form that will allow users to book a meeting room. This is the mockup I showed you in the first post:

Meeting Room Scheduler

And this is how the screen looks now:

conf-room-5

Tasks Completed

The past couple of weeks, I created the server-side view model that will represent a booking, and an Entity Framework model I will use to interact with the database where the bookings, rooms and locations data will be stored.

I added client-side validation for the required fields on the form. The validation rules are simple: users must enter a description for the booking and the number of attendees. The number of attendees must not be greater than the room’s capacity.

After finishing the validation, I wrote the code that saves a booking to the database. I was able to save test bookings after successful validation of the data entered through the screen.

Challenges

Designing the edit booking form as a popup that’s activated on the Bookings screen was a challenge because the screen, which is an ASP.NET MVC view, has to accomplish two functions: list rooms and bookings if they exist, and edit a booking trough the popup form.

As ASP.NET views only accept a model, I pass to the screen the rooms, locations and services lists through the ViewData dictionary, and a model that represents a booking.

conf-room-6

Next Steps

The next step I want to accomplish is to display the rooms list for a location, highlighting the booked rooms. Here’s the mockup depicting how it should look:

conf-room-1

Stay tuned, I’ll keep posting updates on this project frequently. Don’t forget to leave a comment with your thoughts or suggestions about this project.

Tagged With: Web Application Tutorial Leave a Comment

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get My Books

The beginner's guide to Sencha Touch apps
The beginner's guide to jQuery Mobile apps

Book: How to Build a jQuery Mobile Application

Topics

  • » jQuery Mobile Tutorials
  • » Sencha Touch Tutorials
  • » ExtJS Tutorials
  • » Books
  • » Tools
  • » .Net Tutorials
  • » BlackBerry Tutorials
  • » iOS Tutorials
  • » Node.js Tutorials
  • » Android Training
  • » BlackBerry Training
  • » iOS Training

Search

Contact Me

  •  Email: jorge[AT]jorgeramon.me
  •  Twitter: @MiamiCoder
  •  LinkedIn: Jorge Ramon


Don’t Miss the Free Updates

Receive free updates in your inbox.
Your address is safe with me.

Copyright © 2021 Jorge Ramon · The opinions expressed herein do not represent the views of my employers in any way · Log in