Your SlideShare is downloading. ×
Have You WikiEd Yet
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Have You WikiEd Yet

812
views

Published on

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

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

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
812
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Have You WikiED Yet?
    -- How to design the Wiki page
  • 2. Why Wiki?
    • ‘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. ‘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. 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.
  • Installation
    +
    +
    +
    Windows 2003 Sever
    MediaWiki – Current Version
    Minimum Requirements
  • 5. After installation, it should look like …
    You can modify the wiki by going to ‘my preference’ tab …
  • 6.
  • 7. You can set up the basic wiki rules by editing under different tabs
  • 8. Let’s get started!
  • 9. Step 1. New Page
    Search for the page, clicking a red link will take you to the edit page for the new article.
    Step 2. Editing
    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..
  • 10. Step 3. Link to a page
    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].
    Step 4. Page links
    Creating wiki page links is also the method to create new pages. See the presentation of above script.
  • 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.
    With images, text and links, there are some design rules you can follow …
  • 12. Law of Simplicity
    “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).
    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.
    Clear
    Confusing
  • 13. Law of Unity/Harmony
    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.”
    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.
  • 14. Step 6. Upload Files
    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.
  • 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 <embed_document>images/file</embed_document>.
    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.
  • 16. Now you are ready to design a Wiki page 
    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/
    What’s Next? …
  • 17. Future Viki
    Viswiki.com
  • 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…
    Good design contains . . .
    Visibility / Good Conceptual Model / Good Mappings / Feedback
  • 19. Future is a Viki?
    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.
  • 20. Future Wiki will be all Graphic …
    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.
    Combined with Viki techniques, the Future Wiki will look all Graphic … are you ready yet?
    System Pipeline :
  • 21. Images:
    • http://www.mediawiki.org/
    • 22. http://www.muhrfoto.se/
    • 23. http://www.spencermurphy.co.uk/flash.htm
    • 24. http://www.viswiki.com/en
    • 25. http://www.wickedthemusical.com.au/
    • 26. http://wikipedia.org/
    • 27. http://illusion.scene360.com
    • 28. http://lostgarden.com/2006/05/viki-visual-wiki-design.html
    References:
    • Chang, Dooley & TuovinenGestalt Theory in Visual Screen Design – A New Look at an Old
    Subject. Retrieved 2009, from http://www.acs.org.au/documents/public/crpit/CRPITV8Chang.pdf
    • Donald Norman The Design of Everyday Things. Retrieved 2002, from http://en.wikipedia.org/wiki/Seven_stages_of_action
    • 29. FULTZ, J. (1999): Theory of Gestalt Psychology. http://users.anderson.edu/~jfultz/gestalt.html (Accessed 21/10/2000).
    • 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. LAUER, D. (1979): Design Basics. New York, Holt, Reinhart and Winston.
    • 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. Tao Chen, Ming-Ming Cheng, Ping Tan Sketch2Photo: Internet Image Montage. Retrieved 2009, from http://cg.cs.tsinghua.edu.cn/montage/main.htm
    • 34. http://lostgarden.com/2006/05/viki-visual-wiki-design.html
    • 35. http://en.wikipedia.org/wiki/OAR_model