TimeReport: full-custom project management portal

  • multi-user platform (employees, managers, admins)
  • dynamic reporting and intuitive data filtering
  • dedicated tools for project management
  • intuitive features and functionalities for disparate and raw data management

Technologies

Angular (3-rd-party components for charts, UI components, live data, etc), C#, .NET Framework 4.5, Microsoft ASP.Net, EPPlus, ELMAH, signalR, chart.js, Bootstrap, SQL database, Management Event Watcher

Time-management | Effort analyzer | Internal users management

Remote work and project management made easy through a multi-user project management portal designed with both employees, managers, and admins’ needs and goals in mind.

THE CONTEXT

Roweb is a custom software development company, started in 2004 with offices in 4 major cities: Bucharest, Pitesti, Craiova, and Ramnicu Valcea.

With our 127+ IT professionals' experience and the latest software development technologies, we focus on building Business, Web, Mobile applications, and E-commerce solutions.

We work with companies from all over the world, companies of all sizes ranging from start-ups to large businesses.

Our needs/goals

  • real-time management on employees work, and projects progress;
  • access to reports on users’ activity;
  • clients/ projects management (projects hour management);
  • invoice generator for finished or ongoing projects;
  • multi-user platform for managing and tracking all relevant data in one place.

THE SOLUTION

With teams in 4 Romanian cities and partners, collaborators, and clients in even more (national and international) locations

The project management (from working hours and invoices perspective) was challenging.

So, we decided to develop a portal able to respond to different types of users (employees, managers, admins) at multiple levels (task management, billing, reporting, etc.): TimeReport.

Users roles

The portal integrates 3 types of roles: users, managers, admins. For each role, tabs from the menu are displayed differently. (Role-based authorization using Microsoft ASP.Net Identity. User ID & password-based access)

Dashboard

Intuitive and dynamic dashboard designed with each type of user in mind and according to the best practice (information is displayed in Z shape, and the most used info appear in the upper-left)

Menu tabs

The tabs are displayed differentially based on each users’ category needs (e.g., for employees, the tabs refer to tasks and projects, for managers, the focus is on activities and projects overview).

USER PANEL

From the USER PANEL, employees have access to the following pages:

Time - from where users can add or modify information on their daily/weekly activities. For each new activity, users can associate specific criteria (different tasks, rates, and project)

Reports - On users activities for a specific period (selected period of time with the possibility of filtering by the client and by the project)

Projects - This page lists all the projects where the user is involved in. Projects like CONCEDIU (Vacation) and CONCEDIUL LEGAL (Legal Vacation) are assigned to all users

Clients - Tab shows a list of all the clients of the projects the user is involved in. The user can see some general information about each client, add related files and notes

.
.

MANAGER PANEL

Users management | Emails management | Invoice generator

For the Manager role, the platform displayed extended information plus some specific pages:

PM Dashboard

Reports

Projects

Users

PM - Tools

Devize (Estimates)

Alerts

PM Dashboard

this tab offers access to general information about the users

  • fast overview;
  • intuitive tools within reach;
  • extended access to relevant information;
  • simplified project management.

One-stop dashboard that helps project managers to track all the projects, tasks and its progress and status of each task and project.

*The tabs are displayed differently based on each users’ category needs (e.g., for employees, the tabs refer to tasks and projects, for managers, the focus is on activities and projects overview).

Reports

the manager has access to four types of reports:

  • Timesheet reports;
  • User Reports;
  • Clients Reports;
  • Overall Reports.

(Each page gives information grouped by certain characteristics. E.g, the User Reports groups by user and location that can be exported in .xlsx format).

*The tabs are displayed differently based on each users’ category needs (e.g., for employees, the tabs refer to tasks and projects, for managers, the focus is on activities and projects overview).

Projects

managers have access to a more complex page than the users. From this tab, managers can modify

  • the projects’ information;
  • projects’ team rates;
  • tasks;

and

  • can see reports on the projects rated hours.

Projects tab is designed to provide managers with complete and fast control over the projects in order to simplify their work.

*The tabs are displayed differently based on each users’ category needs (e.g., for employees, the tabs refer to tasks and projects, for managers, the focus is on activities and projects overview).

Users

depending on the access level, managers can view only the users or edit them (if they have the UserManager role).

  • fast overview on platform’s users;
  • extended access to relevant information;
  • complete control over the project evolution;
  • intuitive tools within reach.

(e.g., Adding a new user is a one-step process that involves filling in a form.)

*The tabs are displayed differently based on each users’ category needs (e.g., for employees, the tabs refer to tasks and projects, for managers, the focus is on activities and projects overview).

PM Tools

this tab is used to manage user reports. From here, managers can make different actions:

  • edit user hours
  • generate reports
  • generate invoices

PM Tools is designed to simplify project managers periodic activities: editing existing information + exporting reports and invoices.

*The tabs are displayed differently based on each users’ category needs (e.g., for employees, the tabs refer to tasks and projects, for managers, the focus is on activities and projects overview).

