20110428 usermodule


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • \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’t know know html or php. In order to allow them to publish things on websites, we made a content management system. Editors don’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 ‘real world’ \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
  • \n
  • 20110428 usermodule

    1. 1. Anymeta trainingUser ModuleEvelyn Grooten & Nick Verstand28th of April 2011 1
    2. 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. 3. Structure of the trainingUser ModuleBlock oneIntroduction Anymeta principlesPage layoutImagesBlock twoWriting for the webList itemsPreferencesTips and tricksLunch break 3
    4. 4. Structure of the trainingEditors ModuleBlock oneIntroduction into the /adminBlock twoHow to structure your websiteAliassingDeletingBlock three (optional)Member AdministrationHow to deal with spammersHow to send mailings 4
    5. 5. Structure of the trainingPlease 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. 6. Block 1 – Introduction Anymeta principlesAnymeta principles- General principles- Domain model- Open-CI- Assignment 1- Matching 6
    7. 7. Block 1 – Introduction Anymeta principlesGeneral principles- Content Management System- ‘Anything is a thing’- Metadata 7
    8. 8. Block 1 – Introduction Anymeta principlesContent managementSystem 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. 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. 10. Block 1 – Introduction Anymeta principlesMetadata 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. 11. Block 1 – Introduction Anymeta principlesDomain model At the start of a new website project, the domain model is determined. 11
    12. 12. Block 1 – Introduction Anymeta principlesDomain model 12
    13. 13. Block 1 – Introduction Anymeta principlesOpen–CI geheugenvanoost.nl 13
    14. 14. Block 1 – Introduction Anymeta principlesOpen–CI buurtwinkels.ahm.nl geheugenvanoost.nl 14
    15. 15. Block 1 – Introduction Anymeta principlesOpen–CI buurtwinkels.ahm.nl geheugenvanoost.nl 15
    16. 16. Block 1 – Introduction Anymeta principlesOpen–CI buurtwinkels.ahm.nl geheugenvanoost.nl 16
    17. 17. Block 1 – Introduction Anymeta principlesOpen–CI buurtwinkels.ahm.nl geheugenvanoost.nl 17
    18. 18. Block 1 – Introduction Anymeta principlesAssignment 1Use your mediamatic.net profile to log onto an Open–CI websitefor example:www.mediamatic.nlwww.innl.nlwww.geheugenvanoost.nlwww.dezwijger.nlwww.komjeook.orgwww.depaviljoens.nlwww.ccaa.nltravel.mediamatic.nlwww.keuringsdienst.nlOn this website, find something that you like, and click the ‘I like it’ button. 18
    19. 19. Block 1 – Introduction Anymeta principlesMatching Metadata fills the right column: - author - location - keywords It is very important to give the right metadata to your things! 19
    20. 20. Block 1 – The structure of pagesPage layout- Article page- Event page- Organisation page- Attachment page- Location page- Person page- Assignment 2 20
    21. 21. Block 1 – The structure of pagesArticle page - Two column layout - Right column has matching items 21
    22. 22. Block 1 – The structure of pagesEvent page - Two column layout - Calendar leafs - Participants - Right column has matching items 22
    23. 23. Block 1 – The structure of pagesOrganisation page - Three column layout - Contact information - Employees - Right column has events organized by the organization 23
    24. 24. Block 1 – The structure of pagesAttachment 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. 25. Block 1 – The structure of pagesLocation 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. 26. Block 1 – The structure of pagesPerson 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. 27. Block 1 – The structure of pagesAssignment 2Complete 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. 28. Block 1 – ImagesUsing images- How to add an image?- Which images can I use?- Creative commons- Acknowledging the photographer- Assignment 3 28
    29. 29. Block 1 – ImagesHow to add images? 29
    30. 30. Block 1 – ImagesHow to add images? 30
    31. 31. Block 1 – ImagesHow to add images? 31
    32. 32. Block 1 – ImagesHow to add images? 32
    33. 33. Block 1 – ImagesWhich 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. 34. Block 1 – ImagesCreative commons- What are creative commons?- Creative commons licensed images- Give proper attribution http://www.flickr.com/creativecommons 34
    35. 35. Block 1 – ImagesAttribution 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. 36. Block 1 – ImagesAssignment 3Upload a picture from flickr to your profile and give attribution to the photographerremember:- 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. 37. Block 2Adding content- Writing for the web- Assignment 1- List items- Evaluation of assignment 1- Preferences- Tips and trics- Lunch break 37
    38. 38. Block 2 – Adding contentWriting 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. 39. Block 2 – Adding contentChildhood memories picture found on flickr by brainblogger 39
    40. 40. Block 2 – Adding contentAssignment 1Group A Group BCreate an event about your childhood Write an article about your childhoodmemories 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 actorto an organization and a location - Add the tag: ‘childhood’- Make sure the organization and locationhave an address- Add the tag: ‘childhood’ 40
    41. 41. Block 2 – Adding contentList itemsA list item is a summarized view of the thing. 41
    42. 42. Block 2 – Adding contentList 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. 43. Block 2 – Adding contentPreferences 43
    44. 44. Block 2 – Adding contentTips and tricks 44
    45. 45. Block 2 – Adding contentWhere to look 45
    46. 46. Block 2 – Adding contentWhere to look 46
    47. 47. Block 2 – Adding contentWhere to look 47
    48. 48. Block 2 – Adding contentWhere to look 48
    49. 49. Block 2 – Adding contentWhere to look 49
    50. 50. Block 2 – Adding contentWhere to look 50
    51. 51. Block 2 – Adding contentWhere to look 51
    52. 52. Block 2 – Adding contentWhere to look 52
    53. 53. Block 2 – Adding contentWhere to look 53
    54. 54. End of the User ModuleQuestions?Lunch break 54