Pages are at the heart of Cilogi's guides. The principal role of the page is to provide information about a single item in a collection. Pages can also be used to provide links to other pages and to provide general information -- such as travel, opening times, history, etc.
In this tutorial we'll create 3 pages containing information about our Botanic Garden.
- The Kibble Palace
- The main range of glass houses
- The weeping ash
Let's start with the last of these, the weeping ash. Go the the Dashboard, select your guide and press Edit. You will go to the summary page for the guide. Press the Pages button on the left side menu. You'll see the following
This screen lists all the pages in the guide. We don't have any yet. Press the New Button to create a new page. You'll see the following page
Each page has a numeric id so that it can be accessed from the keypad in your mobile guide. The visitor just has to type in the numeric code, which is present on a physical label. This is simpler than typing in short URL, or capturing a QR code via the phone's camera but does require that the guide is already loaded.
Its a good idea to plan out a numbering scheme for your items. Once you've assigned numbers its hard to change them as they are physically located on labels which you won't want to change very often. A Dewey-like system might be suitable as it can be expanded without changing existing numbers. We will use the following scheme:
- 1xx for information
- 2xx for buildings and other structures such as bridges
- 3xx for plants (there will be subdivisions here)
- 4xx for trees
- 5xx for maps
- 6xx for listings
So, the Weeping Ash can have 401 as its index, and Weeping Ash as its title. We include an image, uploaded with the Choose File button, and type in some text. The result is shown below
If you'd like to copy our text, here it is:
The Weeping Ash tree (Fraxinus excelsior 'Pendula') adjacent to the Main Lawn is known to have been transplanted from the Botanic Garden at Sandyford in 1841. It had been given in 1818 by Robert Austin, a nurseryman, and one of the original directors. More on Ash at [Wikipedia](/wiki.html?target=Fraxinus_excelsior).
For reasons which will become clear when we talk about tours and listings it can be helpful to add tags to or pages. All three of the pages we're adding form part of the Botanics Trail, and we indicate this by adding the tag
trail in the tags field. Don't worry if you forget, you can come back at any time and set the tag(s) for a page.
Now press the Create Page button to create the page.
There are a couple of important points to be aware of
- Image names are globally unique to your guide. The ash image has the name
weeping-ash.jpgon my computer when I upload it. If you upload another image with the same name it will override the current image.
- Text entry uses Markdown syntax so you can style text, add headings, include images and insert links into a page. You can use the Preview button to get a preview of the HTML.
- Note the link to Wikipedia at the bottom of the page text. This link will load the Wikipedia page on Ash into the guide, so that visitors can use the top navigation bar and the menu.
We also create the other two pages mentioned above. Here is the page for the Kibble Palace
This is an 'A' listed 19th century, curvilinear iron structure of exquisite design and form. Originally owned by John Kibble, an engineer with wide interests and some eccentricities, his private conservatory was moved to its present site in 1873. The main conservatory: 150ft (46m) in diameter, is spanned by a saucer-shaped dome with cupola. The Kibble Place was closed in 2003 in advance of a multimillion pound restoration. This was completed in 2006 and the glasshouse re-opened to the public on St Andrews day that year.
And here for the main range of glass houses
These Victorian Glasshouses were originally built in Burma teak in the early 1880s and house a wide range of tropical plants, including orchids, ferns, cacti and succulents, palms, begonias, plants used in commerce and aquatics. A phased restoration of this 'B' listed building began with the palm house in 1988 using steel and aluminium, followed by the remaining houses with the west wing completing the restoration to its original design in 2004. In 2005 the City Council installed a memorial to Her Majesty Queen Elizabeth the Queen Mother in the west wing.
Note that for all 3 pages we have filled in the Tags field with the tag
trail. A page can have any number of tags, which contain letters, numbers and ':' characters and are separated by spaces.
As we shall see the tags are an important way of generating lists of related items. Given a tag, or combination of tags, we can generate listing pages which help visitors navigate our guide.
Link to Home page
Finally, having saved our pages, we'll go to the home page and add the Kibble Palace page as a link.
When on the home page (press the Home button in the side menu) press the Add Link button. You'll see this
In the Link Type field select Page. You will see in the Link field a list of the pages you can select. Please choose one. We choose
201/Kibble Palace (1873) (or your own page if you're making your own guide rather than following ours). When you've chosen the link click Ok. You'll then see the link in the list. Its not saved until you press the Save button.
Before we save the home page, let's add a background image to it. We choose a flower picture. Any picture should be bright (the whiter the better) so that contrast is adequate for visitors using the guide in bright light. You should check contrast by trying the guide out in bright light.
Now, please save this page, then go the Backups page and back up the data you've created so far.
You can see what the guide looks like now by publishing it. Press the Publish button on the left panel, and when on the publish page hit the Publish button and wait.
The information output when publishing shows you the files which are being uploaded to the publisher, the steps to create published output and then progress in storing the published output.
Here is what the home page looks like now
And here is the Kibble page.
Notice that the Keypad and Menu buttons are always available.
In the next tutorial we'll find out how to create a map, and will use this to add in the pages from the previous session.