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

NetCommonsfor effective repository web design

2013.3.4 National Institute of Informatics Japan

2

NetCommons & WEKO

0

1 hour after of you …

3

WEKO & NetCommons

4

Hard wares

OS

Middle ware

WEKO

Net Commons

Manage Contents

Infrastructures setup

Liberian’s Field Repository website

Edit Web Design

Engineer's Field

Making Website with Net Commons

5

Net Commons is Contents Management System (CMS)

Tray likes Page.Meal likes Module.One kind of module likes WEKO.

CMS Likes buffet ♥

6

Layout 　 & Theme

1

7

Login

② Login ID : admin Password : admin

① Click UserLogin

Define Structure of Website

Change Layout

8

① Click Page Style

② Click Layout Tab

Define Structure of Web Site

③ Select your Favorite Layout

Change Theme

9

Define Design & Color

① Click Page Style

② Select Your Favorite Style

Looking Back 0 & 1

10

Points We understand the relation of NetCommons & WEKO We mastered how to login We mastered how to change Layout & Theme

　 ( ・∀・ ) 　 Congratulations! 　 ( ・∀・ ) ﾉｼYou mastered how to prepare to use

NetCommons.

11

2 Modes &5 Basic Operations

2

Normal mode & Setting mode

12

Net Commons has 2 modes

Normal mode

Setting mode

1. Editable mode. 2. Administrators can use this mode with Login status.

1. Uneditable mode. 2. Anonymous visitor use this mode on non Login status.

Change to Setting mode

13

If you are in setting mode, you can see some of pulldowns on the page 　　　　　　　　

① Click Setting mode on

Basic Operation1 : Add

14

① [on setting mode] Select a module of you want to add 　　 　　　　　　 　　　　　　 -> Add module

Basic Operation2 : Edit

15

① [on setting mode] Click Edit -> edit

Contents

Basic Operation3 : Change Title

16

① [on setting mode] Click Title ->

edit title

Basic Operation4 : Delete

17

① [on setting mode] Click Delete -> Delete

Module

Basic Operation5 : Edit Block Style

18

Block Style Changes…

Block Style enables us to change module design.

ThemeColorWidthMarginTitle of the module( etc. – according to module type )

① [on setting mode] Click Edit

② Click Block Style Tab

① Add announcement module for herder ② Click Image icon

③ Click 参照 , Select image file in dialog ④ Click 画像の挿入

Practice1 : Add Logo

19

20

Practice1 : Add Logo (Example of Answer)

Looking Back2

21

Points We mastered concept of web page constriction by CMS. We already know difference of Normal mode and Setting

mode. We mastered 5 basic operation.

　 (´ ・ ω ・ ) 　 Congratulations! 　 ( ・ ω ・ `)ﾉｼ

You mastered basic operations of NetCommons.

22

Menu Module&Add Pages

3

23

Let’s Take Next Tray 　♥

Tray likes Page.Meal likes Module.One kind of module likes WEKO.

24

Menu Module Introduction

3 Menu module operations

Photo : Copyright © 2004 Gérald Anfossi

Menu module manages page of NetCommons

Add Edit Title Delete

Mini Practice : Add Menu Module

Menu Module Operateion1: Add

25

② Click Add Page

① Select Public Space

Public Space Visibility is unrestireictid

Users Room Visibility for the user.

Group Space Visibility for group member.

Menu Module Operateion2 : Edit Title

26

① Click title and type in

Menu Module Operateion3 : Delete

27

① Click Trash Box icon

① Add new page ② Rename new page ③ Add book mark list module ④ Make your favorite web sites list

Practice2 : Add Link list on a New Page

28

Looking Back2

29

Points We mastered concept of module base web page

constriction. We mastered difference of Normal mode and Setting

mode. We mastered 5 basic operation of NetCommons.

　 (´ ・ ω ・ ) 　 Congratulations! 　 ( ・ ω ・ `)ﾉｼ

You mastered basic operations of NetCommons.

Summary

30

We can add pages from menu module easily.

Net Commons is a CMS. WEKO is a repo module.

We can use 5 basic operations to make effective repository

pages.

Examples of WEKO & NetCommons

31

JAIRO Cloud Community Site (burner list page)

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