Formación Drupal CRA SANTA COMBA

WEB DO CRA SANTA COMBA

TITORIAIS DRUPAL

1. Engadir unha URL

http://oaoamatematicas.org/

https://drive.google.com/drive/u/0/folders/0Bw8FsVGnN_X3YmlHVFY5bXk0Y1E

2. Procupar unha imaxe libre en Google e publicala en Drupal

 

- Buscamos "Regletas de Cuisenaire"

- Descargamos a imaxe e publicámola na web

   a. A través da URL

   b. Subindo a imaxe ao servidor

3. Youtube

   Resta por descomposición: https://www.youtube.com/watch?v=cmvhANYivVg

4. Pdf

   https://oaoa.atio.es/sites/oaoa/files/inline-images/resta_rocodromo/resta_rocodromo_menor_30.pdf

   <iframe src="https://docs.google.com/viewer?url=https://oaoa.atio.es/sites/oaoa/files/inline-images/resta_rocodromo/resta_rocodromo_menor_30.pdf&embedded=true"  style="width:100%; height:500px;" frameborder="0"></iframe>

5. Vídeo

   a. Descargamos vídeo da web

   Montaxe dun Escornabot. CEIP DE BAIÑAS http://www.edu.xunta.gal/centros/ceipbainas/node/319

   http://www.edu.xunta.gal/centros/ceipbainas/system/files/escornabot.mp4

   Código:

   <div>
   <video width="512" height="240" controls="controls">
   <source src="http://www.edu.xunta.gal/centros/ceipbainas/system/files/escornabot.mp4" type="video/mp4" />
   O teu navegador non soporta este vídeo.
   </video>
   </div>

DIMINUIR O TAMAÑO DUN VÍDEO

6. Lightbox

   Titorial

   http://atio.es/acristina/data/_uploaded/image/abarca/abarca.jpg

https://blog.atio.es/sites/blog/files/inline-images/crastacomba/abarca2.jpg

  

SESIÓN 3

1. Crear unha nova cun texto, elixindo de forma axeitada a taxonomía e termo

https://www.lipsum.com/

a. Crear contido > páxina

b. Crear contido > Páxina portada

Volver a editala, cambiando o título. Borrala nova.

2. Descargar unha imaxe libre, cambiarlle o tamaño a un máximo de 500px de ancho co Gimp

https://unsplash.com/

3.Subir un pdf

a. Descargar este ficheiro pdf: https://oaoa.atio.es/sites/oaoa/files/inline-images/suma_arbol/suma_arbol_nivel_1.pdf

b. Sacar unha captura de imaxe de parte do pdf

c. Subir a imaxe resultado da captura

d. subir o pdf como ficheiro adxunto

e. Enlazar a imaxe co pdf

4. Inserir un vídeo de Youtube. Antonio Fraguas e os seus mestres. I.E.S de Cotobade

https://www.youtube.com/watch?v=HTYrYVjaeIA&feature=share

5. Inserir un vídeo con código html5

a. Descargar o vídeo: http://www.edu.xunta.gal/centros/ceipbainas/system/files/Mu%C3%B1eira%20Global.mp4

b. Crear contido Páxina. Adxuntamos o ficheiro de vídeo. Copiamos a URL e adaptamos o seguinte código.

<div>
<video width="720" height="406" controls="controls">
<source src="http://atio.es/fi/video.mp4" type="video/mp4" />
O teu navegador non soporta este vídeo.
</video>
</div>

6. Redimensionar un conxunto de imaxes por lotes e crear un álbum

a. Descargar o xnconvert e instalalo e configurar o idioma: https://www.xnview.com/en/xnconvert/#downloads

b. Baixar a seguinte carpeta comprimida con imaxes. Descomprimila. Dentro da carpeta creamos unha subcarpeta chamada escaladas, na que introduciremos as fotos coas novas dimensións.

http://www.edu.xunta.gal/centros/zonaceed6/system/files/album_fotos_cra.zip

