1. INTRODUCCIÓN AL 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

2. 1. Presentación – Ponentes Pedro Jiménez Álvarez - [email_address] Licenciado en Comunicación Audiovisual Experto Universitario en Educación a Través de Internet Juan Jiménez Martínez - [email_address] Grado Superior de Administración de Sistemas Informáticos Beatriz Rodríguez Pérez - [email_address] Licenciada en Magisterio de Educación Infantil INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es

3. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 2. Qué es SPIP - Es un S istema de P ublicación por una I nternet P articipativa - 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

4. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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

5. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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

6. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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 Buscador Estadísticas Sindicación de Contenidos Foros o Comentarios Agenda contenidos estructura

7. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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 , E s 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 , E s 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

8. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es Modelo 1. D iseñado en colaboración con un centro de Educación Secundaria

9. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es Modelo 2. E s más simple, diseñado en colaboración con un centro educativo de infantil y primaria. Su mantenimiento requiere de menor dedicación

10. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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 .

11. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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á ser modificado cuantas veces se desee .

12. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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.

13. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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

14. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es - 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>

15. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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

16. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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 Adjunto 2. Ponerle una descripción 3. Incluir el siguiente código <embXX|autostart=true|loop=true> Recursos MIDI: http://www.ibiblio.org/mutopia/piece-list.html

17. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 1. Crear Articulo 2. 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 MP3 Si ponemos un enlace a un archivo mp3 que ya esté en internet el player se generará solo. Gracias a que tenemos un plugin que lo hace. B.- Subir archivos mp3

18. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 7.4.- Subir Contenido Multimedia (vídeos) Utilizaremos uno de los muchos servicios de vídeo gratuitos que existen www.youtube.com www.dalealplay.es www.dailymotion.com

19. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 1. Crear una cuenta 1. Acceder a http://www.dailymotion.com/register 2. Introducir todos los datos y aceptar (para darte de alta) 2. Subir un vídeo 1. Acceder a http://www.dailymotion.com/spipedu 2. Introducción LOGIN y CONTRASEÑA – spipedu - spip 3. Cargar Vídeos 4. Esperar que se suba 5. Poner nombre, descripción, tags 6. Bloguear este vídeo 7. Copiar Código en el articulo correspondiente. 8.- Publicar el artículo

20. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 7.5.- Subir una presentación (como si fuera un vídeo) - Vamos a utilizar el servicio SLIDESHARE - http://www.slideshare.net/spipedu login: spipedu contraseña: spipspip

21. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 2. Elegimos UPLOAD 3. Subimos archivo (.odp .ppt .pdf .pps) 4. Ponemos la información y la descripción. Esperamos el proceso de conversión 5. Ya lo tenemos subido. 6. Copiamos el código y lo colocamos en nuestro artículo.

22. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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.

23. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 9. Autorización para la Publicación de Imágenes Se han realizado varios tipos de Autorizaciones para la publicación de imá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

24. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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.

25. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 10. Referenciar un Sitio - En MIS TAREAS pulsamos sobre Sitios Referenciados - Tenemos dos posibilidades: 1. Referenciar Automáticamente 2. Referencia Manualmente - IMPORTANTE: Elegir siempre la sección ENLACES

26. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 11. Uso de Blogs en el Modelo 1 - ¿Por qué Crear un BLOG para la práctica educativa? 3 ejemplos: · http://doloresalvarez.blogia.com · 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.

27. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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

28. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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 .

29. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 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