home

CREATING OUR WIKISPACE - 2009/2010



This is the wikispace for the bilingual group of 4º ESO in the IES Grupo Cántico (Córdoba, Spain). Here you have the index of students on the group.

If you need to translate any word you can use wordreference

or you can try dictionary.reference


  1. WHAT IS A WIKI?.



A Wiki is a collaboratively-edited website which many people also view. The distinguishing feature of wikis is that they typically allow all users to edit any page, with full freedom to add new text, change or even to delete the work done by previous authors. Other typical wiki features include:


  • Easy creation of links to wiki pages, other websites, images, videos and other kind of files.
  • Easy creation of new wiki pages.
  • A
RecentChanges
page which lists pages that have been edited recently.
  • A collection of wikipages linked together under the same domain or "space" could be called a "wikispace"

  • Almost all wikis use revision control to prevent abuse and track changes, so if someone decides to erase one or more pages it is easy to "revert" back to previous good version of the "erased page". If someone repeatedly attempts to abuse the system, their IP address can simply be blocked.

Everybody who belongs to the space can edit every page, but...be careful! You could damage the work of another person in your community. We are using www.wikispaces.com to build our wikispace but there are other websites that allow you to make these kinds of communities.
Example: wetpaint.com, wikispot.com, wikipedia, etc.

Here your have an video explaining what a wiki is:





  • Exercise #1: Find a wiki you like and paste the URL down the last line.

    • In this exercise you'll have to search wikispaces aboutone of this topics: climate change, global warming, de-growth, adictions, sexuality, history, music, science, politics, technology or computers. To search wikispaces use the bottom with the "magnifying glass" in the upper area on this page.
    • Write your name/s beside and a short text in english explaining what is the wiki about. Steps for insert a link:
      • Copy URL of the website you are going to link.
      • Put the cursor just on the place you want display the link.
      • Press icon with the chain. ('Insert link')
      • Paste URL in the field 'External link' and in the field 'Adress' too.
      • Press OK bottom


Example:


1.http://iparticipate.wikispaces.com/Climate+Collaboratorium Wikispace about Climate Change.
Added by Javier Arias Trejo.
2.https://shhshealth.wikispaces.com/ Addictions
3.http://spain-1400s-1500s.wikispa
ces.com/ Wikispace about history of Spain.Added by Angel Del Olmo Martinez
4.http://musiclanguage.wikispaces.com/OllieSss Wikispace about types of music. Added: Daniel Lozano
5.http://shifthappens.wikispaces.com/History+of+the+Presentation added by:Álvaro Castro León wikispaces about history
6. http://edorigami.wikispaces.com/ Added by:Ana Arenas Carretero.Subject:technology
7. https://ccit300-f06.wikispaces.com/Nu+Metal Added by: Rafa Galvez Wiki about Nu-Metal
8. http://trcs.wikispaces.com/gossipgirl Added:Coraima Cobos Montenegro. Wikispace about an american show
9. http://aus-digi-films.wikispaces.com/10.Interviews Added by Miguel Angel Cerrillo.Wiki about the films
10. http://asdpeducation.wikispaces.com/Nature+Theatre by almudena lora romero
11.http://westwood.wikispaces.com/Computer+Science+portfolio By Fancis Martínez subject: Computer

12. https://fosterhoneng11fourthblock.wikispaces.com/Fashion+in+the+1920s By; Cristina Iglesias
13. http://barrettc1.wikispaces.com/hilary+duff Added: Noelia Martinez Jurado

15.https://msbush.wikispaces.com/Serena+Williams By:Victoria Quintero
16.http://bibliowiki-36.wikispaces.com/Crep%C3%BAsculo Added by Beatriz Rider López
17, http://football.wikia.com/wiki/The_Football_Wiki Added by Antonio Marin Aguilar. Wiki about the football
18. http://fams-music-wiki.wikispaces.com/Rock+&+Roll+Musican+Report Added by Azahara Jimenez Muñoz. Wiki about the rock music.
19.https://ccit300-f06.wikispaces.com/Pop Added by Lucía Silveria Zurita. Wiki about the pop music.
20. http://trcs.wikispaces.com/Rex+Cinema08 Added by Melani Mariscal Gómez. Wiki about the cinema.
21.http://www.spain.wikispaces.com/page/history/home
.Added by Antonio Gomez Salguero. Wiki about history

