Spipedu - 10 Febrero

29
PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 1. Presentación 2. Sobre ¿qué es SPIP y qué SPIPEDU? 3. Contenidos Estáticos / Contenidos Dinámicos 4. Glosario de SPIP y Modelos de SPIPEDU 5. Escribir un Artículo en SPIPEDU 6. Crear Palabras Claves en SPIPEDU 7. Cómo subir archivos en SPIPEDU: Imágenes, Documentos de texto, Archivos de Sonido y Contenidos Multimedia 8. Administrar Artículos en SPIPEDU 9. Autorización para la Publicación de Imágenes 10. Referenciar un Sitio 11. Uso de Blogs en el Modelo 1 12. Uso de la Agenda en el Modelo 1 13. Contenido Copyleft 14. Sitios WEBS EDUCATIVOS que usan SPIP

Transcript of Spipedu - 10 Febrero

Page 1: Spipedu - 10 Febrero

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es1. Presentación2. Sobre ¿qué es SPIP y qué SPIPEDU?3. Contenidos Estáticos / Contenidos Dinámicos

4. Glosario de SPIP y Modelos de SPIPEDU5. Escribir un Artículo en SPIPEDU 6. Crear Palabras Claves en SPIPEDU

7. Cómo subir archivos en SPIPEDU: Imágenes, Documentos de texto, Archivos de Sonido y Contenidos Multimedia

8. Administrar Artículos en SPIPEDU9. Autorización para la Publicación de Imágenes

10. Referenciar un Sitio11. Uso de Blogs en el Modelo 112. Uso de la Agenda en el Modelo 1

13. Contenido Copyleft14. Sitios WEBS EDUCATIVOS que usan SPIP

Page 2: Spipedu - 10 Febrero

1. Presentación – Ponentes

Pedro Jiménez Álvarez - [email protected] en Comunicación AudiovisualExperto Universitario en Educación a Través de Internet

Juan Jiménez Martínez - [email protected] Superior de Administración de Sistemas Informáticos

Beatriz Rodríguez Pérez - [email protected] en Magisterio de Educación Infantil

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 3: Spipedu - 10 Febrero

2. Qué es SPIP

- Es un Sistema de Publicación por una Internet Participativa

- Es de origen Francés

- Metáfora de redacción de un periódico

Principales Características

SPIP es un programa escrito en PHP y que utiliza una base de datos MySql.

Hay una interfaz privada para la gestión del sitio y una interfaz pública.

Tienen ESQUELETOS que son archivos HTML (aunque puede incluirse PHP propio embebido) donde se introducen etiquetas propias de SPIP - Bucles

Sistema de CACHÉ que acelera la velocidad de muestra de páginas

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 4: Spipedu - 10 Febrero

2.1. Qué es SPIPEDU

1. Está desarrollado para centros educativos y por un grupo de profesorado

2. Prima la facilidad y es totalmente intuitivo su uso.

3. Cumple las normas estándares de accesibilidad

4. Sólo tendrás que preocuparte de los contenidos

5. Si tienes conocimientos limitados podrás mantener vivo y actualizado tu sitio web.

6. Porque si tienes conocimientos avanzados podrás modificar lo que no te guste y hacer versiones nuevas de SPIPEDU

7. Todo está en castellano y el resto de lenguas co-oficiales del Estado Español.

8. Hay una comunidad de desarrollo y de apoyo a nuevos usuarios muy amigable

9. Porque está desarrollado con Software Libre bajo Licencia GPL . En resumen: “Software Libre con cariño”

Es un proyecto de elaboración de recursos educativos digitales en software libre

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 5: Spipedu - 10 Febrero

Sitios estáticos:- Las actualizaciones de contenido deben solicitarse a quien desarrolló el sitio.- Debido a su estructura modular, se encuentran abiertos a actualizaciones tecnológicas- Para agregar funcionalidad, se debe rediseñar la página, a veces en su totalidad.- ES IMPRESCINDIBLE UNA ESTRUCTURA PIRAMIDAL

Ejemplos: http://www.juntadeandalucia.es/

Sitios dinámicos:- No existen limitaciones en cuanto a la cantidad de artículos o servicios a exhibir.- Requieren una página por cada producto o servicio a exhibir que se muestran con BD.- Las actualizaciones de contenido son realizadas por los implicados- PERMITE UNA ESTRUCTURA HORIZONTAL

