1. Anymeta training
User Module
Evelyn Grooten & Nick Verstand
28th of April 2011
1

2. Structure of the training
- Two blocks in the morning (User Module)
- Lunch break
- Two blocks in the afternoon (Editor Module)
- Lots of hands-on working with Anymeta
2

3. Structure of the training
User Module
Block one
Introduction Anymeta principles
Page layout
Images
Block two
Writing for the web
List items
Preferences
Tips and tricks
Lunch break
3

4. Structure of the training
Editors Module
Block one
Introduction into the /admin
Block two
How to structure your website
Aliassing
Deleting
Block three (optional)
Member Administration
How to deal with spammers
How to send mailings
4

5. Structure of the training
Please help us...
- Speak up, interrupt, when you have a question
- Give us your opinion
- Ask anything you want
- Let us know when you want a break
5

6. Block 1 – Introduction Anymeta principles
Anymeta principles
- General principles
- Domain model
- Open-CI
- Assignment 1
- Matching
6

7. Block 1 – Introduction Anymeta principles
General principles
- Content Management System
- ‘Anything is a thing’
- Metadata
7

8. Block 1 – Introduction Anymeta principles
Content management
System
A Content Management System allows users without any technical knowledge to contribute
to a website and to share data.
- Community Management System
- User roles (view- and editright)
8

9. Block 1 – Introduction Anymeta principles
‘Anything is a thing’
Every item (article, event, picture) is structured with relations and connections. This
structure is created by using metadata.
9

10. Block 1 – Introduction Anymeta principles
Metadata
Metadata:
“Data providing information about one or more other pieces of data”
Because users and editors add metadata to their contributions, the system ‘understands'
their relation to other things.
All contributions will therefore appear in the right place and with relevant context. This
saves editors a lot of time. This automated linking in Anymeta is called matching.
10

11. Block 1 – Introduction Anymeta principles
Domain model
At the start of a new website project,
the domain model is determined.
11

12. Block 1 – Introduction Anymeta principles
Domain model
12

13. Block 1 – Introduction Anymeta principles
Open–CI
geheugenvanoost.nl
13

14. Block 1 – Introduction Anymeta principles
Open–CI
buurtwinkels.ahm.nl geheugenvanoost.nl
14

15. Block 1 – Introduction Anymeta principles
Open–CI
buurtwinkels.ahm.nl geheugenvanoost.nl
15

16. Block 1 – Introduction Anymeta principles
Open–CI
buurtwinkels.ahm.nl geheugenvanoost.nl
16

17. Block 1 – Introduction Anymeta principles
Open–CI
buurtwinkels.ahm.nl geheugenvanoost.nl
17

18. Block 1 – Introduction Anymeta principles
Assignment 1
Use your mediamatic.net profile to log onto an Open–CI website
for example:
www.mediamatic.nl
www.innl.nl
www.geheugenvanoost.nl
www.dezwijger.nl
www.komjeook.org
www.depaviljoens.nl
www.ccaa.nl
travel.mediamatic.nl
www.keuringsdienst.nl
On this website, find something that you like, and click the ‘I like it’ button.
18

19. Block 1 – Introduction Anymeta principles
Matching
Metadata fills the right column:
- author
- location
- keywords
It is very important to give the right
metadata to your things!
19

20. Block 1 – The structure of pages
Page layout
- Article page
- Event page
- Organisation page
- Attachment page
- Location page
- Person page
- Assignment 2
20

21. Block 1 – The structure of pages
Article page
- Two column layout
- Right column has matching items
21

22. Block 1 – The structure of pages
Event page
- Two column layout
- Calendar leafs
- Participants
- Right column has matching items
22

23. Block 1 – The structure of pages
Organisation page
- Three column layout
- Contact information
- Employees
- Right column has events organized by the
organization
23

24. Block 1 – The structure of pages
Attachment page
- Two column layout
- Photographer, CC-license, file information
- People who are tagged
- Right column has
- taken at (map)
- where is the image used
- matching items
24

