Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

OMP UI by Mind Map: OMP UI
0.0 stars - reviews range from 0 to 5

OMP UI

Widgets Documentation

Template

Field Set, A container with a header text, used to group related widgets on a page., e.g.: adding email template, or any page that use a grid module (group the grid and widgets that are related to that grid only, like search or filtering).

Label, Used to identify content, in forms or for any other no identified widget., in a form, the label can show if the field is required or not, adding an * to the end of the label text, e.g.: any form

Text Input, Used to edit data in forms., Input hint, used to show information (suggestions, advices, etc) that are related to a form field. Appears below the form field., multilingual icon, used to show the language of the data that is associated with the input., show a country flag of the localized data, inside the text input, in the right., e.g.: create user form field

Combo Box, provide a drop down list of itens for users to choose only one of them. Used when there are many itens (more than 3), e.g.: selecting a filter data

Check Box, use to require additional input from users with pre-defined information that will be checked at the end of the current process and possibly other actions will be made.

Radio Button Group, provide a list of itens for users to choose only one of them. Used when there aren´t more than 3 itens., e.g.: selecting a filter data

Buttons, need to specify better when they are used, instead of linkAction, used when the process that it will start it is a confirmation process of what users did on the current page or modal. e.g.: save, update information, create., Close, used in modals, at the top right. When user click on this, the actual modal is closed., don´t present a text, only an icon for this button.

Header title, use to present the title for every page or modal in the system., for modals, it should present too an icon, on the left side of the title., for public pages, like category, it can present a short description text too. e.g.: https://secure.marbletank.com/redmine/wiki/omp/External_Pages - category

Spotlight, present pre-configured content in public index page.

Breadcrumb

Public Footer, Apple sytle footer, for quick navigation. It presents categories and links inside each category., e.g.: https://secure.marbletank.com/redmine/wiki/omp/External_Pages

Standard OMP footer

Widget

Navigation, Menu, drop down menu

Content presentation, Carroussel, used in the public page for present featured books, Relevant content, based on the actual page and role, present a list of relevant links or information to user, e.g.: https://marbletank.fogbugz.com/default.asp?W9 - review reminder, important dates, e.g.: https://secure.marbletank.com/redmine/wiki/omp/Next_Steps, e.g.: https://secure.marbletank.com/redmine/wiki/omp/Perform_Review step 1, ToolBox, used to show relevant content and links for users when they are on a publication process., Notification, flexible enough to be used in a variety of manners, but should focus primarily on relaying to the user: confirmations of successful operations within the system, warnings triggered by user input, errors of failed operations, and hints or tips on system usage., Auto complete field, while users are typing something inside the field, the combo box shows information that are related to what users are typing., use for searching data., e.g.: https://marbletank.fogbugz.com/default.asp?W16 - add author, Extra inputs, let users add another input on a form, just clicking in a link., e.g.: adding recipient field in email, Date picker, standard JQuery date picker, e.g.: https://marbletank.fogbugz.com/default.asp?W9, Email content helper, add information to the message field of an email, based on information already setup in the system (e.g.: email templates, peer reviews, etc), show a link at the top right of the message field in a form with the description of the content that will be inserted., e.g.: https://marbletank.fogbugz.com/default.asp?W9 - send reviews, Extras on demand, use to hide fields or other widgets. If users click on a link, then the hidden content appears., use cases, Access and Security page, User form, https://marbletank.fogbugz.com/default.asp?W45, Public pages, Subnavigation, https://marbletank.fogbugz.com/default.asp?W20, Author submission dashboard, need to load AJAX content, https://marbletank.fogbugz.com/default.asp?W18, Workflow entry page, need to load AJAX content, production stage, current publication formats, https://marbletank.fogbugz.com/default.asp?W21#toc_10, accordion, Progress bar, use to show the progress of a process. e.g.: uploading files.

