What you will most appreciate

Main elements of the website

 

 

 

 

 

Join those who are already using

Detailed description of the website template

UMBRACO template for cluster organisations, technology platforms and associations

The proposed template responds to the main needs - presentation of services, publication of news, news and activities (events), records of achievements and implemented events and records of the membership base.

 

General Features

The UMBRACO database content management system will be used. CMS (Content Management System) UMBRACO is an open-source (free). More than half a million websites around the world run on this platform. It is the most popular CMS for the Microsoft .NET technology platform.

Compared to the most widely used WordPress system, for example, it mainly differs in that it emphasizes the separation of data from its display (it follows the MVC pattern). This is very good for maintaining a consistent graphical style across multiple pages. The user is completely separated from the graphical output, only adding/editing data. The captured content (text, lists, news) can be displayed on multiple pages of the site because the used and programmed parts of the pages can easily be used on other pages. The change of data is then automatically reflected in all used pages. The user is thus in control of the entire site and cannot forget to edit a new entry in multiple places.

UMBRACO is suitable for bigger projects. Access rights to edit, log and display content can be set very well.

UMBRACO has excellent support for displaying in different languages. The different languages are entered in one place in the content management system, and even the languages can be displayed for editing side by side. After saving, all edited language versions will be displayed. So there is no need to edit the page for English, and then copy that edit to the for example Czech page, as is common in WordPress.

UMBRACO is more secure and less susceptible to cyber-attacks than the most commonly used PHP technology (for example, the already mentioned WordPress). This is both due to the .NET technology used (like Java technology, which does not directly access the computer) and the adherence to security recommendations by UMBRACO developers.

 

Language versions

In the first phase, the entire website will be in English only.

There will be an option to support more languages which can be launched later.

How to work with multiple languages: The new page/news will always be entered in English. After saving, this page will be "copied" to all language versions. It will be up to the user whether to translate the page into a given language or disable the display of this page in that language version.

We assume 6 languages: English, Italian, Spanish, Czech, Romanian and Greek.

 

Using the editorial system

The user can set the language of the editorial system. A wide range of world languages are supported and can be customized.

In the editorial system, the following features are available when editing the content of pages:

• HTML editor with the possibility of inserting images. This editor works well with MS Word. You can prepare the whole page in Word and just paste it into the system. Editing texts is therefore no problem. It is better to upload images to the media folder for categorization and clarity, but they can also be inserted using drag&drop.
• On the standard page, there is a choice of one, two or three columns of text (you can expand to more columns or set columns of different widths)
• The images that are inserted on the page are responsive, adapting to different-sized monitors and mobile phones.
• It is possible to use the photo gallery as a group of photos placed behind the text with thumbnails of the images and the possibility of enlarging them. Photo galleries adjust images of different sizes, as well as images with different widths and heights. Since there is always space available for an image, if the image does not have the desired dimensions (height and width) it will either crop the image or fill in the blank space to fill the given space for the image while maintaining the aspect ratio of the image. It is possible to name the images. The images are inserted as a thumbnail into the text and can then be displayed at full size.
• It is also possible to insert a list of documents with the possibility of downloading them.

It is possible to change the text font and the overall colour and button colouring for individual sites using CSS styles.

Access rights

Access rights to add, edit and publish content can be set very well.

Members of the project consortium will have editing rights to CMS based on their roles.
The Admin role can edit the whole webpage. The Member role can add the news and a record to the repository. Approval (its publication) will be done by the Admin.

News

The News will have the following structure: main image, news title, perex, news text and image and/or photo gallery. A list of documents can also be added. Each news item will be categorized. You will then be able to filter by category.

Full-text search

There is a full-text search of the web content. The field for entering the search text should be placed at the top of the page.

Elements on the main page (homepage)

The structure of the main page is user-invariant after the site is launched (it is set in the template for the site). It is necessary to think carefully about how to arrange the homepage.

The main page works with the following elements:

Page header with a search box

The page starts with a search section with a box for entering the search text. In case the web will be in more languages, the choice of languages will be there.

Menu layout on the main page

The menu is designed using text links. It consists of a first menu level and a second menu level (submenu). The submenu displays parts of the page (the page to which it refers - e.g. Services - is divided into several sections/sections).

The names of the first and second levels (here e.g. Info and networking) can be changed by the user. However, it should be kept in mind that modifying the menu may negatively affect the style and graphics of the page (e.g. in the case names are long).

 

Graphic design

The top banner on the homepage is 1920 x 436 pixels (a higher resolution is possible but with the same aspect ratio).

The top banner on other pages is 1920 x 179 pixels.

Bottom banner at 1920 x 200 pixels.

The footer of the pages is 1920 x 370 pixels.

The left side of the top banner on the home page has a text box and a link button.  User-editable text and link destination.

On the right side of the top banner on the home page is a semi-transparent rectangle in which the link text can be placed. It is most often used to highlight a news item or important update. Both the text and the target of the link can be edited by the user.

Top banner on the homepage as a carousel

Option to specify multiple banners to scroll through.

The main area - service introduction section on the homepage

The main signpost for the different services offered. There can be 3, 4 or 5 tiles side by side on the homepage (the number of boxes should vary but cannot be user changed, must be done by the programmer). Brief text can be entered before and after the tiles. The text on the tiles is user-modifiable - it is entered on the Services page and also forms the 2nd level menu on the Services page. The pictograms on the main page are fixed. They are images in .svg format with transparent backgrounds and 540x600 pixels resolution. They cannot be changed by the user.