c. Co XnConvert, abrimos o cartafol no cal teñamos as fotos. En accións, escollemos a de Imaxe > Redimensionar, cun ancho de 300px

d. En saída, escollemos a subcarpeta escaladas e Nome de Ficheiro, deixamolo así {Filename}_r

e. Clic en convert

f. Editar o seguinte código html, modificando o src das imaxes

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <style>
        #galeria_cra{
            box-sizing: border-box;
            width:100%;
            padding: 10px;
            background:#343C44;
            border-radius: 7px;
            overflow:hidden;
        }
        #galeria_cra .filagaleria{
            display:flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        #galeria_cra .caixa{
            display:flex;
            position: relative;
            width:300px;
            height: auto;
            margin-top:10px;
        }
    </style>
</head>
<body>
        <section id="galeria_cra">
                 
                    <div class="filagaleria">
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=1" alt=""></div>
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=2" alt=""></div>  
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=3" alt=""></div>  
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=4" alt=""></div>  
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=5" alt=""></div>  
                    </div>
        </section>  
</body>
</html>

f. Crear contido páxina. En formato de entrada escollemos PHP code e seguidamente clic en Desactivar texto enriquecido. Pegamos o código html modificado e gardar.

 

7. Cambiar a resolución de un vídeo con Handbrake

a. Descargar o handbrake: https://handbrake.fr/

b. Instalar ffmulticonverter


su root

apt update

apt install ffmulticonverter

b. Descargamos o ficheiro de alta resolución: https://drive.google.com/file/d/1uE4k7ZzwJ2whNgaWG9vRkNYEPekCXxBf/view

c. Cambiamos a resolución, seguindo este tutorial: https://blog.atio.es/node/125

     Dimensións finais: 512 x 288

     Bitrate: 600 kbps

     Audio bitrate:120

d. Publicámolo

 

Tarefas para o alumnado no EVA Edixgal

ies brion.jpg

 

SESIÓN Nº1

1. Accedemos ao entorno de formación cos credenciais de profesor. Creación dunha materia. Inserir, quitar e ordenar libros.

P1_LIBROS

2. Xuntar recursos propios: pdf e vídeos de youtube.

P2_PDF E VÍDEOS

3. As tarefas

TITORIAL TAREFAS

P3_PDF

P4_LECTURA

P5_INVESTIGACIÓN

 

SESIÓN Nº2

3. As tarefas (continuación)

P6_PRESENTACIÓN

P7_FREEMIND

4. Planificación temporal das entregas de traballos. Taboleiro e foros.

P8_PLANIFICACIÓN

5. Libros de texto

EDITORIAL PLANETA

EDITORIAL PLANETA - CREAR UNIDADES NOVAS

EDITORIAL NETEX

EDITORIAL PEARSON - INGLÉS

6. Copia de seguridade do curso

P9_COPIA DE SEGURIDADE

7. Avaliación

AVALIACIÓN EN EDIXGAL

8. O recurso do Blog de Aula. Agueiro.

CREAR UN PORTAFOLIO

Exemplos:

Mbot: https://agueiro.xunta.gal/view/view.php?t=SPwM1K8N7nOhTpGcRmr3

Electricidade: https://agueiro.xunta.gal/view/view.php?t=EbRMDqzukyZtWKpV89wv

 

 

Compartir colección en Agueiro

share.png

Un profesor A quere compartir unha colección de páxinas cun profesor B en Agueiro. Vexamos o procedemento:

Profesor A entra coa súa conta corporativa en Agueiro

1. Crea a colección e engade as páxinas que desexe. 

2. Pincha en "compartido por min", escollendo "coleccións" e seguidamente en "Editar acceso". A dereita arriba aparece a un despregable que pon "Opcións avanzadas" e aí escolle "permitir copia" abaixo aparece outro despregable "Compartir con", e escolle o usuario con quen quere compartilo. Imaxinemos que o usuario fose profesorb@edu.xunta.es. O profesor A remataría aquí o seu traballo.

