DKSH Country Website Training Documentation

1. DKSH Country Website Training Documentation

2. Purpose of Documentation • This is the accompanying documentation for the DKSH Country Website Training. • Each training module is documented with: • Brief Background (a short summary of the functionality and idea behing the component) • References (to guidelines and manuals when available) • Screenshots

3. Purpose of Documentation • Please read Brief Background as a preparation before the training. • Make notes when necessary during training and consult the document for support while creating your country website.

4. Training Modules • Introduction to Website and Structure page 7 • Page Types and properties page 14 • Homepages page 20 • Content Pages page 24 4.1Create a Content Page page 26 4.2 Text Module page 27 4.3 Create Links page 29 4.4 Create Anchor Links page 30 4.5 Image Module page 31 4.6 Table Module page 32

5. Training Modules 4.7 Download Modulepage 33 4.8 Contact Module page 34 4.9 Contact Box page 35 4.10 Copy and move Module (set active/inactive) page 36 4.11 Save page as new Version page 37 4.12 Inform about changes page 38 4.13 Copy and move page page 39 4.14 Set page online and offline page 40 • Databases page 41 5.1Resource Database page 44 5.2 Careers Database page 46

6. Training Modules 5.3 Contact Database page 50 5.4 News Database page 52 5.5 Product Database page 56 6. Image Modification Request page 58 • Support page 61 7.1 Guidelines and Manuals page 63 7.2 Teamroom page 64 7.3 Support Persons page 66

7. 1. Introduction to Website and Structure

8. Introduction to Website and Structures • Brief Background This training module will give you a brief overview of the structure and the technical background of the DKSH websites. All DKSH websites are created with a Content Management System (CMS), thus no special technical skills are necessary to make or edit DKSH websites. The basic structure of all country websites is predetermined and already implemented into the CMS at training time.

9. Introduction to Website and Structures • DKSH CMS Network Structure KL Live server www2.dksh.com Staging Server kulw01 Europe Live Server www3.dksh.com

10. Introduction to Website and Structures • DKSH CMS Main Menu DKSH Website CMS Editor Website front-end for preview

11. Introduction to Website and Structures • CMS Login Click on “Login” Enter Lotus Notes username and password Example Username: Lucy Chen Password: lucyche

12. Introduction to Website and Structures • Site Structure Navigation Structure. Click on the blue arrow to expand and collapse the Category. Click on Label to edit the page Action Button (eg. create new page, page property, set online or offline, copy and move page, etc Click on “Pages” to access the Site Structure Web page Status: Green for online, yellow for offline

13. Introduction to Website and Structures • The Structure of DKSH Websites seen on the Internet • All websites have the same basic structure. View example websites • www.dksh.com • www.dksh.com/japan • www.dksh.com/switzerland • The structure of every country website is already prepared in the CMS, the required entries can be filled with content. • Some pages are mandatory (for more information contact the Website Coordinator). • For the general structure of the DKSH country websites see „Country roll-out Guide DKSH“ pages 21 to 25.

14. 2. Page Types and Properties

15. Page Types and Properties • Brief Background • A DKSH website consists of several Page Types: • Homepages; The editors create only the text for the homepages ( for more information consult the „Country roll-out Guide DKSH“ pages 30 to 45) • Content Pages; The editors create all content for the Content Pages (for more information consult the „Country roll-out Guide DKSH“ pages 47 to 70) • Service Pages: All country websites share the same Service Pages (e.g. Careers. Media). These pages are created and edited by Corporate Center *. The Services Pages are linked with global or local Databases. The content of these Databases is partially created by the editors (training module 5 gives you more information on the databases). • All information regarding the type and basic structure of a singular page is stored in the „Page Properties“ * With exception of the Careers Pages (one page can be optionally filled with local Human Resources content, local contact persons can be defined in the Related Teaser area). For more information contact the Website Coordinator.

16. Page Types and Properties • Page Types Example of a Homepage Leadgraphics, defined by Corporate Communications Text Modules created by editors

17. Page Types and Properties • Page Types Example of a Content Page Content area, created by editors Related Teaser area, created by editors

18. Page Types and Properties • Page Types Example of a Service Page (Media / Press Releases) Access to Service Pages are always situated here. Database with Selectors Database entries partially created by editors.

19. Page Types and Properties • Page Properties Change label of page (the label is the text seen in the navigation) Enter Page Properties by clicking on action button and selecting “Properties”. Enter headline of page Define contact person(s) for Contact Boxes in Related Column

20. 3. Homepages

21. 3. Homepages Brief Background • Every country website consists of several Homepages • One country Homepage (e.g. DKSH Thailand) • One BU Homepage per Business Unit (maximum 4 BU homepages) (e.g. Technology in Thailand) • The editors are responsible for creating the Text Modules for the Homepages • (for detailed information consult the „Country roll-out Guide DKSH“, pages 40 to 45).

22. 3. Homepages Edit Action Bar: “Edit”  edit page. “Inform about Changes”  Send email to selected person to inform about changes. “Set Offline/Online”  set the page offline or online. “Page Property”  Access to the page property Click “Back” to go back to the site structure and to unlock the page after editing. Preview area

23. 3. Homepages Preview Page Action Bar: “Save”  Save the page. “Save as New Version”  Create a new draft version “Hide/Show Inactive Paragraphs”  Hide or show inactive paragraphs Click “Cancel” to cancel changes. A message will be prompt to confirm leaving without saving Action Button. Click to edit the area.

24. 4. Content Pages

25. 4. Content Pages Brief Background • All contents of the Content Pages are created by the editors. Every Content Page • consists of a Main Area and a Related Column on the left side. • Following components of the Main Area are created by the editors: • Content Headline • Anchor Navigation (optional) • Content Modules (e.g. Text Module, Image Module, Table Module, Download Module, Contact Module) • The Related Column can hold the following components: • Country Selector, provided by CC (switch to according BU in another country website) • Contact Box (Up to two main contact persons for one page can be defined) • Related Teasers which link to another page with related content. • For detailed information consult the “Country roll-out Guide DKSH” pages 47 to 70)

