Eines de l'usuari

Ajuda:EinesTutorial: Diferència entre les revisions

De EduWiki

Dreceres ràpides: navegació, cerca
(Escriure una entrada nova: afegim el nostre contingut!)
 
(Hi ha 68 revisions intermèdies sense mostrar fetes per 5 usuaris)
Línia 3: Línia 3:
 
<br>  
 
<br>  
  
== Registrar-se: vull formar part d'aquest equip!  ==
+
== Registre: vull formar part d'aquest equip!  ==
  
El primer pas és '''crear-se un compte''' en aquesta wiki (estem estudiant la possibilitat de validar els noms d'usuari i contrasenya de l'Xtec, però encara no està disponible)<br>  
+
El primer pas és '''crear-nos un compte''' en aquesta wiki (estem estudiant la possibilitat de validar els noms d'usuari i contrasenya de l'Xtec, però encara no està disponible)<br>  
  
1. Fer clic en "crea un compte" (busca a dalt, a la dreta)  
+
1. Fem clic en "crea un compte" (a dalt, a la dreta)  
  
 
[[Image:1 crea un compte 1.png|border|center]]<br>  
 
[[Image:1 crea un compte 1.png|border|center]]<br>  
Línia 21: Línia 21:
 
4. I finalment, rebem la benvinguda!!! Visca! Ja som part de l'equip!  
 
4. I finalment, rebem la benvinguda!!! Visca! Ja som part de l'equip!  
  