Entra o profesor B coa súa conta. A primeira vista en "Coleccións", non aparece nada...o que efectivamente resulta confuso, pois no caso dunha páxina compartida con copia si aparece. Pero, funciona. Vexamos o que debe facer o profesor B

1. Fai un clic en "Compartido comigo" e aí si aparece a colección compartida. Pincha na colección e visualiza a colección compartida. Á dereita aparece o botón "Copiar". Pincha o profesor na icona e escolle "colección" na fiestra emerxente coa mensaxe de confirmación. Clic en "Seguinte: Editar colección de páxinas" e clic en "Listo"

2. Agora se o profesor B pincha en coleccións xa a pode visualizar a páxina como propia e obviamente pódea modificar e pode volvela a compartir co profesor A seguindo o mesmo procedemento explicado anteriormente.

Engadir unha cor de fondo a un texto en Drupal 6

En ocasións desexamos resaltar un texto. Para iso podemos engadir unha cor de fondo a esa nova en concreto. Podemos empregar os seguintes métodos para a súa edición. Un dos datos que hai que engadir é o código da cor que desexamos engadir de fondo. Unha maneira de consultar eses códigos e a través da páxina https://picular.co

OPCIÓN Nº1

Coa axuda das táboas

Inserir táboa → avanzado → Cor de fondo

taboa0.png

taboa1.png

taboa2.png

OPCIÓN Nº2

Coa axuda de código CSS (máis elegante). Creamos un novo contido tipo páxina. Clic en disable rich text:

disable.png

E pegas un código html similar ao seguinte, pero modificando o texto que aparece entre as etiquetas <p> ---</p>, polo desexado. É interesante engadir un padding, para que a nova manteña un marxe en todo o contorno.

 <!doctype html>
<html>
<head>
   <style type="text/css">

      #texto_cor_fondo {
          padding: 10px;
          background-color: #d8da3d; }
  </style>
</head>

<body>

<div id="texto_cor_fondo">
<p>


¿Qué es Lorem Ipsum?

Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto... 

</p>
</div>
</body>
</html>

codigo.png

OPCIÓN Nº3

No caso de que traballemos cun ficheiro css nunha carpeta pública, eliminaremos do código html anterior a parte correspondente a <style> --- </style>, que debe de estar reflexado no ficheiro css da carpeta pública. Se queremos empregar ese estilo de fondo en máis dun sitio, en vez de escoller un id, debemos de definir unha clase, coa etiqueta class. Quedaría do seguinte xeito:

No ficheiro css:

 .texto_cor_fondo {

    padding:10px;
    background-color: #d8da3d;

  }

En cada entrada creanda engadiremos código html, dispoñendo entre a etiqueta <p> ---</p> o texto que consideremos

<!doctype html>
<html>
<head>
</head>

<body>

<div class="texto_cor_fondo">
<p>

¿Qué es Lorem Ipsum?

Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.

</p>
</div>
</body>
</html>

resultado.png

 

 

Montar unha unidade nfts automaticamente na Maqueta Abalar Libre

gparted.png

No caso que queiramos abrir unha partición ou un disco con formato NTFS (o formato habitual de Windows) se que nos pida o contrasinal de root, debemos de seguir o seguinte procedemento:

1. Crear un cartafol en /media no cal montaremos a partición ou disco. Neste exemplo, chamareille datos.

su root

#mkdir /media/datos

#chmod -R 777 /media/datos   (dámoslle permisos de lectura, escritura e execución a todos os usuarios)

2. Editamos o ficheiro fstab, engadindo o novo disco

#mousepad /etc/fstab

E engadimos unha liña como a seguinte:

/dev/sdc1       /media/datos/ ntfs-3g defaults 0 0


/dev/sdc1 é o disco de datos que queremos montar. Para saber se é sdc1, sdc2, sdd1, etc empregaremos o gparted, por exemplo