Ejemplos: http://www.cepalcala.org

3. Contenidos Dinámicos / Contenidos Estáticos

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 6: Spipedu - 10 Febrero

4. Glosario de SPIP

Interfaz Pública / Interfaz Privada squelettes / ecrire

Redactores | Administradores | Administradores Restringidos auteur

Secciones y Subsecciones rubriques

Artículos articles

Breves breve

Palabras Claves mot clés

Sitios Referenciados sites

BuscadorEstadísticas

Sindicación de ContenidosForos o Comentarios

Agenda

co

nte

nid

os

es

tru

ctu

raPROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 7: Spipedu - 10 Febrero

SPIPEDU ha construido dos modelos de aplicación que se pueden instalar en servidores web que cumplan las características básicas de SPIP:

* MODELO 1, Es más completo, diseñado en colaboración con un centro de Educación Secundaria. Requiere una mayor dedicación para su correcto mantenimiento.

* MODELO 2, Es más simple, diseñado en colaboración con un centro educativo de infantil y primaria. Su mantenimiento requiere de menor dedicación

Sitios con SPIPEDU En la actualidad hay estas webs con SPIPEDU instalado:

o http://www.iesprofesorjuanbautista.es Modelo 1 Original

o http://www.spipedu.es/clasedebea/ Modelo 2 No original

o http://www.spipedu.es/ayuda/index.php/Sitios_SPIPEDU Directorio de Sitios SPIPEDU

4.1. Modelos de SPIPEDU

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 8: Spipedu - 10 Febrero

Modelo 1. Diseñado en colaboración con un centro de Educación Secundaria

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 9: Spipedu - 10 Febrero

Modelo 2. Es más simple, diseñado en colaboración con un centro educativo de infantil y primaria. Su mantenimiento requiere de menor dedicación

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 10: Spipedu - 10 Febrero

5. Escribir un Artículo en SPIPEDU

5.1.- Pensar: ¿qué contenido voy a introducir? ¿En qué sección lo voy a meter?

5.2.-Entrar en la Interfaz Privada: Login y contraseña

a) Pulsamos una vez en Nuevo Artículo.

b) Buscar y escribir el Título. Necesario acordar un estilo entre el profesorado.

c) Seleccionar la sección en la que lo ubicaremos.

d) Escribir un Epígrafe. Resumen breve que aparece en la portada.

e) Escribir el cuerpo de texto.

f) Resaltar algunas palabras y crear enlaces. Colocar negritas, cursivas, intertítulo, enlaces externos, enlaces internos, etc.

g) Le damos a guardar.

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 11: Spipedu - 10 Febrero

5.3.- Para finalizar el artículo:

- Seleccionar las palabras claves. Dentro de cada grupo de palabras claves señalar tantas como queramos.

- Modificar si queremos la fecha del artículo. Previa publicación. Porque nos hayamos atrasados en su edición.

- Modificar la autoría. Se pueden crear autores generales.

- Publicar el artículo. El artículo puede estar en los estados de “En curso de redacción”, “propuesto a la evaluación”, “publicado”, “a la papelera”, etc.

El artículo podrá sermodificado cuantas veces se desee.

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 12: Spipedu - 10 Febrero

6. Crear Palabras Claves en SPIPEDU

- En la barra de herramientas superior entrar en edición del sitio y dentro seleccionar palabras claves.

- “Modificar este grupo de palabras”: supone modificar el nombre que agrupa una serie de palabras claves.

- “Crear una nueva palabra clave”: dentro de cada grupo de palabras se pueden crear tantas como se desee. Una vez creadas es importante no modificarlas.

- Función de las “palabras claves”: Sirven para ordenar todo el contenido de la web.

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 13: Spipedu - 10 Febrero

7. Cómo subir archivos en SPIPEDU

7.1. Subir Imágenes

A.- Logotipo del Artículo: Imagen que nos ilustra en la portada de la web nuestro artículo junto al contenido del epígrafe.

- Entras en el artículo una vez creado y aparecerá en la barra de la izquierda arriba. La imagen debe tener una tamaño no superior a 150 píxeles.

B.- Imágenes dentro del cuerpo de texto (subida INDIVIDUAL).

- En el artículo ya creado le damos a modificar, arriba a la izquierda aparecerá AÑADIR UNA IMAGEN.