Content edition, Form, Used to enter, edit and show data. Use right aligned labels and texts inputs., Grid Module, provide a list of items for users that they can do some action with it. It has multiple columns that can show extra information of the itens, beyond the name., e.g.: listing users, roles, plugins, email templates, etc., Title, some grid modules don´t have title. If they have, put the grid inside a Field Set and give the grid title to the field set., Item selection, change the background of the item´s row and optionally show a text message in the row. (suggestion), e.g.: delete user action, on users tab, insert a column with a checkbox on each row (already in Brent´s wireframes), e.g.: https://marbletank.fogbugz.com/default.asp?W9 - manage review files, Icons, used to represent data in some columns of a grid module., some of them start actions when user clicks on. Then, optionally, the clicked icon could be changed to demonstrate that the action was realized., Categories, a grid can have subgroups inside of it, like categories. Each category has a title (that can be a link too) and no other column., e.g.: https://marbletank.fogbugz.com/default.asp?W16, Sort categories, categories can be sorted. Two arrow icons appears on the left side of the name of the category and then users can send it up or down., e.g.: https://marbletank.fogbugz.com/default.asp?W16, List Builder, see Brent´s specification for this widget, Will we use this widget on Appearance tab, for Press Layout part? If yes, in that specific case we will have 3 lists being source and target at the same time., used in, Editorial, Add Participant Modal, Review, New Review Round Modal, Production, Add Proof Reader Modal, Settings, Users, Enrollment, Add user, step 2, Roles, Add, Edit, press divisions and series, submission checklist, book file types, publication formats, cataloging metadata, internal and external review roles, languages, indexing information, Rich Text Editor, a tool bar used by users to format content, e.g.: https://secure.marbletank.com/redmine/wiki/omp/Perform_Review - download and review

Containers, Tabbed Interface, AJAX Tabbed Interface, used to present related groups of information on the same page. User can view all groups names at the same time and one group data at a time. Help users to better localize things and know where they actually are. Used in pages that has too many information to be present all at the same time., e.g.: settings pages, user can dinamically insert new tabs, clicking on the last tab (left to right) e.g.: https://marbletank.fogbugz.com/default.asp?W9, Wizard, divide a process in steps and present them to user one by one., let users move foward and back throught the steps., Template Tabbed Interface, Confirmation Modal, provide information for users and receive input from them. It´s used to get confirmation from users about a process that they are doing., e.g.: merging users, uninstalling plugins, etc., Page widget

Files, File Upload Form, use to let users attach a file to an email or in a publication process that don´t need the extra complexity of the upload module (metadata, etc), it is a text field and a button labed browse in the right. When users click on browse, they can select a file from local computer and then send it to be attached., e.g.: https://secure.marbletank.com/redmine/wiki/omp/Perform_Review - step 3, File Upload Wizard, Is the primary method by which files are added to the system.

Links, LinkAction

Internal pages menu organization

single press

Administration (in super navigation), Hosted presses, Admin Tools, clear cache, clear templates

my tasks & submissions (home)

Catalog, published submissions, series and editions, featured books, administration

Management, Order Processing, Announcement Editing, Settings, The press, Public website, Publication Process, Distribution Process, Plugins, Access and Security, Tools, Usage Reports, Import/Export

Public Pages, About the press, Catalog, Backlist

Multi-press

administration (in super nav), Hosted presses, Settings, Public website, Plugins, Access and Security, Tools, Announcement Editing

my tasks & submissions (home)

Catalog, published submissions, series and editions, featured books, administration

Management, Announcement Editing, Order Processing, Settings, The press, Public website, Publication Process, Distribution Process, Plugins, Access and Security, Tools, Usage Reports, Import/Export

Public Pages, About the press, Catalog, Backlist

Wireframes

Publication Process

