Vivvo CMS User Manual by SYNsCON

Vivvo CMS Manual & User Guide

Table of Contents LOGIN TO VIVVO CMS.............................................................................................................................. 5 Logging In ............................................................................................................................................ 5 Logging Out ......................................................................................................................................... 6 Control Panel / Administration ............................................................................................................ 7 Above Main Admin Panel ................................................................................................................. 8 Secondary Admin Panel ................................................................................................................... 9 Please pay attention to the left side of a screen where Quick Launch menu is located. .................... 9 Dashboard ......................................................................................................................................... 10 UNDERSTANDING VIVVO STRUCTURE .................................................................................................... 11 Vivvo CMS is designed to organize content in a Category => Article => Comments. ........................ 11 Categories ..................................................................................................................................... 11 Topics & Tags ................................................................................................................................. 11 Site structure (Menu)..................................................................................................................... 12 Categories ......................................................................................................................................... 13 Creating and Managing Categories................................................................................................. 13 Add new category .......................................................................................................................... 13 Advanced options .......................................................................................................................... 14 Managing categories/subcategories............................................................................................... 19 Edit category/subcategory ............................................................................................................. 22 Category general preferences ........................................................................................................ 23 Topics & Tags..................................................................................................................................... 24 What is a topic? ............................................................................................................................. 24 What do topics offer? .................................................................................................................... 25 Advanced control of homepage or other templates ....................................................................... 26 What can I do with that?................................................................................................................ 27 Case study "Celebrity profile" ........................................................................................................ 28 Tags ............................................................................................................................................... 29 Links .................................................................................................................................................. 32 Creating a Link ............................................................................................................................... 33 Managing Links .............................................................................................................................. 34

ARTICLES ............................................................................................................................................... 35 What is article? .............................................................................................................................. 35 Elements of article ......................................................................................................................... 35 Article statuses and options ........................................................................................................... 35 Manage Articles................................................................................................................................. 36 Edit Delete & Re-order Articles ...................................................................................................... 36 Search Articles ............................................................................................................................... 40 Manage Comments ........................................................................................................................... 43 Managing Comments ..................................................................................................................... 43 Search Comments .......................................................................................................................... 46 Create New Article ............................................................................................................................ 48 Add / Edit Article Form .................................................................................................................. 48 MANAGE FILES &DOCUMENTS .............................................................................................................. 54 Images ........................................................................................................................................... 55 What is Files Manager?...................................................................................................................... 57 File Management ........................................................................................................................... 57 Navigation tab ............................................................................................................................... 61 Search tab ..................................................................................................................................... 62 File Picker .......................................................................................................................................... 64 Choosing and uploading files using File Picker ................................................................................ 64 USERS & ROLES ..................................................................................................................................... 66 Who are Users? ................................................................................................................................. 66 Staff vs Members............................................................................................................................... 67 Manage User Groups (Roles) ............................................................................................................. 68 Step 1: How do you want to create a new role? ............................................................................. 68 Step 2: Main privileges................................................................................................................... 69 Step 3: Workflow ........................................................................................................................... 70 Step 4: Frontend ............................................................................................................................ 71 Step 5: Plugins ............................................................................................................................... 72 Manage Users.................................................................................................................................... 73 Add Users ...................................................................................................................................... 73 How does you visitor become registered member?........................................................................ 75

About Synscon....................................................................................................................................... 77 A Note from the CEO ............................................................................................................................. 78 Further Information ........................................................................................................................... 79

VIVVO CMS User Guide & Manual

LOGIN TO VIVVO CMS In order to log in to your Vivvo CMS, you need to follow these steps. - Open up your web browser application (Internet Explorer, Firefox, Opera etc.) - Type in the address to the Vivvo Content Management System, as provided by SYNsCON.

Logging In Vivvo CMS Login screen will load and you will be prompted for the username and password. - Enter your username and password, chosen during installation or given to you by your administrator into the appropriate boxes.

** Please record this in a safe place and never provide them to anyone else. If you have problems logging into your site Control Panel, contact the SYNsCON support team at support@synscon.com

From the “Choose language” drop down list, select the language that you want to make your administrative panel’s default language.- Click Login button. If your information was correct, this step will automatically take you to the Vivvo CMS Control panel.

VIVVO CMS User Guide & Manual

Logging Out After all changes have been made, you need to log out of Vivvo CMS Control Panel.

If left inactive for 30 minutes, Vivvo will automatically log you out, otherwise you may log out by clicking the Logout button from the horizontal menu bar. For logging out from the Vivvo site, you have to click on the Log out link and this will sign you out from the system.

6 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Control Panel / Administration After you have successfully logged in into your administrative area, you will be able see the main administrative panelat the top of the screen, which contains links to all CMS interfaces.

• • • • • •

Dashboard - Displays general information about your website and lets you create quick articles and moderate comments. Content - Managing content of your website - articles, comments, pages and forms. Categories - Managing site structure, categories and topics Files - Document/Asset management Users - User, user-groups and user privileges section Layout - Themes, layouts and templates managing section

On the left hand site, next to the “VIVVO” logo is theView live site link.

View live site allows you to take instant preview of the web site as if it were actually in a production environment, where everyone using the Internet would see exactly what you see. If you are in Live Site mode you can easily switch to site Administration mode, allowing you to make changes to those postings you have access rights to.

VIVVO CMS User Guide & Manual

Above Main Admin Panel The secondary administrative panel is situated right above the main administrative panel. It contains links to preferences, maintenance and other important Vivvo functions.

• • •

