1. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 1. Presentacin 2. Sobre qu es SPIP y qu SPIPEDU? 3.ContenidosEstticos /ContenidosDinmicos 4.Glosariode SPIP yModelosde SPIPEDU 5. Escribir unArtculoen SPIPEDU 6. CrearPalabras Clavesen SPIPEDU 7. Cmosubir archivosen SPIPEDU: Imgenes, Documentos de texto,Archivos de Sonido y Contenidos Multimedia 8.AdministrarArtculos en SPIPEDU 9. Autorizacin para laPublicacin de Imgenes 10.Referenciarun Sitio 11. Uso deBlogsen el Modelo 1 12. Uso de laAgendaen el Modelo 1 13. ContenidoCopyleft 14.SitiosWEBS EDUCATIVOSque usanSPIP 2. 1. Presentacin Ponentes Pedro Jimnez lvarez - [email_address] Licenciado en Comunicacin Audiovisual Experto Universitario en Educacin a Travs de Internet Juan Jimnez Martnez-[email_address] Grado Superior de Administracin de Sistemas Informticos Beatriz Rodrguez Prez-[email_address] Licenciada en Magisterio de Educacin Infantil INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 3. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 2. Qu esSPIP - Es unS istema deP ublicacin por unaI nternetP articipativa - Es de origen Francs - Metfora deredaccinde un peridico Principales Caractersticas SPIPes un programa escrito en PHP y que utiliza una base de datos MySql.Hay una interfazprivadapara la gestin del sitio y una interfazpblica.TienenESQUELETOS que son archivosHTML(aunque puede incluirsePHPpropio embebido)donde se introducen etiquetas propias de SPIP -Bucles Sistema deCACHque acelera la velocidad de muestra de pginas 4. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 2.1. Qu esSPIPEDU 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 estndares de accesibilidad 4. Slo tendrs que preocuparte de los contenidos 5. Si tienes conocimientos limitados podrs mantener vivo y actualizado tu sitio web. 6. Porque si tienes conocimientos avanzados podrs modificar lo que no te gustey hacer versiones nuevas de SPIPEDU 7. Todo est en castellano y el resto de lenguas co-oficiales del Estado Espaol. 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 cario Es un proyecto de elaboracin de recursos educativos digitales en software libre 5. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es Sitios estticos: - Las actualizaciones de contenido deben solicitarse a quien desarroll el sitio. - Debido a su estructura modular, se encuentran abiertos a actualizaciones tecnolgicas - Para agregar funcionalidad, se debe redisear la pgina, a veces en su totalidad. - ES IMPRESCINDIBLE UNA ESTRUCTURA PIRAMIDAL Ejemplos:http://www.juntadeandalucia.es/ Sitios dinmicos: - No existen limitaciones en cuanto a la cantidad de artculos o servicios a exhibir. - Requieren una pgina 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 Dinmicos / Contenidos Estticos 6. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 4.Glosario de SPIP Interfaz Pblica / Interfaz Privada squelettes / ecrire Redactores | Administradores | AdministradoresRestringidos auteur Seccionesy Subsecciones rubriques Artculos articles Breves breve Palabras Claves mot cls Sitios Referenciados sites Buscador Estadsticas Sindicacin de Contenidos Foros o Comentarios Agenda contenidos estructura 7. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es SPIPEDU ha construido dos modelos de aplicacin que se pueden instalar enservidores web que cumplan las caractersticas bsicas de SPIP: *MODELO 1 ,E s ms completo, diseado en colaboracin con un centro de EducacinSecundaria. Requiere una mayor dedicacin para su correcto mantenimiento. *MODELO 2 ,E s ms simple, diseado en colaboracin con un centro educativode infantil y primaria. Su mantenimiento requiere de menor dedicacin Sitios con SPIPEDUEn la actualidad hay estas webs con SPIPEDU instalado:ohttp://www.iesprofesorjuanbautista.es Modelo 1 Original ohttp://www.spipedu.es/clasedebea/ Modelo 2 No original ohttp://www.spipedu.es/ayuda/index.php/Sitios_SPIPEDU Directorio de Sitios SPIPEDU 4.1.Modelosde SPIPEDU 8. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es Modelo 1.D iseado en colaboracin con un centro de Educacin Secundaria 9. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es Modelo 2.E s ms simple, diseado en colaboracin con un centro educativode infantil y primaria. Su mantenimiento requiere de menor dedicacin 10. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 5. Escribir unArtculoen SPIPEDU 5.1.- Pensar:qu contenido voy a introducir?En qu seccin lo voy a meter? 5.2.-Entrar en laInterfaz Privada : Login y contrasea a) Pulsamos una vez enNuevo Artculo . b) Buscar y escribir elTtulo . Necesario acordar un estilo entre el profesorado. c)Seleccionar la seccinen la que lo ubicaremos. d) Escribir unEpgrafe . Resumen breve que aparece en la portada. e) Escribir elcuerpo de texto . f)Resaltaralgunas palabras y crear enlaces. Colocar negritas, cursivas, interttulo, enlaces externos, enlaces internos, etc. g) Le damos aguardar . 11. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 5.3.- Para finalizar el artculo : - Seleccionar laspalabras claves . Dentro de cada grupo de palabras claves sealar tantascomo queramos. - Modificar si queremos la fechadel artculo. Previa publicacin. Porque nos hayamosatrasados en su edicin. - Modificar laautora . Se pueden crear autores generales. -Publicar el artculo . El artculo puede estar en losestadosde En curso de redaccin,propuesto a la evaluacin, publicado, a la papelera, etc. El artculo podr ser modificado cuantasveces se desee . 12. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 6. CrearPalabras Clavesen SPIPEDU -En la barra de herramientas superior entrar enedicin del sitioy dentro seleccionarpalabras claves . - Modificar este grupo de palabras : supone modificar el nombre que agrupa una seriede palabras claves. - Crear una nueva palabra clave : dentro de cada grupo de palabras se pueden creartantas como se desee. Una vez creadas es importante no modificarlas. -Funcinde las palabras claves: Sirven para ordenar todo el contenido de la web. 13. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 7. Cmosubir archivosen SPIPEDU 7.1. Subir Imgenes A.-Logotipo del Artculo : Imagen que nos ilustra en la portada de la web nuestro artculo junto al contenido del epgrafe. - Entras en el artculo una vez creado y aparecer en la barra de la izquierda arriba. La imagen debe tener una tamao no superior a 150 pxeles. B.-Imgenes dentro del cuerpo de texto(subida INDIVIDUAL) . - En el artculo ya creado le damos a modificar, arriba a la izquierda aparecerAADIR 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 tamao no superiora 400 pxeles. 4. Guardar la imagen con extensin .jpg, gif o png 14. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es - Pasos a seguir : 1. Tras seleccionarla le das a abrir, aparece la imagen A. 2. Le escribes un ttulo, que ser el pie de la imagen. 3. Le das a guardar. 4. Copias el cdigo en la parte del texto que se desee. 5. Left=izq.center=centroright= derechaC. -Usando lafuncionalidad PORTAFOLIO(subida GRUPAL) Agregar todas las imgenes (tamao 400px de ancho)a un archivo ZIP Subir Archivo ZIPcomo DOCUMENTO Aparecern las imgenes al final del artculo enminiaturas de 60x60 Podremos ponerttulo y descripcin Podremos colocar las imgenes con el cdigo o 15. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 7.2. Subir un documento de texto - Podemos aadir o adjuntar documentos de texto a nuestro artculo. - Requerimientos: 1. El documento debe estar guardado en nuestro ordenador. 2. Debe tenerextensin pdf, odt y rtf. - Pasos a seguir: 1. Pulsarexaminaren AADIR UN DOCUMENTO 2.Seleccionarloy darle a abrir. 3. Le escribes unttulo , que ser el pie del docuemento. 4. Le das aguardar . 5. Copias elcdigo en la parte del texto que se desee. 6. Left=izq.center=centroright= derecha 16. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 7.3.- Subir archivos de Sonido A.-Subir archivos MIDI - MIDI es el acrnimo deMusical Instrument Digital Interface : 1. SUBIR ARCHIVO como Documento Adjunto 2. Ponerle una descripcin 3. Incluir el siguiente cdigo Recursos MIDI: http://www.ibiblio.org/mutopia/piece-list.html B.-Subir archivos mp3 17. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 1. Crear Articulo 2. Subir Archivo MP3 como si fuese un documento nuevo 3. ACTIVAR PLUGIN con el siguiente cdigo las xxx corresponden al nmero del documento subido.4. Aparecer un PLAYER igual a este 5. PUBLICAR 1. Subir una cancin 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. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 7.4.- Subir Contenido Multimedia (vdeos) Utilizaremos uno de los muchos servicios de vdeo gratuitos que existen www.youtube.com www.dalealplay.es www.dailymotion.com 19. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 1. Crear una cuenta 1. Acceder ahttp://www.dailymotion.com/register 2. Introducir todos los datos y aceptar (para darte de alta) 2. Subir un vdeo 1. Acceder ahttp://www.dailymotion.com/spipedu 2. Introduccin LOGIN y CONTRASEA spipedu - spip 3. Cargar Vdeos 4. Esperar que se suba 5. Poner nombre, descripcin, tags 6. Bloguear este vdeo 7. Copiar Cdigo en el articulo correspondiente. 8.- Publicar el artculo 20. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 7.5.-Subir una presentacin(como si fuera un vdeo) - Vamos a utilizar el servicio SLIDESHARE -http://www.slideshare.net/spipedu login: spipedu contrasea: spipspip 21. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 2.ElegimosUPLOAD 3.Subimos archivo (.odp .ppt.pdf.pps) 4.Ponemos la informacin y la descripcin. Esperamos el proceso de conversin 5.Ya lo tenemos subido.6.Copiamos el cdigo y lo colocamos en nuestro artculo. 22. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 8.AdministrarArtculos en SPIPEDU - La web necesita de constantes actualizaciones. - Modificar cada cierto tiempo los articulos deNOTICIAS DESTACADAS .- Visualizar los artculos de contenido esttico y verificar que estn correctos. - Crear Palabras Claves nuevas para los futuros cursos escolares 2007-2008segn se aproximen. - Cambiar fechas de artculos estticos: como son el del ROF segn se actualicen. 23. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 9. Autorizacin para laPublicacin de Imgenes Se han realizado varios tipos deAutorizacionespara la publicacin de imgenes a menores en los Centros Educativos con carcter Didctico. - Autorizacin realizada por Manuel Segura del CEIP San Roque deArahal. http://www.spipedu.es/spip.php?article39 - Autorizacin realizada por el CEIP Maestro Jos Fuentes de Sevilla Este http://www.spipedu.es/spip.php?article17 24. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es Autorizacin para la publicacin de imagenes de los alumnos por el_______ Con la inclusin de las nuevas tecnologas dentro de los medios didcticos alalcance de la comunidad escolar y la posibilidad de que en estos puedan aparecer imgenes devuestros hijos durante la realizacin de las actividades escolares.Y dado que el derecho a la propia imagen est reconocido alartculo 18. de laConstituciny regulado por laLey 1/1982, de 5 de mayo , sobre el derecho al honor, a la intimidad personal y familiar y a la propia imagen y laLey 15/1999, de 13 de Diciembre , sobre laProteccin de Datos de Carcter Personal.La direccin de este centro pide el consentimiento a los padres o tutores legales para poder publicar las imagenesen las cuales aparezcan individualmente o en grupo que concarcterpedaggicose puedan realizar a los nios y nias del centro, en las diferentes secuencias y actividades realizadas en el colegio y fuera del mismo enactividades extraescolares. 25. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 10.Referenciarun Sitio -En MIS TAREASpulsamos sobreSitios Referenciados - Tenemos dos posibilidades: 1. Referenciar Automticamente 2. Referencia Manualmente - IMPORTANTE: Elegir siempre laseccinENLACES 26. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 11. Uso deBlogsen el Modelo 1 - Por qu Crear un BLOG para la prctica educativa? 3 ejemplos: http://doloresalvarez.blogia.com http://igualemente.blogspot.com http://www.aulablog.com/planeta/ - En la Seccin BLOGScrear Subseccin - Ttulo - Descripcin - Logotipo - Crear Administradores Restringidos - Los artculos publicados en los BLOGS no aparecern en la portada. 27. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 12. Uso de laAgendaen el Modelo 1 - La Agenda servir para marcar actividades en el calendario que nos remitana artculos publicados.PASOS A SEGUIR - Publicar Artculo(ya sabemos cmo se hace segn la segunda sesin) - Desplegar PESTAAAgenda - ElegirFecha y Hora de Comienzo yFinal de la Actividad - AADIR 28. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 13. ContenidoCOPYLEFT Copyleft o copia permitidacomprende a un grupo de derechos de propiedad intelectualcaracterizados por eliminar las restricciones de distribucin o modificacin de las queadolece el copyright, con la condicin de que el trabajo derivado se mantenga con elmismo rgimen de propiedad intelectual que el original. Bajo tales licenciaspueden protegerse una gran diversidad de obras , tales comoprogramas informticos, arte, cultura y ciencia, es decir prcticamente casi cualquier tipode produccin creativa. Creative Commonses una organizacin no gubernamental sin nimo de lucro quedesarrolla planes para ayudar a reducir las barreras legales de la creatividad, por mediode nueva legislacin y nuevas tecnologas.Creative Commons(en espaol: bienes comunes creativos) es tambin el nombre dadoa laslicencias desarrolladas por esta organizacin . 29. INTRODUCCIN AL MANEJO DE SITIOS WEB DINMICOS http://www.spipedu.es 14.- SitiosWEBS EDUCATIVOSque usanSPIP - http://www.principemiranda.com -http://lubrin.org/mat/ (recursos matemticas) -http://www.colewebs.org -http://www.craaltaribagorza.net Sitios IMPORTANTES de SPIP -http://spip.net/es- Documentacin Oficial -http://spip-es.net- Sitio de la Comunidad Hispana -http://spip-contrib.net- Contribuciones Diversas -http://spip-edu.edres74.net/ - SPIP - EVA