You are here:   Blog
Register   |  Login

Nov 1

Written by: Delordson
Fri, 01 Nov 2013 12:08:03 GMT  RssIcon

LightSwitch is the fastest way to build line of business applications and we have the Apps to prove it! This post is part of a series showcasing the use of LightSwitch in Visual Studio 2013 to build html5 single page applications.

Welcome to the LightSwitch html5 Project Manager App:

ProjectsMain

 

The Project Manager App targeted at small businesses who take on projects from a number of clients. The Project Manager App allows a business to monitor projects, assign staff resources to those projects, assign tasks to resources linked to a project and manage risks associated with the project.

This is a fully featured complete LightSwitch html5 line of business application which you can extend and adapt to your specific needs. The source code is now available priced at just just $9.99.  Get your copy now.

The Project Manager demo can be accessed on windows azure at http://delordson.cloudapp.net/ProjectManagerApp/htmlclient/. To get the most out of the demo add yourself to the Employees table once you’ve logged in! Join the conversation by leaving a comment to this post for any suggestions of thought about the Project Manager App.

 

Modules

The Project Manager App Modules includes a Home Page, the All Projects Module,  the Clients Module, the My Projects Module, the My Tasks Module and the Settings Module.

 

Access

Access is controlled through a log in screen. The administrator uses an associated Silverlight application to configure new users, create roles and permissions for those roles as well as to assign users to roles.

screenshot_11012013_175304

 

The Home Screen

Access to all the features of the Project Manager App is from the home page. From here, users can navigate to the ‘All Projects Module’, the ‘Clients Module’, the ‘My Projects Module’, the ‘My Tasks Module’  and the ‘Settings Module’.

screenshot_11012013_175340

 

All Projects

Clicking or tabbing on the All Projects button takes the user to the ‘Browse Projects’ Page. On this page, the user of presented with a list of all projects for the business. A search box is present for those businesses lucky enough to have so many projects they need to filter them Smile.

 

screenshot_11012013_175347

 

 

Clicking or tabbing on any project listed takes the user to a page for managing that project. This page provides for full details of the projects, including a start and end date.

The page is laid out in a series of tabs. The first tab presents key information about the project such as its reference number, title, description, stat and end dates, the client, the project manager, the project status and importantly, the budget.

 

screenshot_11012013_175426

 

Of course the built in LightSwitch validation of required fields and field lengths works great as expected…

screenshot_11012013_175842

 

…but we’ve also added multi field validation where it makes sense. So you can’t end a project before it has started.

screenshot_11012013_175915

 

 

The Project Tasks tab is where the full set of tasks required to complete the project are listed.

screenshot_11012013_175433

 

The Project Resources Tab shows the list of staff who have been assigned to the project.

 

screenshot_11012013_175510

 

Any employee who gets assigned to project is automatically emailed to let them know they have been so assigned.

image

 

Finally the Project Risks Tab is where risks to to the completion of the project and associated mitigations are recorded.

 

screenshot_11012013_175514

 

Again full validation is enabled…

 

screenshot_11012013_175523

 

Back in the Project Task tab, Tabbing or clicking on any of the listed tasks takes the user to a page for managing that task. This task management page is laid out in two tabs. A details tab which lists describes the task and includes a date task due…

 

screenshot_11012013_175436

 

…and task resources can be assigned from the list of resources already assigned to the project.

screenshot_11012013_175501

 

Again any resource who is allocated a task is informed by email…

image

 

 

Clients

The client module allows users to view a full list of clients for whom projects have been or are being undertaken.

 

screenshot_11012013_175643

 

Clicking or tabbing on any of these clients takes the user to a client management page. This page is laid out in three tabs. A details tab where key details of the client such as name and address are lists…

 

screenshot_11012013_175647

 

A client contacts tab where key personnel at the client are listed and can be managed…

 

screenshot_11012013_175650

 

screenshot_11012013_175654

 

…and a client projects tab, which lists projects for that client. Tabbing of clicking on any client in this list takes the user to the project management page described above.

 

screenshot_11012013_175658

 

My Projects

The My projects module simply lists all the projects to which the currently logged in user has been assigned. Only your projects are visible from this screen. Clicking or tabbing on any of these projects takes the user to the project management page described above.

 

screenshot_11012013_175707

 

My Tasks

The My Tasks module simply lists all the tasks across all projects, which have been assigned to the currently logged in user. Only your tasks are visible from this screen. Clicking or tabbing on any of these tasks takes the user to the task management page described above.

 

screenshot_11012013_175713

 

Settings

The Settings Module is the key module used by the administrator and any other users given the right permissions for managing key application reference data. The main item managed is the list of employees.

screenshot_11012013_175719

 

Employees

 

screenshot_11012013_175756

 

The Employees page is laid out in two tabs. A details tab which provides key information such as name and email…

screenshot_11012013_175800

 

…and a skills tab which lists some of the skills a project manager may need want to review before assigning an Employee to a project or to a task in that projects.

 

screenshot_11012013_175805

 

Summary

The Project Manager App is a fully featured complete LightSwitch html5 line of business application which you can extend and adapt to your specific needs. This is a fully featured complete LightSwitch html5 line of business application which you can extend and adapt to your specific needs. The source code is now available priced at just just $9.99.  Get your copy now.

Don’t forget to try out the demo on windows azure at http://delordson.cloudapp.net/ProjectManagerApp/htmlclient/. To get the most out of the demo add yourself to the Employees table once you’ve logged in. Finally please join the conversation by leaving a comment to this post for any suggestions of thoughts.

Thanks

Delordson

Tags:
Categories:
Location: Blogs Parent Separator DELORDSON

Microsoft Visual Studio is a registered trademark of Microsoft Corporation / LightSwitch is a registered trademark of Microsoft Corporation