/media/datos/  é o cartafol onde montarmos a unidade

ntfs-3g. É o formato do disco de datos desta exemplo. Se fose de Linux, o máis probable é que tivera un formato ext4

3. Nunha distribución normal, con isto xa se montaría automaticamente, sen embargo na maqueta Abalar debemos de darlle orde de montar no inicio. Para iso editamos o ficheiro rc.local

#mousepad /etc/rc.local

Engadimos a seguinte liña antes da orde exit 0

mount -t ntfs-3g /dev/sdc1 /media/datos

Reiniciamos e ao abrir na icona unidade de datos xa non pedirá o contrasinal de root

 

 

Conexión ssid edu.xunta.es

aps.png

Os centros Abalar e os centros que participan no Programa de Aulas Conectadas de red.es, emiten a través dos seus puntos de acceso (AP) unha rede chamada edu.xunta.es. Deste xeito, un docente pode conectarse á rede wifi edu.xunta.es en calquera centro de Galicia.

Sen embargo para conectarse debemos de configurar ben o dispositivo (o móbil ou o computador), elixindo o cifrado e engadindo as credenciales edu.xunta.es. Velaquí deixo un manual explicativo sobre a configuración do dispositivo.

MANUAL DO USUARIO

Instalación do plugin Adobe Flash en Debian. Visualización dos libros dixitais

Adobe_Flash_Player_SVG.svg.png

Aínda que a tecnoloxía flash é obsoleta e vaise migrando aos poucos a html5, aínda quedan moitas páxinas editadas con esta tecnoloxía. Para visualizalas non chega con dispoñer dun navegador, debemos de engadirlle un plugin de Flash.

En Debian podemos traballar cunha versión libre e Flash, chamada gnash. Funciona aparentemente en moitas páxinas, pero noutras moitas a visualización pode ser incorrecta (falla o escalado), e incluso non verse nada. Por este motivo, ás veces non temos máis remedio que desinstalar este plugin libre e instalar o plugin privativo de Adobe.

GNU_Gnash_logo.png

Para desinstalalo podemos abrir o synaptic, ou tamén o podemos facer desde o terminal, iso si, contando con privilexios de root ou ben de sudo, se fose o caso.

su root

apt remove gnash

synaptic_0.png

 

desinstalar.png

Seguidamente instalamos os drivers privativos de Adobe. Sen embargo debemos saber que é diferente o plugin para Firefox que para Chromiun e os dous podemos descargalos manualmente da páxina de Adobe.

MOZILLA FIREFOX

480px-Firefox_Logo,_2017.svg.png

A. Procedemento automático. Para instalar o plugin de Adobe Flash para Firefox, abrimos o synaptic e instalamos o paquete flashplayer-mozilla

flashplayermozilla.png

Tamén o podemos facer, coma sempre desde o terminal, coa seguinte instrución:

apt install flashplayer-mozilla

B. Procedemento manual. Se preferimos descargar a última versión que publicou Adobe, dirixímonos á páxina de Adobe:

https://get.adobe.com/es/flashplayer/otherversions/

Escollemos o sistema operativo e o paquete tar.gz, concretamente o paquete NPAPI, que é o que lle ofrece a funcionalidade Flash a Mozilla Firefox

ssoo.png

npapi.png

Creamos un cartafol e movemos o ficheiro dentro dela:
 
mkdir adobeflash

mv flash_player_npapi_linux.i386.tar.gz adobeflash

 

Entramos no cartafol e descomprimimos o ficheiro. Se queremos podemos facelo desde o terminal:
 
cd adobeflash

tar -xvzf flash_player_npapi_linux.i386.tar.gz

 

Sobreescribimos a carpeta /usr cos contidos da carpeta usr que visualizamos despois de descomprimir. Para isto teremos que adquir os dereitos do usuario root
su root (indicamos o contrasinal, que por defecto é toor)

cp -rp usr /usr

su root
Copiamos o ficheiro libflashplayer.so na ruta /usr/lib/mozilla/plugins/
 
