1. NetCommons for effective repository web design ver.20150205 National Institute of Informatics Japan

2. 2 Repository website This 1hour Gives You the Power that Design NetCommons Website After the lecture, you can design like this page just by you.

3. 3 NetCommons & WEKO 0

4. Layer Model of WEKO & NetCommons 4 Hard wares OS Middle ware WEKO NetCommons (ver. 2.X) Manage Contents Infrastructures Liberian’s Field Repository website Web Design Engineer's Field Topic of the Manual

5. NetCommons is One Kind of CMS 5 CMS means Contents Management System Pages likes buffet tray. Modules likes buffet dishes. WEKO is a kind of module. CMS is a buffet like web design system…

6. 6 Webpage Style of NetCommons 1

7.  We learn how to change…  Layout  Theme ( Color Pattern & Design ) NetCommons is Styled by Layout and Theme 7 Default Page Style A page you changed style

8.  NetCommons layout composed by 4 columns for modules. Layout to defines the Page’s Skelton 8 Header CenterLeft Right You can make a page layout by set up which columns are enable or disable. You can make a page layout by set up which columns are enable or disable. examples

9. Theme to defines Color Pattern & Design 9  NetCommons uses themes to change color pattern & design

10.  To do any setting of NetCommons, You need login. 10 How to Login NetCommons? 2. Login ID : admin Password : admin 2. Login ID : admin Password : admin 1. Click UserLogin If the page top change to “admin | message(0) |control |… ”, you logined.

11. How to Change Layout? 11 1. Click Page Style 2. Click Layout Tab 3. Select your Layout

12. How to Change Theme? 12 1. Click Page Style 2. Select Theme

13. Short Practice : Login and Change Style 13  Practice on your PC  1. Login  2. Change layout  3. Change theme

14. Short Summary 14  You have known the relation between NC & WEKO  You have mastered how to login NetCommons  You have mastered how to change layout & theme ( ・ ∀ ・ ) Congratulations! ( ・ ∀ ・ ) You mastered how to prepare to use NetCommons. ( ・ ∀ ・ ) Congratulations! ( ・ ∀ ・ ) You mastered how to prepare to use NetCommons.

15. 15 2 Modes of NC & 6 Basic Operations 2

16. Net Commons has 2 modes 16 Normal mode Setting mode 1.Editable 2.Administrators can use this mode with login status. 1.Un-editable 2.Anonymous visitor use this mode with un-login status.

17. How to Change to Setting Mode? 17 1. Click Setting mode on If you are in setting mode, you can see pulldown menu on each columns.

18. What are 6 Basic Operations? 18 Each columns composed by modules. 1.Add 2.Edit 3.Change title 4.Delete 5.Edit block style 6.Move 1.Add 2.Edit 3.Change title 4.Delete 5.Edit block style 6.Move module You knows 6 operations, It means you mastered NetCommons basics. You knows 6 operations, It means you mastered NetCommons basics.

19. Operation1 : Add 19 BeforeAfter The module Added The module Added

20. Operation1 : Add 20 2. Select a module of you want to add 1. Click a pulldown menu

21. Operation2 : Edit 21 BeforeAfter The module Edited The module Edited

22. Operation2 : Edit 22 2. Edit module contents 1. Click Edit Link on top corner of module.

23. Tips : Alternative Looks of Edit and Delete Link 23  Looks of Edit and Delete Link has deferens by the theme of NetCommons. Classic Theme Other Theme

24. Operation3 : Change Title 24 1. Double Click Title 2. Type in new title

25. Operation4 : Delete 25 1. Click Delete

26. Operation5 : Edit Block Style 26 Block Style enables us to change module design. Block Style tab changes… Theme Color Width Margin Title of the module ( etc. – according to module type ) 1. Click Edit 2. Click Block Style Tab 3. Select what are you change.

27. Operation6 : Move 27 BeforeAfter Drag and Drop to move up/down the module

28.  Practice on your PC  1. Add announcement module for herder  2. Click Image icon  3. Click “ 参照 ( means select image file )” Button in dialog  4. Click “ 画像の挿入 ( means insert image ) ” Button Short Practice : Add Logo on Heeder Column 28

29. Short Summary 29  Points  You know difference of Normal mode and Setting mode.  You mastered concept of CMS NetCommons.  You mastered 6 basic operation. (´ ・ ω ・ ) Congratulations! ( ・ ω ・ `) ﾉｼ You mastered basic operations of NetCommons. (´ ・ ω ・ ) Congratulations! ( ・ ω ・ `) ﾉｼ You mastered basic operations of NetCommons.

30. 30 Menu Module & Page Operations 3

31. How to Add Another Page? 31 New Menu module manages page of NetCommons

32. 32 Menu Module Manage Pages 3 Menu module operations Photo : Copyright © 2004 Gérald Anfossi Add Edit Title Delete

33. Operateion1: Page Add 33 2. Click Add Page 1. Select Space Users Room For user who is logined Group Space For group member Public Space For everybody Users Room For user who is logined Group Space For group member Public Space For everybody

34. Operateion2 : Page Edit Title 34 1. Double click title and type in

35. Operateion3 : Page Delete 35 1. Click Trash Box icon

36.  Practice on your PC  1. Add menu module  2. Create new page under public space  3. Rename new page to some of your favorite food  Under new Page  4. Add book mark list module  5. Make your favorite web sites list Short Practice 36

37. Short Summary 37  You knows about privileges of spaces  You mastered 3 operation of Menu module ( ・ A ・ ) Congratulations! ( ・ A ・ ) You mastered how to handle NetCommons pages. ( ・ A ・ ) Congratulations! ( ・ A ・ ) You mastered how to handle NetCommons pages.

38. Summary of the Lecture 38 We can add pages from menu module easily. Net Commons is a CMS. WEKO is a repo module. We can use 6 basic operations to make effective repository pages. We can use 6 basic operations to make effective repository pages.

39. 39

40. Examples of NetCommons & WEKO Designs in Japan 40 JAIRO Cloud Community Site (burner list page) https://community.repo.nii.ac.jp/link/