View
217
Download
0
Category
Preview:
Citation preview
WEB-SKINS Idea, usage and examples
IP-PRO Paweł Ciepliński www.ip-pro.eu 1
Another Interface ?
IP-PRO Paweł Ciepliński www.ip-pro.eu 2
A simple WEB based winbox ?
IP-PRO Paweł Ciepliński www.ip-pro.eu 3
What are Skins ?
Its a feature that will allow some extra functionality we do not have in winbox like:
• Enabling / Disabling every single field
• Creating and Customize Status page
• Translate interface to your Language
• Limit possible options in combo boxes
• Put Notes and explenations
IP-PRO Paweł Ciepliński www.ip-pro.eu 4
Why do I need that ?
Lets start with some use cases:
• Giving limited Access to device
• Giving status access to device
• Simplify Configuration for Customers
• Translate Interface to your Language
IP-PRO Paweł Ciepliński www.ip-pro.eu 5
Giving limited Access to device
Use case:
ISP wants to give limited access to CPE to his customer for:
• Check signal strenght in wireless interface
• Allow to control Leases in DHCP-Server
IP-PRO Paweł Ciepliński www.ip-pro.eu 6
Giving limited Access to device
IP-PRO Paweł Ciepliński www.ip-pro.eu 7
User can see only what you enable him to see
Why do I need that ?
Lets start with some use cases:
• Giving limited Access to device
• Giving status access to device
• Simplify Configuration for Customers
• Translate Interface to your Language
IP-PRO Paweł Ciepliński www.ip-pro.eu 8
Giving status access to device
Use case:
ISP wants to give read only access to CPE but only to certain parameters:
• Check some parameters like signal or IP
IP-PRO Paweł Ciepliński www.ip-pro.eu 9
Giving status access to device
IP-PRO Paweł Ciepliński www.ip-pro.eu 10
Only Status Page is Shown
Why do I need that ?
Lets start with some use cases:
• Giving limited Access to device
• Giving status access to device
• Simplify Configuration for Customers
• Translate Interface to your Language
IP-PRO Paweł Ciepliński www.ip-pro.eu 11
Simplify Configuration for Customers
Use case:
Want to sell Mikrotik Router to non experience Person and give him Interface that is easier then Winbox itself
IP-PRO Paweł Ciepliński www.ip-pro.eu 12
Simplify Configuration for Customers
IP-PRO Paweł Ciepliński www.ip-pro.eu 13
Menu is Limited
PPP is called VPN
Secrets are called VPN Accounts
Why do I need that ?
Lets start with some use cases:
• Giving limited Access to device
• Giving status access to device
• Simplify Configuration for Customers
• Translate Interface to your Language
IP-PRO Paweł Ciepliński www.ip-pro.eu 14
Translate Interface
Use case:
Your employees / customers / network operator are not very good with English Language. Translate it to them :)
IP-PRO Paweł Ciepliński www.ip-pro.eu 15
Translate Interface
IP-PRO Paweł Ciepliński www.ip-pro.eu 16
What you should now about Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 17
• How to create them
• How to apply them
• What are:
– Separators,
– Tabs,
– Limits
– Notes
How to Create Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 18
How to Create Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 19
How to Create Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 20
• First of All create new SKIN by setting its name and pressing Save Button
How to Create Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 21
• Start with enabling and disabling some options in new skins
• Disabled option will not be visible in that SKIN
How to Create Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 22
• In Design Mode you can click on text and replace it to you own text
How to Create Skins - Separators
IP-PRO Paweł Ciepliński www.ip-pro.eu 23
You can edit existing Separators
How to Create Skins - TABS
IP-PRO Paweł Ciepliński www.ip-pro.eu 24
Or add New Custom Tab
How to Create Skins - TABS
IP-PRO Paweł Ciepliński www.ip-pro.eu 25
Tabs with no LABEL are called Separators
How to Create Skins - Notes
IP-PRO Paweł Ciepliński www.ip-pro.eu 26
If Configration is too difficult make a notes for your employee
How to Create Skins - Limits
IP-PRO Paweł Ciepliński www.ip-pro.eu 27
Limit will make limited choice in Combo Boxes
How to Create Skins - Limits
IP-PRO Paweł Ciepliński www.ip-pro.eu 28
Limit will make limited choice in Combo Boxes
How to Create Skins - Limits
IP-PRO Paweł Ciepliński www.ip-pro.eu 29
Properties can be also be a read only
How to USE Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 30
• Skins are JSON files located in Files in skins directory
JSON Files
IP-PRO Paweł Ciepliński www.ip-pro.eu 31
How to USE Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 32
• First We need to create new User Group in /system user menu
How to USE Skins
IP-PRO Paweł Ciepliński www.ip-pro.eu 33
• Second – Create user in that Group.
Mass Configuration
IP-PRO Paweł Ciepliński www.ip-pro.eu 34
• Copy your JSON file to skin directory and place config of your users
• Use a new export compact to make job easier
THANK YOU
IP-PRO Paweł Ciepliński www.ip-pro.eu 35
More Information at:
http://www.ip-pro.eu/articles/51-web-skins
Recommended