Have You WikiEd Yet


Published on

Assignment 3 for EDGE903, instructional tool for 'how to design a wiki page'

Published in: Technology
  • 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

Have You WikiEd Yet

  1. 1. Have You WikiED Yet?<br />-- How to design the Wiki page<br />
  2. 2. Why Wiki?<br /><ul><li> ‘Wikis are one of many Web 2.0 components that can be used to enhance the learning process. A wiki is a web communication and collaboration tool that can be used to engage students in learning with others within a collaborative environment’ (Kevin 2007).
  3. 3. ‘A Wiki website is a hypertext on steroids. Any user can create or edit any page on the site using a simple web browser, and all information processing is done on the server side’ (Lars 2002). Wiki sites are powerful tools for collaboration in closed work groups and fit in instructional design models such as the OAR model.
  4. 4. The OAR model is an Instructional Design model created for a specific context: distance education courses delivered through a LMS (Learning Management System) in higher education.</li></li></ul><li>Installation<br />+<br />+<br />+<br />Windows 2003 Sever<br />MediaWiki – Current Version<br />Minimum Requirements<br />
  5. 5. After installation, it should look like …<br />You can modify the wiki by going to ‘my preference’ tab … <br />
  6. 6.
  7. 7. You can set up the basic wiki rules by editing under different tabs<br />
  8. 8. Let’s get started!<br />
  9. 9. Step 1. New Page<br />Search for the page, clicking a red link will take you to the edit page for the new article. <br />Step 2. Editing<br />Simply type your text, click save and the new page will be created. You can also use the tool bar in edit page to create file links, image links and header etc..<br />
  10. 10. Step 3. Link to a page<br />Typically, a word or phrase placed in [[double brackets]] is made into a link to a wiki page having that title. Or use hyperlink [http://url/ ARTICLE]. <br />Step 4. Page links<br />Creating wiki page links is also the method to create new pages. See the presentation of above script.<br />
  11. 11. Step 5. Upload imagesUpload file link from left toolbox panel takes you to the page to browse the image and upload file. Name the same file type otherwise it will not work. Now the 6.[[File:Example0.jp]] in Step 4 become an image on the right presentation page.<br />With images, text and links, there are some design rules you can follow …<br />
  12. 12. Law of Simplicity<br />“When learners are presented with visuals, there is an unconscious effort to simplify what is perceived into what the viewer can understand” (Fisher et al. 1998–99). <br />The simplification works well if the graphical message is already uncluttered, but if the graphics are complex and ambiguous the simplification process may lead to unintended conclusions. See the examples on the left.<br />Clear<br />Confusing<br />
  13. 13. Law of Unity/Harmony<br />According to Lauer (1979) “Unity implies that a congruity or arrangement exists among the elements in a design; they look as through they belong together, as though there is some visual connection beyond mere chance that has caused them to come together.”<br />An image map in wiki is a list of coordinates in a specific image, which hyperlinks areas of the image to multiple destinations . It is the image centrelink to present law of unity. Clicking on a person in the right picture causes the browser to load the appropriate article.<br />
  14. 14. Step 6. Upload Files<br />Same as uploading images, upload file link under toolbox takes you to the page to upload files, make the file type name the same, otherwise you will see the error message as in the left presentation page. <br />
  15. 15. Step 7. Link to a file[[double brackets]] is made into a link to the uploaded file or you can display the file embedded by &lt;embed_document&gt;images/file&lt;/embed_document&gt;.<br />Step 8. File linksThe above script will show the link for double brackets file link and show the embedded pdf file directly in the page.<br />
  16. 16. Now you are ready to design a Wiki page <br />Most examples I used in this presentation are from my personal Wiki I developed for this project. But the principles are the same for open Wikipedia websites like http://wikipedia.org/ <br />What’s Next? …<br />
  17. 17. Future Viki<br />Viswiki.com<br />
  18. 18. Future Wiki? I am not sure, but I do agree that context will become increasingly an important theme. From above http://www.viswiki.com/en/ you can observe all the good design elements … but we can go further…<br />Good design contains . . .<br />Visibility / Good Conceptual Model / Good Mappings / Feedback<br />
  19. 19. Future is a Viki?<br />A Viki in its most basic incarnation is a visual wiki. Instead of creating pages of words that are hyper linked together, the users create pages of images that are hyperlinked together. Think of it as the ultimate sticker book mash up.<br />
  20. 20. Future Wiki will be all Graphic …<br /> Tao Chen el at. Present a Sketch2Photo: Internet Image Montage system that composes a realistic picture from a simple freehand sketch annotated with text labels. The system is able to automatically select suitable photographs online to generate a high quality composition, using a filtering scheme to exclude undesirable images. Each blending result is given a numeric score, allowing us to find an optimal combination of discovered images.<br />Combined with Viki techniques, the Future Wiki will look all Graphic … are you ready yet?<br />System Pipeline :<br />
  21. 21. Images:<br /><ul><li>http://www.mediawiki.org/
  22. 22. http://www.muhrfoto.se/
  23. 23. http://www.spencermurphy.co.uk/flash.htm
  24. 24. http://www.viswiki.com/en
  25. 25. http://www.wickedthemusical.com.au/
  26. 26. http://wikipedia.org/
  27. 27. http://illusion.scene360.com
  28. 28. http://lostgarden.com/2006/05/viki-visual-wiki-design.html</li></ul>References:<br /><ul><li>Chang, Dooley & TuovinenGestalt Theory in Visual Screen Design – A New Look at an Old</li></ul>Subject. Retrieved 2009, from http://www.acs.org.au/documents/public/crpit/CRPITV8Chang.pdf<br /><ul><li> Donald Norman The Design of Everyday Things. Retrieved 2002, from http://en.wikipedia.org/wiki/Seven_stages_of_action
  29. 29. FULTZ, J. (1999): Theory of Gestalt Psychology. http://users.anderson.edu/~jfultz/gestalt.html (Accessed 21/10/2000).
  30. 30. Kevin R. Parker, Joseph T. Chao. Wiki as a Teaching Tool,Interdisciplinary Journal of Knowledge and Learning Objects Volume 3, 2007. Retrieved 2009, from http://ijklo.org/Volume3/IJKLOv3p057-072Parker284.pdf
  31. 31. LAUER, D. (1979): Design Basics. New York, Holt, Reinhart and Winston.
  32. 32. Lars Aronsson. Operation of a Large Scale, General Purpose Wiki Website. As presented on November 7, 2002, at the ELPUB 2002 conference in Karlovy Vary. Retrieved 2009, from http://aronsson.se/wikipaper.html
  33. 33. Tao Chen, Ming-Ming Cheng, Ping Tan Sketch2Photo: Internet Image Montage. Retrieved 2009, from http://cg.cs.tsinghua.edu.cn/montage/main.htm
  34. 34. http://lostgarden.com/2006/05/viki-visual-wiki-design.html
  35. 35. http://en.wikipedia.org/wiki/OAR_model</li>