22.https://trcs.wikispaces.com/page/pdf/Animals08 . Added by Araceli Ibañez Ruiz. It's a wiki about injustices with animals

  • Exercise #2: Choose a subject for you wikipage (into our wikispace) and write it on the student's page. This is the list of possible subjects:

    • Ecology: climate change, global warming, de-growth...
    • Social issues: Human rights, poverty, addictions, prostitution...
    • Tecnology: computers, comunications, gadgets...
    • Musical genres: pop, rock, punk, heavy, folk, country...
    • History: Universal, European, Spanish history...
    • Science: Medicine, Biology, strange diseases...
    • Cinema: important movies, actors...
    • Olimpic games: History, news, stars...
    • Sexism: violence, women rights...

  • Exercise #3: Find an image using google images search about the subject which are you interested in, insert the image on your own wikipage and finally write a short comment about it. Steps for uploading image:

    • Copy URL of image.
    • Click on your own wikipage (see the list on the left on our wikispace 'wikicantico')
    • From wiki, press icon with the landscape. ('Insert images and files')
    • Click on External Image tab and paste URL. Load the image.
    • Double click on image to paste into wiki.
  • Exercise #4: Today you will be building and managing your wikipage.

    • First name your wikipage, putting the title in Heading 1.
    • Next, insert a link based on the subject into your personal wikipage listed on the left. Remember exercise 1.
    • Then you will write three or four sentances based on the photo you posted last week.
    • Use the editors toolbar to bold important words and choose a different color for the title. You can explore the toolbar and be creative!

  • Exercise #5: Finding and posting a video from Youtube.com. o Run a search for a video related to your chosen subject on Youtube.com

    • Copy the embedded code that is listed on the right of the video. It starts like <object width=... WARNING: The embedded code is not the URL. Make sure you select the WHOLE code.
    • On your wikipage click on the tv icon, titled embed widget.
    • Click on the word "video" and then select youtube.com.
    • Then paste the embedded code into the box below and click save. You have now posted a video on your page!</pan>
    • It should look something like this example below.

  • Exercise #6: Creating a collective page about software utilities. Each one of us has to complete the sentence "Software can be useful for...". It's not allowed write a sentence that has already been used by another student. Remember add your name besides your answer. Click here to do this exercise.




  • Exercise #7: Creating a collective page about hardware utilities. Each one of us has to complete the sentence "Hardware can be useful for...". Write at the end of the sentence the name of a piece of hardware associated with that utility. It's not allowed write a sentence that has already been used by another student. Remember add your name besides your answer. Click here to do this exercise.






WHAT IS A BLOG?

A blog is a frequently updated online personal journal or diary. The content is normally arranged in reverse-chronological order with the most recent post at the top of the main page and the older entries toward the bottom. Blogs are written with bloggers communicating directly to their audience, and replies are expected in the form of comments.

It is a place to express yourself to the world. A place to share your thoughts and your passions. Really, it's anything you want it to be. For our purposes we'll say that a blog is your own Web site that you are going to update periodically.

