Creating the User Dashboard

Identifying the appropriate and necessary requirements that build up the functionalities within the user dashboard was a truly interactive and based on a contextual inquiry session that mimic-ed the system to be developed. Though the user dashboard wasn't considered a necessity at the beginning of the requirements gathering phase, it proved to aid in acting as an intermediary wall between the communication channel of a user and the Event Planning System Staff from the highest to the lowest hierarchy. A registered user is the beneficiary of such a feature. The dashboard will be instantly created for a registered user as soon as hes/ her account is created. A login validation function will ensure the integrity of the access to that particular user's dashboard.

 The idea to establish this connectivity resulted as the requirement, to keep the client to the website explore options while navigating within the website itself and not having the need to access Event Planning related functions by moving out of the website, arose. Once the client customizes his/ her own package rather than going in for the previously available packages, they can request for a quotation from the Event Planners, which is a manual procedure where the manager goes through the package requirements requested by the client, accepts or rejects and finalizes an approximation on the package. This quotation will then be available to the user after a specifies time lapse and rather than having this quotation emailed to the user, in which case the client has to access his mailing service in order to view the quotation, we have developed a "User Dashboard" where the quotation can be available as a plain message and the user can retrieve it from there whenever he/ she visits the site again. 

 Having a user dashboard, which is actually the entirety of the user manageable tasks, for only receiving the quotations seemed to be an unrealistic implementation. Hence, we had to find further functionalities to build up the User Dashboard ardently. Yet, we had to have functions that are actually needed and limit the overcrowding of functions hence a minimalist design has proven to be more effective in capturing user attention.

 So the tasks chosen to be implemented under the user dashboard are:

  1. Viewing Notifications from the Event Planners
  2. Viewing personal messages related to the context
  3. Creating a To- Do- List to serve as a reminder while planning events
  4. Write reviews about the services provided by the Event Planner
  5. Contact the management with inquiries related to the planning procedure 
  6. Rate the service gained from the Event Planner
Though the fifth task can be done by an unregistered user as well, here we provide additional features to the registered user where he/ she can upload files related to the inquiry as well.

Comments

Post a Comment

Popular posts from this blog

Creating connections between Elements in jsPlumb

In my previous posts we've gone through creating a toolbox and canvas from which elements can be dragged from and dropped onto. Then we took a look at eliminating the replication of elements whenever a dropped clone was dragged within the canvas. So now let's move onto creating basic connections between these dropped elements using jsPlumb and jQuery-UI. Starting off with the code previously dealt with, creating connections requires only the addition of a few lines of code to your JS code. The droppable function part of the code has been shown below. Step 1: Assign a unique ID for each element being dropped on the canvas. Though jsPlumb will automatically assign an ID when you don't supply one, it is easier to manipulate the elements when you define an ID. This ID can be a simple digit or even a complex string( But remember, jsPlumb treats all IDs as strings). //Set a unique ID for each dropped Element var indexer = 0 ; function setId (element){ indexer ++;
Read more

AngularJS vs ReactJS

Image
Today I just came across an interesting question and thought of creating this. At many occasions, developers try to render ReactJS as the best over AngularJS. But, according to my personal opinion, this is purely opinionated and also strongly depends on the type of the project in context. First of all, here's a very brief definition of what AngularJS & ReactJS according to their documentations. AngularJS AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write." Here's a perfect example to try out this. ReactJS   React.js is a JavaScript library for building user interfaces. (Famously used by Facebook) The comparison between the two has been jotted out in the following table
Read more

jsPlumb - Drag and Drop Multiple Elements

Hi there, We' ve discussed the jsPlumb facility to Drag and drop objects in my previous post.  Here I've jotted out the way to manipulate the elements dropped onto a canvas without creating replicates of itself. In order to do so, firstly create an additional class definition in your CSS file or simply add the following to the <style> segment in the in the <head> section of your view. . ch { position : absolute ; cursor : pointer ; width : 72 px ; height : 80 px ; background-image : url ( "../dist/img/bigdot.png" ); }   The next and the final step is to squeeze in a few lines of code to your JS file. Within the droppable function, first we create the clone of the tool/ image as discussed in this context, as the 'droppedElement'. Then we add these following lines of code.   Since jsPlumb does not provide support for jQuery, the ui.helper class needs ti be removed. By adding the class "ch" to the drop
Read more