Difference between revisions of "Tutorial4"

From HSYCO
Jump to navigation Jump to search
 
(10 intermediate revisions by the same user not shown)
Line 7: Line 7:
  
 
If you need more information about the first login to Hsyco please read first this: [[Tutorial1]]
 
If you need more information about the first login to Hsyco please read first this: [[Tutorial1]]
 
  
 
== Create a new project ==
 
== Create a new project ==
Line 17: Line 16:
  
 
[[File:Tutorial4-2.png|600px]]
 
[[File:Tutorial4-2.png|600px]]
 +
 +
== Add an image ==
  
 
Let's add an image to the out project. Click the icon [[File:Tutorial4-7.png|32px]] on the top left side of the control bar.
 
Let's add an image to the out project. Click the icon [[File:Tutorial4-7.png|32px]] on the top left side of the control bar.
Line 33: Line 34:
  
 
You can easily resize the image by using the "Fixed Aspect Ratio" options.
 
You can easily resize the image by using the "Fixed Aspect Ratio" options.
 +
 +
[[File:Tutorial4-6.png]]
 +
 +
== Add a page and link it ==
 +
Add a new page by clicking this icon [[File:Tutorial4-8.png|32px]] and then select "page".
 +
 +
[[File:Tutorial4-9.png|130px]]
 +
 +
Go back to the menu page by selecting the "page" toolbar and clicking on the "menu" tab.
 +
 +
[[File:Tutorial4-10.png]]
 +
 +
Add a "link" object and edit its attributes. Select "page1" from the dropdown menu.
 +
 +
[[File:Tutorial4-11.png]]
 +
 +
To save the project just press the button [[File:Tutorial4-12.png]] on the top right corner of the "Project Editor".
 +
 +
 +
To access the interface you just created, enter the following URL in your Web Browser:
 +
 +
<nowiki>https://192.168.0.50/hsycoserver/test</nowiki>

Latest revision as of 08:32, 30 April 2014

This tutorial describes how to create a project with the Project Editor tool.

To access the Project Editor enter the following URL in your Web Browser:

https://192.168.0.50/hsycoserver/manager

If you need more information about the first login to Hsyco please read first this: Tutorial1

Create a new project

Create a new project by clicking the "+" icon.

Tutorial4-1.png

Assign a name to the project (for example test) and a title (Header). Finally click "create project".

Tutorial4-2.png

Add an image

Let's add an image to the out project. Click the icon Tutorial4-7.png on the top left side of the control bar.

Search for the "image" tab and then click "+"

Tutorial4-3.png

Select and upload an image from your hard drive.

Tutorial4-4.png

For example in this tutorial we are uploading "hsc.png". (Only png and jpg images are supported)

Tutorial4-5.png

You can easily resize the image by using the "Fixed Aspect Ratio" options.

Tutorial4-6.png

Add a page and link it

Add a new page by clicking this icon Tutorial4-8.png and then select "page".

Tutorial4-9.png

Go back to the menu page by selecting the "page" toolbar and clicking on the "menu" tab.

Tutorial4-10.png

Add a "link" object and edit its attributes. Select "page1" from the dropdown menu.

Tutorial4-11.png

To save the project just press the button Tutorial4-12.png on the top right corner of the "Project Editor".


To access the interface you just created, enter the following URL in your Web Browser:

https://192.168.0.50/hsycoserver/test