- Requerimientos: 1. La imagen debe estar en tú ordenador. 2. Modificar la imagen con el programa GIMP u otro. 3. La imagen debe tener una tamaño no superior

a 400 píxeles. 4. Guardar la imagen con extensión .jpg, gif o png

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 14: Spipedu - 10 Febrero

- Pasos a seguir:

1. Tras seleccionarla le das a abrir, aparece la imagen A.2. Le escribes un título, que será el pie de la imagen.3. Le das a guardar.4. Copias el código <docXX/center> en la parte del texto que se desee.5. Left=izq. center=centro right= derecha

C.- Usando la funcionalidad PORTAFOLIO (subida GRUPAL)

· Agregar todas las imágenes (tamaño 400px de ancho) a un archivo ZIP· Subir Archivo ZIP como DOCUMENTO· Aparecerán las imágenes al final del artículo en miniaturas de 60x60· Podremos poner título y descripción· Podremos colocar las imágenes con el código <docXX> o <imgXX>

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 15: Spipedu - 10 Febrero

7.2. Subir un documento de texto

- Podemos añadir o adjuntar documentos de texto a nuestro artículo.

- Requerimientos:

1. El documento debe estar guardado en nuestro ordenador.2. Debe tener extensión pdf, odt y rtf.

- Pasos a seguir:

1. Pulsar examinar en AÑADIR UN DOCUMENTO

2. Seleccionarlo y darle a abrir.

3. Le escribes un título, que será el pie del docuemento.

4. Le das a guardar.

5. Copias el código <docXX/center> en la parte del texto que se desee.

6. Left=izq. center=centro right= derecha

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 16: Spipedu - 10 Febrero

7.3.- Subir archivos de Sonido

A.- Subir archivos MIDI

- MIDI es el acrónimo de Musical Instrument Digital Interface:

1. SUBIR ARCHIVO como Documento Adjunto2. Ponerle una descripción3. Incluir el siguiente código

<embXX|autostart=true|loop=true>Recursos MIDI:

http://www.ibiblio.org/mutopia/piece-list.html

B.- Subir archivos mp3

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 17: Spipedu - 10 Febrero

1. Crear Articulo2. Subir Archivo MP3 como si fuese un documento nuevo

3. ACTIVAR PLUGIN con el siguiente código<docXXX|player>las xxx corresponden al número del documento subido.

4. Aparecerá un PLAYER igual a este

5. PUBLICAR

1. Subir una canción

2. Poner un enlace directo a un MP3Si ponemos un enlace a un archivo mp3 que ya esté en internet el playerse generará solo. Gracias a que tenemos un plugin que lo hace.

B.- Subir archivos mp3

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 18: Spipedu - 10 Febrero

7.4.- Subir Contenido Multimedia (vídeos)

Utilizaremos uno de los muchos servicios de vídeo gratuitos que existen

www.youtube.comwww.dalealplay.es

www.dailymotion.com

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 19: Spipedu - 10 Febrero

1. Crear una cuenta

1. Acceder a http://www.dailymotion.com/register2. Introducir todos los datos y aceptar (para darte de alta)

2. Subir un vídeo

1. Acceder a http://www.dailymotion.com/spipedu2. Introducción LOGIN y CONTRASEÑA – spipedu - spip3. Cargar Vídeos4. Esperar que se suba5. Poner nombre, descripción, tags6. Bloguear este vídeo7. Copiar Código en el articulo correspondiente.8.- Publicar el artículo

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 20: Spipedu - 10 Febrero

7.5.- Subir una presentación (como si fuera un vídeo)

- Vamos a utilizar el servicio SLIDESHARE - http://www.slideshare.net/spipedu

login: spipeducontraseña: spipspip

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 21: Spipedu - 10 Febrero

2. Elegimos UPLOAD3. Subimos archivo (.odp .ppt .pdf .pps)4. Ponemos la información y la descripción. Esperamos el proceso de conversión5. Ya lo tenemos subido. 6. Copiamos el código y lo colocamos en nuestro artículo.

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 22: Spipedu - 10 Febrero

8. Administrar Artículos en SPIPEDU

- La web necesita de constantes actualizaciones.

- Modificar cada cierto tiempo los articulos de NOTICIAS DESTACADAS.

- Visualizar los artículos de contenido estático y verificar que estén correctos.

- Crear Palabras Claves nuevas para los futuros cursos escolares 2007-2008 según se aproximen.

