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

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 NetCommons & WEKO 0

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

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 Webpage Style of NetCommons 1

 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

 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

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

 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.

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

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

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

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 2 Modes of NC & 6 Basic Operations 2

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.

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

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.

Operation1 : Add 19 BeforeAfter The module Added The module Added

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

Operation2 : Edit 21 BeforeAfter The module Edited The module Edited

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

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

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

Operation4 : Delete Click Delete

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.

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

 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

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 Menu Module & Page Operations 3

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

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

Operateion1: Page Add 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

Operateion2 : Page Edit Title Double click title and type in

Operateion3 : Page Delete Click Trash Box icon

 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

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.

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

Examples of NetCommons & WEKO Designs in Japan 40 JAIRO Cloud Community Site (burner list page)