26. 4. Content Pages 4.1 Create a Content Page All possible pages of your country website are already offered in the CMS, they must simply be filled with content. It may be necessary to create a new page sometimes. Click on the action button of the category for which you want to create a new page. In the dialog box enter the name of the page (Label) and the Headline.

27. 4. Content Pages 4.2 Text Module – preview page Action Button. Click to insert or append new paragraph, edit paragraph, delete paragraph, move or copy the paragraph, set active and inactive, etc.

28. 4. Content Pages 4.2 Text Module Edit Mode Front-End

29. 4. Content Pages 4.3 Create Links Click on the action button of the Text Module and choose „Edit“. A dialog box appears: Highlight the text you want to link and click on the Hyperlink icon. Choose the type of link.

30. 4. Content Pages 4.4 Create Anchor Links Edit Mode Front-End

31. 4. Content Pages 4.5 Image Module Edit Mode Front-End For detailed information about the naming of pictures see “Picture Nomenclature”. For information about picture sizes see “Overview Picture Dimensions”.

32. 4. Content Pages 4.6 Table Module Edit Mode Front-End

33. 4. Content Pages 4.7 Download Module Edit Mode Insert thumbnail and text Front-End For detailed information about the naming of pictures see “Picture Nomenclature”. For information about picture sizes see “Overview Picture Dimensions”.

34. 4. Content Pages 4.8 Contact Module – Main Area Edit Mode Front-End

35. 4. Content Pages 4.9 Contact Box – Related Column Select and Insert 1st Contact Person in Page Properties and if necessary 2nd Contact Person In the Related Column click on „Append“, choose „Component“ and select „ContactFirstPerson“ (and „ContactSecondPerson“ if defined).

36. 4. Content Pages 4.10 Copy and move module (set active / inactive) Click on the action button of the module and select „Move“ or „Copy“. The textmodule is moved or copied to the according place Note: whenever you copy a module it will be automatically set inactive. Click on the action button and select „Set active“ to activate the module.

37. 4. Content Pages 4.11 Save page as new Version After you have made changes to a page, save it as a New Version (before informing the Country Editor / Website Coordinator or setting the page live). This way all changes can be reconstructred.

38. 4. Content Pages 4.12 Inform about Changes When updating already live pages send an „inform about changes“-notice to your Country Editor or Website Coordinator for approval.

39. 4. Content Pages 4.13 Copy and move page Click on the action button and choose where you wish to copy or move your page.

40. 4. Content Pages 4.14 Set page online and offline Web page Status. Green for Online. Yellow for Offline Click on the action button and select “Set offline” or “Set online”. Note: Online subentries are only visible in the front-end when the category above has been set online (green subentries are not visible when the category above is yellow).

41. 5. Databases

42. 5. Databases Brief Background • The following Databases are integrated into the DKSH websites: • Resources - All images and downloads used in DKSH websites • Contacts – Information on all contact persons (linked to Global Address Book) • Local Careers –Job Offers from HR-divisions in the countries • News – Local News from the Countries • Articles & Press Releases –Global Press Releases and Articles about DKSH • Corporate Publications – Local and Global Brochures • Products – Local Products (one Database per Business Unit) • If you have information or files to enter into the Media and Corporate Publications • Databases please contact the Website Coordinator. All other local content of the • Databases can be administered by the editors.

43. 5. Databases Brief Background Overview of Databases: Find a step-to-step guide on how to create entries for the databases and implement database information into pages in the „DKSH Website Application Manual“.

44. 5. Databases 5.1 Resource Database Resources  Access to the resource database Action Bar: “New Resource”  Create a new image or download resource “Multiple new Resources”  Create multiple images or download resources in the same category For detailed information about the naming of pictures and documents see “Picture Nomenclature” and “Document Nomenclature”. For Information about picture sizes see “Overview Picture Dimensions”. It is very important to insert pictures in the correct sizes.

45. 5. Databases 5.1 Resources Database New Resource: Class  Select “Image” or “Download” Label  Name is automaticall inherited from the filename Category  Select a category Save  Save the resource Cancel  Cancel the changes

46. 5. Databases 5.2 Careers Database Front-end view of Careers Service Page

47. 5. Databases 5.2 Careers Database Extension Careers  Careers database

48. 5. Databases 5.2 Careers Database “New Job Description”  create a new job

49. 5. Databases 5.2 Careers Database Action bar: Edit  Edit the job Delete  Delete the job Change Status  Change to job status to be online or inactive Back  Go back to the job category

50. 5. Databases 5.3 Contact Database “New Contact”  create a new Contact