System Emails tab, objective, manage all the system email templates., actions, Reset all templates, step 1, user clicks on Reset all templates, in the top right of the tab., step 2, system send a message telling that all templates will be reseted., user can confirm or cancel, step 3, system sends a notification to user confirming the operation: "All Email Templates reseted"., Add Email Template, step 1, user clicks on Add Email Template, in the top right of the tab., step 2, a modal window appears asking for the new template details (title and category) and message content (subject and body)., step 3, use "highlight list item" process (creating new itens), system sends a notification to user confirming the operation: "Email Template created"., Edit, step 1, user clicks on edit, in the action row of the email template., step 2, a modal window appears showing the email template details and message contents, so the user will be able to edit them., step 3, system sends a notification to user confirming the operation: "Email template edited"., Disable, step 1, user clicks on disable, in the action row of the email template., step 2, system send a message telling that this template will be disabled., user can confirm or cancel, step 3, the icon in Enabled column of the email template will turn to red., system sends a notification to user confirming the operation: "Email template disabled"., Enable, step 1, user clicks on enable, in the action row of the email template., step 2, the icon in Enabled column of the email template will turn to green., system sends a notification to user confirming the operation: "Email template enabled"., Reset, step 1, user clicks on reset, in the action row of the email template., step 2, system send a message telling that this template will be reseted., user can confirm or cancel, step 3, system sends a notification to user confirming the operation: "Email template reseted"., Delete, this should only be possible for templates that were created by the user., step 1, user clicks on delete, in the action row of the email template., step 2, system send a message telling that this template will be deleted., user can confirm or cancel, step 3, system sends a notification to user confirming the operation: "Email template deleted"., cases, one press, show tab, multiple presses / site level, don´t show this tab, multiple presses / press level, show tab, widgets, tabbed interface, grid module

Access & Security

Users tab, objective, list all users in only one place to be managed and edited., actions, Add User, step 1, user clicks on Add User, in the top right of the tab., step 2, a modal window appears asking for the user details., step 3, a second step appears, now letting the user set the enrollment., step 4, use "highlight list item" process (creating new itens), system sends a notification to user confirming the operation: "User created"., Send Email, step 1, user clicks on send email, in the action row of the user., step 2, a modal window appears letting the user compose his email., step 3, system sends a notification to user confirming the operation: "Email Sended"., Edit, step 1, user clicks on edit, in the action row of the user., step 2, a modal window appears showing the user details so the system user will be able to edit them., step 3, system sends a notification to user confirming the operation: "User edited"., Disable, we really should let PM disabling users that are enrolled in other presses too? I think we can let PM disable users accounts that are only enrolled in his own press or presses., step 1, user clicks on disable, in the action row of the user., step 2, a modal window appears asking for user to confirm the operation and optionally write a justification to the user that will have his account disable., step 3, system sends a notification to user confirming the operation: "Account Disabled"., the "disable" link in the action row of that user must change to "enable"., Enrollment, step 1, user clicks on enrollment, in the action row of the user., step 2, a modal window appears letting the selected user be enrolled or unenrolled., step 3, system sends a notification to user confirming the operation: "Enrollment Saved"., Delete, step 1, user clicks on delete, in the action row of the user., step 2, system send a message telling to user that he needs to select a target account to receive the work assigned to the account that will be deleted., user can confirm and go to step 3 or cancel and stop the process., step 3, user must select the target account, the same way that he did with the first one., for the first selected account, use "highlight list item" process (selecting an item), see wireframes for more details about the changes in the names of the actions., step 4, a modal window appears showing the two accounts details and the future merged account., user can switch between the two selected accounts, so the deleted account will be the target and the target the deleted., user can confirm or cancel., step 5, system sends a notification to user confirming the operation: "Account Deleted"., cases, one press, list all users, avaible actions, send email, edit, disable, delete, enrollment, don´t show the "list users from" filter, show add user action, multiple presses / site level, list all users from all presses, avaible actions, delete, show the "list users from" filter, disable the "current press" option, "all presses" selected by default, multiple presses / press level, list all users from all presses (by default list only the press users), show the "list users from" filter, "current press" selected by default, avaible actions, send email, edit, disable, delete, enrollment, "all presses", avaible actions, enrollment, show add user action, widget reference, Users Tab, AJAX Tabbed Interface, Grid Module, Link Action, Add User, Confirmation Modal, Form, Extras on demand, Enrollment, Confirmation Modal, List Builder

