Responsive PHP dashboard for web application
- or -
Post a project like this3938
£120(approx. $151)
- Posted:
- Proposals: 5
- Remote
- #275738
- Awarded
Description
Experience Level: Expert
Responsive dashboard for web application - should work in all major browsers including IE8+, Chrome, Firefox, Safari, iOS and Android (including responsive/optimised for mobile so on mobile dashboard becomes only 1 column wide due to limited space) and on both PC and Mac
Should be built mainly in PHP (i.e. no frameworks) with Ajax, JQuery, Javascript etc
Widget based system
Dashboard itself based on a grid of 4 columns x up to 6 rows (this should be flexible as we may need in the future to make the grid 3 x 8 for example so neither the 4 columns nor 6 rows should be a fixed limit)
If a row does not contain any widgets then it shouldnt consume any space - for example if user only has one widget which is 4 x 1 then the remaining 5 rows should be hidden so they don't consume any space
Position of any widget should be able to be changed by dragging and dropping
Widget should be able to be maximised to full screen over the top of other widgets
WIdgets should be able to be resized to any size inside the grid - user may want one widget which is 3 x 6 and consumes whole dashboard or may want 18 seperate widgets of 1 x 1 or any combination in between
Widgets should have options icon which opens a form which allows the contents of the widget to be changed / filtered and then upon changing the widget refreshes
Widgets can include text/HTML, HTML 5 charting (should be open source charting library supporting data from MySQL query - no flash, image based ideally allowing save to JPG/PNG for example), tables using datatables
Dashboard should be saved to existing MySQL table via a save button (i.e. not dynamically saved on every action as this could generate too much MySQL updates) for each user saving which widgets they have on the screen, the state (open/closed), the size, the position, options within a given widget and so on so next time user logs in the dashboard looks exactly as it did before. EVERY option should be saved
Top of page, hidden "drop down" DIV showing list of all possible widgets (which are pre defined by us - clicking button shows div and contents, clicking again hides them so they dont take up any space on the screen) and the client can then drag the widget icon to the dashboard and the actual widget will appear
Nothing should be rendered until it is active (i.e. is dragged onto the dashboard) to keep the load time as low as possible
WIDGETS (ADMIN SETUP)
3 main types of widget:
Text/HTML/PHP code
Chart from MySQL query - option to export to image (PNG) (via options drop down in widget header)
Datatables data from MySQL query - option to export to CSV (via options drop down in widget header)
Combination which would allow text and chart OR text and datatable etc
Options for widgets
Name
Type
Content - HTML/PHP code (includes for example)
Datasource - MySQL query which is then rednered into chart or datatable
Size - option when defining a widget to define its size in terms of the grid (2 x 1 or 1 x 1 for example) and thjis should be its minimum size (i.e. user can make it bigger but not smaller)
Should be built mainly in PHP (i.e. no frameworks) with Ajax, JQuery, Javascript etc
Widget based system
Dashboard itself based on a grid of 4 columns x up to 6 rows (this should be flexible as we may need in the future to make the grid 3 x 8 for example so neither the 4 columns nor 6 rows should be a fixed limit)
If a row does not contain any widgets then it shouldnt consume any space - for example if user only has one widget which is 4 x 1 then the remaining 5 rows should be hidden so they don't consume any space
Position of any widget should be able to be changed by dragging and dropping
Widget should be able to be maximised to full screen over the top of other widgets
WIdgets should be able to be resized to any size inside the grid - user may want one widget which is 3 x 6 and consumes whole dashboard or may want 18 seperate widgets of 1 x 1 or any combination in between
Widgets should have options icon which opens a form which allows the contents of the widget to be changed / filtered and then upon changing the widget refreshes
Widgets can include text/HTML, HTML 5 charting (should be open source charting library supporting data from MySQL query - no flash, image based ideally allowing save to JPG/PNG for example), tables using datatables
Dashboard should be saved to existing MySQL table via a save button (i.e. not dynamically saved on every action as this could generate too much MySQL updates) for each user saving which widgets they have on the screen, the state (open/closed), the size, the position, options within a given widget and so on so next time user logs in the dashboard looks exactly as it did before. EVERY option should be saved
Top of page, hidden "drop down" DIV showing list of all possible widgets (which are pre defined by us - clicking button shows div and contents, clicking again hides them so they dont take up any space on the screen) and the client can then drag the widget icon to the dashboard and the actual widget will appear
Nothing should be rendered until it is active (i.e. is dragged onto the dashboard) to keep the load time as low as possible
WIDGETS (ADMIN SETUP)
3 main types of widget:
Text/HTML/PHP code
Chart from MySQL query - option to export to image (PNG) (via options drop down in widget header)
Datatables data from MySQL query - option to export to CSV (via options drop down in widget header)
Combination which would allow text and chart OR text and datatable etc
Options for widgets
Name
Type
Content - HTML/PHP code (includes for example)
Datasource - MySQL query which is then rednered into chart or datatable
Size - option when defining a widget to define its size in terms of the grid (2 x 1 or 1 x 1 for example) and thjis should be its minimum size (i.e. user can make it bigger but not smaller)
Jason D.
100% (67)Projects Completed
113
Freelancers worked with
97
Projects awarded
33%
Last project
19 Nov 2021
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies