digimaker guideline for the national state of environment report
Contents
1. Related files Select related files Clear all Climate Change Response Strategy Related document Initial National Communication Related document BjRelated e Forms Select related e Forms Clear all ao Related e Forms view Select related e Forms view Clear all w Related banners Select banners Clear all Related menu items gt Normal relation Bei 2 way relation 18 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 2 3 3 Link library ZS Sl Y Links the solution are stored Digimaker E Frontpage periodically checks that the links work General and reports any problems to you in the He Ge E D Unreachable links section of your 20 Real time data and statistics inbox 25 Lavs and agreements 40 Related Links l l l 50 FPolicy targets Its possible to create quick links in the 60 Interactive maps article editor without storing then in the NevsAgent Link library but this is not recommended as it will make you loose the overview of your links in the long run To avoid that your readers doesn t get distracted in the reading and quickly move into another site it s recommended to put external links in the right relation column rather than linked in the article text As you relate to external links from the pages they will be shown under headings that reflect the names of the folders in the link library for better overview2. User Manual While this quick guide will provide you with the basic steps and hints on how to work with the SoE website in Digimaker the full Digimaker user manual provide more compressive reference to all the features in Digimaker When you log into the system the Digimaker user manual is available by going to Libraries gt Document categories gt General gt Training The manual is a printable 180 pages PDF file on 180 pages and is zipped to improve download time 7mb To download the full Digimaker user manual right click on the file and choose Download as shown of the figure below 5 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa DIGIMGKER i Content CA F COLO NMPENI OC Genersl mo C9 2012 Report General resources UO samoac 5B Training Gis Shapefiles EI 9 Provincial E 5 Recovered files after crash ger LA Download CO So document categories Di work document templates fg Gl P Links Provincial Spread T D B Training manual pi 6 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 2 Digimaker content administration interf
3. Version 3 1 January 2011 1 GETPING STARTED MEET 3 1 1 ACCESSING THE DIGIMAKER CONTENT MANAGEMENT BySTEM 4 DIGIMAKER CONTENT ADMINISTRATION INTERFACE cccccccccccccccccccccccccccccccccccccccccccecccs 7 2 1 THE BASICS OF THE DIGIMAKER WORKSDACE 7 2 2 CONTENT SG Content reece 8 2 2 1 TE OON EEN 8 2 2 2 Site structure the content of the website 8 2 2 3 Corporate StrUCtUre on caccctsnvercedesiucdearniesinassenanduvteevadisdeddedeenaitessdleiandestersednnbedwadesnacseasdhedves 13 2 2 4 My content Everyone S Content 13 2 3 LIBRARIES Libraries oo vcssusssisesstsssstsssitsssibessusssusstusssiessiessunessesssses 14 E E DE ee E 14 J32 DOCUIMONE HOLLY EE 17 is eo RA ee 19 LUCIO EE 20 2 4 E FORMS Gomes ao ccoccsesesesesessssstesesssesesevavavavevavavavavevavavavavavavavavaavavaveen 21 2 5 SETTINGS settings yyy laaa 21 DESIGN TEMPLATES EE 24 3 1 EE 28 3 2 THEMEPAGE osssssossssssessssessseessserrssersssersserrsseresorrsserrrserrreserrsorrresrrresrrreoeressrrsesereeorreeserenerersoreenee 29 3 3 INDICATOR FACT SHEET PAGE E 29 3 4 MAP FACT HEET PAGE oain ENEE EEEN EEE AEE ENAA 30 3 5 SES 30 3 6 TOP MENU PAGE eaciieterare ste saws cautnetaccntace asked cdien sess AE AEAEE ENEN 30 3 7 TOP MENU PAGE WIDE EEN 30 3 8 ENAP EE 30 3 9 CEE E 31 3 10 IEW E 31 3 11 FXTRA WIDE PAGE EEN 31 3 12 MAGE Eed 32 3 13 DOCUMENT LIBRARY ccccccccccccccccccccccccecceccecceccecceceececceccecceccecceceseeceeseesenceaceccecceaeesessessensen
4. Ambient air quality is shown This page is made up of 4 articles introduction article the SIR articles 1 3 26 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa Home Themes Atmosphere Ambient air quality 1 State State of ambient air quality 2 Impact The impacts of poor ambient air quality A Response What are we doing about it In South Africa s 1999 State of Environment Report the characterization of baseline air quality was restricted because of the limited data available Since then the number and sophistication of monitoring stationsa has grown substantially and data sharing In industrial monitoring networks Is Increasing 1 State 2 impact 3 Response state of ambient air quality Summary statistics calculated for data from various ambient pollution monitoring stations within domestic fuel burning areas are presented below Data for industrial traffic and urban background areas are presented on these pages Inside Digimaker this is organized with 4 articles like this CT T Inbox RR Unreachable links 137 el CS Your rejected articles 0 Headline Ze Your articles for approval 0 S i TR for a ppenwale oD L lt 0 Introduction gt Ambient air quality 221 T Site Structure LN lt 1 State gt State of ambient
5. ES l Headline Ze Your articles for approval 0 Sep mee S Articles Fa appa o E lt 0 Introduction gt Introduction to land degradation GE T Site Structure Eh lt 1 State gt The current state of land degradation E 8 State of the Environment lt 3 Impact gt What are the consequences E3 BR Homepage d Ei lt 3 Pressure gt What causes land degradation ES e top menu BI Footer text aa lt l 4 Response gt What are we doing about it CR Content E Showi LOS of a a lt ES Wi Setting the scene ca Governance E RV Land RI Land use and proi Wi DN lana reform In the figure exmple above the page set up to use the Theme page template consists of 5 content articles each one representing a section of the DPSIR framework Open this link to see how the web page looks Note For more detailed explanation on how to set up a theme page or another type of page refer to the chapter about design templates Digimaker Article Editor By clicking on an article in the list you will open it for editing in the Digimaker Article Editor An article consists of three main fields Headline abstract and full story The abstract and full story fields have a full featured editor where you can add images from the image library and insert links to web pages and documents from the library The headline on the next figure is prefixed with lt 1 State gt to tell the design template that renders web
6. Insert image button al A dialog will then enabling you to find the image either by browsing the categories folders or by searching for it using the search field When you locate your image in the library click the settings button zl and then choose how to align the image with the text PY Insert image As you click the insert button you will be prompted to select the version you want e g 120x120 pixels How to set change the thematic picture on a page All the template pages support a thematic image at the top of the right column of the page A lot of different images are located in the Image library for each theme which can be used for this purpose To change this simply right click on the Menu item chose properties and under the section called Picture for menu item simply click the Selectimage button and select the image you print page like from the Themepages folder in the image library Note It may be necessary to resize images so that they can be used in the right hand column Ideal size is 170px wide by 209 high The length can be more than 209px but the width should not exceed 170px 15 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa Thematic pictures are implemented recursively which means that if you set a thematic picture for a top theme it will be used on all folders underneath unless you specify a new them
7. Rename Run campaign gt Send email This is done on the Add person dialog under the section roles D rti Select roles dle les ie For approval 0 22 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 23 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 3 Design templates The design templates provide the graphical design and the different logical layouts for the pages of the website This figure shows the elements for the Themepage template Overview of common template elements Top navigation menu showing menu items in the top menu Site header For provincial templates container in Digimaker web site structure header logo can be changed by main editor administrator Home News FAQ Sitemap Contact About Ghar wees data sd State of the environment M SR Lei H Page banner 780x156px Can be Deeg REPUBLIC OF SOUTH AFRICA changed on all pages by relating an image banner to the current menu item Recursively implemented and will be inherited from parent page in structure if not related to current page a ee eil Tab based navigation menu Will show the first 5 menu items in the Tab menu container in the web site structure Exists in different variations depending on where a page is located in the web
8. The number syntax prefixing the folder names e g 50 Policy targets simply provide a sort order for the link headings when they are displayed on a page Create a new link Go the link folder where you want to place the link or create a new one Then use the ES Add new link button to create a new link Give the link a descriptive name it will be used when displaying the page in the relation column and provide the URL for the link and press D Save Note As you add the URL do leave out the http part of it e g if the URL is http www environment gov za simply add www environment gov za How to add a link to text in a content article print page In the Digimaker Article editor you make a link in the text by selecting the text you want to be linked and then press the link from link library button and locate the link from the link library Note Related topics that this button is only used when you want to link Atmospheric pollution using a link from the library external links There Climate change are other buttons for creating links to internal articles documents and images Related indicators Air quality Climate and ozone How to get a link to display in the relation column To get a link to display in the right relation column Related documents of the pages you must make a relation from the Chapter 08 page to the link in the link library To do this right a oe oie as 19 2003 2010 DEA and Fr
9. air quality E 8 State of the Environment L lt 1 2 Impact gt The impacts of poor ambient air quality ca Homepage KE GER lt 3 Response gt What are we doing about it Top menu Wi Footer text Prev E WR Content Cl themes m Wi Setting the scene a Governance a Land 87 Inland water BR Biodiversity amp ecosyst ca Marine amp coastal Ri Atmosphere a ca air quality OM Sources of atr a Indoor air qua O ambient air au ical Acid depositior fm Persistent orge a Improving air i Dee ew The prefixes lt order number Section name gt simply tell the templates to automatically make the internal navigation links on the top and the internal navigation bars outlining the sections on the page The introduction prefix is different from the others lt 0 introduction gt and tells the template to write this article first without the heading as the page 2 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa name already says Ambient air quality and not include it in the internal navigations The other prefixes are dynamic in the sense that you can name the sections what ever you like The template writes these articles chronologically to the page in the sort order that is set as a property on the menu item To get the articles in the right order you need to use the sort order A Z Order of articles in m
10. banner left menu sidebar internal IX State of the environment navigation for articles and right relation Cr Bee column shows related picture links and documents to the menu item This template is mainly used for all content pages within the Themes section of the website Note To show a related banner on the themepage relate a banner to the first article on the page as the related banner on the menu item is used for the wide thematic image banner Example http soer deat gov za ozone depletion html 3 3 Indicator fact sheet page This template has the same visual appearance and functionality as the themepage Use this for the main indicator pages in the indicator folder just 29 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa in place to create flexibility to change all the pages within the indicator section easier e g by adding links to live data engines etc 3 4 Map fact sheet page This template has the same visual appearance and functionality as the themepage Use this for the map pages in the indicator folder just in place to create flexibility to change all the pages within the indicator section easier e g by adding links to live map services etc 3 m 5 T h e m e I st State of the environment 4 rey parimena This template is used on the main sections to provide detailed navigation to further tematic content
11. image and select the appropriate image size to be used on the page Remember that for graphs the width should be 400 pixels If the correct size is not available the original image will have to be re sized first Once the above steps have been completed save the article by selecting the Save option available at the bottom of the article page Tip To place an image on a page and have more control over it first create a table consisting of one column and two rows Select the table and use the 42 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa formatting tools to centre the table in the middle of the page It will look something like this H l Remove the 1s and Once you are satisfied with the layout hel SECH 7 select the Design HTML tab and look for EN EALL mete a the statement that reads something like erg text e g title of graph in this this lt table cellSpacing 2 cellPadding 2 align center border 1 gt To get rid of the border around the image change the statement to lt table cellSpacing 2 cellPadding 2 align center border 0 gt 4 5 Inserting special characters e o insert special characters such as chemical symbols it is necessary to go into Design mode To be able to do this follow the following procedure e Open the article e Press the Design HTML tab at the top right hand side of the article to switch between Design and HTML
12. image size 4 4 Inserting an image into an article Go to the Content tab open the Site structure and open the article in which the image has to be placed Place the cursor at the beginning of a new paragraph make sure the cursor is against the left margin and then select the nsert image icon on the article navigation bar Second icon from the right A new window will open that shows all image categories Navigate to the Themepages folder and open the appropriate folder in which the image have been saved previously All the available photos will be shown as small thumbnails Once on this page do the following Select the image to be placed in the text by clicking on the little round blue icon shown below the image This will open a new window with options to provide alternative text specify the text that should appear below the image and borders and margins Do the following Type in alternative text e g Methane concentrations Cape Point This alternative text will show when the user moves his her cursor across the image Remember to select the tick box to activate this function Provide text that should appear below the image BUT DO NOT ACTIVATE THE TICK BOX it will delete whatever is written bug in Digimaker Leave borders as is select the placement of the photo e g align left align absmiddle etc For graphs and maps 400 pixels wide it is best to select an alignment of Absmiaddle Insert image Click on nsert
13. into Digimaker There is also several buttons in the Digimaker article editor to paste clean text paste from word and strip format from existing text important note Try to keep the text in the articles as clean as possible without any formatting when not specifically needed This leaves the format of the text controllable by the stylesheets applied centrally in the solution and also make the pages support and look the same in different web browsers 38 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 4 2 Creating a chapter and including the chapter content in Digimaker e The first thing to be done is to create the folder structure for your chapter To do this proceed as follows Log on to Digimaker Go to the Content tab and open Site Structure Expand State of the Environment Expand Content and Themes Under themes the chapter should be listed e g Outlook If your chapter is not listed do the following to add your chapter to the list e Select Themes press on the down arrow and then select New menu item e Anew form will open on the right hand pane Fill in the fields that are required as follows e Menu item name The name of the chapter e g Outlook e Select menu placement No need to change this Also keep Mousover tooltip Meta keyword Meta description and Alias fields blank for now e Picture for menu item Here it is important to sele
14. is related only the first is used rete and the rest is ignored Other types of related video documents will be displayed in a list below the Print page link 36 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 3 16 Login page Login page template does not show any content but will be shown every time someone is trying to access content that is protected by web roles in Digimaker Web roles are exclusive and users with a login need to be assigned to the role in order to get access to a menu item controlled by a Digimaker web role Stale of the environment Era iai dfin are pigi Reech of South Africa Login Login fo ege Login o site ahkeupeups enilnn Ueemanm 1 Ueemanms Pas TI Passwd LO Beep me logged im from this computer Oke me legged in from the computer D215 KHA Qeperteent of Eppen maria KA ies snd Tra Siig gtd ges by Frp reece Thin pape aan wri opie Z0rLDN ste 37 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 4 Tips amp Tricks 4 1 Clean text formatting when copying text When copying text from other documents into the Digimaker article editor it s recommended to copy text without formatting To do this you could e g copy from MS word into Notepad and from there
15. o Remember to save the image after updating meta data 3 Now create an article for a VG serie and relate the first if more picture in the respective image folder to the article Then write the article like this o Headline Descriptive heading for the VG Serie o Abstract introduction will appear before the Vital graphic 35 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa o Full story more text if needed will appear under the vital grapic section Graphicus treos elephantus girafo graphic image as 4 The vital graphics image series will now show d p as a image slider if more than one image between the abstract and the full story text and also display and rotate metadata for each Z 3 4 Mendia Sources Avada sides It domaat Asaia Mage sizes for downs 3 15 Flash Video This template will display articles with embedded flash video it acts as both a list and detail page a Video 2 The template uses a document related to the article as the video file and picture related to the article as thumbnail picture for the video The related document must be flash formatted video file an flv or f4v type file which means that other video formats such as State of the ert avi wmv mov etc must be converted before EI they are uploaded to digimaker J SOUTH AFFRICA E Only one video file per article can be used if more than one
16. page Repeat the above steps for all images The following information regarding size of images is important For normal graphs and maps the width of the graph should be 400 pixels and the height according to the width height ration of the original graph It may therefore be necessary to change the size of the image graph or map To do this follow this procedure e Select and open the placeholder for graphs or maps or photos e Select the photo to be resized by selecting the two square boxes to the left of the red X This will open a new window showing all the available sizes for the image e Find the original image and select the Duplicate option A duplicate image of the same size is created 41 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa Find the duplicate image so created and select mage Editor to the right hand side of the image name This will open the image editor select the Resize function This will now provide the option to change the width of the image Change that to 400 and make sure that there a tick mark in the Maintain aspect box The height will automatically be calculated Select the Save option which is on the right hand side of the screen For the pictures used on theme chapter pages that is the photo in the top right hand corner of the page the size should be 170 x 140 pixels Use the above procedure to create the correct
17. page Thempage template to make a DPSIR section called state You can read more about this template under the Design templates section 11 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa Write Article History Content e Properties Relations Preview Headline lt I _ State gt The current state of land degradation Abstract A lack of an up to date national data set of degradation and desertification exists and so it is dificult to quantitatrvely determine whether the state of degradation has worsened since 1999 However areas of severe degradation and deserttication in South Africa are percetved to i correspond closely with the distribution of communal rangelands specifically in the steeply sloping environments adjacent to the escarpment in Limpopo Kwa ulu Natal and the Eastern Cape Many communal areas in the Limpopo North West Northern Cape and Mpumalanga provinces are also severely degraded iv lf you add a new folder or article or alter existing ones remember to press the button Nothing will happen in Digimaker CMS unless you actively save apply changes using the Save or Apply buttons Note In both the Abstract and Full article sections of an Article contains a Design HTML tab i Li In design mode the full featured editor is available Move cursor over the icons to see a description of functions that
18. same time e Select Apply at the bottom left of the page which will close this page and take you back to the Content page Important to Select Apply otherwise the selection will not be reflected on the article page e Select Save Important to Select Save otherwise the selection will not be reflected on the article page 44 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 4 7 Drafting the text For each Chapter Write a short summary of the whole chapter Ideally this summary should provide a brief overview of the chapter also mentioning the main issues The overview provided for each chapter in the main report can be used as a Starting point Try to keep this text as short as possible one half page of text should be more than enough Write the text in MS Word Select the issues that will be reflected on the website For example for the Atmosphere chapter the following issues will be highlighted Air quality Climate change Stratospheric ozone depletion For each Issue Write short sections according to the DPSIR model It may not be possible to use DPSIR for each and every Issue but try and use at least SIR Using the example above write a few short paragraphs on the State of Air quality a few short paragraphs on the Impacts and a few short paragraphs on the Responses to the state of air quality Keep it as short as possible lifting out only the most i
19. site content structure Themes Drivers Governance Inland water Atmosphere Vulnerability Land Marine amp coastal Settlements Antarctic amp islands Biodiversity amp ecosystems Related picture max 160px width to menu item For theme template pages recursively Ee Home gt Themes gt Land Land use and productivity Land inherited in content structure as eier aii e for banners Land reidh Land resources outh Africa have enormous economic social and Em environmental valueN country covers an area of 121 9 million hectares ha of which p 90 100 million ha is used for agriculture but the country cultural potential is low relative to Bt ae E that of North America and Ev SE ER S F 9 i There are a number of importan vn ap e cncing the sustainability er Right relation column displaying of land resources and the service they ade namely relations to the menu item page Land use and agricultural produc Related Links for list templates or for the Access to land and land rights a Department of Amem articles for detail templates Land degradation and desertificatio Institute for Soil Climate and Related links documents and Water banners from content librarties Agriculture and livelihoods are displayed on most templates The agricultural sector is diverse ranging sive large oil Shown on most templates except scale commercial agricultural sector to a mall scale N Re NA wide pages where the main and
20. subsistence farmina sector Its contrib mastic i content area is wider Left submenu menu to Main content area displaying navigate sub pages deeper down articles in current menu item in the web site content structure Headline abstract for list Path to page and Keep name for pages menu templates and headline abstract GE items short up to 25 chars to read more for detail templates item page Shown on avoid to much wrapping Inline pictures in articles can be all pages STE the top up to 450px wide up to 600px Soe on wide pages On theme pages several articles with internal navigation is supported to provide for use of a reporting model like DPSIR 24 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa How to set change the design template To set change the design template for a page add a new page or right click on an existing page and chose properties and then select the design templates predefined list from the drop down the 7 Themepage template is default for new pages and is the one you will use throughout the main theme structure e Content Explorer EE Properties for Menu item Governance on ge Inbox F Properties Relations Security Extensions Unreachable links 139 el BS id CS Your rejected articles 0 Alias Governance Ze Your articles for approval 0 Picture for menu item ap Articles for approval 0 E z
21. the down arrow and then select Add category e Anew form will open on the right hand pane Fill in the fields that are required as follows Category name The name of the chapter e g Outlook Category placement No need to change this select Save button at the bottom of the page Go to the 7hemepages pane and refresh right click and select Refresh option The chapter should now be listed e You have now created a place where the image content for your chapter can be added It is best to create a separate placeholder for photos one for graphs and one for maps To do this select the chapter created in the above steps click on the arrow to the right of the chapter name and select Add category Follow the same steps as in ii above and create the necessary placeholders for photos graphs and maps Remember to refresh to see the effect in the Image categories Once this has been done go to the next step e Select the Chapter and the placeholder for graphs or photos or maps Click on the down arrow to the right of the placeholder name and select Add new image A new window will open on the right hand side Fill in the necessary information e Enter File name to upload Use the Browse bution to browse to the file on your computer to upload Select the file and click on Open Caption You can type a caption for the photo here Select Category Leave as is as well as the remainder of the fields select Save at the bottom of the
22. the right column of a theme page by making a relation from the first article on the page to the banner How to change the thematic Page banner on a page CH Acid deposition im Persistent organic poll To change set a banner for a page right click on the menu See item in the content explorer and choose properties Then on ees New Article ina Mew menu item GC List Articles 20 Sl d Browse 2003 2010 DEA and FrameW orks AS Delete Technical guide to working with the Digimaker CMS solution for SOE South Africa gabl Rename m ke IO Properties Properties fa Goals and indicators ES ia Emerging issues the Relations ee select a banner under the section Related banners Note Page Banners are implemented recursively which means that if you set a banner for a top theme it will be used on all folders underneath unless you specify a new banner further down in the hierarchy of pages The main orange top banner is not implemented as a banner but as a related picture to the root node in Digimaker called State of the Environment and can be changed by uploading a new banner and relating it to the top containter node The size should be 780x110px State of the environment Department Environmental Affairs REPUBLIC OF SOUTH AFRICA 2 4 E FORMS e Forms Digimaker provides a powerful forms editor to make online forms and surveys On how to make forms please refer to the Digimaker us
23. 2 2 1 The Inbox Unreachable links In the inbox you can see a list of currently broken links external links that are not working and you can open them for editing and fix them or delete them Approval section If your site administrator has set up content workflow where a main editor has to approve the content articles of authors before they are published on the site this is where an content contributor will find the status of articles that he she has sent for approval and where the chief editor receives content articles for approval The system will send notifications about this in e mail as well 2 2 2 Site structure the content of the website 8 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa This is where all the content of the website is located and managed and thus the most important section for you when updating the content As you expand it you will find one root folder State of the Environment Note It is possible to have more than one root folder For example one could be for the English version of the site and the other for a Zulu version of the site Or it could be expanded to have root folders for each province for example The blue icons Gi are merely logical content containers while the folder icons represents physical web pages in the site also referred to as menu items The green line to right of the folder icon is indicating the l
24. 5 articles is printed to the page eee at 2012 South Africa Environment Outlook Report A feature image 300px width can be related weer to this menu item to show a feature image as GE EE ee 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa a heading for this section the table mountain picture in the sample screenshot 2 More topics Right Column Articles published here is shown in the white area of the right column Only abstract field of articles is printed to the page Banners can be related to this menu item to show more interactive Special content The banner should be max 250px wide 3 What is new Articles published here will show in the main column as compact news articles ordered by newest first Only the headline and abstract fields for each article is printed to the page followed by Read more link All articles published here should be cross published to the menu item News A picture should be related to each news article and additional relations links documents can be set on the relations tab of the article in Digimaker Full story and relations will only show when clicking Read more Note To make the page look balanced the challenge is to have the bottom of the two columns aligned 3 2 Themepage This template which is also default for new pages features all template elements including related thematic
25. The template lists the 2 sub content levels followed by an article if needed that will serve to introduce the main content area State of the environment 3 6 Top menu page This template is used for pages in the top menu Provide a compact version of the tab menu a left menu for sub level content relation column with related content related forms and internal navigation artmen Environmental Affairs REPUBLIC OF SOUTH AFRICA About ut the process Process This is South Africa s second official National State of the Envronment report The first National State of the Environment report was released in October 1999 3 7 Top menu page wide Same features as for Top menu page without the relation column 3 8 Sitemap This template used in the top menu shows a complete linked content outline of the whole site Used only the menu item Sitemap in the top menu 30 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 3 9 Glossary http soer deat qov za glossary html This template is used for creating a glossary State of the environment with A Z navigation Each entry is created as Il See one Digimaker article Only headline term and abstract explanation is used The glossary can practically used from any article in the site by highlighting the term in the text and linking to the respective article that represents each term in
26. ace When you log into the full administration interface you get access to view edit content documents images and links How much you can do and which part of the content you are allowed to access and edit depends on the permissions that the site administrator has granted you 2 1 The basics of the Digimaker workspace As you login you will have access to the main sections of Digimaker represented as tabs on the top Content Libraries e Forms and Settings How many tabs you see will depend on your access level For each section there is a toolbar the line underneath the tabs and a content explorer on the left with sub sections that show different type of folders content categories To expand hide the content of the subsections click on the blue arrow and to reveal features what you can do for each sub section right click on the button My articles Draft 1 Published 383 Rejected 0 For approval 0 Write new W DIGIMGKER z Content Gei Libraries e Forms E Settings Content Explorer HA Workspace CH Inbox wl This is the area where you can create and edit articles for display on your website E3 Unreachable links 137 al CS Your rejected articles 0 Selecting a folder from the Explorer on the left will result in its articles being displayed in the workspace Alternatively you can click on an icon below to create new configurations op Your articles for approval 0 23 articles
27. al guide to working with the Digimaker CMS solution for SOE South Africa 23 LIBRARIES 4 Libraries The libraries are where images documents links and banners are uploaded stored and managed 2 3 1 Image library This is where all the images and graphics in the site are stored You LA E Y Image Categories can make folders categories to a ed Poca organize or thematize them CH Frontpage presentation CH General The folder structure for images is set Newsagent up in such a way that all images H C Themepages related to a theme can be found easily For each theme three subfolders have been created one for graphs one for maps and one for photos Each image must be uploaded to Digimaker server before you can use it on the pages Most images are uploaded to the Themepages section When uploading an image Digimaker creates a number of useful sizes of the image graphic in addition to the original image Images are normally uploaded in the JPG format for photorealistic images or on the GIF format Suitable for simple graphics like logos How to add new images to the image library Click on the folder where you want to add a new image and then click the Z Add newimage button to upload the image You will then need to select the image from your local hard disk or network It s smart to give it a sensible name so you can search for it and find it later You can also set other properties like info or photographer Finni
28. ameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa click on the page choose properties and then switch to the relation tab Under the section Related links select the link from the library and save the changes to the menu item The link s will be displayed an under the same heading name as the respective name of the link library folder where the link resides 2 3 4 Banner Library Banners are entities that combine an image ora E Y Banner Categories flash animation and a link Typically banners are Banners used for commercial and campaigns Note In this solution banners are used to set the horizontal thematic image Page banners featured on all pages and the link element is not used in these banners e A variety of Page banners are made used in the site These are located in the banner library in the folder called Banners The images that are used for the banners are first uploaded into the image library and are located there in two places e Banners used at the top of pages are located in the folder Banners for top of pages To fit on the page these banners should be 780 x 156 pixels in size A page banners is shown by making a relation from the page menu item to the banner e Banners used in the right hand related column on the frontpage are located in the Frontpage folder They should be 300 pixels wide and any reasonable height e A banner can be shown on in
29. apter name and select New article 39 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 4 3 40 A new window will open on the right hand pane Add the following information In the Headline tab type in Introduction The text placed in square brackets will create a menu item on the page In the Abstract window insert the overview text explained in DRAFTING THE TEXT 1 above To do this copy the text from MS Word into Notepad to get rid of formatting and paste it from Notepad into the Abstract window Select the Save button at the bottom of the page to save the text To add the text for a specific issue proceed in the same way as above but in this instance add the following articles for each issue Introduction Impact State and Response You may also add articles for Driving forces and Pressures if you have sufficient information The following should be kept in mind though The Headline for the different articles should have the following text in tags lt 1 Introduction gt lt 2 State gt lt 3 Impact gt lt 4 Response gt The text is then followed by a short descriptive sentence such as lt 1 Introduction gt What is ozone depletion lt 2 State gt The current state of ozone depletion lt 3 Impact gt Impact of ozone depletion lt 4 Response gt Our response to ozone depletion Digimake
30. are available In HTML mode the editor is not available and the HTML code that renders the page can be edited only for advanced users 12 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 2 2 3 Corporate structure By clicking on this section you will be able to edit your own personal details like login name email and password at ZS k Corporate Structu re View all e My org Search P QO DEAT lf the site administrator has given you po permissions to do so you may also i kichen patay manage information about the D Leanne Hart organizations departments and Lethiwe Zondo add edit users Rudi Pretorius 7 Z Ei EAP myc P Eve Delete How to add a user By right clicking on your organization department in the corporate structure you can add a new user as long as your site administrator has given you access to do so Just fill in the required fields full name email username and password In order to give the new user access to login you have to assign a role to the person by clicking the select role button Normally this will be conducted by your site administrator 2 2 4 My content Everyone s content Here you will find your latest content articles and may also be able to view other users latest articles if you have privileges to do that 13 2003 2010 DEA and FrameWorks AS Technic
31. atic picture further down in the hierarchy of pages 16 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 2 3 2 Document library This is where all the internal documents used in production of the site and the documents available for download are stored You can make folders categories to organize or thematize them Each document must be uploaded to Digimaker server You can check in new versions of the documents and also check out a document to avoid others editing it while you make updates E Eat Y Document Categories CH General CH General resources CH Newsletter CH Shapefiles CH SOE document categories CH Guidelines CH Indicator resources g sce Reports teien seele ES CH National reports CH Provincial reports CH Sectoral reports CH State of Rivers CH Work document templates Note It is possible to create a folder Internal project documents where one can keep source documents documentation related to the state of environment initiative such as this guideline document which would not be accessible to the public Something to consider for the future perhaps Upload a document Click on the folder where you want the document to be placed or create a new one and the click the Lh Add new document button to upload a document Then browse and select the file from your local disk give the document a nice name and press to upload No
32. cences 34 3 14 NATAL E EE 35 3 15 PURSE VIDEO so ausdasa dean tavsnsasdanncisnteanaasavicnaduasl r tbaniaaenddarasanidans cub easasaantanes 36 3 16 LOGN PAGE pect pactavotince cas cen ceumats cesar AES E tanga nents eneotoancakadsaccieentinneehaatenteaedimetmeecsteccas 37 TPS e TRIES EEN 38 4 1 CLEAN TEXT FORMATTING WHEN COPYING TEST 38 4 2 CREATING A CHAPTER AND INCLUDING THE CHAPTER CONTENT IN DIGIMAKER 39 4 3 BetZelidlegrg Eier ise H 2 40 4 4 INSERTING AN IMAGE INTO AN ARTICLE cecececcececcccccccceccaccceccecenceceaceceacecenceceaceceacecenceceaceeeaseneas 42 4 5 INSERTING SPECIALCHARACTER S vnsctcucsotadcantuasaomndabasdasdueasiwedmbaddaumsponamesanesduddnansemesmaediwomnsans aemcbenncebe 43 4 6 RELATING RESOURCES IN THE RIGHT HAND COLUMN 43 4 7 THREE KEE a E EA 45 4 8 e Tee 46 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 2 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 1 Getting started Digimaker CMS is a server based content management software that manages all the web content project documents graphics links and users and editing roles for the SoE South Africa website About Digimaker CMS 3 Digimaker CMS is based on reliable modern and scalable Microsoft ASP Net technology where the content is stored and versioned safely in a Microsoft SQL server database Fully
33. ct a picture that will be used on the chapter page For now leave blank as this will be done later e For Menu item type keep default entry as is menu choice for articles The same for Move articles and When fields e For Order of articles in menu item please select the option that reads The headline A Z e For Design template select the desired template For normal chapter text it should be 7 Themepage e Keep the rest of the fields as they are e Select Save button at the bottom of the page e Goto the Site Structure pane and refresh right click and select Refresh option The chapter should now be listed e You have now created a place where the chapter content can be added However for each major issue under a theme a separate placeholder has to be created For example for Outlook we may want to create two placeholders Current future and Scenarios To do this select the chapter created in the above steps click on the arrow to the right of the chapter name and select New menu item Follow the same steps as in d above and create the necessary placeholders for the main issues Remember to refresh to see the effect in the Site structure Once the site structure is complete go to the next step e Once the place holders have been created for a chapter the text articles can be added To add the overview or chapter summary do the following e Select the chapter under Site structure click on the arrow to the right of the ch
34. eWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa the indicator page for this graph where additional information will be provided This means that for each graph used in the SOER website the following information will be needed minimum required indicated by o Assessment what does the graph say o Graph s this is the image in JPEG format o Technical information this could be meta data e g source how it is measured or any other technical information such as definitions or further clarifications to interpret the graph o Data tables if applicable o Mam message short message e g Temperatures are rising or Marine stocks are increasingly under threat o For each map used in the SOER website the following will be needed minimum required indicated by o Map this is the image in JPEG of GIF format o Data tables if applicable 4 8 Crearting graphs In Excel 1 There are several ways to create the graphs All graphs need to be in JPEG or GIF format JPEG is the preferred format The following method is recommended for now 2 Open the Excel spreadsheet containing the graphs for the specific chapter you are working on 3 Go to File and select Save As 4 Select Web Page under the option Save as Type and a file name e g Chapter 3 graphs saved under the My documents folder 5 Press Save 6 Now go to the folder specified in step c above e g Chapter 3 graphs
35. ement System The SoE Sout Africa website is available on the following URL http soer deat qov za Requirements for access to the content administration e Internet connection broadband connection is recommended e Internet browser Internet Explorer 7 or 8 preferably and officially supported browser or latest version of Firefox Some features may not work properly effectively e A username password supplied by DEAT Note When using Digimaker with Internet Explorer 8 the domain soer deat gov za has to added in the list for Compatibiliy settings This setting is located in the tools menu of the browser When these requirements are met a privileged user can log in to the Digimaker CMS content administration on this URL http soe deat gov za digimaker You will then see the following login screen USER LOGIN Login Forgotten your password 2 DIGIMOKER K Full administration Version 5 2 Direct editing Here you enter your username and password note that both username and password are case sensitive By checking the Full administration checkbox and click the Login button you will enter into the full Digimaker content administration interface This is described in brief in the next chapter and in full depth in the Digimaker user manual 4 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa By checking the Direct editin
36. enu item The headline A 2 This system of having each section of the page as a separate tagged article provides flexibility and opportunities to later change the way content are displayed Since the content is classified it s e g possible to make a template that aggregates all the intro and state articles of all the themes and that provides a quick State of the Environment overview page for all themes 3 1 Frontpage http soer deat gov za State of the Environment html The purpose of the frontpage is to show off and outline the content of the report and the tab menu is expanded to show all main content areas Themes Drivers Maps etc outlines the sub content of each main area The two columns below the tab menu section is used to show news items left column and highlight a featured _ s theme right column beige additional custom E TEE featured content Right column white a Inside Digimaker the content articles for the frontpage a o is located in 3 hidden menu items underneath the mee Homepage menu item E cot Depaty Marteror of Water ane Enevenmerte ater Eat e Web Site Structure J State of the Environment CH Homepage Ol Featured topic Right Column Ol more topics Right Column Ol what is new 1 Featured topic Right Column Welcome to State of the Environment South Africa Articles published here is SHOWN in the beige un area of the right column Only abstract field of gp 335
37. er manual How to display a form on the website When you have made a form you can display it on the website by relating it to the menu item on the Relations tab Right click on a page and choose Properties then go to the Relations tab Note Only the Top menu page template will display forms The E forms editor in the Digimaker administration module should only be used with Internet Explorer 25 SETTINGS f Settings In this section you will find the settings for role management Basically a role defines a detailed access privileges scheme to CMS Create a role To give users login to the system you 34 1 T Roles must create a role or use any of the a Bleditors existing roles In the settings for the WW addRole List Members sectorpa full docui e 21 ER 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa role you can in very detailed manner give access to all parts of the system You can make a hierarchy of roles where the parent role users in this can approve articles written by users placed in underlaying roles if these roles only have write articles for approval access on content strcture menu items Note There are 2 different role types in Digimaker 1 Digimaker role Setting Digimaker login is checked users in this roles has access to login into Digimaker and has role access according to de
38. evel of permission you have to edit content in the folder If you have no permissions a red stop sign will be shown Under the Root folder State of the Environment the following folders are found Homepage Contains the content of the home or landing page of the state of the environment website Top menu Contains the content for the top menu that appears as part of the banner Content Contains the 5 tabs Themes Drivers Maps Goals and Indicators Emerging issues and their content Wide Graph A special container for wide pages Note The above structure is fixed and should not be changed Structural and other changes should only be made on sublevels For example under Content gt Themes the various state of environment themes are listed as menu items Names on this level listing the themes can be changed e g inland water can be changed to water or new themes can be added if required Menu items By right clicking on a menu item folder and select Properties from the tabs you can control properties for the page like GE Y Site Structure Page name headline E 8 State of the Environment What visual design template to use Ca Homepage see chapter on design templates E G Top menu The sort order of the content articles in r al a the folder on the page typically A Z eo on theme pages and Newest by date a Gal Ty on news like pages D El E new menu item The placement of the Menu Item etc a St L
39. for approval 0 _ Content _ bibrary _eForms i G 2 P Site Structure d a sch at gt Corporate Structure New article A Upload image Kc Search e Forms B3 P My Content KR Bs P Everyones Content EN New menu item ay Upload file Er New Standard e Form 3 a e E New organisation New link FR New value list Oe x H New Department a New Banner New confirmation page aa 7 Ei Add person New Content Extension ZC person kk NEw DEST Extension The main area of the screen is called the Workspace and is the area where you will do the actual work with configuring pages menu items and adding content to them in the form of Digimaker content articles The following chapters will provide a overview of the main areas of Digimaker and how you access the features to edit and add content on the website For updating content its mainly the Content tab the Libraries tab you will use when working with the site 7 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa Note When you add new folders content categories in the left sub sections of the content explorer you need to refresh the content explorer manually to actually see the new folder you just added Do this by clicking the refresh button 2 or more efficiently click the expand collapse button for the section you are working on will refresh only that section When
40. g checkbox prior to clicking the login button you will enter into a quick editing Home Themes Atmosphere Atmosphere mode that enables you to The atmosphere is a shared resource that is linke do quick text edits and access the content of the sg le hay fia Edit directly production human hez f a website merely by browsing Reeg 4 Edit complete article the SoE site and right New article clicking on the content article area you have access and want to do quick edits e e r G ti Di im l i indoor and ambie o to Digimaker health impacts Se Quit editing climate change and variability and its implic ecosystems and human well being and The areas that you have the depletion of stratospheric ozone access to edit and update will be identified by a grey frame around text articles and by right clicking your mouse you can edit the text directly in the web page edit directly or open the content article for editing in the Digimaker content article editor Edit complete article or go to the full administration interface Go to Digimaker Note The Direct Editing feature requires Internet Explorer 7 or newer After you have edited text in direct edit mode you simply click on the page outside the editable content article area and the edits will be saved and published instantly Also note that the Direct Editing mode is only active for 7 minutes Any changes not saved within the 7 minute period will not be saved
41. ibrary of Digimaker 47 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa
42. ist Articles By selecting the relations tab youcan 8 wl E define relations links that should be EQS E Corpo Browse P My Conte IW Delete 9 Las P Everyone ab Rename 2003 2010 DEA and FrameWorks AS Properti Technical guide to working with the Digimaker CMS solution f displayed in the right column of the web page By right clicking on a folder and select New menu item you can make a new page in the site Add Menu item Relations Security Extensions T Properties CA General settings Menu item name My new page Select menu item placement O State of the Environment Content Themes Menu item language English United Kingdom Meta keyword Meta description Alias Picture for menu item Ka Menu item type D Menu item type Menu choice for articles Move articles O Articles are currently not moved H Content articles When you click on a folder you will see the content articles that are published to the page To add a new article click the New article button To delete an article right click on an article and chose Delete 10 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa t Content Explorer WIES L Articles in Land degradation T Inbox an New article ch Search Unreachable links 137 el PE Be g Showing 1 to 5 of 5 Your rejected articles 0 S prev text
43. ji Web Site Structure EI Gi State of the Environment CO Homepage CH Top menu LOI Footer text E a Content CISEAL EGHERS CH Themes d ASSOCATION BI setting the scene eer bE e Cl Governance 7 e CH GI New Article OH G i New menu item CO gt Menu item type List Articles r _ Menu item type Menu choice for articles e OH amp Browse Move articles Articles are currently not moved Delete Se e Cl O When H On article expiredate l Regional E Clear expiredate after moving ae G After days 9 Indicators Enable Syndication F Maximum No Of Articles BI Executive summary enter 1 for unlimited Aa training Ei CH SE Order of articles in menu item Showdate Newest first Le OI wide Graph Design template Ol Metadata D E E P Users and Target Groups Target window Same window frame Era Sec wl en Relation column Most templates that feature a right column will show relations to the menu item or article in this column Design template types and relation model A template can be classified into 3 basic types 1 List template A template that list full or compact Headline abstract read more articles in a menu This type of template normally display relations from the menu item and not for each article 25 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa Example News li
44. ment 0 87 Mb Regional reports Sectoral reports State of Air State of Rivers State of the Coast State of Environment Cookbook download ml pdf document 1 32 Mb 34 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 3 14 Vital Graphics http soer deat gov za 630 html Reguific of South Africa Provincial State of the Environment Portal This template is used to publish Vital Graphics VG Each article will contain 1 vital graphics serie that can consist of several images graphs maps each having a list of metadata For each vital graphic VG serie follow this ae procedure ea 1 Create a image folder in the image library for dE each VG serie and upload all images graphs maps etc that is part of the each VG serie 2 For each image in the image library folder o Click the image details button Q Search image In Photos Ja Add new image List categories Add category o Photos aT Next Shovir ngito9of9 Eskom vind trial plant Isibindi Eco Reserve vith fish Reed Basket We E w r E E BH r E br e o Then go to the Image meta data tab Ee Edit image details for Isibindi Eco Reserve Settings Image meta data Image description Source Cartographer Designer Link to website And fill in the data you have for each graphic No all fields need to be filled in
45. mode In Design mode you will notice codes are placed in the text such as lt div gt These codes or HTML tags normally appear in pairs e g lt sub gt lt sub gt The first one opens the tag and the second one closes the tag e To write subscripts the subscripted text has to be presented within HTML tags For subscripts the tag lt sub gt is used Thus to write the text CH3CCls the text should be written as CH lt sub gt 3 lt sub gt CCl lt sub gt 3 lt sub gt e To write superscript use the HTML tag lt sup gt Therefore to write km write it as kn lt sup gt 2 lt sup gt e Remember that the above will only work in Design view 4 6 Relating resources in the right hand column Most pages do make provision on the right hand side to list links to related information So for example when one refers to NEMA in the text it may be appropriate to provide a link to NEMA This can be done in the text or the link can be placed on the right hand side together with other links The advantage of putting the link on the right hand side of the page is that the link becomes part of a link library in the database which means if the link address should change it will only be necessary to change the link once in the library and not on every page it appears Also if Darryll added a link to the link library then all of us can use that link on our pages if and when required without having to set up the link from scratch 43 2003 2010 DEA a
46. mportant facts and trends If itis possible to say something about D and P do that as well The order in which this is done is not important at this stage Write the text in MS Word This will be copied into Digimaker by first copying it into Notepad to get rid of all formatting and then from Notepad into Digimaker The details on how to do this will be provided further down For each section of DPSIR consider if graphs tables or maps will be used and identify those by listing them in the Word document by referring to the relevant graph table or map number as used in the main report This information will then be used later on to upload the graphs tables and maps to Digimaker To conserve bandwidth we will not be able to use all graphs tables and maps It is therefore important to be very critical in the selection of these For each Graph and map 45 lt will be important to provide further information on graphs and maps on separate pages In Digimaker this additional information will be provided under Data and Statistics and under Maps The idea is that one can for example under the Issue page discussed above refer to the fact that ultraviolet radiation is in the dangerous to very dangerous category for all monitoring stations in South Africa during the summer months and then provide a graph of say UV radiation in Durban The user will then be able to click on the graph which will take him her to 2003 2010 DEA and Fram
47. nd FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa A number of links have already been added to the link library but it will be necessary to add some more For the purpose of the SAEO the following link categories are defined e Real time data and statistics Laws and agreements Related links Policy targets Interactive maps To add a link in the link library do the following Open the Library tab top of page Open the Links tab Open the Links in Related Column heading click on the sign Open the appropriate link category e g Laws and agreements A list of available links will be displayed e Select Add new link at the top of the new page and fill in the fields called Name URL and description e Save the page To include links on the right hand column of the page do the following e Go to the Content tab e Navigate to the page folder the link should appear on Site Structure gt State of the Environment gt Themes gt Issue etc e Open the folder options by selecting the down arrow next to the folder and select Properties e Select the Relations tab in the Properties window e Select Related links and a new page will appear e Open the Links in related Column option and select the category of related links e g Laws and agreements e The list of available links will appear in the workpane Select those that should be linked to More than one can be selected at the
48. r picture library The template Sa sh age en LK provides both list and detail modes Photos oe Back Amoephere NEE Nolloopeer and slads at SAMA Fit Molicogeer unloading SAHAE P In Digimaker Library Explorer H Y Search image In Photo EN Image Categories H O Banners CH Frontpage presentation B General CH NewsAgent E CH Provincial images Gi KC public image library 9 Antarctic SCH Atmosphere DB Graphs Maps O Photo Asbestos spill Ast 2 Biodiversity Khayelitsha H O Data and statistics F wm r EI r r F DI r E3 CH Drivers E O Governance Di Human settlements Human vulnerability Sw ui O Inland Water a Land DB Maps DB Marine and coastal ecosystems Cancer Association at Cape Point GAW station Children East London Clarens cold dry O miscellaneous beach Beach UV 32 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 33 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 3 13 Document library http soer deat gov za documents html Library Explorer 5 Guidelines lad E gt Image Categories IS m _ E Document Categories CH General ars Shapefiles CH Provincial CH Recovered files after cras E CH SoE Document library Di B Guidelines DB Indicator resources Municipal reports 7 H O Na
49. r will use the text in brackets to create links to the different subsection of an issue and use the numbering to control the order in which the subsections appear on the page This will work only if the order of articles specified in the folder menu item is selected as The headline A 2 sometimes it is not appropriate to have a heading for an introductory section At the same time Digimaker expects a headline to be specified for an article To overcome this do the following Same example as above lt 0 Introduction gt What is ozone depletion lt 1 State gt The current state of ozone depletion lt 2 Impact gt Impact of ozone depletion lt 3 Response gt Our response to ozone depletion Because of the 0 lt 0 Introduction gt the headline will not be shown Loading images in Digimaker 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa e The first thing to be done is to create the folder structure for your images It is best to keep all images photos graphs maps for a specific chapter in a placeholder for that chapter To do this proceed as follows e Log on to Digimaker e Go to the Libraries tab and open Image Categories e Expand Themepages e Under the theme pages the chapter should be listed e g Outlook If your chapter is not listed do the following to add your chapter to the list e Select hemepages press on
50. sh by pressing the button to upload the image Its smart to upload high quality images as you will then be able to produce any version you need without uploading a new image When you upload an image Digimaker automatically produces images sized to the following widths Comment suitable for format that you upload 560 px Suitable when you need to display high detail graphics like detailed large maps If want to use this size you should use the Wide page template that has no right column and an effective width up 14 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa io 700px for the main content 400 px default size The default image size and the size you normally use on theme content pages the themepage template has room for graphics up to 450px in width 300px Use this size for graphs and images that does not require ae to avoid the graphic taking up too much space 200px Use for small illustrations or as a big thumbnail add a link to a bigger version of the picture or to ee l page in the report 160px Medium thumbnail quadratic 95 x 95 Small thumbnail quadratic size Note Banners used at the top of pages are 780 x 156 pixels in size Use Image Editor to create an image of this size Insert images in articles When working with a content article in the Digimaker Article Editor you insert an image from the library by clicking the
51. st page http soer deat gov za 85 html 2 Detail template a template that shows 1 full article This template normally display only the relations set on the article 3 Library Special template a template that lists retrieves content from other parts of Digimaker like the image or document library e g the image library template lf the template has a relation column it will normally only show the relations for the menu item where it is used Page content structure and internal navigation The theme page map and indicator template pages support internal navigation sectioning of the page This is not standard for Digimaker but a system custom developed for this solution to facilitate DPSIR and similar section divisions The internal navigation is made by prefixing and sorting the articles on the page in a certain way It s easy to see this system by browsing the content structure in Digimaker You will see that a typical DPSIR page is built of 6 articles introduction article then DPSIR articles 1 5 Stratospheric ozone depletion Although this DPSIR model is the ideal structure lack of sufficient information on all DPSIR categories or complex issues means that it is not always possible to implement this structure for all themes issues The current site uses a mixture of PSR SIR DPSIR and free structuring of the site In the example below the application of the State Impact Response structure as applied for
52. tailed access specified on that role oe Ij l Q Edit Role Training fl t Design Template Categories to content structure Ui Fi Roles te and libraries a Editor Z Public access Role name Ki Restrict for public access Training 1 B training 2 Web role Setting Se rer Si ave rights w Digimaker login Digimaker login IS D 2a List Members paprati ae unchecked _ these ES Beer gt Adnmtntstratork Training roles only have access pp Rename to the frontend site and when checking of for permissions to content structure and specific menu items this role is given exclusive access to the given menu items and exclude normal web users from the menu items checked Permissions to libraries are though set explcititly as for the Digimaker roles Please refer to the Digimaker user manual on more details on how to configure a role Add a new user and assign role to give access When you add a new user to the PC EN YT Corporate Structure system you need to first find create a eg Myom f Senh P A suitable role then find add the users organization to the corporate structure To add a new user simply right click on an organization and choose Add person Add resource mt Add organisation Add department Then in the add user dialog add a name email login and password To give this new user access to the system you must assign a role to this person List members Delete k Ei
53. te that you have to wait for response from the server as you Click Save If it s a huge document this may take some time Create a link to a document from an article In the Digimaker Article editor you can create link to a document by selecting the text and then click on the Insert link to a document button SS How to get a document to display in the right relation column Related documents Links in the right hand side relation column are defined from the menu item and not from the article To get a link to display in the relation 8 Acid deposition im Persistent organic poll im Improving air quality Climate change el New Article New menu item column of a page simply right click on the menu item select properties and then select the Relations Relations tab Under the section Select related files select the document Remember to save List Articles Brousse Delete Rename 17 ES R Goals and indicators im Emerging issues 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa this change to the menu item using the save button EES In the example below two documents are already related to the Menu item Properties for Menu item Climate change Extensions Relations Properties Security Related persons Add persons Clear all mRelated links Select links Clear all
54. the glossary In the article editor use the Article Link button SEENEN to create a link directly to the article in the EE Glossary menu item 3 10 News page eps http soer deat gov za news html Oe See The news page shows articles in both list mode and detail mode In list mode the templates list Headline Abstract Data and Read more and related picture for each article In detail mode when clicking read more DEE ie the template shows the full article with relation column related links documents and banners Tips e Use short concise headlines for articles e Always relate an image e News articles can be cross published to the front page through adding a second placement to the article in the What s new menu item under the home page State of the environment 3 11 Extra wide page similar features as for the theme page Dun of maa waste generated per industrial rap and lection in tonnes but in full width without any left menu ae iat Ge ben al ken column or right relation column For use whenever a page has wide gt 600px tables pictures or graphs 31 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 3 12 Image library http soer deat gov za Image _library html Template that provides image library functionality it takes folder structure and pictures from a special category in the Digimake
55. tional reports Provincial reports CH Regional reports CH Sectoral reports 3 SoE Papers CH Work document templates E Document title an Assessment of State of Environment reports 2005 wl School guide for state of the environment reporting an State of Environment Cookbook an State of Rivers reporting manual an State of the Environment Reporting Guidelines for Municipalities FE 0 o an Training manual for provincial and local government 2002 State of the environment HEET The document library alkali template lists out the Ee A documents from the SoE e we F i Document Library folder a in Digimaker and creates SC KR captions thumbnails for l Ze PDF formatted e documents only and Themes Drivers Indicators Emerging issues Home gt Documents I Documents e links for download Guidelines Guidelines Please feel free to browse our documents by navigating to the appropriate theme in the left menu You oi Environment will see a list of the documents contained within each section and may click them to download them Indicator resources Municipal reports Description National reports Assessment of State of Environment reports 2005 download State of Environment 1999 e State of Environment 2006 RER Executive summary Full Outlook report l ct As t gt i a i School guide for state of the environment reporting download Specialist studies Provincial reports DI pdf docu
56. under the My documents folder You will notice that there is a HTML file with the name specified in step c above e g Chapter 3 graphs html as well as a folder with a very similar name e g Chapter 3 graphs files 7 Open the folder in the example Chapter 3 graphs _files You will notice that ALL the graphs in the spreadsheet will now be available as individual GIF images It is now just a question of copying the relevant images across to Digimaker 8 This method is fast and easy but has it drawbacks Sometimes labels on the graph are cut off when the conversion to GIF is done We are still looking for a way around this As far as possible make sure that the graphs views correctly that they are big enough before the conversion is done 9 It may be an option to copy only those graphs that will be used in the SOER website across to a new spreadsheet and then follow the procedure outlined above This will make it easier in the sense that only 46 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa the graphs required will be converted and not all the graphs in the chapter In Powerpoint 1 Open the file in Powerpoint and navigate with to the slide with the graph or image 2 Goto File gt Save as and provide a File name and select JPEG as the save as Type Press Save 3 The content of the slide is saved as a JPEG file which can now be included in the Image L
57. web based and multi user enabled content administration with a sophisticated role user management and unique one click editing right in the web pages WYSIWYG what you see is what you get Requirements for normal users and editors are a decent internet connection and an updated internet browser Internet Explorer 7 or 8 or Firefox 4 Digimaker CMS handles all the content for the website as well as related documents graphics and other resources Provides real separation of content and graphical design The graphical design and how the content is displayed on a web page are controlled by custom design templates that may be updated and changed independent of the content Role based collaboration document repository check in and check out and rich on content management features Integrated libraries for graphics documents and links and banners Full version control of all web content A complete history is contained for all content and it s easy to roll back of previous versions of content articles Makes it easy to define and display relations and links between different parts of the content and to external sites and resources The solution is currently hosted and paid for by DEA and is licensed for up to 50 content editors Read more at http cms digimaker com 2003 2010 DEA and FrameWorks AS Technical guide to working with the Digimaker CMS solution for SOE South Africa 1 1 Accessing the Digimaker Content Manag
58. you login to Digimaker you always start with the Content 2 2 CONTENT Content My articles Draft 1 Published 383 Rejected 0 For approval 0 Write new W DIGIMGKER EI Content 4 Libraries e Forms Settings Za CE Da Content Explore Ed Workspace CH Y Inbox J This is the area where you can create and edit articles for display on your website ES unreachable links 137 el Selecting a folder from the Explorer on the left will result in its articles being displayed in the workspace RK Your rejected articles 0 Alternatively you can click on an icon below to create new configurations op Your articles for approval 0 23 articles for approval 0 _ Content a Library EE ns _eForms i al Homepage GE T Site structure d IN A E CR state of the Environment B New article Upload image X d Search e Forms IG Top menu OI Footer text EN New menu item e Upload file New Standard e Form z CR content E C8 Themes SA ess New organisation New link New value list a Drivers EE ca Maps OH Goals and indicators E New Department A gt New Banner S New confirmation page DG ia Emerging issues 8 wide Graph Content s en El P Corporate Structure Ei Add person ES New Content Extension B3 P My Content BZ P Everyones Content Under the content tab the following sub sections are essential when working with the content of the site
Download Pdf Manuals
Related Search