Preferences - Takes you to detailed Website Preferences management section Maintenance - Website maintenance section (Database management section) Plug-ins - Takes you to the plug-ins menu

VIVVO CMS User Guide & Manual

Secondary Admin Panel The secondary administrative panel also contains your login information and the logout button that finishes your administrative session.

Please pay attention to the left side of a screen where the Quick Launch menu is located.

The Quick Launch menu contains quick links to most commonly-used Vivvo functions such as: Vivvo CMS, Home Page, Online Documentation and such. Below the Quick launch options you may find some useful Vivvo support links and Latest News section where you may read the latest information about Vivvo security patches, available upgrades, etc.

9 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Dashboard The Dashboard is the main pane of administration where you can monitor your website statistics,view logs and perform quick content management tasks, such as comment approval. It also contains important information on your software version as well as updates if are available.

10 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

UNDERSTANDING VIVVO STRUCTURE Vivvo CMS is designed to organize content in the form of Category => Article => Comments.

Categories The top level in Vivvo CMS’ content structure is called a Category. Categories are containers that group content items together on your website. You can use categories to organize your website’s content items into groups. Categories allow users to navigate to the information they need quicker. Categories use the parent-child architecture. This means that you can set up a top-level category (for example, "Sport"), and multiple Subcategories (for example, "Basketball", "Football" and "Tennis"). Subcategories are used to differentiate between groups of Articles, which represent web site content. All of this is a linear-formation of navigation menu.

Topics & Tags Vivvo supports non-linear navigation menu through Topics. With topics you will dramatically improve site structure by serving related content on your website.

VIVVO CMS User Guide & Manual

Site structure (Menu) A basic structure might look like this: • • • •

•

World (Category) Business (Category) Politics (Category) Sport (Category) o Basketball (Subcategory) o Football (Subcategory) - This is your first website article (Article) - Football World cup 2018 will be somewhere (Article) o Tennis (Subcategory) Weather (Category)

This structure remains constant across all pages of the website and can be graphically represented as follows:

Categories help you organize your website content. Proper content organization can greatly improve the flow and usability of your website and it is important to understand this structure before proceeding to development of your website.

VIVVO CMS User Guide & Manual

Categories

Creating and Managing Categories Category Management allows you to add, edit and delete navigation elements within your website. The Category manager also helps you to keep your website organized by allowing you to sort information into an infinite number of categories and subcategories. To enter the Category Management section, click on theCategories link that is located in the main administrative menu at the top of your administrator panel.

Add new category The Add category page will load in the right side (content side) of your Administrative panel as a default page when you access Category section, but we strongly recommend you to start adding your new category by selecting the button positioned at the top right corner of the content section:

13 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual How to Create a New Category The form for creating a new category will appear. Fill in the necessary fields. The category name field is required and others are optional. Category name → Type in the name of the category

SE Friendly URL → Enter some search engine friendly URL (some name that is related to the name of your category) Note that in order to be able to use the Friendly URLs functionality, it should be turned on in the General preferences screen.

Parent category → when creating a main category; always select “Root”as your Parent Category. Only when creating a subcategory should you select its containing (parent) category.

Advanced options Number of articles → the number of articles that will be displayed in the category view. The more articles you have displayed, the longer the page will be. We recommend up to 10 articles per page.

Custom layout → Choose the layout from the drop-down menu (use system default, the inherit layout from the parent category or one of the optional)

Article Custom layout → Choose the most appropriate layout for articles within a specified category.

VIVVO CMS User Guide & Manual Custom theme → Choose the theme from the drop-down menu (use system default, the inherit theme from the parent category or one of the optional)

Show in navigation → Select Yes if you want to display the category in the main website navigation, among other categories. Selecting No will make the category viewable only via direct URL.

Abstract Image → Upload an abstract image that you want to add to the category.

VIVVO CMS User Guide & Manual

Adding an Abstract Image 1. If the image is already on your server click on theBrowse files icon and choose the current location of the image, choose the image you want to add and then click on Select image 2. If you want to upload an image from your hard-drive click on Browse files, then choose Upload file the Dialog Box will appear, select the current location of the image that you want to add and then select Open. You'll be informed about the uploading progress and when it has finished the image will be added as an abstract image. After you have successfully added the category, a confirmation message 'Category added successfully' will appear. Example Step 1: In the field Category name enter a name for the new category (for example Installation).

Step 2: Select a parent category for it in the Parent category section. Step 3: Click on theSave button in the toolbar. You may create as many categories as you need for your website. In our example we will create more categories by repeating three simple steps above. Letâ&#x20AC;&#x2122;s see the results of our work!

On the menu above you can see the categories we created. This is one category and five subcategories that are added to the parent category, which is Installation Guide in this example. We have created our entire menu.

16 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Add new subcategory The Subcategory creation procedure is very similar to the category creation’s procedure, you just have to be sure that you have selected an appropriate parent category. • • • • •

To add a new subcategory, choose Categories field from the navigation menu. The category page will appear. After you select Add new category button, the form for creating a new category will load. To create a new subcategory, fill offered fields. Choose desired Parent category from the drop down menu. Click Save button to finish your subcategory creation process.

After you have successfully created the subcategory, a confirmation message will appear. For detailed instructions of how to fill category creation form, seeAdd new category in the previous chapter.

VIVVO CMS User Guide & Manual Example Step 1: In the field Category name enter a name for the new subcategory (for example World).

Step 2: Select a parent category for it in the Parent category section (in our example it is User Guide)

Step 3: Click Save in the toolbar.

That’s it! We have created our World submenu!

VIVVO CMS User Guide & Manual