25. Block 1 – The structure of pages
Location page
- Three column layout
- Left column shows text and images
- Middle column shows address information,
fans and people who lived here
- Right column things that take place in this
location
25

26. Block 1 – The structure of pages
Person page
- Three column layout
- Left column shows text and images
- Middle column shows contacts, where you
work, what you like et cetera
- Right column shows articles you wrote,
images you are tagged in
26

27. Block 1 – The structure of pages
Assignment 2
Complete your mediamatic.net profile
- Write something about yourself
- Add a nice picture
- Choose keywords
- Add contacts
checklist for Mediamatic crew: www.mediamatic.net/page/124978/en
27

28. Block 1 – Images
Using images
- How to add an image?
- Which images can I use?
- Creative commons
- Acknowledging the photographer
- Assignment 3
28

29. Block 1 – Images
How to add images?
29

30. Block 1 – Images
How to add images?
30

31. Block 1 – Images
How to add images?
31

32. Block 1 – Images
How to add images?
32

33. Block 1 – Images
Which images can I use?
- Ask the photographer
- Be careful about stealing pictures, fines are steep
- Doubt? Ask for permission or forget about it.
- Copyright, creative commons and public domain
33

34. Block 1 – Images
Creative commons
- What are creative commons?
- Creative commons licensed images
- Give proper attribution
http://www.flickr.com/creativecommons
34

35. Block 1 – Images
Attribution
In the caption, link to the picture and to the profile of the photographer.
Example:
Found on [http://www.flickr.com/photos/alphageek/5094405942/ flickr] by
[http://www.flickr.com/people/alphageek/ code poet]
will become: Found on flickr by code poet
35

36. Block 1 – Images
Assignment 3
Upload a picture from flickr to your profile and give attribution to the photographer
remember:
- Title: what do you see, what is it
- Caption: Name artist, description, year, source
- Source: [By owner] found on [source]
[url <space> name of the link] = name of the link
- Adjust creative common settings if needed
- Remove yourself as the author if you did not take the picture
- Tag people in the image
36

37. Block 2
Adding content
- Writing for the web
- Assignment 1
- List items
- Evaluation of assignment 1
- Preferences
- Tips and trics
- Lunch break
37

38. Block 2 – Adding content
Writing for the web
People scan texts
- Clear titles
- Clear subtitles
- Important information in the top
- Add an image
- Semantically correct metadata
- Short texts
- Short sentences
- Do things right the first time
38

39. Block 2 – Adding content
Childhood memories
picture found on flickr by brainblogger
39

40. Block 2 – Adding content
Assignment 1
Group A Group B
Create an event about your childhood Write an article about your childhood
memories memories
- Go to ‘new contribution’. - Go to ‘new contribution’.
- Add an event - Add an article
- Add a picture (with correct attribution) - Add a picture (with correct attribution)
- Add a date in 2030 to the event and link it - Add an actor
to an organization and a location - Add the tag: ‘childhood’
- Make sure the organization and location
have an address
- Add the tag: ‘childhood’
40

41. Block 2 – Adding content
List items
A list item is a summarized view of the thing.
41

42. Block 2 – Adding content
List item mistakes
- Add an image
- Use clear & 'cliche' titles
- Keep the intro to the point
- Add metadata
- Important things at the top
- Do things right the first time
42

43. Block 2 – Adding content
Preferences
43

44. Block 2 – Adding content
Tips and tricks
44

45. Block 2 – Adding content
Where to look
45

46. Block 2 – Adding content
Where to look
46

47. Block 2 – Adding content
Where to look
47

48. Block 2 – Adding content
Where to look
48

49. Block 2 – Adding content
Where to look
49

50. Block 2 – Adding content
Where to look
50

51. Block 2 – Adding content
Where to look
51

52. Block 2 – Adding content
Where to look
52

53. Block 2 – Adding content
Where to look
53

54. End of the User Module
Questions?
Lunch break
54