Roles tab, objective, list all roles and let user assign stages to them in one place, actions, Edit, step 1, user clicks on edit, in the action row of the role., step 2, a modal window appears letting user edit the role details., step 3, system sends a notification to user confirming the operation: "Role edited"., Assign Stages, step 1, user clicks on assign stages, in the action row of the role., step 2, a modal window appears letting user assign stages to the role., step 3, system sends a notification to user confirming the operation: "Stages assigned"., Delete, step 1, user clicks on delete, in the action row of the role., step 2, system asks if user wants to confirm the operation., step 3, system sends a notification to user confirming the operation: "Role deleted"., Add Role, step 1, user clicks on Add Role, in the top right of the tab., step 2, a modal window appears asking for the role details., step 3, a second step appears, now letting the user set the stage assignment of the role., step 4, use "highlight list item" process (creating new itens), system sends a notification to user confirming the operation: "Role created"., cases, one press, show default tab content, multiple presses / site level, don´t need to show this tab., multiple presses / press level, show default tab content, widget reference, Roles tab, AJAX Tabbed Interface, Grid Module, Link Action, Add Role, Confirmation Modal, Form, List Builder

Plugins

Enabled Plugins tab, objective, separate the places users go to activate a new plugin, or update it, or delete a plugin´s file from the server, from the one that they go to edit plugins settings., list site and press enabled plugins. User can edit its settings, see details and disable., actions, edit settings, step 1, user clicks on edit settings, in the action row of the plugin., step 2, a modal window appears showing the plugin settings to user edit., step 3, system sends a notification to user confirming the operation: "Settings saved"., see details, step 1, user clicks on see details, in the action row of the plugin., step 2, a modal window appears showing the plugin details., if user clicks on OK, the modal window is closed., disable, step 1, user clicks on disable, in the actions row of the plugin., step 2, system asks if the user wants to confirm the operation., step 3, the disabled plugin disappear from the activated plugins list., system sends a notification to user confirming the operation: "Plugin disabled"., cases, one press, list site and press level plugins, avaible actions, edit settings, see details, disable, multiple presses / site level, list site level plugins, avaible actions, edit settings, see details, disable, multiple presses / press level, list press level plugins, avaible actions, edit settings, see details, disable

Plugins Repository tab, objective, create a place to manage all plugins that are currently installed on the system (not necessary activated). In the future, this local repository could install new plugins from other remote repositories., list site and press avaible plugins to be enabled. User can enable, install, uninstall and update plugins., actions, enable, step 1, user clicks on enable, in the action row of the plugin., step 2, system asks if user wants to confirm the operation., step 3, the "enabled in" column for the enable plugin row will change its state to enabled., system sends a notification to user confirming the operation: "Plugin enabled"., upgrade, step 1, user clicks on upgrade, in the actions row of the plugin., step 2, a modal window appears asking for a file to be uploaded., step 3, the user send a file and a progress bar is showed, step 4, after the upload is finished, both plugin informations (the installed and the uploaded version) appear., the user can confirm or cancel the upgrade operation, step 5, system sends a notification to user confirming the operation: "Plugin upgraded"., see details, step 1, user clicks on see details, in the action row of the plugin., step 2, a modal window appears showing the plugin details., uninstall, step 1, user clicks on uninstall, in the action row of the plugin., step 2, system asks if user wants to confirm the operation., step 3, the plugin row disappear from the plugins repository list, system sends a notification to user confirming the operation: "Plugin uninstalled"., install new plugin, step 1, user clicks on install new plugin, in the top right of the tab., step 2, a modal window appears asking for a file to be uploaded., step 3, the user send a file and a progress bar is showed, step 4, after the upload is finished, the uploaded plugin information appear., the user can confirm or cancel the installation, step 5, use "highlight list item" process (creating new itens), system sends a notification to user confirming the operation: "New plugin installed"., cases, one press, list site and press level plugins, avaible actions, enable, upgrade, see details, uninstall, show install new plugin action, multiple presses / site level, list site level plugins, avaible actions, enable, upgrade, see details, uninstall, list press level plugins, avaible actions, upgrade, uninstall, see details, list what presses use this plugin, show install new plugin action, multiple presses / press level, list press level plugins, avaible actions, enable, see details