We need a Modern looking Dashboard to display information in real time. We have all the information needed to display, we just need a designer who can design the Dashboard, build it with HTML / CSS (using any library such as bootstrap / jQuery / angular etc...) and be able to write AJAX to query our DB for the information and update the Dashboard in real time. We will provide SQL queries or JSON or whatever the programmer require.
We have a development server so the programmer need to build the Dashboard on it in order to be able to query the DB.
Attached a simple layout we require but the designer can suggest anything he thinks to be better along with any suggestion he can have about the look and feel of the page.
The Dashboard is intended to run in a full screen browser on a screen that is 42 to 60 inches so must be responsive and must be readable from a 2-5 meters distance.
The design should be RTL (Right to Left) and most texts are RTL unless otherwise stated.
Please have a look at the layout / sketch and read the following:
Upper area - Company Logo, Date and running clock with HH:MM. If there is unused space in that area then the designer can suggest some other ideas for that part (from the other parts of the dashboard). The background of the date and clock should turn light RED when AJAX return some value. Otherwise it has the same color as the rest of the dashboard. This AJAX should query every 30 seconds.
Footer - a 30-40 characters message/announcement, RTL. AJAX read it from the DB once every 1 minute. Message can be blank (most of the time it will be blank)
Projects area - 24 projects in 2 columns, each project is just a text of 20-25 characters. Title and projects names are all RTL. AJAX should read the project list once every 1 minute. AJAX result will includea color for each project in HEX format so the designer need to write each project with his color. Next or under each project we need to display the progress in a small progress-bar or progress-ring. If the designer thinks that this progress bar/ring will not fit then he can suggest to remove it.
Employee area - 4-10 boxes, each box with picture of an employee (designer should suggest image size, we will provide the pictures in the needed size) then his phone number (3 digits, ### in the sketch) and his name (6-8 characters) Then his name (5-7 characters, RTL) then a number between 1 to 999 (marked as $$$ in the sketch). In another line a name of a customer currently on the phone (English, LTR) and the amount of time they talk (##:##). AJAX should read this data from DB once every 1 second but if that makes problems then 2 seconds is also OK. AJAX receive a list of employees (4-10 emplyees), their picture filename, their name and all other data displayed for them.
Area with text1-text8: A list of 8 texts, each text with a number (e.g. Callers today: 12, Callers Yesterday: 50 , Sales Today: 44 , Sales Last Year: 99 etc.). Note that this is RTL so each number is on the right side of his text. Ajax refresh every 10 seconds and the list will contain 4-8 lines of texts and a number for each text.
Area for last 10 calls: Just last 10 caller names with the call duration. AJAX should refresh every 10 seconds. Everything is RTL. If it fits, we can also add time of call HH:MM
Area for problems: AJAX refresh every 10 seconds and get a list of problems and a list of lines for each problem (Up to 8 lines per problem). Problem is a text in size of 8-30 characters, LTR. AJAX will also return a number, 1 or 0. If this number is 1 then the background of the problem is light red, if it is 0 then background remains regular. The background of the lines area is always light red. Note that we can have zero problems and sometimes we have 50 problems in the same time. We can limit the display of the problems to the amount that the designer will tell us.
Calendar area-display current and next week. Each day has few lines. AJAX every 1 minute. Today in different color.
28 freelancers are bidding on average $252 for this job
hello buyer, I am very happy to work for you. I have 8 years experience in CMS , PHP, laravel and .net. lets discuss more on chat we can work :) I am full time freelancer and ready to work any time.
Thanks for your job posting. I have read carefully looked at your project requirements and I can do best job. If you have desire to work with me, please contact me. Thanks.