cp libflashplayer.so /usr/lib/mozilla/plugins/

Probamos se funciona. Para iso cargamos no Firefox a seguinte páxina:

http://get.adobe.com/flashplayer/about

clic_activar.png

Pinchamos en Activar Adobe Flash e con iso desbloqueamos o plugin, que por certo o Firefox, nas versións Quantum bloquea por defecto.

Probamos coa páxina de xogos online friv.com para comprobar o correcto funcionamento:

 

friv.png

 

GOOGLE CHROMIUM

256px-Chromium_11_Logo.svg.png

1. PROCEDEMENTO AUTOMÁTICO:

Abrimos o Synaptic e instalarmos o paquete flashplayer-chromium. Tamén o podemos facer desde o terminal:

apt install flashplayer-chromium

chromium.png

2. PROCEDEMENTO MANUAL

Dirixímonos á páxina de Adobe: https://get.adobe.com/es/flashplayer/otherversions/

Seleccionamos o sistema operativo e o paquete tar.gz, versión PPAPI

ppapi.png

Descargamos o ficheiro e descomprimimos, de forma idéntica ao xa explicado para Firefox.  Copiamos os ficheiros libpepflashplayer.so e manifest.json ao cartafol /usr/lib/adobe-flashplugin/. Se non existise o cartafol adobe-flashplugin, procedemos a crealo

mkdir /usr/lib/pepperflashplugin-nonfree/
cp libpepflashplayer.so /usr/lib/pepperflashplugin-nonfree/

cp manifest.json /usr/lib/pepperflashplugin-nonfree/

Quedando o cartafol deste xeito:

resultado_pepper.png

 

Dirixímonos a /etc/chromium.d/ e creamos un ficheiro co nome flashplayer-chromium.conf:

cd /etc/chromium.d/

touch flashplayer-chromium.conf

mousepad flashplayer-chromium.conf

E copiamos nel o seguinte contido:

flashso="/usr/lib/pepperflashplugin-nonfree/libpepflashplayer.so"
flashversion=`strings $flashso|grep ^LNX|sed -e "s/^LNX //"|sed -e "s/,/./g"`
CHROMIUM_FLAGS="$CHROMIUM_FLAGS --ppapi-flash-path=$flashso --ppapi-flash-version=$flashversion"

 

Probamos se funciona. Para iso cargamos no Chromium a seguinte páxina:

http://get.adobe.com/flashplayer/about

activar_chromium.png

Neste caso activamos o Adobe Flash Player cun clic no botón dereito do rato.

executar_complemento.png

LIBROS DIXITAIS

Sen embargo cando dispoñemos dun libro dixital con contidos en Flash, instalado no equipo é moi posible que non se visualice. Isto é debido a que para executar Flash con ficheiros locais hai que darlle permisos ao navegador na configuración de Flash Player. Para isto tanto desde Firefox, como desde Chromium dirixímonos á seguinte páxina:

https://www.macromedia.com/support/documentation/es/flashplayer/help/settings_manager04.html

permitirsempre.png

Seleccionamos a opción "Permitir siempre" e engadimos a ruta na cal temos os libros instalados. Ás veces, á hora de engadir a dirección non acaba de responder ben, pero non importa, engadimos calquera e logo editámola e cambiamos a ruta de forma manual. Probamos agora se o funcionamento é o correcto, tanto na visualización como no son.

tous.png

 

Configuración da conta corporativa en Mozilla Thunderbrid

256px-Thunderbird_Logo,_2018.svg.png

1. Configuramos unha conta de correo

thunder00.png

2. Inserimos os datos básicos da conta de correo e clic en continuar

thunder5.png

3. Configuración manual

thunder01.png

4. Engadimos os parámetros da conta, tal e como se amosa na seguinte imaxe. Fixarse en Nome do servidor, pois debemos de engadir o protocolo ao servidor (imap e smtp)

thunder03.png