[[Image:1 creaun compte 4 final copy.png|border|center]]  
+
[[Image:1 creaun compte 4 final copy.png|border|center]] <br> [[#top|Torna a dalt]] <br>
  
== Escriure una entrada nova: afegim el nostre contingut!  ==
+
== Creació d'una entrada nova: afegim el nostre contingut!  ==
  
 
Ja podem començar a escriure!!!  
 
Ja podem començar a escriure!!!  
Línia 31: Línia 31:
 
1. Abans de fer una aportació, la primera cosa que farem serà '''cercar si ja existeix el contingut que volem crear'''. Hi ha tres maneres d'arribar-hi!<br>  
 
1. Abans de fer una aportació, la primera cosa que farem serà '''cercar si ja existeix el contingut que volem crear'''. Hi ha tres maneres d'arribar-hi!<br>  
  
*'''Des de la portada''', fent clic en la inicial de la paraula que volem definir<br>
+
*'''Des de la portada''', fem clic en la inicial de la paraula que volem definir.<br>
  
[[Image:Continguts1_perspectiva2.png]]<br>  
+
[[Image:Continguts1 perspectiva2.png|border|center]]<br>  
  
*Des l'accés de continguts que trobareu en '''el menú de l'esquerra''', que us portarà a l'espai '''Continguts''', tal i com podeu veure a la imatge següent:
+
*Des de l'accés de continguts '''del menú de l'esquerra''', que ens portarà a l'espai '''Continguts''', tal i com podem veure a la imatge següent. Aquí també fem clic en la inicial de la paraula que volem definir:
  
[[Image:Continguts1_perspectiva1.png|border|center]]
+
[[Image:Continguts1 perspectiva1.png|border|center]]  
  
*Introduint la paralua en l'espai cerca, tal i com mostrem en la imatge.
+
*Introduint la paraula en l''''espai cerca''', tal i com mostrem en la imatge.
  
[[Image:Continguts1_perspectiva3.png]]<br><br><br>
+
[[Image:Continguts1 perspectiva3.png|border|center]]<br>2. En qualsevol dels tres casos, '''si el contingut encara no existeix, tindrem l'''''''oportunitat de crear-lo'''.
  
2. En qualsevol dels casos, si el contingut no existeix, tindreu l'oportunitat de crear-lo. <br>
+
'''Important:'''&nbsp;En posar un títol a la vostra entrada, recordeu que '''no s'ha de posar l'article''' davant el títol de l'entrada, ja que la classificació és alfabètica per facilitar la cerca de continguts. D'aquesta manera, escriurem "Pantera" (i no "La pantera" ni "Panteres"). Amb els '''noms de persones''', posarem '''davant el cognom''', així la nostra entrada es dirà "Andersen, Hans Christian" (i no pas "Hans Christian Andersen").<br>  
  
<br>
+
[[Image:2 escriure entrada 01.png|border|center]]
  
[[Image:2_escriure_entrada_01.png|border|center]]
+
3. Ja tenim una nova plana dedicada a la nostra aportació! Podem començar a escriure i ho podem fer '''activant el Rich editor''' i ho veurem com un processador de text (tots els usuaris registrats tenen permís d'administrador-editor). Ho farem fent servir els estils predeterminats de la wiki (especialment les opcions de format: encapçalament, negreta, alineat, etc.).<br>
  
<br>  
+
[[Image:2 escriure entrada 02.png|border|center]]<br>  
  
3- Ara, ja tenim una plana especialment dedicada a la nostra aportació. Per treballar amb més comoditat podem activar el '''"rich editor".&nbsp;<br><br>'''
+
4.&nbsp; Recordem que mentre escrivim l'entrada '''podem previsualitzar''' les nostres aportacions abans de desar-ho, així podem anar veient com queden. A la part inferior de la pàgina, trobarem les diferents opcions que necessitem.<br>  
  
[[Image:Entradacategoria.jpg|border|center]]<br>  
+
[[Image:2 escriure entrada 03.png|border|center]]<br>  
  
4- Ara només queda començar a escriure (tots els usuaris registrats tenen permís d'administrador-editor) i ho farem fent servir els ''estils ''predeterminats de la wiki.  
+
5. Per aprendre a inserir [http://eduwiki.cat/index.php/Ajuda:EinesTutorial#Introduir_les_imatges.2C_per_a_il.C2.B7lustrar_la_nostra_publicaci.C3.B3.21 imatges] i [http://eduwiki.cat/index.php/Ajuda:EinesTutorial#Introduir_v.C3.ADdeos_i_d.27altres_materials_multim.C3.A8dia vídeos] podem anar als apartats 4, 5 i 6 d'aquest tutorial. <br>
 
+
[[Image:2 escriure una entrada 3 copia.png|border|center]]  
+
  
 
<br>  
 
<br>  
  
5- Un cop hem escrit el nostre article, si ho creiem oportú,&nbsp; podem afegir una categoria nova, o subcategoria. Per exemple si hem entrat a fer un article des de Socials i hem fet l'entrada de Catalunya, podem crear la subcategoria "Geografia". Ho farem de la següent manera:<br>  
+
6. Abans de finalitzar, recordem que hem de fer clic en "'''desa la pàgina'''"! Ara el nostre contingut ja forma part de l'Eduwiki i ja està a l'apartat corresponent! <br>  
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5.1- Al costat de la categoria Socials escriurem el nom de la subcategoria, en aquest cas "Geografia". Ho farem tal com es&nbsp;&nbsp;
+
<br> [[#top|Torna a dalt]] <br>
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mostra a la imatge. Recordeu que els claudators, [[ ]] s'escriuen amb la combinació de les tecles "Alt Gr"i la tecla "[" o "Alt Gr"
+
<br>
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i la tecla "]".  
+
== Copiar-Enganxar des d'un processador de text  ==
 +
 
 +
Si utilitzeu els '''models d'entrada''' que us suggereix la Wiki des del [[Media:Eduwiki_modelentrada.doc|Microsoft Word]] o l'[[Media:Eduwiki_modelentrada.odt|OpenOffice]], podeu copiar-enganxar el vostre text a una entrada de l'Eduwiki. <br>
 +
 
 +
No oblideu, però, '''utilitzar un editor de text''' prèviament per eliminar les etiquetes d'estil, que donen problemes a l'hora de visualitzar un text. Us proposem d'utilitzar el botó Wikitext per fer aquesta senzilla operació:<br>
  
 
<br>  
 
<br>  
  
[[Image:Contingutssubcategoria0.jpg|frame|center]]
+
'''1.''' Fem el '''''login''''' a l'Eduwiki.<br>
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5.2- D'aquesta manera la nostra entrada queda classificada com a "Socials" i al mateix temps com a "Geografia", en la imatge
+
{|
 +
|-
 +
| [[Image:1 crea un compte 1.png|300px]]
 +
| [[Image:Login.png|450px]]
 +
|}
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; es pot veure la categorització.  
+
<br> 2. Premem la pestanya d''''Editar''' a la nostra entrada (o en creem una de nova).<br>
  
<br>  
+
<br> [[Image:1 afegirunenllac 3 copia.png|center|400px]]
  
[[Image:Contingutssubcategoria.jpg|frame|center]]
+
<br> <br> 3. Fem clic a '''WikiText'''.<br>
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5.3- Si la categoria o subcategoria&nbsp; que hem creat apareix en vermell vol dir que és una categoria que hem de crear perquè es
+
[[Image:Clic wikitext.png|center|400px]]
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; vegi a l'índex.<br>  
+
<br> 4. Anem '''al processador de textos''', seleccionem el text i el '''copiem''' al Porta-retalls.
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Cliquem a sobre per editar-la i allà hem de posar, entre els claudators, a quina categoria pertany. Aquesta imatge és la mostra
+
<br> [[Image:Copiar delmodel entrada.png|center|450px]]
  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; del que hem de fer:
+
5. A l'Eduwiki, fem '''enganxar.'''
  
[[Image:Contingutssubcategoria2.jpg|frame|center]]
+
<br>
  
6-&nbsp; Recordem que mentre escrivim l'entrada podem previsualitzar les nostres aportacions abans de desar-ho, així podem anar veient com queden.<br>
+
[[Image:Enganxar text.png|center|400px]]
  
 
<br>  
 
<br>  
  
7- Per inserir [http://eduwiki.cat/index.php/EinesTutorial#Introduir_les_imatges.2C_per_a_il.C2.B7lustrar_la_nostra_publicaci.C3.B3.21 imatges] i [http://eduwiki.cat/index.php/EinesTutorial#Introduir_v.C3.ADdeos_i_d.27altres_materials_multim.C3.A8dia vídeos] aneu a l'apartat 4 i 5 d'aquest tutorial: <br>
+
6. Tornem a fer clic a WikiText per veure com queda el text. D'aquesta manera, l'entrada no té cap estil ni salts de línia. Podem esborrar el text que sobra i '''editar '''l'entrada '''amb les ''''''eines de l'Eduwiki''' (podem canviar la mida de la lletra, aliniació, afegir enllaços, etc.).
  
 
<br>  
 
<br>  
  
8-&nbsp; El nostre contingut ja forma part de LaWiki i està ben classificat! El trobareu a l'apartat corresponent!
+
[[Image:Editar text.png|center|450px]]
  
 
<br>  
 
<br>  
 +
 +
8. Fem '''desar'''.
  
 
<br>  
 
<br>  
  
<br>
+
[[Image:Pantera.png|center|600px]]
  
== Fer enllaços: relacionem allò que escrivim!  ==
+
<br> [[#top|Torna a dalt]] <br>
 +
 
 +
== Enllaços: relacionem allò que escrivim!  ==
  
 
Afegir vincles al text dels nostres articles és molt fàcil. Anirem pas a pas.<br>  
 
Afegir vincles al text dels nostres articles és molt fàcil. Anirem pas a pas.<br>  
  
=== Fer enllaços (a una web o espai virtual extern o a una altra plana d'aquesta wiki)<br>  ===
+
<br>
 +
 
 +
=== Com fer enllaços (a una web o espai virtual extern o a una altra plana d'aquesta wiki)<br>  ===
  
 
#Escriurem la paraula que volem enllaçar<br>  
 
#Escriurem la paraula que volem enllaçar<br>  
#Marcar-la amb el cursor<br>  
+
#La seleccionarem amb el cursor<br>  
#Fer clic en el símbol "Insereix/Edita enllaç".<br> [[Image:1 simbol Enllac copia.png|border|center]]<br>  
+
#Farem clic en el símbol "Insereix/Edita enllaç".<br> [[Image:1 simbol Enllac copia.png|border|center]]<br>  
#S'obrirà una finestra i l'omplirem amb la informació de l'enllaç. Si l'enllaç pertany a una plana de la wiki, bastarà amb introduir el nom de la plana (en el cas de la plana que estiu llegint ara mateix, seria "EinesTutorial")<br><br>[[Image:1 afegir un Enllac copia.png|border|center]]  
+
#S'obrirà una finestra i l'omplirem amb la informació de l'enllaç. Si l'enllaç pertany a una plana de la wiki, només caldrà introduir el nom de la plana (en el cas de la plana que estiu llegint ara mateix, seria "EinesTutorial")<br><br>[[Image:1 afegir un Enllac copia.png|border|center]]<br>
#Aquest és el resultat: les paraules "Més informació" són un vincle a la plana web&nbsp;http://ca.wikipedia.org/wiki/Insectes <br> [[Image:1 afegirunenllac 3 copia.png|border|center]]<br>‎
+
#Aquest és el resultat: la paraula "felins" és un vincle a la plana web&nbsp;http://ca.wikipedia.org/wiki/Felins<br><br> [[Image:1 afegirunenllac 3 copia.png|border|center]]<br>‎
 +
 
 +
<br>
  
=== ‎ Fer enllaços interns, però a una plana que encara no existeix.<br>  ===
+
=== ‎ Com fer enllaços interns, però a una plana que encara no existeix.<br>  ===
  
Sovint ens trobarem que pensem que cal treballar una paraula o concepte amb els nostres alumnes, i que volem "marcar-ho" d'alguna manera fins que abordem el tema a classe. És fàcil, ara aprendrem a fer-ho!  
+
Sovint pensem que cal treballar una paraula o concepte amb els nostres alumnes, i volem "marcar-ho" d'alguna manera fins que abordem el tema a classe. És fàcil, ara aprendrem a fer-ho!  
  
 
1. Seguirem les instruccions anteriors: <br>  
 
1. Seguirem les instruccions anteriors: <br>  
  
 
*Escriurem la paraula que volem enllaçar  
 
*Escriurem la paraula que volem enllaçar  
*La marcarem amb el cursor  
+
*La seleccionarem amb el cursor  
 
*Farem clic en el símbol "Insereix/Edita enllaç".
 
*Farem clic en el símbol "Insereix/Edita enllaç".
  
 
[[Image:1 simbol Enllac copia.png|border|center]]  
 
[[Image:1 simbol Enllac copia.png|border|center]]  
  
2. I (ara és diferent) escriurem el concepte que més endavant volem desenvolupar.[[Image:1 afegir un Enllac nocreat copia.png|border|center]]  
+
2. I (ara és diferent) escriurem el concepte que volem desenvolupar més endavant.[[Image:1 afegir un Enllac nocreat copia.png|border|center]]  
  
 
3. Aquest és el resultat: la paraula queda marcada en un color diferent, el que vol dir que... podrem treballar més endavant aquest concepte, dotant-lo de contingut![[Image:1 simbol Enllac inacabat copia.png|border|center]]  
 
3. Aquest és el resultat: la paraula queda marcada en un color diferent, el que vol dir que... podrem treballar més endavant aquest concepte, dotant-lo de contingut![[Image:1 simbol Enllac inacabat copia.png|border|center]]  
  
== Introduir les imatges, per a il·lustrar la nostra publicació!  ==
+
<br> [[#top|Torna a dalt]] <br>
  
Podem enriquir les nostres aportacions introduint il·lustracions, fotografies, icones, i d’altres elements gràfics. Endavant, són quatre senzilles passes!  
+
== Imatges: il·lustrem la nostra publicació! ==
  
=== Introduir la imatge en la col·lecció d'imatges de la wiki  ===
+
Podem enriquir les nostres aportacions introduint il·lustracions, fotografies, icones, i d’altres elements gràfics. Endavant, són quatre passos molt senzills&nbsp;! <br>
 +
 
 +
=== Com introduir la imatge en la col·lecció d'imatges de la wiki  ===
  
 
1. Buscarem en el menú lateral esquerra la paraula "[http://eduwiki.ravalnet.org/index.php/Especial:Carrega carrega]" i farem clic. <br>  
 
1. Buscarem en el menú lateral esquerra la paraula "[http://eduwiki.ravalnet.org/index.php/Especial:Carrega carrega]" i farem clic. <br>  
Línia 145: Línia 161:
 
2. Apareixerà una nova plana i, seguint les instruccions, localitzarem la imatge en el nostre disc dur:<br>[[Image:4 inseririmatges1 copia.png|border|center]]<br><br>  
 
2. Apareixerà una nova plana i, seguint les instruccions, localitzarem la imatge en el nostre disc dur:<br>[[Image:4 inseririmatges1 copia.png|border|center]]<br><br>  
  
3. Un cop localitzada la imatge, introduirem el nom que volem que tingui i una petita descripció:[[Image:4 inseririmatges3 copia.png|border|center]]4. Ja tenim la imatge a la nostra disposició (hem fet que formi part de la col·lecció d'imatges de la wiki!) <br>
+
3. Un cop localitzada la imatge, introduirem el nom que volem que tingui i una petita descripció:[[Image:4 inseririmatges3 copia.png|border|center]]4. Ja tenim la imatge a la nostra disposició (hem fet que formi part de la col·lecció d'imatges de la wiki!)  
  
=== Introduir una imatge de la col·lecció en les nostres aportacions  ===
+
<br>
  
1. El primer que hem de fer, és situar el cursor'''just en el punt''' en que volem inserir la imatge i fer clic en la icona "Insertar/Editar Imagen"[[Image:4 inseririmatges4 copia.png|border|center]]<br>
+
=== Com introduir una imatge de la col·lecció en les nostres aportacions  ===
  
2. S'obrirà una finestra i introduirem el nom de la nostra imatge, que es previsualitzarà. Podrem escollir el tipus (''special type'') i l'alineació (esquerra, dreta, centre). Recomanem, però, no variar l'amplada ni la llargària. <br>  
+
1. El primer que hem de fer, és situar el cursor '''just en el punt''' on volem inserir la imatge i fer clic a la icona "Insertar/Editar Imagen"[[Image:4 inseririmatges4 copia.png|border|center]]<br>
 +
 
 +
2. S'obrirà una finestra i introduirem el nom de la nostra imatge, que es previsualitzarà. Podrem escollir el tipus (''special type'') i l'alineació (esquerra, dreta, centre). Recomanem, però, no variar l'amplada ni la llargada. <br>  
  
 
[[Image:4 inseririmatges5 copia.png|border|center]]  
 
[[Image:4 inseririmatges5 copia.png|border|center]]  
Línia 157: Línia 175:
 
3. Un cop realitzada aquesta operació, tindrem un resultat com aquest!  
 
3. Un cop realitzada aquesta operació, tindrem un resultat com aquest!  
  
[[Image:Logo gata.png|border|center]]  
+
[[Image:Logo gata.png|border|center]] <br> [[#top|Torna a dalt]] <br>
 +
 
 +
== Widgets: il·lustrem les nostres entrades amb vídeos i d'altres materials multimèdia ==
 +
 
 +
També podem enriquir les nostres aportacions introduint vídeos, presentacions de fotografies i de diapositives, utilitzant els widgets.&nbsp;
 +
 
 +
Les següents presentacions i videotutorials ens ajudaran per començar a emprar els widgets més utilitzats. Feu clic a ''Veure a pantalla completa'', per veure'ls correctament i no deixeu de visitar la pàgina [[Ajuda:Widgets]], on trobareu totes les plantilles de widgets disponibles.
 +
 
 +
=== El Viquiatles ===
 +
 
 +
<addhtml id="1"><iframe src="//www.slideshare.net/slideshow/embed_code/key/2VmRnlm6qMHjR7" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/eduwiki/widgets-viquiatles" title="Widgets viquiatles" target="_blank">Widgets viquiatles</a> </strong> from <strong><a href="//www.slideshare.net/eduwiki" target="_blank">eduwiki</a></strong> </div></addhtml> {{#Widget:Blip.tv|id=AYKHs1QA|width=425|height=350}}
 +
 
 +
=== Els widgets de vídeo ===
 +
 
 +
<addhtml id="2"><iframe src="//www.slideshare.net/slideshow/embed_code/key/CJNmTfTT6jJZa" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/eduwiki/com-utilitzar-els-widgets-del-youtube-i-el-bliptv" title="Com utilitzar els widgets del YouTube i el Blip.tv" target="_blank">Com utilitzar els widgets del YouTube i el Blip.tv</a> </strong> from <strong><a href="//www.slideshare.net/eduwiki" target="_blank">eduwiki</a></strong> </div></addhtml> {{#Widget:Blip.tv|id=AYGQ4FCYgTY||width=425|height=350}}
 +
 
 +
=== Els widgets de fotografia ===
 +
 
 +
<addhtml id="3"><iframe src="//www.slideshare.net/slideshow/embed_code/key/LPHkkt0nAgw7sr" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/eduwiki/widgets-de-fotografia" title="Widgets de Fotografia" target="_blank">Widgets de Fotografia</a> </strong> from <strong><a href="//www.slideshare.net/eduwiki" target="_blank">eduwiki</a></strong> </div></addhtml> {{#Widget:Blip.tv|id=AYGRiCKYgTY||width=425|height=350}}
 +
 
 +
=== Widget de presentacions de diapositives ===
 +
 
 +
<addhtml id="4"><iframe src="//www.slideshare.net/slideshow/embed_code/key/BjLfF8wHY0u7Zd" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/eduwiki/widget-de-presentacions-de-diapositives-1724598" title="Widget de presentacions de diapositives" target="_blank">Widget de presentacions de diapositives</a> </strong> from <strong><a href="//www.slideshare.net/eduwiki" target="_blank">eduwiki</a></strong> </div></addhtml> {{#widget:SlideShare|doc=eduwikiwidgetsslideshare-090715064946-phpapp01}} {{#Widget:Blip.tv|id=AYGRo2WYgTY||width=425
 +
|height=350}}
 +
 
 +
=== Què son les plantilles de Widgets? ===
 +
 
 +
Aquest videotutorial explica què són els Widgets i com funcionen les seves plantilles<br/><addhtml id="5"><iframe src="//www.slideshare.net/slideshow/embed_code/key/AoOQqc1LtK46WY" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/eduwiki/els-widgets-a-leduwiki" title="Els Widgets a l&#x27;Eduwiki" target="_blank">Els Widgets a l&#x27;Eduwiki</a> </strong> from <strong><a href="//www.slideshare.net/eduwiki" target="_blank">eduwiki</a></strong> </div></addhtml> {{#Widget:Blip.tv|id=AYGPr26YgTY||width=425|height=350}}
 +
 
 +
<br/>[[#top|Torna a dalt]]
 +
 
 +
== Una altra manera d'introduir vídeos i d'altres materials multimèdia: les etiquetes &lt;''addhtml''&gt;<br>  ==
  
== Introduir vídeos i d'altres materials multimèdia ==
+
Els widgets són l'opció recomanada per introduir vídeos i altres multimèdia. Si no ens és possible utilitzar-los, emprarem les etiquetes &lt;addhtml&gt;.
  
Inserir vídeos és molt senzill. Quan estem treballant amb el ''rich editor'', situem el cursor en el punt en que volem introduir el nostre vídeo.  
+
Quan estem treballant amb el ''rich editor'', situem el cursor en el punt on volem introduir el nostre vídeo.  
  
 
Un cop escollit el punt, cercarem a la barra d'eines la icona {S}, tal i com es mostra a la següent il·lustració:  
 
Un cop escollit el punt, cercarem a la barra d'eines la icona {S}, tal i com es mostra a la següent il·lustració:  
Línia 171: Línia 220:
 
[[Image:1 inserir video 2.png|border|center]]  
 
[[Image:1 inserir video 2.png|border|center]]  
  
Els serveis que alberguen vídeos (com ara YouTube o Blip.tv, per exemple) ens ofereixen la possibilitat d'incrustar-lo en la eduwiki. Hem de copiar un ''codi html ''per després enganxar-lo:  
+
Els serveis que emmagatzemen vídeos (com ara YouTube o Blip.tv, per exemple) ens ofereixen la possibilitat d'incrustar-los en la eduwiki. Hem de copiar un ''codi html ''per després enganxar-lo:  
  
 
[[Image:1 inserir video 3.png|border|center]]  
 
[[Image:1 inserir video 3.png|border|center]]  
Línia 183: Línia 232:
 
[[Image:1 inserir video 4a.png|border|center]]  
 
[[Image:1 inserir video 4a.png|border|center]]  
  
Abans de gaudir del resultat final, haurem de fer una cosa més: per tal que lawiki ens acepti el codi html, hem de "'''protegir la pàgina'''". És fàcil! Cal anar a la part superior de l'eduwiki i fer clic en la paraula "'''protecció'''". En la nova finestra, seleccionarem '''"bloca tots els usuaris excepte administradors"''' i confirmem.<br>  
+
Abans de gaudir del resultat final, haurem de fer una cosa més: per tal que lawiki ens accepti el codi html, hem de "'''protegir la pàgina'''". És fàcil! Cal anar a la part superior de l'eduwiki i fer clic en la paraula "'''protecció'''". En la nova finestra, seleccionarem '''"bloca tots els usuaris excepte administradors"''' i confirmem.<br>  
  
 
Aquest és el resultat final! Ja podem veure el vídeo! <br><br>  
 
Aquest és el resultat final! Ja podem veure el vídeo! <br><br>  
Línia 191: Línia 240:
 
Aquesta sistemàtica funciona també amb altres tipus d'incrustacions html (àlbums d'imatge com ara Picasa o Flickr, presentacions com ara SlideShare, entre d'altres) . No deixeu de provar-ho!  
 
Aquesta sistemàtica funciona també amb altres tipus d'incrustacions html (àlbums d'imatge com ara Picasa o Flickr, presentacions com ara SlideShare, entre d'altres) . No deixeu de provar-ho!  
  
Nota per '''usuaris avançats: '''<br> Una darrere cosa! Si voleu introduir més d'un "html" en una mateixa plana, caldrà que desactiveu el "''RichEditor''" i retoqueu el codi, fent que cada un dels html tingui una numeració diferent. Exemples del resultat: '''&lt;addhtml id="2"&gt;'''codi_Embed2'''&lt;/addhtml&gt;''' o '''&lt;addhtml id="3"&gt;'''codi_Embed3'''&lt;/addhtml&gt;'''<br>
+
Nota per '''usuaris avançats: '''<br> Una darrera cosa! Si volem introduir més d'un "html" en una mateixa plana, caldrà que desactivem el "''RichEditor''" i retoquem el codi, fent que cada un dels html tingui una numeració diferent. Exemples de com s'han de numerar els codis:  
 +
<pre>&lt;addhtml id="2"&gt;&lt;codi x&gt;&lt;/addhtml&gt;  
 +
&lt;addhtml id="3"&gt;&lt;codi y&gt;&lt;/addhtml&gt;</pre>
 +
<br> <br> [[#top|Torna a dalt]] <br>  
  
== Cerquem contingut a l'eduwiki<br>  ==
+
<br>
 +
 
 +
== Recerca de contingut: utilitzem tots els recursos de l'Eduwiki<br>  ==
  
 
Hi ha, com a mínim, tres formes diferents de trobar contingut en aquest espai:  
 
Hi ha, com a mínim, tres formes diferents de trobar contingut en aquest espai:  
  
*A travès del cercador que trobareu al menú de l'esquerra. Bastarà introduir una paraula en la caixa anomenada "cerca" i fer clic en el botó "Vés-hi"  
+
*A travès del cercador que trobareu al menú de l'esquerra. N'hi ha prou amb introduir una paraula en la caixa anomenada "cerca" i fer clic en el botó "Vés-hi"  
*A través de l'[[Index|índex automàtic]]. <br>  
+
*A través de l'[[Ajuda:Index|índex automàtic]]. <br>  
 
*Navegant i navegant... que d'això també es tracta.
 
*Navegant i navegant... que d'això també es tracta.
[[Categoria:Ajuda]]
+
 
 +
<br> <br> [[#top|Torna a dalt]] <br>
 +
 
 +
[[Category:Ajuda]]

Revisió de 09:37, 15 feb 2016

Icona EinesTutorials.png


Registre: vull formar part d'aquest equip!

El primer pas és crear-nos un compte en aquesta wiki (estem estudiant la possibilitat de validar els noms d'usuari i contrasenya de l'Xtec, però encara no està disponible)

1. Fem clic en "crea un compte" (a dalt, a la dreta)

1 crea un compte 1.png

2. S'obrirà el diàleg que serveix per iniciar la sessió o crear un compte, que és el que en aquest cas volem (Tornarem aquí per tal d'entrar o "iniciar sessió" les properes vegades)

1 creaun compte 2.png

3. Haurem d'omplir un formulari. Entretingut però important!

1 creaun compte 3.png

4. I finalment, rebem la benvinguda!!! Visca! Ja som part de l'equip!

1 creaun compte 4 final copy.png

Torna a dalt

Creació d'una entrada nova: afegim el nostre contingut!

Ja podem començar a escriure!!!


1. Abans de fer una aportació, la primera cosa que farem serà cercar si ja existeix el contingut que volem crear. Hi ha tres maneres d'arribar-hi!

  • Des de la portada, fem clic en la inicial de la paraula que volem definir.
Continguts1 perspectiva2.png

  • Des de l'accés de continguts del menú de l'esquerra, que ens portarà a l'espai Continguts, tal i com podem veure a la imatge següent. Aquí també fem clic en la inicial de la paraula que volem definir:
Continguts1 perspectiva1.png
  • Introduint la paraula en l'espai cerca, tal i com mostrem en la imatge.
Continguts1 perspectiva3.png

2. En qualsevol dels tres casos, si el contingut encara no existeix, tindrem l''oportunitat de crear-lo'.

Important: En posar un títol a la vostra entrada, recordeu que no s'ha de posar l'article davant el títol de l'entrada, ja que la classificació és alfabètica per facilitar la cerca de continguts. D'aquesta manera, escriurem "Pantera" (i no "La pantera" ni "Panteres"). Amb els noms de persones, posarem davant el cognom, així la nostra entrada es dirà "Andersen, Hans Christian" (i no pas "Hans Christian Andersen").

2 escriure entrada 01.png

3. Ja tenim una nova plana dedicada a la nostra aportació! Podem començar a escriure i ho podem fer activant el Rich editor i ho veurem com un processador de text (tots els usuaris registrats tenen permís d'administrador-editor). Ho farem fent servir els estils predeterminats de la wiki (especialment les opcions de format: encapçalament, negreta, alineat, etc.).

2 escriure entrada 02.png

4.  Recordem que mentre escrivim l'entrada podem previsualitzar les nostres aportacions abans de desar-ho, així podem anar veient com queden. A la part inferior de la pàgina, trobarem les diferents opcions que necessitem.

2 escriure entrada 03.png

5. Per aprendre a inserir imatges i vídeos podem anar als apartats 4, 5 i 6 d'aquest tutorial.


6. Abans de finalitzar, recordem que hem de fer clic en "desa la pàgina"! Ara el nostre contingut ja forma part de l'Eduwiki i ja està a l'apartat corresponent!


Torna a dalt


Copiar-Enganxar des d'un processador de text

Si utilitzeu els models d'entrada que us suggereix la Wiki des del Microsoft Word o l'OpenOffice, podeu copiar-enganxar el vostre text a una entrada de l'Eduwiki.

No oblideu, però, utilitzar un editor de text prèviament per eliminar les etiquetes d'estil, que donen problemes a l'hora de visualitzar un text. Us proposem d'utilitzar el botó Wikitext per fer aquesta senzilla operació:


1. Fem el login a l'Eduwiki.

1 crea un compte 1.png Login.png


2. Premem la pestanya d'Editar a la nostra entrada (o en creem una de nova).


1 afegirunenllac 3 copia.png



3. Fem clic a WikiText.

Clic wikitext.png


4. Anem al processador de textos, seleccionem el text i el copiem al Porta-retalls.


Copiar delmodel entrada.png

5. A l'Eduwiki, fem enganxar.


Enganxar text.png


6. Tornem a fer clic a WikiText per veure com queda el text. D'aquesta manera, l'entrada no té cap estil ni salts de línia. Podem esborrar el text que sobra i editar l'entrada amb les 'eines de l'Eduwiki' (podem canviar la mida de la lletra, aliniació, afegir enllaços, etc.).


Editar text.png


8. Fem desar.


Pantera.png


Torna a dalt

Enllaços: relacionem allò que escrivim!

Afegir vincles al text dels nostres articles és molt fàcil. Anirem pas a pas.


Com fer enllaços (a una web o espai virtual extern o a una altra plana d'aquesta wiki)

  1. Escriurem la paraula que volem enllaçar
  2. La seleccionarem amb el cursor
  3. Farem clic en el símbol "Insereix/Edita enllaç".
    1 simbol Enllac copia.png

  4. S'obrirà una finestra i l'omplirem amb la informació de l'enllaç. Si l'enllaç pertany a una plana de la wiki, només caldrà introduir el nom de la plana (en el cas de la plana que estiu llegint ara mateix, seria "EinesTutorial")

    1 afegir un Enllac copia.png

  5. Aquest és el resultat: la paraula "felins" és un vincle a la plana web http://ca.wikipedia.org/wiki/Felins

    1 afegirunenllac 3 copia.png


‎ Com fer enllaços interns, però a una plana que encara no existeix.

Sovint pensem que cal treballar una paraula o concepte amb els nostres alumnes, i volem "marcar-ho" d'alguna manera fins que abordem el tema a classe. És fàcil, ara aprendrem a fer-ho!

1. Seguirem les instruccions anteriors:

  • Escriurem la paraula que volem enllaçar
  • La seleccionarem amb el cursor
  • Farem clic en el símbol "Insereix/Edita enllaç".
1 simbol Enllac copia.png
2. I (ara és diferent) escriurem el concepte que volem desenvolupar més endavant.
1 afegir un Enllac nocreat copia.png
3. Aquest és el resultat: la paraula queda marcada en un color diferent, el que vol dir que... podrem treballar més endavant aquest concepte, dotant-lo de contingut!
1 simbol Enllac inacabat copia.png


Torna a dalt

Imatges: il·lustrem la nostra publicació!

Podem enriquir les nostres aportacions introduint il·lustracions, fotografies, icones, i d’altres elements gràfics. Endavant, són quatre passos molt senzills !

Com introduir la imatge en la col·lecció d'imatges de la wiki

1. Buscarem en el menú lateral esquerra la paraula "carrega" i farem clic.

2. Apareixerà una nova plana i, seguint les instruccions, localitzarem la imatge en el nostre disc dur:
4 inseririmatges1 copia.png


3. Un cop localitzada la imatge, introduirem el nom que volem que tingui i una petita descripció:
4 inseririmatges3 copia.png
4. Ja tenim la imatge a la nostra disposició (hem fet que formi part de la col·lecció d'imatges de la wiki!)


Com introduir una imatge de la col·lecció en les nostres aportacions

1. El primer que hem de fer, és situar el cursor just en el punt on volem inserir la imatge i fer clic a la icona "Insertar/Editar Imagen"
4 inseririmatges4 copia.png

2. S'obrirà una finestra i introduirem el nom de la nostra imatge, que es previsualitzarà. Podrem escollir el tipus (special type) i l'alineació (esquerra, dreta, centre). Recomanem, però, no variar l'amplada ni la llargada.

4 inseririmatges5 copia.png

3. Un cop realitzada aquesta operació, tindrem un resultat com aquest!

Logo gata.png

Torna a dalt

Widgets: il·lustrem les nostres entrades amb vídeos i d'altres materials multimèdia

També podem enriquir les nostres aportacions introduint vídeos, presentacions de fotografies i de diapositives, utilitzant els widgets. 

Les següents presentacions i videotutorials ens ajudaran per començar a emprar els widgets més utilitzats. Feu clic a Veure a pantalla completa, per veure'ls correctament i no deixeu de visitar la pàgina Ajuda:Widgets, on trobareu totes les plantilles de widgets disponibles.

El Viquiatles

Els widgets de vídeo

Els widgets de fotografia

Widget de presentacions de diapositives

Què son les plantilles de Widgets?

Aquest videotutorial explica què són els Widgets i com funcionen les seves plantilles


Torna a dalt

Una altra manera d'introduir vídeos i d'altres materials multimèdia: les etiquetes <addhtml>

Els widgets són l'opció recomanada per introduir vídeos i altres multimèdia. Si no ens és possible utilitzar-los, emprarem les etiquetes <addhtml>.

Quan estem treballant amb el rich editor, situem el cursor en el punt on volem introduir el nostre vídeo.

Un cop escollit el punt, cercarem a la barra d'eines la icona {S}, tal i com es mostra a la següent il·lustració:

1 inserir video.png

Se'ns obrirà una petita pantalla amb el títol "special tag properties" i escollirem l'opció "addhtml"

1 inserir video 2.png

Els serveis que emmagatzemen vídeos (com ara YouTube o Blip.tv, per exemple) ens ofereixen la possibilitat d'incrustar-los en la eduwiki. Hem de copiar un codi html per després enganxar-lo:

1 inserir video 3.png

Ara, enganxem el codi:

1 inserir video 4.png

I aquest és el resultat. Podem apreciar que al nostre text apareix una entrada <special>. Desarem la pàgina per tal de veure el resultat final.

1 inserir video 4a.png

Abans de gaudir del resultat final, haurem de fer una cosa més: per tal que lawiki ens accepti el codi html, hem de "protegir la pàgina". És fàcil! Cal anar a la part superior de l'eduwiki i fer clic en la paraula "protecció". En la nova finestra, seleccionarem "bloca tots els usuaris excepte administradors" i confirmem.

Aquest és el resultat final! Ja podem veure el vídeo!

1 inserir video 5.png

Aquesta sistemàtica funciona també amb altres tipus d'incrustacions html (àlbums d'imatge com ara Picasa o Flickr, presentacions com ara SlideShare, entre d'altres) . No deixeu de provar-ho!

Nota per usuaris avançats:
Una darrera cosa! Si volem introduir més d'un "html" en una mateixa plana, caldrà que desactivem el "RichEditor" i retoquem el codi, fent que cada un dels html tingui una numeració diferent. Exemples de com s'han de numerar els codis:

<addhtml id="2"><codi x></addhtml> 
<addhtml id="3"><codi y></addhtml>



Torna a dalt


Recerca de contingut: utilitzem tots els recursos de l'Eduwiki

Hi ha, com a mínim, tres formes diferents de trobar contingut en aquest espai:

  • A travès del cercador que trobareu al menú de l'esquerra. N'hi ha prou amb introduir una paraula en la caixa anomenada "cerca" i fer clic en el botó "Vés-hi"
  • A través de l'índex automàtic.
  • Navegant i navegant... que d'això també es tracta.



Torna a dalt

Enllaços
  • edu3.cat
  • edu365.cat
  • xtec.cat