- Cambiar fechas de artículos estáticos: como son el del ROF según se actualicen.

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 23: Spipedu - 10 Febrero

9. Autorización para la Publicación de Imágenes

Se han realizado varios tipos de Autorizaciones para la publicación deimágenes a menores en los Centros Educativos con carácter Didáctico.

- Autorización realizada por Manuel Segura del CEIP San Roque de Arahal. http://www.spipedu.es/spip.php?article39

- Autorización realizada por el CEIP Maestro José Fuentes de Sevilla Este

http://www.spipedu.es/spip.php?article17

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 24: Spipedu - 10 Febrero

Autorización para la publicación de imagenes de los alumnos por el _______

Con la inclusión de las nuevas tecnologías dentro de los medios didácticos al alcance de la comunidad

escolar y la posibilidad de que en estos puedan aparecer imágenes de vuestros hijos durante la

realización de las actividades escolares.

Y dado que el derecho a la propia imagen está reconocido al artículo 18. de la Constitución y regulado

por la Ley 1/1982, de 5 de mayo, sobre el derecho al honor, a la intimidad personal y familiar y a la propia

imagen y la Ley 15/1999, de 13 de Diciembre, sobre la Protección de Datos de Carácter Personal.

La dirección de este centro pide el consentimiento a los padres o tutores legales para poder publicar las

imagenes en las cuales aparezcan individualmente o en grupo que con carácter pedagógico se puedan

realizar a los niños y niñas del centro, en las diferentes secuencias y actividades realizadas en el colegio y

fuera del mismo en actividades extraescolares.

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 25: Spipedu - 10 Febrero

10. Referenciar un Sitio

- En MIS TAREAS pulsamos sobre Sitios Referenciados

- Tenemos dos posibilidades:1. Referenciar Automáticamente2. Referencia Manualmente

- IMPORTANTE: Elegir siempre la sección ENLACES

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 26: Spipedu - 10 Febrero

11. Uso de Blogs en el Modelo 1

- ¿Por qué Crear un BLOG para la práctica educativa? 3 ejemplos:· http://www.iesprofesorjuanbautista.es/FrancesDoloresAlvarez· http://igualemente.blogspot.com· http://www.aulablog.com/planeta/

- En la Sección BLOGS crear Subsección - Título- Descripción- Logotipo

- Crear Administradores Restringidos

- Los artículos publicados en los BLOGS no aparecerán en la portada.

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 27: Spipedu - 10 Febrero

12. Uso de la Agenda en el Modelo 1

- La Agenda servirá para marcar actividades en el calendario que nos remitan a artículos publicados.

PASOS A SEGUIR

- Publicar Artículo (ya sabemos cómo se hace según la segunda sesión)

- Desplegar PESTAÑA Agenda

- Elegir Fecha y Hora de Comienzo y Final de la Actividad

- AÑADIR

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 28: Spipedu - 10 Febrero

13. Contenido COPYLEFT

Copyleft o copia permitida comprende a un grupo de derechos de propiedad intelectual caracterizados por eliminar las restricciones de distribución o modificación de las que adolece el copyright, con la condición de que el trabajo derivado se mantenga con el mismo régimen de propiedad intelectual que el original.

Bajo tales licencias pueden protegerse una gran diversidad de obras, tales como programas informáticos, arte, cultura y ciencia, es decir prácticamente casi cualquier tipo de producción creativa.

Creative Commons es una organización no gubernamental sin ánimo de lucro que desarrolla planes para ayudar a reducir las barreras legales de la creatividad, por medio de nueva legislación y nuevas tecnologías.

Creative Commons (en español: bienes comunes creativos) es también el nombre dado a las licencias desarrolladas por esta organización.

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

Page 29: Spipedu - 10 Febrero

14.- Sitios WEBS EDUCATIVOS que usan SPIP

- http://www.principemiranda.com

- http://lubrin.org/mat/ (recursos matemáticas)

- http://www.colewebs.org

- http://www.craaltaribagorza.net

Sitios IMPORTANTES de SPIP

- http://spip.net/es - Documentación Oficial

- http://spip-es.net - Sitio de la Comunidad Hispana

- http://spip-contrib.net - Contribuciones Diversas

- http://spip-edu.edres74.net/ - SPIP - EVA

PROFUNDIZACIÓN DEL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es