Devize (Estimates)

this tab is displayed for the managers that have the Invoicer role. Several actions are available from this page managers can:

  • generate invoices based on multiple sources;
  • add hours to existing invoices;
  • send the invoices to clients;
  • view reports as xlsx. billing documents.

Estimates tab is designed to simplify financial managers periodic activities: editing existing information + exporting reports and invoices.

*The tabs are displayed differently based on each users’ category needs (e.g., for employees, the tabs refer to tasks and projects, for managers, the focus is on activities and projects overview).

Alerts

this tab offers the opportunity to send to users alerts on several topics:

  • projects (current and completed);
  • invoices (for specific projects);
  • hours reports (reported hours for each project).

Alerts tab is designed to simplify communication between different types of users (project managers - employees, financial admins - project managers - users).

*The tabs are displayed differently based on each users’ category needs (e.g., for employees, the tabs refer to tasks and projects, for managers, the focus is on activities and projects overview).

.
.

ADMIN PANEL

Admin roles offer access to specific tabs and features so admins can control users and activities from one place and risk-free:

Reports

In addition to the manager’s reports section, the admin has access to further information:

  • User Costs
  • Tag Projects
  • Invoices Reports

(Each page gives information grouped by certain characteristics. E.g, the User Reports groups by user and location that can be exported in .xlsx format.)

Notifications

From this page, the admin can send notifications to users.

  • push notifications (pop-up box displayed on the bottom of the page);
  • on-page notifications (text displayed instantly under the working sheets);
  • using signalR, the users will see the active notifications in the left-upper corner of the portal (notifications icon).

Nomenclatures

This is the tab from where admins can manage the tags, tag categories, and locations.

  • Tags are used for Invoices, Users, and Projects
  • Tag Categories are used in Invoices
  • Locations tag manages the available user locations (hidden locations are not shown in any location drop-downs).
.
.

Features and functionalities:

  • multi-users platform;
  • UX/UI design;
  • role-based authorization;
  • users management (add/edit/delete);
  • smart filtering (by date, project, client, etc.);
  • push notifications send to users alerts on several topics (projects, invoices, and hours reports);
  • tags and categories management;
  • custom reports (Timesheet reports, User Reports, Clients Reports, Overall Reports);
  • invoice generator/invoice management/invoice delivery (to the client).

Interested in starting a similar project? Let’s talk about your company’s challenges!

Project overview

Methodology:

Agile

Technologies:

Angular (3-rd-party components for charts, UI components, live data, etc), C#, .NET Framework 4.5, Microsoft ASP.Net, EPPlus, ELMAH, signalR, chart.js, Bootstrap, SQL database, Management Event Watcher

Project team:

4 devs | 1 PM | 1 business owner | 1 consultant

Main features:

Time-management | Effort analyzer | Internal users management

The outcome

Employees, project managers, and HR managers are on the same page - literally and figuratively. Data, reports, and invoices management from one place.

Benefits for users

Dynamic and intuitive weekly reporting - everything they need being one click away literally.

Benefits for managers

Managers can control and manage disparate activities from one place efficiently.

Project team

For developing TimeReport we have assigned a complete development team:

1

Project Manager

4

Developers

1

Business Owner

1

Consultant

Technologies

Project Steps

1

Auditing internal needs

2

Creating sprints & timelines

3

Brainstorming the concept and the platform architecture

4

Select best technologies

5

Creating and testing the concept

6

Creating project architecture

7

Optimizing the initial concept

8

Developing & implementing the solution

Testimonials

Roweb proved to be a great partner to work with, providing us with a highly responsive team. During our collaboration, I found it very easy to communicate with them and they were very flexible in meeting our requirements. Read more

Jean Waucquez

Owner, WHISE nv

We first approached Roweb with a broad description of the social commerce platform we had envisioned and we were happy to find that they quickly grasped the concept and were as excited about it as we were. Read more

Ossian Vogel

Co-founder, CEO Ezebee

Together with Roweb we've built TourPaq up, from a booking system for small tour operators, into one of the leading solutions on the market, addressing the needs of large tourism businesses. Read more

Bjarke Hansen

CEO, Owner TourPaq Aps

There is no better partner than Roweb. Their large arsenal of competencies exceeded our requirements. The implementation team is confident, consistent and reliable... Read more

Paul Horner

Director at DiGiConsul GmbH

nGage (formerly Human Capital Investment Group) have worked with Roweb for more than eighteen months and during that time have been very impressed by the high level of skill... Read more

Tim Styles

Chief Information Officer at nGage

Gauge has been working with RoWeb since 2011. They are quick, cost effective and direct, every project has been delivered to meet its objectives. More than just a production house, RoWeb also provides... Read more

Spencer Wright

CEO / Head of Development Gauge360

The new website that Roweb have built for us pro-bono better represents our college's identity and prestige and brings our online presence up to date. The excellent communication that we’ve had with... Read more

Prof. Marin Cristea

Head of Informatics Department, "Ion C. Bratianu" National College