NetCommonsfor effective repository web design

ver.20150205 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 Styleof 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.

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

1. Click UserLogin

If the page top change to “admin | message(0) |control |… ”, you logined.

How to Change Layout?

11

1. Click Page Style

2. Click Layout Tab

3. Select your Layout

How to Change Theme?

12

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

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?

17

1. 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. Add2. Edit3. Change title4. Delete5. Edit block style6. Move

module

You knows 6 operations, It means you mastered NetCommons basics.

Operation1 : Add

19

Before After

The moduleAdded

Operation1 : Add

20

2. Select a module of you want to add 　　 　　　　　　 　　　

1. Click a pulldown menu

Operation2 : Edit

21

Before After

The moduleEdited

Operation2 : Edit

22

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

24

1. Double Click Title

2. Type in new title

Operation4 : Delete

25

1. Click Delete

Operation5 : Edit Block Style

26

Block Style enables us to change module design.

Block Style tab changes…

ThemeColorWidthMarginTitle 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

Before After

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.

30

Menu Module &Page Operations

3

How to Add Another Page?

31

NewNew

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

33

2. Click Add Page

1. Select Space

Users Room

For user who is logined

Group Space

For group member

Public Space

For everybody

Operateion2 : Page Edit Title

34

1. Double click title and type in

Operateion3 : Page Delete

35

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

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.

39

Examples of NetCommons & WEKO Designs in Japan

40

JAIRO Cloud Community Site (burner list page)

https://community.repo.nii.ac.jp/link/