Managing categories/subcategories Let us take a look at the main operational principles and benefits of the tree menu structure.

If you are using Windows explorer or any other file browser, you will understand the Vivvo tree hierarchical structure very easily. Just as we have explained in the previous chapters, your website is structured and organized into logical entities using categories and subcategories (like shown in examples). The tree menu structure allows you to easily access any of your categories, subcategories and their preferences. It also enables you to reorganize your website and to change relationship between objects using simply drag and drop mechanisms just like you do in the Windows PC environment. You may use the simple ‘drag and drop’ mechanism for the following actions: • •

if you want to change the order of your categories or subcategories If you have decided to change a subcategory into a category and vice-versa

VIVVO CMS User Guide & Manual Rearranging Categories To rearrange categories, simply select (point your mouse cursor like shown on pictures below) onto the desired category or subcategory and drag it (click and hold down left mouse key button) to position it where you want. To add category/subcategory to another one drag it until the

sign appears.

When you are satisfied with the new position, release the left mouse click, which will result in dropping the item.

20 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Reordering Categories If you want to reorder your categories, make your selection and drag the category/subcategory until the icon with the guidelines appears. When you have found the appropriate position, drop your category.

Sometimes you will notice the position.

icon. It means that it is not possible to drop your category on that

For example, you may not drag your category into a subcategory.

21 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Edit category/subcategory On the left-hand side of the tree menu, click on the desired category/subcategory that you want to change. The category administrative page will appear in your web browser content section. The Edit category page will allow you to change everything that was entered during the Add Category process (category name, SE friendly URL etc). When finished editing, click on the Save button. After you have successfully changed the category, a conformation message ‘Edit category success’ will appear.

VIVVO CMS User Guide & Manual

Category general preferences To define the most important general category preferences, select thePreferences tab from the navigation menu in the top right corner, and then click on the Categorybutton from the left hand side administration menu. Shows summaries from subcategories on the main category page → you may choose if summaries of the articles that belong to a subcategory should be displayed when parent category page is selected. If you select that you do not want summaries to be displayed, only article titles will be listed. Include feed → Choose categories you want to export via RSS/Atom feed. After you set all of this options just press save button and changes will be applied.

VIVVO CMS User Guide & Manual Topics & Tags What is a topic? A topic is a group of tags. You may distinguish tags into logical sets like people, places or events. This introduces semantic relation between tags that will give more depth and perspective to tagging. By doing so you will dramatically improve site structure and serving related content on your website.

24 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

What do topics offer? Ability to provide semantic relations to your content Instead of putting all tags in the same basket like on other CMS systems, with TOPICS you'll be able to group tags in logical sets and give depth and perspective to providing related content to your website visitors. For example, if you have a website with content related to movie industry, you might want to tag articles using distinct TOPICS - Actors, Genre and Rating. "Actors" topic can have tags: Angelina Jolie, Matt Damon, Robert De Niro; "Genre" topic can have tags: Drama, Comedy, Action, Thriller; and "Rating" topic: PG-13, R This way you will be able to automatically serve other comedies on article page that is tagged with genre: comedy, or other movies with the same actor. By doing so, you will provide depth and context to your website content automatically! Cross-category posting If you want to take advantage on cross-category posting capability, you may want to use TOPICS instead of CATEGORIES in navigation. Single article can be easily tagged with same tag across several topics, and therefore appear on every respective topic page. For example: You have an article about iPhone and topics Apple and Smartphones, respectively. Topic "APPLE" may contain tags: MacBook, iPod, iPhone, OSX, and topic "SMARTPHONES" tags: Blackberry, iPhone, Nokia, Motorola, Palm. By tagging the article with Apple::iPhone and Smartphones::iPhone you will ensure that article appears on both topics in navigation and provide cross-category posting.

25 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Advanced control of homepage or other templates System topics are keywords by default that can’t remove or change. There are the following keywords: homepage, headlines and video. Articles with keyword "homepage" will be shown in website’s homepage. If you put for some article keyword "headlines" that means your article will appear in headline section. And also with keyword "video", you put article in section Video.

You can add keywords into System topic like "breaking news"etc.

VIVVO CMS User Guide & Manual

What can I do with that? As you can see, you can manage your articles all around website. If you put an article in any category, it will be shown only in that category. But with system topic you can choose where you want to see that article too â&#x20AC;&#x201C; maybe on the homepage or as a headline. Templates for topic Every topic might have template for itself. For example: You have topic "Actors". In its template you might have a picture for every actor/actress, some description, related articles etc. And template for all actors is the same.

27 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Case study "Celebrity profile" Celebrity profile plug-in is actually a topic with names of celebrities and their data like biography, pictures, gossip, discography, movies, awards etc. All of them might have a picture and basic personal information. Other things are your choice.

28 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Tags A tag is a non-hierarchical keyword or term assigned to a piece of information. In Vivvo, tags are used to label articles. For example, you have an article about new Bentley Mulsanne. For this article, you may add two tags at least: Bentley and car. How to add tags? Tags can be added to article in several different ways. #1: Adding tags in article add/edit window

29 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual #2: Adding tags in article list

30 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual #3: Adding tags to Topics. Keyword topics are the set of any tag (s) you put into yours articles. For example, if you write an article about actress Angelina Jolie and her work with refugees as a Goodwill Ambassador for the United Nations. Yours keywords may be the following: actress, Angelina Jolie, refugees, goodwill ambassador, United Nations etc. Each of these keywords is separate in itself and it automatically goes to Topic Keywords. Besides Topic Keywords, all others keywords must be added through some Topic. Here is an example for this:

First, you should click on the topic in which you want to add tags. Second, click on the button "Add tags". Third, now you can add new tags. And finally, click on the button "Add" and your tags are in the topic.

31 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Links A link in Vivvo CMS represents any unique resource that can be invoked via URL, inbound (on the site) or outbound. Inbound links can be articles, pages, tags, links to separate sections of website, such as forum or blog. Outbound link can be any valid URL. Links are most often used to bind static pages, or articles directly to top-level navigation of your website rather than having them appear in respective categories - i.e. "About Us", "Contact" or similar.

The example above shows "About us" link on Vivvo official demo.

32 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Creating a Link Links are managed inside Categories sections, and appear in Site Structure tree on the left hand side. To add a new link, expand the ADD NEW button on top-right corner by hovering the arrow, and select "Add New Link" option.

In the form that opens, you can enter the link URL (make sure to start outside links with http://) and Link Title (what people will see), respectively. The URL fields is auto-complete, and it will offer you all internal resources (articles, pages, categories or tags) when you start typing.

33 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Managing Links Once added, the new link automatically appears on the left-hand site “Site Structure” painted in blue. It will be added as last item, on the bottom, from where you can easily rearrange it using standard drag&drop.

VIVVO CMS User Guide & Manual

ARTICLES In Vivvo CMS an article is the primary, main content element.

What is article? An article is any type of text, image or video you want your visitors to read, see, comment and rate on your web site. It is the backbone of your content.

An article can be literally anything. WithVivvo’s ability to easily manipulate templates and custom fields, your "article" can be a story, photo gallery, video (like YouTube) or anything else.

Elements of article Default Vivvo articles consist of following elements: 1. 2. 3. 4. 5. 6. 7. 8.

Title Abstract (teaser) Abstract image Abstract image caption Article body Video (with video box plugin installed) Image gallery (with image gallery plugin installed) Attachments (documents - pdf, doc; with attachments plugin installed)

Article statuses and options Article can have one of four different statuses and several options (default in preferences). Article statuses are: • • • •

Active - published, available to everyone to see Pending (Inactive) - un-published, drafted, waiting for approval. Archived - stored in archive, meaning it is accessible only via searching the archive. Deleted - in trashbin, available only to Administrator or users with "Manage trashbin" privilege.

Although default settings for articles are defined in Preferences -> Articles, every individual article can be set to accepts comments, votes (likes), or be interacted with in any other way.

VIVVO CMS User Guide & Manual

Manage Articles

Edit Delete & Re-order Articles To enter the article management area, selectArticles from the Content section in main administrative menu.

Article management panel will load with a list of all of the articles that have been created on the right hand side of the screen.

From the Article administrative panel you are able to either edit or manage existing articles, or create new ones by clicking on the Add new article link. 36 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Edit article To edit an article click on the title of the article or on the edit icon on the right side of the article name.

This will take you to the detailed edit article options page that will offer you to change all of the article related parameters you have set during the article creation process. Delete article Select the article(s) you wish to delete by using the check box on the left hand side of the articleâ&#x20AC;&#x2122;s name, and then from the Select action menu select Delete (as shown in the picture).

37 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Sorting and reordering articles After a page has been submitted, it needs to be approved by Editor or Administrator before appearing on the live site. From the left menu, in Quick links tab select Pending articles. A new page with pending articles listed will appear. You may edit an article by clicking edit button on its right otherwise select article(s) you want (mark checkbox), then from the dropdown Select action menu choose appropriate action. You may change its status to Active. This will publish the article. You may set articleâ&#x20AC;&#x2122;s status to Pending. (You will not publish an article but send it to be reviewed first). Set your article as a Headline or remove its headline property. You may also Archive article if you think that you might need it later or even Delete it for example it is not accurate or if it is inappropriate. You can change the order in which the articles appear and the way they are displayed on your site through sorting by its creation date, title or author criteria. You may choose how many articles will be visible on one page by selecting most appropriate value from the dropdown list.

38 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Sorting and reordering articles (continued) You can also change the order in which your articles are displayed through drag and drop. Grab the article (left click) and move them up or down using your mouse.

The changes will automatically be applied and you will see the changes when you reload (refresh) frontend or simply select View live site from the secondary administrative menu. In the Article quick options menu you may also find quick preview button directly on current article.

that will take you to a

If you need more info about some article, for example number of comments, tags, number of views you may mouse over info icon on the right next to the edit button.

39 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Search Articles In order to search your articles, you need to select Articles from the Content section in main administrative menu.

On the left side of the screen is the article user menu containing Quick links, Search, Tags and Preferences tabs. The article manager search page contains search within the results component that enables you to filter your articles by a large number of criteria. You can filter your search results by: • • • • • •

exact keyword and you may also limit your search just to article titles author date when article was posted article status Category or subcategory to which it belongs (to select multiple category selection hold down CTRL key while making your choice.) use of combination of some or all of these filters

VIVVO CMS User Guide & Manual Create search filter It you often perform your search using certain search criteria you may save your search preferences by creating a search filter. For example, if you often check only for those articles that have been posted during last week, in category sport, created by your favorite author. You may also make your search narrower by defining exact keyword(s) that you want to be included.

â&#x20AC;˘

41 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Create search filter (continued) Simply define all your search parameters and when finished instead of clicking Search now button, go to the Filter section in the filter name enter name and then press save filter button. Repeat these filter creation steps for every search filter you want to make. You may create as many search filters as you need and all of them will be listed on the Quick links menu tab in the Search filters section.

42 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Manage Comments

Managing Comments To enter your Comments administrative area, select Comments from the Content section in main administrative menu.

A new page containing comment navigation menu on the left side and quick access section to all of your comments on right-hand side will load. In the right side of the comments management user panel you may access to all posted comment and from here you may sort them by date created, user IP address or by its author. You may also choose a number of items that will be displayed by selecting the desired number from the dropdown list.

43 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

44 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual To edit a comment click Edit button positioned on the right side of the comment. On click, edit text box below the comment will appear.

To delete a comment select Delete button from the right side of the comment title. If you want to delete few comments at a time mark checkbox on the left side of the comments title for every comment you want to delete and then select Delete from the select action dropdown menu.

You can set Active status on posted comments one by one or several of them at the time by marking the checkboxes at the comments left or all of them in a time by clicking on the Select: All from the comments management panel. When you make your comment selection simply choose from the Select action menu if you want to change comment status to Active or Pending.

45 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Search Comments To search posted comments you need to select Comments from the Content section in main administrative menu.

New page containing comment navigation menu on the left side and quick access section to all of your comments on right side will load. In the quick access section on the right side of the screen Search menu tab allows you to filter posted comments using different, separated parameters. You may filter posted comments by: • • • • • •

keyword - define a specific keyword you are looking for name - enter the name of some user/member that posted a comment you are looking for IP address - you can track comments by posters IP address email address - search by posters email address date - search comments by date status - choose to have only approved or only unapproved comments in your results

All you have to do is to define your search terms and click search button. Suitable comments will appear at the right side of the search box in the search results list.

VIVVO CMS User Guide & Manual

You may also combine few of the criteria at the same time, and most important of all, you can save your search as a search filter so you will be able to easily repeat your search every time you log-in to your admin panel. Once you have created your search filter, you may access it by selecting it from the comments Quick link menu tab. The same way you can create search filters for Articles and Users. To find all comments posted on a specific article, go to Articles section, find the specific article and click on Comments under the name of the Article.

To view all comments related to one article, you can also click on the title of the article under the text of the comment in the main (or searched) comments list.

You can also view all comments that a certain user made by clicking on the name of the user under the text of the comment.

47 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Create New Article To add a new article select Articles from the Content section in main administrative menu, or choose Add new article link from Dashboard.

Add / Edit Article Form

48 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual To start creating your Article, you need to enter the Title of the article (since it is a required field). After that you can enter a short description of your article in two or three sentences (Abstract). After that you can select an abstract image using file picker (this is the main image of the article and it will be shown along with the title of the article), and a caption for that image (short description of the image). The body content of the article can be managed by WYSIWYG (What You See Is What You Get) Text Editor which allows you to edit and format text, insert pictures and other media files. You can copy and paste from Microsoft Word, Excel and other programs into the content editor. The text editor keeps the formatting from the original document.

On the image above, you may see the different buttons that are available on WYSIWIG toolbar. They are almost identical to the ones in MS Word, so we wonâ&#x20AC;&#x2122;t explain the way they work in detail.

http://tinymce.moxiecode.com/wiki.php We will mention only File picker body.

button which you can use to upload and insert images into article

Tiny MCE styles describe the rectangular boxes that are generated from the article's body elements. Each text box has a content area (text, an image) and surrounding border and margin areas. After you select the article content, from the Styles drop-down menu choose one of the offered option, highlight right or highlight left. This will create the article, similar as shown on picture below.

49 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual After you have entered the content of the article, in the lower right corner of the main screen, you can choose from one of the three available options for saving article: 1. Save & add new - Saves your article and loads. Add new article form 2. Save & continue editing - Saves your article while leaving you on the same page for further editing 3. Save & return to list - Saves your article and returns you to article list

50 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Publishing options The left side of the main editing article screen handles a number of parameters which control how the content of the article is displayed.

Parameters that you can change on the left side of the main screen are: •

• •

Status of the Article. Default value is Active which means that it will be visible to visitors immediately. Other options are: o Pending – set pending status if you want your article to be reviewed by other moderators before it is published o Archived – set article status to archived if you want to create an article that will be archived as soon as it is created Category that you feel the most appropriate for the text you plan to write. Author of the article. You can choose it from a drop down list or type optionally some writer alias and then select who should be the author of the article from the dropdown menu.

In the Advanced options, you can set: •

• •

Publishing date of your article. Today’s date (your system’s time and date) is shown automatically which you can easily change. You can put any time and date you wish for the publication of your article by clicking on calendar If the Comments will be shown or not for this article If this article will be exported to RSS feed

VIVVO CMS User Guide & Manual In the SE friendly tab you can set: •

• •

Search engine friendly name - We suggest you to enter page name that will be in some way related to your article content. . Note that in order to be able to use the Friendly URLs functionality, it should be turned on in the General preferences screen. (For explanation of Friendly URL see Modules preferences section in Preferences). META keywords, that are used by search engines and they will be inserted in the hidden head area of your page. Enter 10 to 12 keywords in relation to your article separated by a comma. META description that is also inserted into the head area of your web page. It is used by search engines and is not seen by those viewing your page in a browser. Use up to 250 characters for your description. When finished with setting up article preferences you may start with article creation process.

VIVVO CMS User Guide & Manual Article Revisions Vivvo 4.5 introduces completely new feature Article revisions. This feature enables you to auto save copies of your articles to prevent data loss in case something happens.

A revision of your article will be created every time you change and save your article. You need to save the article before any revision or auto draft is created. It will not work on a new article before you save it at least once. In the Article preferences section you can set if you like to keep revisions, number of copies and the auto-save period.

53 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

MANAGE FILES &DOCUMENTS Administering your Vivvo website will probably result in collecting a lot of different files – video and audio files, zip archives, puff and power points and mostly pictures. Upload and keep all those files on the server organized for all your staff members to access and use them when they need to. The best way to keep your files organized and always accessible is to keep them in /files folder and its subfolders that already exist or that you’ll create. Whenever you want to use any uploaded file across your website it will be just a couple of clicks away, while uploading is also available through admin interface and simplified. Once uploaded, you can browse all your files quickly and easily. By default, /files folder contains of subfolders: • •

•

/banners - when using Banner Manager plug-in all image and flash banners you create will be stored in this folder. /logs - this folder keeps textual files that store your staff activities like adding/editing articles, creating categories, log-ins, changing preferences etc. Separate .txt file is created each month. The file can also be downloaded from Vivvo Administration Area. /temp - cooperates with Extend Vivvo plug-in and acts like a temporal container for files that you download and install - chosen asset is stored in /temp folder while download progresses and then it is being copied/installed to destination folder. After successful installation add-on gets deleted automatically from /temp folder.

When you upload any file through Vivvo Admin interface, it will automatically be given a suffix. Example: my_image.jpg will be stored on server as my_image_987654321.jpg This function that auto generates filename by adding a random number between 100000000 and 999999999 to original filename prevents files with the same name to be overwritten accidentally.

VIVVO CMS User Guide & Manual

Images Images in Vivvo can be accessed directly through files.php (without any modification) or via thumbnail.php. The thumbnail.php performs on fly re-size of images using GD library and stores the result in cache for further usage. Examples: 1. direct access to files: files.php?file=vivvo.gif 2. thumbnail access to files: thumbnail.php?file=vivvo.gif&size=summary_large

Store your images once and use them resized in different sections of your website (articles, summaries, galleries etc) while they are scaled using thumbnailer. Thumbnailer image resizing feature saves site administrators from having to manipulate images offline in order to fit them into different pages and sections as the image resizing engine dynamically resizes images to a necessary size format. Further, the thumbnailer will automatically resize an image if it is to be used across multiple spots within a web site and manages the various size formats that are required. Images are re-sized to fit dimensions but maintain aspect ratio. The thumbnailer generates several different size versions of your images when you upload them but this feature requires that your server have GD graphics library. Only if itâ&#x20AC;&#x2122;s installed correctly thumbnailer will resize your uploaded images automatically.

55 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual There are six predefined sizes of the same file. All sizes are in pixels. Image sizes (default values): 1. 2. 3. 4. 5. 6.

Article large image - 600×600 Article medium image - 360×360 Article small image - 200×200 Article summary large image - 150×150 Article summary medium image - 100×100 Article summary small image - 50×50

You can edit these predefined values of image sizes in the Image Size tab of the Modules section in the Preferences page in the top right corner of your Administration Panel. You can define maximum image width and height, and the uploaded image will be automatically resized proportionally to these sizes. There are two types of article images - full article image and article summary image, and you can set up to three different sizes of these images (large, medium and small).

VIVVO CMS User Guide & Manual

What is Files Manager? Files Manager is fast and easy digital file and asset manager (DAM) for uploading and controlling images, videos and other files without the hassle of ftp. Use this tool as a file manager to store, organize and use files throughout entire website using only your favorite web browser. With the Files Manager you can easily upload new files and images, and create new folders to stay organized. Files manager provides many features to make handling files easier: arrange files in folders, upload files, create/delete folders, search for files etc. When you access Files section you'll navigate through folders and create new folders, search for files and upload them using three tabs on the left hand side of the screen. Files from chosen folder and search results will be listed on the right.

File Management File management panel loads a list of files from a chosen folder or, for example, search results. You can choose List or Thumbnail view to browse through your files. List view:

57 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Thumbnail view:

File type icon is displayed in front of file name, then there is a selection checkbox, next to it the file name is displayed and its size is just below the name. On the right there are three icons for each file: Choose preview icon and see preview thumbnail (for images), file details like name, size, location and date, change its name and change/add keywords/metadata.

58 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Click this icon to download the file to your harddrive. Use this option when deleting a single file. You can delete more files at the same time. Select checkboxes (or use All for selecting all files on the page) for files that should be removed and choose Delete from Select action drop-down menu.

Do the same when moving file(s) from one folder to another - select checkbox(es) and choose appropriate folder from Select action drop-down.

59 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Sorting and reordering files Change the order of the file display list through sorting by filename, creation date, extension or size. You may choose how many files will be listed on one page by selecting value 10, 20, 30 or 50 from the dropdown list.

Use Rescan current folder to keep file list and all files details you see and manage up-to-date.

60 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Navigation tab Navigation tab serves to list existing folder and subfolder structure so you can easily browse for files belonging to a folder/subfolder. Click on any folder name and all files this folder contains will show up on the file management panel on the right hand side of the screen.

To add new folder or subfolder enter folder's name in Create new folder field and after click on Add button. When adding a subfolder you should open (click on) parent folder before creating.

61 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Search tab You can search for files by the following criteria: • • • • • •

File name - If you know name of the file you are looking for just enter it in this field. In case you don't know exact name, make sure that the exact name field is unchecked. Search in folder - Search for file(s) belonging to a folder with or without its subfolder(s) depending on this you need to check or uncheck Include subfolders checkbox. Extension - Select an option from Extension drop-down if you are searching only for jpg or flv, for example. Tagged - Search by Keywords Uploaded within - If you know approximately when the file you are looking for was uploaded check appropriate option from this menu. Meta data - Search by Meta data

VIVVO CMS User Guide & Manual Upload file(s) tab To upload file(s) from your harddrive you should follow the next steps: 1. Choose destination folder from Upload destination drop-down list 2. Click Upload file button 3. Browse for location of the file(s) that you want to add, then select file(s) and click Open That's all. While the file is uploading, the upload status is displayed, making it easy to see the how the upload progresses and estimate when it will be completed. You can anytime stop this process if you click on Cancel All Uploads link.

63 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

File Picker File Picker is an upload and select tool with preview option that you'll deal with across entire system in various sections where file manipulation is in use. This tool is included in each Vivvo installation and acts as a file selector/uploader for uploading and choosing appropriate documents and assets when necessary (such as images and video files for including into articles or galleries).

Choosing and uploading files using File Picker If the image is already on your server remain on Browse files tab and select current location of the image from the folder tree on the left, then choose from files list on the right those you want to use and click on Select button. You can view files as a list or with thumbnail preview. Use a single click when selecting multiple files. Search function is also added so you can enter name of the file you are looking for - no need to browse for it.

64 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual If you want to upload images from your hard-drive choose Upload file(s) from your computer tab. First select Destination Folder from drop-down list, then click Upload file button. Now you can browse for location of the file(s) that you want to add - just select them and click Open. While the file is uploading, the upload status is displayed, making it easy to see the how the upload progresses and estimate when it will be completed.

65 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

USERS & ROLES Users are all people visiting your website. They can justflp though the content of your website or they can comment, rate and even add and edit articles. All users can have a registered account on your website. All users that have a registered account can be divided into Staff and Members. Members are your website's visitors who can read entire articles, receive your newsletter, rate articles or post comments, while Staff are members with privileges to post articles. In order for you to grant or deny permissions of accessing parts of your website or adding, deleting and editing content of your website, you can add users do predefined user groups (roles) or create your own user groups with custom permissions. You can add unlimited number of user groups.

Who are Users? By default casual visitors are allowed to register themselves on your website to gain access to additional resources. For example, registered users might be allowed to submit news items or web links. Each registered user account belongs to a user group. The user groupâ&#x20AC;&#x2122;s privileges define the tasks associated that users can perform and you can these privileges with a great deal of precision. Your Vivvo website implements a user registration policy which can be adapted to suit your particular requirements so you decide what additional resources are made available. You can disable user registration altogether if you prefer. Users register themselves on your website using the "New member? Register now" link on the Login module. Once registered, users will log in to your website by entering their username and password using the same form. There are also links on the form to manage users who forget their usernames or passwords. If you use the Login module you can assign the module so that it appears on one or more pages in any module position.

66 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Staff vs Members A Member is your website's visitor who can read the entire articles, receive your newsletter, rate articles or post comments (if you have defined in Preferences section that someone must be registered member to post comment). Vivvo provides two membership levels by default: basic and premium. You can however crate unlimited number of membership levels using Add new usergroup tool.

This way you will control access levels to your site, which will let you have various membership levels, such as paid/free, basic/silver/gold or any other paradigm. A User (sometimes referred to as staff) is a member with privileges to post articles and who can be categorized into these four different groups with different levels of access: • • • •

Writer - He is able to add articles in categories that are delegated to him, however the articles will have pending status by default. Trusted Writer - He is able to add articles in delegated categories, without mandatory approval from editor. Editor - He is able to add articles to the website and to approve other people's articles. The editor can be delegated to specific categories only, or website-wide. Admin - He has a complete control over the system.

Only administrator can create user accounts and user groups and grant privileges to them.

VIVVO CMS User Guide & Manual

Manage User Groups (Roles) Vivvo 4.1 introduced full role-based User manager, featuring the ability to create custom user groups and permissions, assign multiple groups per user and define specific privileges per each group. First, let's see how to create a new custom user group. Choose Users from the main administrative menu and you'll see Add new group link under the Add new menu that leads to first step of usergroup creation wizard.

Step 1: How do you want to create a new role?

By choosing Duplicate option you'll be prompted for a name of the new group and it will be saved with predefined settings inherited from chosen group. You may edit those settings later. If you choose Start from option from this drop-down menu you'll be taken to next steps of this wizard as you are creating new group but all group settings and permissions will be predefined so you may change only some of them. You may also Start from scratch and create new usergroup with your own settings. If second or third option is selected, you'll be taken to next step where you should choose writing, editing and reading privileges for individual categories and also options for allowing comment editing, administration area access and file upload. 68 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Step 2: Main privileges

69 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual Key: • • • • • • • • • •

Group name - Choose the appropriate name for your new group Read - Allow users that will belong to this group to read only articles from chosen category or categories Write - Users from this usergroup will be able to write articles and assign to categories you choose for this field Edit - Allow users only to edit articles that belong to categories you select here Manage tags - Allow users to manage Topics & Tags Manage trashbin - Allow access to trashbin Moderate comments - You may allow users to edit comments other users posted on articles Access admin - If you choose yes users from this group will have access to administration area and see only enabled sections Manage files - Allow access to Files section of Administration Control Panel Interface Upload - This is site wide setting and set this option to Yes if users should upload files and images

When you set all privileges click on Next button.

Step 3: Workflow On the Step 3 you can define rules for changing status of an article. By doing this, you will assign that user group to set an article from Active to Headline, for example, or to move articles to Archive. Read more about article statuses in Add/edit article section.

You may use Ctrl button for multiple selection and also add unlimited number of rules using Add new rule link. You can also remove unnecessary rule by clicking on remove icon Remove workflow you'll see next to each rule.Choose Next to go to next step.

VIVVO CMS User Guide & Manual

Step 4: Frontend On the Step 4 you can choose privileges for the usergrup on front-end, i.e. if you'll allow users who are part of this group to comment, vote and tag articles.

Choose Next and go to the final step.

71 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Step 5: Plugins Step 5 offers a list of installed plug-ins so you may simply choose None or All Plugins option, or select plug-in(s) with a mouseclick and Ctrl button (for multiple selection).

When your group privileges are all set you should click on Add button to save the group. You may click on Previous link on any step if you want to move backwards and do some changes before you choose to add a group. Edit usergroup

If you want to apply changes later after the group has been added you may choose to edit the group. You may edit predefined Vivvo groups as well (except Admin). To edit a group choose edit icon next to the user group name. You can set all preferences exactly as you do when creating a usergroup. Delete usergroup

You can simply delete a group by clicking icon Delete icon next to the edit icon. You are not allowed to delete Admin, Member or Guest group and you'll notice locked icon instead.

72 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

Manage Users

Add Users To add a new user you need to log in to your administration area (from the main administrative menu choose Users => Add new drop-down Add new User link). You may also find new user creation link at quick link menu in the Users section.

When clicked on Add new user link, user creation page will load containing user options on the left.

• •

Status - There are two options - Active and Inactive. You can set to inactive if you don't want the specified user to have access to your site (to log in). Privileges - Here you can set the groups your user will belong to - either default or custom groups.

VIVVO CMS User Guide & Manual When finished with setting up these options go to user creation form on your right. Here you need to insert some details about the user.

General info: • • •

Username (required) - Your user can later log in to your website using this username Password and Retype Password (required) - Insert the password and confirm it. The user can change the password later if he wants to. E-mail (required) - Insert here users e-mail address

Additional info (optional fields): • • • • •

First name - Put here the name of user Last name - Put here the last name of user Picture - You may upload a picture of this user. To delete the image leave the space empty and click on Save Short bio - Here you may enter information about your user Website - If your user has a website enter the URL here

VIVVO CMS User Guide & Manual

How does your visitor become registered member? At the home page on the right-hand side, you may see the log-in form, similar to the one shown in the picture.

If you have previously registered, you will be prompted to enter your login details. If you check Remember Me box, you will not have to enter your username and password again whenever you visit the site. Clicking on New member? Register now will load the form.

75 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual To become a member, your visitor has to fill out the registration form. It is necessary to enter all required information including valid email address. When he/she submits this form, a notification if the registration is incomplete or confirmation message and information that confirmation email is being sent will appear at the top of the page. A valid email address is required because he/she will receive a confirmation email to confirm that he/she requested access to your website. To confirm subscription, your visitor will have to click on link that will be sent to the email inserted during registration. After subscription confirmation, your visitor becomes a member with full access to your content.

76 Copyright ÂŠ 2003-2011 SynchrosysConsultings&Softwares Co., Ltd

VIVVO CMS User Guide & Manual

About Synscon As an organization, our main goal as of this year is to sustain our reputations for bespoke after services and support while at the same time be a ‘one-stop’ provider for all business solutions online. With a lively atmosphere in the workplace, we believe that our staffs and employees have the right motivation to make sure you receive the most help under ‘service with a smile’. Whether you are a small starting business or one that is relatively big ongoing, our solutions are separated to give a variety of prices and features that could meet our vast spectrum of clients. We give comprehensive prices that are very competitive in comparison to other solution providers in the World Wide Web. However, we ask you to take a look at our plans before you decide so that you as a client get the best out of each and every penny.

VIVVO CMS User Guide & Manual

A Note from the CEO Greetings, I am Ramon Ashirayangkura, CEO and founder of SynchrosysConsultings&Softwares. The foundation that underlies our operations is to aid in making the World Wide Web a place to capitalize on all basis. Be it maximizing profit, establishing more market share, and advertising. Here at Synscon (short for SynchrosysConsultings&Softwares), we provide a one-stop, online business solution to complement mass-market needs. Our products and services allow businesses that operate as sole proprietors all the way to public companies to engage in true competition throughout the world. It enables individuals and businesses to start-up and/or further enhance the longevity of their products and services. The range of products that we have are in a spectrum of complexity; in which each type ranges in a large variety to meet the vast sector of clients throughout the World Wide Web. Moreover, our products come in reasonable prices intended to motivate, instead of shun, clients to become a competitive player in the world market. As a result, our team of workers operate as an organization to meet high standards under supporting and servicing each and everybody that enters our website – whether it is to find more information and/or use the actual service. The comprehensive team that we have built over the years takes their job more like a contribution. Unlike other working environments where the ergonomics and atmosphere isn’t so pleasing, at Synscon, each employee is like a member of an organization where they take high pride in being able to be a stimulant in the ever-growing world market. As a result, we hold strongly to ‘service with a smile’ and at the same time allowing each employee to demonstrate their full capacity. Thus, keeping our workers motivated and proud, we believe our team is ready technologically and spiritually to aid in your success. So please take a look around the websites and the products and services we have to offer. No pressure on anybody however if it is serious growth you want in all ways, than please consider to want us! Ramon Ashirayangkura CEO & President SynchrosysConsultings&Softwares Co., Limited And all of its affiliates and subsidiaries.

VIVVO CMS User Guide & Manual

Further Information For further information and/or assistance in CMS management please do not hesitate to contact us at SYNsCON Tel: +662-253-2513 OR Email us at: support@synscon.com