Highlighted news/updates (topping)

Option to highlight up to 4 news items from the list of news/updates/events. An illustration image entered in the News item, the title and the beginning of the text will be displayed, followed by a button to move to that particular news item. The tiles are formatted to the centre. If no news item is highlighted, this box is not displayed on the main page. The section name is user-modifiable (Promos/Top news / Important ...).

News/news/events

Tiles with links to news are arranged in two columns. It displays an illustration image specified in the news item, the title of the news item, the date, and the beginning of the text. The number of tiles can be user-defined - they are always in two columns, but the number of rows can be set to one, two or even more (to display two, four or more news items). There is a link at the end of this section to access the full news page.

Bottom banner

Banner size 1920 x 400 pixels. It is possible not to display it.

Footer

The footer background is 1920 x 370 pixels.

Information can be placed in three columns. The first column is dedicated to contact information. The second column is for links (to external websites or even internal links if you need to highlight certain parts of the site). The right column is for links to the 3 social networks Facebook, LinkedIn and Twitter using pictograms. Links to social networks are user modifiable.

 

News

News can be categorized (e.g. inspiration, event, opportunity, etc.). The category numbering must be specified, it is not user modifiable. The recommended number of categories is a maximum of 10 for clarity.

The display of news can be filtered by these categories.

For a news item, an illustration image with an aspect ratio of 230 x 150 pixels and ideally transparent - will be displayed on the news tile on the main page. If the image is of a different size and aspect ratio, the system will automatically adjust it to fit the entire image into the space provided on the page. But if this automatic adjustment occurs, horizontal or vertical bars will be created around the image.

Date - displayed on the main page, news items are also sorted by date. It is possible to enter any date, even in the past. If the date is not filled in, the system will automatically fill in the current date.

News title, news abstract and the actual text content of the news, which can be supplemented with images.

A photo gallery and a list of documents can be added at the end of the news item.

 

How to enter the content on the page

Individual sections with text content, images, tiles, buttons, etc. can be entered on the page. An unlimited number of these sections can be added to a page and then moved around to edit the page as needed.

At the start of editing a blank text page, you select how many columns it will have and enter the desired text. Similarly, on a blank page, a photo gallery element is selected and images are added, tiles are selected and tiles are filled in, etc. So when it comes to text, photo galleries, tiles, document lists and their placement on the page, there is no limit to the imagination.

Each page can have an unlimited number of subpages - links to them can be provided in the text (with a hyperlink) or using a tile or graphic button.

The text of user tiles as links to subpages can be user-defined. The maximum number of tiles side by side is 6. The tiles are in two colours. Tiles can be placed "overlapping" (that is, blank tile(s) can be inserted between tiles).

In addition to tiles, graphical buttons with hyperlinks can be inserted on the page.

 

List of members/partners

The list of members is generated from the information entered in the Members Database. The member name, member address, first 4 lines of text, link to the member's website and logo are displayed. There is a fixed space available on the page for the logo. The supplied logo image is therefore automatically scaled and adjusted to fit appropriately in the space provided. Ideally, the background of the logo image should be transparent.

It is possible to insert a map of the members as on the homepage with the list of members. Similarly, text information can be inserted before the membership listing.

The current date and current number of members are then displayed - this is updated automatically according to the current date and number of members entered in the membership database.

Members can be categorised. The category dial must be specified, it is not user modifiable. This can be used, for example, to display Members and Associate Members or Members and Joining Members etc. Simply switching the category in the member edit will move the member to the appropriate category (e.g. from Joining Member to Member).

After the list of members, which is generated automatically from the member profiles, it is possible to insert any other content - text, images, photo gallery, list of documents, etc.

 

Partner profile

The partner profile can be accessed by clicking on the partner tile in the Partner List.

The content of the page is generated from the data provided in the Partner Database for the partner.

The partner profile displays the partner's name, address, partner description, offer and other textual data listed in the Partner Database. It is also possible to display a photo gallery and a list of documents.

Member profile for an association user type

Association members are entities that usually have their own membership base.

For example, the members of the National Cluster Association include 25 cluster organisations that have their own members.

We allow to work with a two-level structure, where in the case of an association we show the members of this association. Within the member profile, we can also display the individual members of that member.

The database of a member is extended with the possibility of entering its membership base.

On the displayed map we show both the location of the association and the location of its members.

 

Member database

The member database contains information about members. The structure of the data is given. Filling in the basic data is mandatory.

Access to the Members Database can be granted so that each member can edit his/her own data.

 

Possible extensions to the basic template

Top banner on the homepage as a carousel

Possibility of entering multiple banners to be scrolled.

Dynamic generation of tiles with members on the homepage

Possibility to insert a strip of tiles with member logos that will change at regular intervals. The logos are drawn from the Members Database.

Dynamic scrolling of logos on the footer of the homepage

Option to embed a strip of member logos in the footer. The logos will scroll. Logos are drawn from the Members Database.

Extension of data to be filled in the Members Database

It is possible to expand the number of fields to fill in with additional data you need to track.

Retrieving information from the filled-in data from the Members Database and displaying it on the web

Data entered from the Membership Database can be automatically processed. The calculated data can be displayed online on the web or used to generate various reports.