2. Structure of the training
- Two blocks in the morning
- Lunch break
- Two blocks in the afternoon
- Lots of hands-on working with Anymeta
2
3. Structure of the training
Morning programme
Block one
Introduction Anymeta principles
Page layout
Images
Block two
Writing for the web
List items
Preferences
Tips and trics
Lunch break
3
4. Structure of the training
Afternoon programme
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
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
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
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
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
55. End of the Advanced User
Module
Questions?
Lunch break
55
Notes de l'éditeur
\n
\n
\n
\n
\n
Introduction of block 1, part 1\n
Drawing by Willem\nAnymeta was made in 2002\n\n
Most people don&#x2019;t know know html or php. In order to allow them to publish things on websites, we made a content management system. Editors don&#x2019;t have to worry about the size of headers or the color of the introduction text. All they have to do is write good text and give good metadata. The rest is up to the system. \n\nOwners of the website decide who gets what role. This is decided in the beginning of the project.\n
\n
\n
domain - explain the roles between things and how it relates semantically to the &#x2018;real world&#x2019; \n
show where the things from domain model are shown on story page. \n
A domain model consists of the same things on all Anymeta sites\nFor example on geheugenvanoost.nl \n\n
and the same things also exist on the buurtwinkel website. There, an organisation is a local shop, a buurtwinkel. \n\n
so say you are a person who lives in Amsterdam Oost, and someone wrote a story on you on geheugenvanoost.nl, then it is possible that you are also a customer of a buurtwinkel in Amsterdam Oost, that has been written about on buurtwinkels.ahm.nl\n\n
or you can be an actor in a story there\n\n
or the photographer of an image on buurtwinkels, or someone can tag you in an image. \n\n
\n
Matching is done with metadata. \nMetadata on this page is the author, the location, the narrator, and keywords.\nThe matching column shows stuff with the same metadata.\nClick the image to go to geheugenvanoost.nl and how clicking keywords selects similar stories in the matching column \nAlso, show the similar page.\nThis is the importance of giving your article correct metadata!\n
Introduction of block 1, part2\n
show left column: author, title, subtitle, introduction text, (actors) images in different blocks and body text. The right column shows related content which matches.\n
Show title, subtitle, calendar leafs and organizing party, introduction text, image, bodytext.\nRight column: fans, participants and related things\n
left column: images and text\nmiddle column: contact info, employees and fans\nright column: things that the organisation organizes and publications by the organisation\n
left column: the image or .pdf big, the author, CC rights, file info, people who are tagged\nright column: taken_at (sometimes map), where the image is used and matching stuff.\n
left column: images and text\nmiddle column: address info, fans and people who live(d) there\nright column: stuff that has happened in that location\n
left column: images and text\nright column: contacts, works for and all the other stuff that the person has done\nright column: stuff that you are involved in, like articles you wrote, or images you are tagged in\n
\n
Introduction of block 1, part 3\n
\n
\n
It is possible to add images in three different ways\n
But in our example, we will paste a link from an image that is already in the Internet\n
\n
Show how to find pics on flickr/creativecommons.\nDo this with the group:\nOpen your profile\nclick the camera icon\ngo to flick.com/creativecommons and search in advanced search for an image with creativecommons license. \nAdd this to your profile, take away the photographer, give a good attribution in the caption and then set the copyrights according to the CClicense. \ncaption is explained in the next slide.\n
\n
\n
Introduction of block 2, part 1\n
\n
\n
http://www.mediamatic.net/search/182178\nCheck if you have one listitem per person in this listpublish.\n
List items are the summarized view of your thing.\nThey have title, subtitle, first 130 or so characters of the intro text and relevant stuff for the type of thing.\nThey are the first thing that your audience sees and should tempt them to click and read your thing.\n\n
Discuss what the list items on the left could be.\nGo through the tips on the right.\nNow, click the image of bad practices and evaluate the listitems of the group. They can change their mistakes. \n\n
Click on the picture to go through all the preferences tabs on mediamatic.net\n
Every site has a /layout or /opmaak or something like that. Here you can find how to make bulleted lists, subheaders, bold, add a youtube video et cetera. \n
\n
ID is important\n
your stuff is under contributions\n
you can search things\n
and check the change log\n
In the footer navigation\n
everyone can see who created\n
and modified the article\n
And there can be another link to the layout tips.\n