Blog is a short form for the word weblog and the two words are used interchangeably. Another definition could be: "[a] collection of posts...short, informal, sometimes controversial, and sometimes deeply personal...with the freshest information at the top."--Meg Hourihan (http://www.blogbasics.com/blog-tutorial-1-1.php



  • Exercise #8: In this exercise we are going to create a blog in Wordpress. The link to create your blog is here.

  1. On the Wordpress page click the orange Sign Up Now button.
  2. Create a Username. *Your Username will be the same as your wikispace Username.*
  3. Create a password...It's a good idea to use the same password you use for Helvia, Guadalinex, wikispaces, etc.
  4. Enter your e-mail address.
  5. Change the blog title.
  6. Sign up.
  7. You will receive a message in your e-mail Inbox that you must open. Click on the link in the e-mail.
  8. Log-in.

  • Exercise #9: Experimenting with "Themes" and customizing your blog.


  • Remember a blog is a personal website with posts and comments. You can customize your site much more than a wikipage and it allows you many pretty chances!.
  • Go to wordpress.com, and sign in with your username and password.
  • Click on then name of your blog, in the left of the screen. (You could create several blogs with your username)
  • You should now be into the manage space on your blog.
  • In the menu on the left click Appearance -> Themes -> A-Z.
  • Explore different themes, you have 78 available options alphabetically ordered!
  • Eventually choose the theme you like more for your blog.
  • Remember you have to post your blog address into the students' wikipage and the main topic or subject for your blog, so other students in the class and your teachers will be able to visit you.

  • Exercise #10: Writing your first post: Today you'll have to insert your first text into your blog.

    • The main purpose for a blog is comunicate information to the world, expressing your own opinion or point of view about the reality. Now you are a journalist, writer, poet, cooker, expert... or whatever you want!. Express yourself. Use your freedom. You can use your blog too for "copy" ideas, opinions, texts, images, videos, etc, from other people that are interesting for you. In this case you must always write the original source (URL, book, tv program, magazine...) where you have found that information and the name of the author (credits).

    • Go to wordpress.com, and sign in with your username and password.
    • Click on then name of your blog, in the left of the screen.
    • You should now be into the manage space on your blog.
    • Now click on the word "Write" to post in english your first text. Search for a new, event, opinion, idea... relationed with the subject that you've choosen for your blog.
    • If you don't have any idea today you can use the same text you wrote in your wikipage or a similar one.
  • Exercise #11: Writing comments in other blogs. Now it's time to leave comments in the blogs of your school friends.

    • In this "wikispace" you can explore the blogs of your classmates, through of their wikipages. When you find an interesting post in their blog you could write a short comment. (Remember, say things in a 'respectful way').
    • Leaving comments in other blogs may be a 'good strategy' to get comments in your own blog! For all the comments you write in other blogs, the more chances you have to receive comments in your own blog.
    • Insert the link with the URL of your blog in your comment, so other people will be able to visit you now.
    • For those of you have not finished all the exercises for the semester, take the time now to complete them.
      • Do you have a picture, video, and text in your wikipage?
      • Have you posted a link to your blog on your wikipage?
      • Have you posted in your blog yet?
  • Exercise #12: Inserting images into the blog post.

    • Find an image using google images search about the subject which are you interested for your next post.
    • Copy URL of image.
    • Click on the little square with a frame (just besides from the sentence "upload/insert").
    • Click on From URL tab .
    • Paste the URL into de box and load the image
    • Press "Insert into post"
    • Press Publish when all is fine.

  • Exercise #13: Embedding videos into the blog post.

    • Find a video using youtube, google video, dailymotion... about the subject which are you interested for your next post.
    • Copy URL of the video.
    • Click on the little icon "Add Video", besides to the square with a frame (just besides from the sentence "upload/insert").
    • Click on From URL tab .
    • Paste the URL into de box and load the image
    • Press "Insert into post"
    • Press Publish when all is fine.
  • Exercies # 14: Developing your blog, first, the Blogroll.


    • Blogroll: A list of websites on a blog. They are usually sources of information related with the subject of your blog, other websites by the author, or websites the author finds interesting and wishes to share.

    • Login to wordpress.com
    • Click on my dashboard.
    • On the lefthand column, click on 'Links,' then 'Add New.'
    • From here you can add a link to a website of your chioce. It can be:

      • Sources of information related with the subject of your blog
      • Another friends blog.
      • Another one of your own blogs or websites.
      • A source for your research.
      • Something you find interesting.

    • Type the name of the website on the line under 'Name.'
    • Type the address of the website on the line under 'Address.
    • Optional: Type a description of the website on the under 'Description.' This will be shown when the pointer hovers over the link.
    • To finish, click on the blue 'Add Link' button on the right of the screen.
    • ....now you have a website listed under your blogroll.

  • Exercise #15: Adding widgets to your blog.

    • In your dashboard go to Appearance -> Widgets.
    • You have a list of different widgets. You are going to insert 2- the calendar and links.
    • To do this you have to drag the widget and drop it in the right-hand column.
    • Visit your site to see the widgets in the right-hand column.
    • You can experiment and try other widgets that you want to add.

  • Exercise #16: Add subtitles to the video.

    • Create a new folder on your desktop titled Imagine
    • Go to the c0/helvia platform and choose Archivos ->Sonidos/Canciones -> Imagine.avi
    • Choose 'Save File' and save it in the Imagine folder
    • On the platform choose Archivos ->Sonidos/Canciones -> Imagine.pdf
    • Choose 'Save File' and save it with the video in the Imagine folder
    • In your Imagine folder, click with the right button 'Create Document'.
    • Take the text from the pdf and paste it in this document.
    • Rename the new file Imagine.srt (The subtitle file must have the same name as the video file with a .srt extension.)
    • To add subtitles:
      1
      00:00:01,000 --> 00:00:05,000
      IMAGINE

      2
      00:00:14,000 --> 00:00:19,000
      Imagine there's no Heaven

      3
      00:00:20,000 --> 00:00:27,000
      It's easy if you try....

    • Save the text in the file and close the document.
    • Watch the video. If you have written the subtitles correctly, you will see them at the bottom of the video.

  • Exercise #17: Downloading a video.

    • Search for a short video (no more than 3 minutes) on YouTube or Google Video related to the subject of your blog.
    • Play the video.
    • Once you have watched the whole video look for the file in: Computer -> File system -> tmp ->flash_ _ _
    • Create a New Folder on the desktop. Copy the video file and paste it into the new folder.
    • Rename the video to an easy name (without capital letters and without special characters) and add .flv
    • Open a Terminal by clicking: Applications -> Accessories -> Terminal
    • Write: cd Escritorio (enter)
    • Write: cd name_of_folder (enter)
    • Convert the file format writting: ffmpeg -i name_of_videofile.flv -sameq name_of_videofile.mpeg
  • Exercise #18: Add subtitles to your video.

    • Follow the steps in Exercise #16.
  • Exercise #19: Create an account in YouTube

    • Go to youtube.com and click Creat Account at the top of the page.
    • Your username should be the same as your Wikispace and Wordpress username without the underscore _ . Write down your password to avoid problems!!!
    • Follow the instructions on the page.
  • Exercise #20: Merge subtitles with a video

    • Open the folder with your .avi or .mpeg video and .srt subtitles (this should be on your desktop)
    • Open a Terminal by clicking: Applications -> Accessories -> Terminal
    • Write: cd Escritorio (enter)
    • Write: cd nameoffolder (enter)
    • Write: mencoder name_of_videofile.mpeg -ovc lavc -oac mp3lame -sub name_of_subtitles.srt -o new_file_name.mpeg (enter) (You will change the name of the underlined files to the name of the files in your folder.)
    • If everthing is good, you will have a new file with the subtitles merged to the video (you will not need two files, only one)
  • Exercise #21: "Custom Header"

    • Today we are going to make custom header images for our blogs.
    • The "header image" is a bitmap with an exact number of pixels. Each theme has an different size, for example, if you have choosen the "CaothicSoul" theme the size will be 760 x 151 pixels. We need to build the image. For this task we'll use an aplication to edit images (for example "The Gimp") and, of course, one or more photographs. The best thing would be use your own pictures (taken from your digital camera or from your own "personal album"). If you don't want use your own "material" you can download images from Internet, but, be careful: Some images may be "copyrighted".
    • Find an image with a large number of pixels in order to be able to do more things with it.
    • You can download pictures from this site http://commons.wikimedia.org/wiki/Main_Page without copyright problems.
    • To download the image from the internet, you view it in Full Size. You must click with the right button and choose Save File As.
    • Once you have the image or images that you are going to use for your "custom header" open the aplication GIMP (you can find it on Applications -> Graphics -> GIMP Image Editor
    • Select File -> New... and set the exact size for the bitmap, according to the theme you've choosen on your blog.
    • Copy, paste and crop images to get a wonderful "Header Image". Use tools, like "scalpel" (bisturí) to crop exactly a piece of the image.
    • Once you have cropped the image, you have to save it with a .jpg extension.
    • To set a new "Header image" in your blog go to Appearance (left menu) and click on "Custom Header" option. Remember that not all the themes allow a custom header image on your blog. Change the theme if necessary. Upload the new header image.

  • Exercise # 22: Inserting Text into a Photograph

    • Using GIMP, we are going to be inserting text into an image. Choose an image that you might already have, or found online. (remember Copyright protection laws) Save the image, and open with GIMP.
    • Click on the text button, which is a large T, and click on your picture where you want the text to go.
    • A box will open where you will put your text. Type a label for the picture or for your blog in the box, and it will appear on your picture. Once finished, close the box.
    • Using the toolbar, change the font and size of the text. This can be done while the text box is still open too.
    • Using the move layers tool, you can adjust the placement of your text as well.
    • Once you are satisfied with your image and text, you need to 'Merge the Layers.' Click on the 'Image' tab in the menu above the picture, and then on 'Merge Visible Layers', or 'combinar las capas visibles'. Click ok, on the box that appears. You are done!
      • If you have time at the end of class, use it to update your blog and write a new post. If you want to you, you can upload an image edited by you into your post. (Hint hint)

  • Exercise # 23: Combining photos...extreme photo editing

    • This week you are going to be combining pictures to create something new and completely different. You can manipulate the image to tell a story, share an opinion, or to improve the quality.
      800px-Lophophanes_cristatus_Luc_Viatour_2.jpg
      800px-Lophophanes_cristatus_Luc_Viatour_2.jpg
    • 800px-Port_Ghalib_march_2006-0097.jpg
      800px-Port_Ghalib_march_2006-0097.jpg











-First step, choose some images you wish work with...I chose two, the bird and the underwater scene to use as a back ground.
-Open the images you want to manipulate using GIMP...from here there are lot's of different steps you might take to create your final piece... I'm going to talk briefly about how to use a few different tools you can use.
  • Create and edit paths tool
    gimp.png
    gimp.png
    : Looks like a fountain pen point drawing a line with dot. If you have a specific object in the image you want to cut out, use this tool to draw guide lines around the object. Make sure the 'design' box is selected in the image. (I drew around the bird) when you have completely surrounded the object click 'create selection from path' on the GIMP toolbar. To move the selection, click the 'Move' box. From here you can copy the image.
  • Rotate the layer or selection: This will allow you to rotate the selected image, or object.
  • Flip the layer or selection: You can mirror the object.
-You can really do anything you want to your images. I copied the bird in with the fishes and added some text. Have fun!
where's_the_birdy.jpg
where's_the_birdy.jpg
here_fishy.jpg
here_fishy.jpg

Can you tell what tools I might have used for the second picture?
  • Here you have another example about how you can change some images to transform the original message in an "unexpected way".
http://www.letra.org/spip/article.php?id_article=1787
Only your imagination sets the limits ! ...Do you dare to play?

--Once you are done, post your picture on your blog so we can see what you did...

Another example: You can transmit a lot of information without using any words. Be creative!!

capitol.jpg

la-mezquita-de-cordoba1jpg.jpeg

3capitol.jpg


Exercise #24: Animated .gif

  • Open GIMP. Go to 'Archivo' --> Nuevo and make a new image that is 300x300.
  • Open Ventanas-->Dialogos-->Capas. In the new 'Capas' window, duplicate the background 4 times by clicking the 4th button on the bottom.
  • Right click the 2nd layer from the bottom and select 'Editar Atributos'. Name it Frame 1. Do the same for the 3rd and 4th layers and name them Frame 2 and Frame 3.
  • Unclick the eyes in all but the 1st layer. Select the 'Pincel' and draw a person. To draw straight lines, click the mouse where you want to start the line, press and hold the shift button, then click the mouse again where you want the line to end.
  • (If the 'Pincel' doesn't draw you must go to 'seleccionar' --> Nada)
  • When you finish layer 1, deselect the eye. Select the eye in layer two and selet the layer two (so that it is gray).
  • When you have 4 layers, select 'Archivo' -->guardar como. Make sure you save with .gif!! Guardar. And select, 'guardar como animación' and click 'Exportar'.
  • In the final window, you can modify the time between layers to make each layer appear slower. Save.
  • Open the .gif animation with the Mozilla Browser you can watch your animation!
  • Upload this .gif animation to your blog.



external image moz-screenshot.jpgexternal image moz-screenshot-1.jpgcoche-tunel.png

coche-tunel-sincoche.gif