-
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
master: update screenshot, update readme
- Loading branch information
1 parent
62f1c66
commit e7ac55a
Showing
43 changed files
with
116 additions
and
176 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,176 +1,116 @@ | ||
| <h1><a href="https://ui-lib.com/downloads/tms-react-dashboard/">Tms React Material Design Admin Dashboard Template</a></h1> | ||
|
|
||
| <a href="https://tms-react-free.netlify.app/"><img alt="Tms React Admin" src="https://ui-lib.com/blog/wp-content/uploads/2021/09/tms-github.png" /></a> | ||
|
|
||
| <p>MatX is a full-featured React Material UI Admin Dashboard template. MatX is built with React, Redux & Material UI We implemented all the features you might need to start a new Web application. The free version includes all Material UI components, Form elements, and validation, JWT authentication, Sign in, sign up pages, Vertical navigation, Lazy loading, Code splitting.</p> | ||
|
|
||
| <h2>Features</h2> | ||
| <table> | ||
| <tr> | ||
| <th>MatX Free</th> | ||
| <th>MatX Pro</th> | ||
| </tr> | ||
| <tr> | ||
| <td> | ||
| <a href="https://tms-react-free.netlify.app/">Live Preview</a> <br> | ||
| <a href="https://ui-lib.com/downloads/tms-react-dashboard/">Download MatX</a> | ||
| </td> | ||
| <td> | ||
| <a href="http://tms-react.ui-lib.com/">Live Preview</a> <br> | ||
| <a href="https://ui-lib.com/downloads/tms-pro-react-admin/">Get MatX Pro</a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td valign="top"> | ||
| <ul> | ||
| <li>JWT authentication</li> | ||
| <li>Role based authentication</li> | ||
| <li>Lazy loading components</li> | ||
| <li>Code splitting</li> | ||
| <li>Dashboard Analytics</li> | ||
| <li>UI kits | ||
| <ul> | ||
| <li>Autocomplete</li> | ||
| <li>Buttons</li> | ||
| <li>Checkbox</li> | ||
| <li>Dialog</li> | ||
| <li>Expansion panel</li> | ||
| <li>Menu</li> | ||
| <li>Progress</li> | ||
| <li>Datetime picker</li> | ||
| <li>Radio</li> | ||
| <li>Switch</li> | ||
| <li>Slider</li> | ||
| <li>Snackbar</li> | ||
| <li>Data table</li> | ||
| </ul> | ||
| </li> | ||
| <li>Forms | ||
| <ul> | ||
| <li>Basic</li> | ||
| <li>Rich text editor</li> | ||
| </ul> | ||
| </li> | ||
| <li>eChart</li> | ||
| <li>Session pages | ||
| <ul> | ||
| <li>Sign in</li> | ||
| <li>Sign up</li> | ||
| <li>Forgot password</li> | ||
| <li>Error page</li> | ||
| </ul> | ||
| </li> | ||
| <li>Drag and drop</li> | ||
| <li>Google map</li> | ||
| <li>Utilities | ||
| <ul> | ||
| <li>Color</li> | ||
| <li>Spacing</li> | ||
| <li>Typography</li> | ||
| <li>Display</li> | ||
| </ul> | ||
| </li> | ||
| <li>Multi level menu</li> | ||
| </ul> | ||
| </td> | ||
| <td valign="top"> | ||
| <ul> | ||
| <li>All features of Tms free +</li> | ||
| <li>Firebase authentication</li> | ||
| <li>Auth0 authentication</li> | ||
| <li>Horizontal navigation</li> | ||
| <li>Pages | ||
| <ul> | ||
| <li>Customer List</li> | ||
| <li>Customer View/Add/Edit</li> | ||
| <li>Product List</li> | ||
| <li>Customer View/Add/Edit</li> | ||
| <li>Order List</li> | ||
| <li>Order View/Add/Edit</li> | ||
| <li>Help center</li> | ||
| <li>FAQ</li> | ||
| <li>Pricings</li> | ||
| <li>User List/Grid/Row</li> | ||
| </ul> | ||
|
|
||
| </li> | ||
| <li>Forms | ||
| <ul> | ||
| <li>Order form</li> | ||
| <li>Invoice form</li> | ||
| <li>Property listing form</li> | ||
| <li>Single upload</li> | ||
| <li>Multiple upload</li> | ||
| <li>Wizard</li> | ||
| </ul> | ||
| </li> | ||
| <li>Working Apps | ||
| <ul> | ||
| <li>CRUD table</li> | ||
| <li>Shop/eCommerce</li> | ||
| <li>Scrum board</li> | ||
| <li>Invoice builder</li> | ||
| <li>Event calendar</li> | ||
| <li>Chat</li> | ||
| <li>Inbox</li> | ||
| <li>Todo</li> | ||
| </ul> | ||
| </li> | ||
| <li>Lists | ||
| <ul> | ||
| <li>Row/Grid List</li> | ||
| <li>Infinite scroll list</li> | ||
| </ul> | ||
| </li> | ||
| <li>Charts | ||
| <ul> | ||
| <li>eChart</li> | ||
| <li>Rechart</li> | ||
| <li>Victory chart</li> | ||
| <li>React vis</li> | ||
| </ul> | ||
| </li> | ||
| <li>Account setting</li> | ||
| <li>User profile</li> | ||
| <li>6 month support</li> | ||
|
|
||
| </ul> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| <h2>Version 3 changes</h2> | ||
|
|
||
| - Added Material UI – Styled api (v5) | ||
| - Added Material UI updated components from MUI@version 5 | ||
| - Added React Apex Chart | ||
| - Updated JWT authentication | ||
| - Updated Charts | ||
| - Removed CSS Utilities (replaced by MUI) | ||
| - Removed SASS Integrigration (replaced by Styled API) | ||
| - Removed Victory chart (Replaced by React Apex Chart) | ||
|
|
||
| <h2 id="availablescripts">Getting started</h2> | ||
|
|
||
| <p>In the project directory, you can run:</p> | ||
|
|
||
| <h3 id="npmstart"><code>npm start</code></h3> | ||
|
|
||
| <p>Runs the app in the development mode.<br> | ||
| Open <a href="http://localhost:3000">http://localhost:3000</a> to view it in the browser.</p> | ||
|
|
||
| <p>The page will reload if you make edits.<br> | ||
| You will also see any lint errors in the console.</p> | ||
|
|
||
| <h3 id="npmrunbuild"><code>npm run build</code></h3> | ||
|
|
||
| <p>Builds the app for production to the <code>build</code> folder.<br> | ||
| It correctly bundles React in production mode and optimizes the build for the best performance.</p> | ||
|
|
||
| <p>The build is minified and the filenames include the hashes.<br> | ||
| Your app is ready to be deployed!</p> | ||
|
|
||
| <h3>Download</h3> | ||
| Download From <a href="https://ui-lib.com/downloads/tms-react-dashboard/">official website</a> | ||
|
|
||
| <h3>For questions and support mail us at <a href="mailto:[email protected]">[email protected]</a></h3> | ||
| # TMS - Terminal Management System for AOSP and ATV Set-top Box product lines | ||
|
|
||
| ##### The set-top box terminal management system is the University Graduation Project of student Chung Nguyen Thanh - School of Electrical and Electronics Engineering of Hanoi University of Science and Technology. | ||
|
|
||
| ##### This source is the web client interface for Smart Box device managers of the TMS. For security reasons, I cannot publish the application source code and Back-end source code of this system. | ||
|
|
||
| ###### contact for work, mail: [email protected] | ||
|
|
||
| <p align="center"> | ||
| <img src="media/logo/box.png" height="100px" style="margin-right: 30px;" /> | ||
| <img src="media/logo/database-management.png" height="100px" style="margin-right: 30px;" /> | ||
| <img src="media/logo/aosp-atv.png" height="120px" /> | ||
| </p> | ||
|
|
||
| ## Induction | ||
|
|
||
| Previously, the Set-top box (STB) was known as a device that acted as an intermediary between the signal source and the TV. Its function was to decode television signals and convert them into audio and visual content displayed on the TV screen. | ||
|
|
||
| Today, the STB is also known as a Smart Box, which can transform a regular TV into a Smart TV with various entertainment features. These features include television services, movie streaming, gaming, web browsing, and access to social networks (karaoke, online learning, etc.). Additionally, the Smart Box can integrate with other Internet of Things (IoT) devices to create a complete home ecosystem. | ||
|
|
||
| For current SMB device providers, deploying, operating, managing, and troubleshooting the devices already in use on the market with millions of products is a resource-intensive task. Resources, both human and technical, are required here. | ||
|
|
||
| A large-scale system without a technical management system would require a significant number of technical support personnel while also investing in equipment and training programs for the workforce. However, even with these measures, carrying out tasks through multiple intermediate steps may not achieve maximum efficiency. Therefore, SMB device providers need a comprehensive management system capable of handling most user support tasks through Over-the-Air (OTA) updates. Additionally, the system should collect device information and user device usage data. With this information, the management team can generate reports and statistics to evaluate the performance, efficiency, and quality of the current product, as well as consumer habits. Based on these insights, software updates or hardware solutions can be implemented in the future. | ||
|
|
||
| <div style="display: flex; justify-content: center;"> | ||
| <div style="border-radius: 20px; overflow: hidden; padding-bottom: 10px;"> | ||
| <img src="media/img/System Model.png" style="max-height: 300px;"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <p align="center"><strong>Figure 1.1: System Model</strong></p> | ||
|
|
||
| Using the TMS management system will address the aforementioned requirements automatically, quickly, and accurately. While there are existing TMS systems in the market, they have not been widely adopted for SMB products or specific industries. Due to the aforementioned challenges and my interest in SMB technology, I have chosen this topic for my graduation project, with the aim of building an efficient and user-friendly system. | ||
|
|
||
| ## Features | ||
|
|
||
| The TMS includes the following features: | ||
|
|
||
| - User management (Manage accounts allowed to access the system) | ||
| - Smart box device management (Device parameters, location, usage time,...) | ||
| - Application Management (Manage system applications and user applications) | ||
| - Monitor and track device operating history (Monitor real-time device uptime, application usage history, performance parameters) | ||
| - Manage Operational Policies (Create and deploy operational policies for devices including reboot, automatically download and install applications, uninstall applications, display notifications, warnings, advertisements, deploy support after-sales support,...) | ||
|
|
||
| ## ScreenShots | ||
|
|
||
| | _Screen Login_ | | ||
| | :-------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Home Dashboard_ | | ||
| | :-------------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Device Manager_ | | ||
| | :-------------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Device Detail_ | | ||
| | :-----------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen ListDevice Manager_ | | ||
| | :---------------------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Application Manager_ | | ||
| | :-----------------------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Policy Manager_ | | ||
| | :-------------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Analytics Function 1_ | | ||
| | :-----------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Analytics Function 2_ | | ||
| | :-----------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Print Report_ | | ||
| | :---------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen User Manager_ | | ||
| | :---------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| | _Screen Profile Manager_ | | ||
| | :---------------------------------------------------------------------: | | ||
| |  | | ||
|
|
||
| ## Getting started | ||
|
|
||
| In the project directory, you can run the following scripts: | ||
|
|
||
| ### `npm run build` | ||
|
|
||
| Builds the app for production to the `build` folder. | ||
| It correctly bundles React in production mode and optimizes the build for the best performance. | ||
| The build is minified and the filenames include the hashes. | ||
| Your app is ready to be deployed! | ||
|
|
||
| ### `npm start` | ||
|
|
||
| Runs the app in development mode. | ||
| Open [http://localhost:3000](http://localhost:3000) to view it in the browser. | ||
| The page will reload if you make edits, and you will also see any lint errors in the console. | ||
|
|
||
| ## Download | ||
|
|
||
| #### This Front-end web is developed from Matx - Free and open-source React Material UI Admin Dashboard Template | ||
|
|
||
| #### [Live Preview](https://matx-react-free.netlify.app/) - [GitHub MatX](https://github.com/uilibrary/matx-react) |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.