DISEÑO E IMPLEMENTACIÓN DE BLOG DE TAREAS, BLOG DE ...
100
1 DISEÑO E IMPLEMENTACIÓN DE BLOG DE TAREAS, BLOG DE INFORMERS Y PÁGINA WEB PARA EL COLEGIO ANGLOHISPANO PEREIRA JULIÁN DUQUE MEJÍA UNIVERSIDAD CATÓLICA DE PEREIRA FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA PROGRAMA DE INGENIERÍA DE SISTEMAS Y TELECOMUNICACIONES PRÁCTICAS ACADÉMICAS PEREIRA 2011
Transcript of DISEÑO E IMPLEMENTACIÓN DE BLOG DE TAREAS, BLOG DE ...
1
DISEÑO E IMPLEMENTACIÓN DE BLOG DE TAREAS, BLOG DE INFORMERS Y PÁGINA WEB PARA EL COLEGIO ANGLOHISPANO PEREIRA
JULIÁN DUQUE MEJÍA
UNIVERSIDAD CATÓLICA DE PEREIRA FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA
PROGRAMA DE INGENIERÍA DE SISTEMAS Y TELECOMUNICACIONES PRÁCTICAS ACADÉMICAS
PEREIRA 2011
2
DISEÑO E IMPLEMENTACIÓN DE BLOG DE TAREAS, BLOG DE INFORMERS Y PÁGINA WEB PARA EL COLEGIO ANGLOHISPANO PEREIRA
JULIÁN DUQUE MEJÍA
INFORME DE PRÁCTICA ACADÉMICA
TUTOR CARLOS ANDRÉS CORTÉS
INGENIERO DE SISTEMAS Y COMPUTACIÓN
UNIVERSIDAD CATÓLICA DE PEREIRA FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA
PROGRAMA DE INGENIERÍA DE SISTEMAS Y TELECOMUNICACIONES PRÁCTICAS ACADÉMICAS
PEREIRA 2011
3
DEDICATORIA
A mi familia, a quienes de una u otra forma hicieron parte de mi progreso en el campo de Ingeniería de Sistemas y Telecomunicaciones, a quienes me enseñaron y colaboraron.
4
AGREDECIMIENTOS
A Juan Diego Vallejo Ocampo por el constante apoyo, seguimiento y colaboración en mis funciones para así lograr la meta que se planteó en la práctica, igualmente por permitirme ser parte de la familia del Colegio Anglohispano de Pereira. A mi tutor Carlos Andrés Cortés, quien siempre resolvió mis dudas y apoyó fortaleciendo las decisiones que yo tomaba para lograr los objetivos de la práctica. Por supuesto a mi familia quien estuvo siempre a mi lado fortaleciendo mi espíritu, mis ganas de continuar para lograr ser un profesional y por ser pacientes con mis pasadas de noches en el computador por mi pasión con la carrera que estoy cursando y que pronto lograré obtener mi título de profesional.
5
TABLA DE CONTENIDO
INTRODUCCIÓN .................................................................................................. 12
1. PRESENTACIÓN DE LA ORGANIZACIÓN O SITIO DE PRÁCTICA ........ 13
1.1 ASPECTOS GENERALES DE LA ORGANIZACIÓN .............................. 13
1.2. ASPECTOS GENERALES DEL PRACTICANTE .................................. 15
2. DEFINICIÓN DE LAS LÍNEAS DE INTERVENCIÓN .................................. 17
3. DIAGNÓSTICO DEL ÁREA DE INTERVENCIÓN O IDENTIFICACIÓN DE
LAS NECESIDADES ............................................................................................ 18
4. EJE DE INTERVENCIÓN ............................................................................ 19
5. JUSTIFICACIÓN DEL EJE DE INTERVENCIÓN ....................................... 21
6. OBJETIVOS ................................................................................................ 22
6.1. OBJETIVO GENERAL ........................................................................... 22
6.2. OBJETIVOS ESPECÍFICOS .................................................................. 22
7. MARCO TEÓRICO ...................................................................................... 23
8. DEFINICIÓN OPERACIONAL DE TÉRMINOS ........................................... 28
9. CRONOGRAMA DE ACTIVIDADES PLANEADAS ................................... 29
10. PRESENTACIÓN Y ANÁLISIS DE LOS RESULTADOS ........................... 30
10.1. CRONOGRAMA ACTIVIDADES REALIZADAS .................................. 30
10.2. REGLAMENTO DE LA SALA DE SISTEMAS ..................................... 30
10.3. BLOG DE TAREAS .............................................................................. 35
10.4. BLOG DE INFORMERS....................................................................... 37
10.5. PÁGINA WEB ...................................................................................... 38
6
10.6. BOLETINES ACADÉMICOS ................................................................ 40
CONCLUSIONES ................................................................................................. 41
RECOMENDACIONES ......................................................................................... 43
REFERENCIAS BIBLIOGRÁFICAS ..................................................................... 44
APÉNDICES ......................................................................................................... 45
ANEXOS ............................................................................................................... 65
7
LISTAS DE ILUSTRACIONES
ILUSTRACIÓN 1. Estructura organizacional ......................................................... 13 ILUSTRACIÓN 2. Cronograma de actividades planeadas .................................... 29 ILUSTRACIÓN 3. Cronograma de actividades realizadas… ................................. 30 ILUSTRACIÓN 4. Anglohispano Pereira School Homework ................................. 36 ILUSTRACIÓN 5. Anglohispano Pereira Informer’s Blog ...................................... 38 ILUSTRACIÓN 6. Colegio Anglohispano Pereira Web .......................................... 39
8
LISTA DE ANEXOS ANEXO A. Guía Joomla!........................................................................................ 65
9
LISTA DE APÉNDICES APÉNDICE A. Tutorial sobre las publicaciones de las tareas en el blog de tareas para profesores .................................................................................................... 45 APÉNDICE B. Tutorial visualizar tareas para estudiantes y padres de familia ..... 53 APÉNDICE C. Reglamento sala de Sistemas ...................................................... 57
10
SÍNTESIS
SÍNTESIS
El diseñar e implementar servicios web, blog, páginas web requiere un análisis previo, enfocándose en las verdaderas necesidades de los usuarios y sus límites del conocimiento digital y de internet ya que estos sistemas son hechos para inmigrantes digitales como lo son los padres de familia, profesores o administrativos; así facilitar el uso de blogs, páginas web y otros; conociendo que es lo que saben hacer en este ambiente para no darles algo totalmente diferente a lo que ya saben usar. Los gestores de contenido ayudan en esa labor y más cuando se requieren varios blogs y páginas web en poco tiempo. Descriptores: Joomla!, CMS, blogs, página web.
ABSTRACT
The design and implement web services, blog, web pages requires a prior analysis, focusing on the real needs of users and limits of digital and internet knowledge as these systems are made for digital immigrants such as parents, teachers or administrative, to facilitate the use of blogs, web pages and others, knowing that is what they do in this environment to not give them something completely different to what they already know how to use. The content management (CMS) helps in this effort, especially when it takes several blogs and web pages in no time. Keywords: Joomla!, CMS, blogs, web page.
11
DISEÑO E IMPLEMENTACIÓN DE BLOG DE TAREAS, BLOG DE INFORMERS Y PÁGINA WEB PARA EL COLEGIO ANGLOHISPANO PEREIRA
12
INTRODUCCIÓN
En el presente documento se analiza y explica la implementación de la necesidad de dar a conocer funciones del Colegio Anglohispano (Pereira) vía web; como lo son las tareas para los estudiantes y los Informers (informador en español) del Colegio Anglohispano Pereira, igualmente la imagen del colegio en Internet usando una página web con información importante para el interesado y también para la comunidad educativa.
La tendencia a que todo ahora hace presencia en internet ayuda a justificar por qué el Colegio quiere su imagen de forma profesional en Internet, no solo su imagen sino también su vida cotidiana informando a la comunidad educativa de sus actividades académicas y su gran variedad de eventos.
Este informe de práctica profesional es necesario para dar a conocer a los involucrados el proceso que se llevó para lograr los objetivos aquí planteados, junto con sus resultados en el desarrollo de la práctica profesional en el campo de la Ingeniería de Sistemas y Telecomunicaciones.
13
1. PRESENTACIÓN DE LA ORGANIZACIÓN O SITIO DE PRÁCTICA
1.1 ASPECTOS GENERALES DE LA ORGANIZACIÓN Nombre de la organización: Colegio Anglohispano Pereira_ Dirección: sector Condina frente al Jordán vía armenia_ Teléfono: 324 60 62_ Página web de la organización: www.anglohispanopereira.edu.co Nit: 900075648-9_ Sector al que pertenece la organización: _servicios_ Actividad a la cual se dedica la organización y líneas que produce o servicios que presta: _educación_ Número de trabajadores: _21_ Áreas con que cuenta la organización:
ILUSTRACIÓN 1. Estructura organizacional
Fuente: Elaboración propia
14
RESEÑA HISTÓRICA:
El Colegio Bilingüe Anglohispano Pereira nace en el año 2006 en la ciudad de Pereira como sede independiente del Colegio Anglohispano Manizales, fruto de la idea de un grupo de personas vinculadas tanto a la educación básica como a la educación superior, con el objetivo primordial de brindar una alternativa de educación bilingüe integral a la comunidad, a la ciudad y a la región. Para tal fin inicia sus labores académicas en instalaciones ubicadas en el sector Condina frente al Jordán, área rural, y con los grados de Pre-Escolar, educación básica primaria y hasta grado sexto de Educación Básica Secundaria. En ésta ubicación, el colegio desarrolla su labor educativa desde entonces. Tiempo en el cual su comunidad educativa obtiene logros significativos en la educación bilingüe integral de sus estudiantes, se consolida y crece significativamente. El colegio continúa constantemente su crecimiento y desarrollo. Su posicionamiento en el medio educativo se debe a su capacidad de cambio, modernización e implementación de una metodología activa basada en modelos idóneos de formación ciudadana, cultural, académica, lingüística, social, deportiva, artística y con una visión internacional que integra y compromete al estudiante con el desarrollo personal, familiar, social y nacional. Al igual que los resultados académicos, han sido importantes, los logros a nivel deportivo y artístico; reflejan el compromiso y la dedicación de la institución hacia su comunidad educativa. Contextualización social, económica y cultural:
El bilingüismo lo conciben como un saber que va más allá del simple conocimiento de dos idiomas; se trata de dominar otra cultura, que permita el desarrollo de competencias comerciales, sociales e intelectuales. En un mundo globalizado, la implementación de nuevas tecnologías plantea el conocimiento de otros idiomas como una competencia básica y necesaria. En tiempos de la globalización, Colombia necesita desarrollar la capacidad de sus ciudadanos para manejar al menos una lengua extranjera. En este contexto, el Ministerio de Educación formula el Programa Nacional de Bilingüismo 2004-2019, que incluye los nuevos Estándares de competencia comunicativa en inglés. El Marco Común Europeo fue el referente para fijar los niveles de dominio que se deben lograr. Un programa que fortalece la competitividad e incorpora el uso de nuevas tecnologías para el aprendizaje de una segunda lengua. Ser bilingüe es esencial en un mundo globalizado. El manejo de una segunda lengua significa poderse comunicar mejor, abrir fronteras, comprender otros contextos, apropiar saberes y hacerlos circular, entender y hacernos entender, enriquecerse y jugar un papel decisivo en el desarrollo del país. Ser bilingüe es tener más conocimientos y oportunidades para ser
15
más competentes y competitivos, y mejorar la calidad de vida de todos los ciudadanos.
Misión:
El Colegio Anglohispano es una institución que ofrece educación bilingüe integral con un enfoque humanista que aporta al desarrollo de la región mediante el trabajo personalizado en lo académico, deportivo, artístico, cultural, espiritual y afectivo, abierto a conocimientos de otras culturas con una proyección internacional.
Visión:
Convertirnos en una institución académica bilingüe de excelencia donde los estudiantes alcanza el desarrollo de sus potencialidades de acuerdo a las diferencias individuales, cultura y estilos de aprendizaje mediante la participación de actividades, académicas, artísticas, deportivas y culturales, donde la vivencia de los calores humanos, contribuya de manera efectiva al desarrollo de la región y del país convirtiéndose en instrumentos continuos de cambio positivo a nivel personal, social y global .
En el Colegio Anglohispano se tiene como principios fundamentales:
- Respeto a las personas como fundamento de las relaciones interpersonales - Formación integral en valores que posibiliten la formación de hábitos. - Compromiso personal de la familia para emprender actividades sugeridas
por el colegio con el fin de lograr los más altos niveles de calidad formativa y académica.
- Trabajo individual atendiendo a los diferentes ritmos de aprendizaje. - Participación activa de los padres o acudientes en el proceso formativo e
integral de sus hijos. - El profesor es un orientador y un dinamizador. - Cultivo de las buenas maneras en las relaciones interpersonales con todos
los integrantes de la comunidad educativa - El profesor enseña con la palabra y con el ejemplo, y se utiliza el arte y el
deporte como actividades integradoras del aprendizaje. 1.2. ASPECTOS GENERALES DEL PRACTICANTE
Nombre del jefe inmediato: _Juan Diego Vallejo Ocampo_ Cédula de ciudadanía del jefe inmediato: _79’950.525 de Bogotá_ Cargo del jefe inmediato: _Rector_ Número de celular jefe inmediato: _312 - 7911 1321_ E-mail del jefe inmediato: [email protected]_ Nombre del cargo a desempeñar por el practicante: _Ingeniero de Sistemas y Telecomunicaciones_
16
Área a la que pertenece su cargo: _Departamento de Sistemas_ Área(s) de la organización con la(s) cual(es) debe relacionarse para el desempeño de sus funciones:
Rectoría, departamento de sistemas, área académica (solo profesores). Debe responder por: - Información; publicación de informes en el blog de información, boletines académicos junto con la base de datos de las notas de todos los estudiantes, permanencia de las tareas en el blog de tareas según el tiempo definido por los profesores. - Activos fijos, velar por el buen uso de la sala de sistemas.
17
2. DEFINICIÓN DE LAS LÍNEAS DE INTERVENCIÓN
Sistemas de Información: En el Colegio Anglohispano Pereira se requiere el desarrollo de Sistemas junto con bases de datos.
18
3. DIAGNÓSTICO DEL ÁREA DE INTERVENCIÓN O IDENTIFICACIÓN DE LAS NECESIDADES
Al comienzo de la práctica solamente se encontraba un blog con hosting gratuito y limitado para crear publicaciones en él, también un sistema de creación de boletines académicos; el cual, no aprovechaba del todo las prestaciones de las tecnologías de la información y telecomunicaciones. Por medio de entrevistas con los directivos y docentes se conoció las necesidades del Colegio Anglohispano Pereira. Se requiere la creación de un blog de tareas y un blog de informes, en los cuales se pueda crear publicaciones en cualquier momento, de manera eficiente, fácil y sin limitaciones por la cantidad de publicaciones al día; es necesario integrar estos dos blogs junto con una página web, representativa e informativa de la imagen y servicios que presta el Colegio Anglohispano Pereira; dicha página web también se debe crear junto con un dominio que indique es una página educativa y de Colombia (.edu.co) y un hosting el cual permita una disponibilidad las 24 horas del día; con un mínimo de contratiempos ya que es necesaria la comunicación por estos medios con toda la comunidad educativa. El sistema web completo es en el que mayor intervención se requiere, este lleva un proceso en el cual se hacen necesarias entrevistas y capacitaciones hacia los usuarios del nombrado sistema. También, se requiere un sistema de ingreso de notas y creación de boletines más eficiente, disponible en cualquier momento, de fácil uso para los docentes y que muestre información académica más detallada de los estudiantes y asignaturas del Colegio Anglohispano Pereira. Todo este proceso (ingreso de notas e impresión de boletines académicos) debe realizarse en menor tiempo del actual. Se vio la necesidad también de documentar un reglamento para el uso adecuado de la sala de Sistemas, en el cual se especifique los deberes y derechos de los usuarios de esta; y las prioridades y necesidades de su existencia en las instalaciones del Colegio Anglohispano Pereira.
19
4. EJE DE INTERVENCIÓN El desarrollo de una página web junto con los dos blog y sistema de boletín de calificaciones, son considerados sistemas de información, ya que en estos se requiere la persistencia de información creando una base de datos permitiendo la visualización de su contenido con un software o sistema en este caso una página web. El sistema de boletines creado en la práctica cuenta con: - Una base de datos:
Esta base de datos se encuentra en archivos de Excel debidamente organizada para el fácil entendimiento y uso de los docentes del colegio Anglohispano Pereira, asegurando así la persistencia de la información sin necesidad de crear un sistema que tome más tiempo su creación.
- Un sistema gratuito para la disponibilidad de 24 horas: El ingreso de notas se puede ingresar en cualquier momento de los días habilitados para esta actividad; esta necesidad es debida al poco tiempo libre que se tiene en el ambiente laboral del Colegio Anglohispano Pereira. Para lograr este objetivo, se aprovechó la existencia de Google Docs, este es un sistema gratuito y potente para estas actividades; como es la de varias personas al mismo tiempo estar modificando uno o varios archivos de Excel y a cualquier hora. Contando también con la seguridad para garantizar la privacidad de esta información a la cual solo personas autorizadas deben tener acceso. También es de resaltar que con Google Docs se ahorra dinero al Colegio Anglohispano Pereira; así no es necesario gastar espacio en un hosting.
- Un sistema para replicar la información de la base de datos: Se aprovecha la herramienta de Microsoft Word de combinación de correspondencia para replicar la información de la base de datos en poco tiempo y así tener los boletines académicos impresos de forma rápida.
Blog de tareas del Colegio Anglohispano Pereira: - Sistema de publicación de tareas:
Es un sistema creado aprovechando el gestor de contenidos llamado Joomla!, este facilita la gestión de un blog para personas con poco conocimiento en el uso de los blogs. Al momento de publicar una tarea los docentes se encuentran con una interfaz conocida y amigable, parecida a la de Microsoft Word.
- Sistema de visualización de las tareas: Las tareas publicadas por los docentes del Colegio Anglohispano Pereira se pueden ver de forma ordenada en el blog de tareas (www.anglohispanopereira.edu.co/blogtareas), para esto se usó la información (tareas) almacenada en una base de datos hecha en MySQL y mostrada por medio de un blog hecho con el lenguaje PHP.
20
- Publicaciones exclusivamente por parte de los docentes: La publicación de las tareas es una actividad exclusiva de los docentes del Colegio Anglohispano Pereira, por tal motivo se creó el sistema, en el cual no hay registro de personas; sino una creación de cuentas con contraseñas seguras combinando caracteres especiales, números y letras; para así garantizar solo acceso a quien el administrador permita. También se creó un log de las actividades de los docentes, que al momento de ingresar al sistema a publicar, modificar, eliminar, visualizar; quedan registradas estas actividades y es posible identificar quien hizo las nombradas actividades. Con la muestra anterior de lo que se ha hecho en la práctica, se demuestra entonces; que lo que se desarrolla en el Colegio Anglohispano Pereira como eje de intervención en la práctica, es Sistema de Información. Para ir logrando el eje de intervención se han delegado unas funciones por parte del jefe inmediato, que llevan cada vez más cerca de lograr el objetivo de la práctica, como son:
Crear de un nuevo sistema de boletines de calificaciones. o Entrevistar a los docentes para conocer sus requerimientos y crear
un sistema más funcional, rápido y fácil de creación de boletines académicos.
Crear de un Blog de Tareas para el Colegio Anglohispano Pereira o Se debe tener un espacio donde se pueda dar a conocer a la
comunidad educativa las tareas de los estudiantes. Crear un nuevo blog de informes para el Colegio Anglohispano Pereira
o El actual blog de informes tiene límites en las publicaciones por día, por lo tanto es necesario uno nuevo sin estas limitaciones.
Crear la página web del Colegio Anglohispano Pereira he integrar junto con los dos blogs.
o Dar a conocer la imagen he información a través de la web al Colegio Anglohispano Pereira.
21
5. JUSTIFICACIÓN DEL EJE DE INTERVENCIÓN Crear de un nuevo sistema de boletín de calificaciones.
o El tiempo es muy valioso, cuando escasea mucho más; es donde aparece la necesidad de un sistema de calificaciones más eficiente, de fácil uso, de rápidos resultados y seguro. Así los docentes pueden lograr interrumpir en lo menos posible su labor educativa.
Crear de un Blog de Tareas para el Colegio Anglohispano Pereira o En la actualidad las telecomunicaciones nos ayuda a controlar y estar
informados de muchos sucesos. El blog de tareas mantiene informados a los padres de familia de la comunidad educativa del Colegio Anglohispano Pereira, sobre las tareas a los estudiantes y conocer que tipos de actividades académicas realizan sus hijos en el colegio.
Crear un nuevo blog de informes para el Colegio Anglohispano Pereira o Es necesario dar a conocer las diferentes actividades en el Colegio
Anglohispano Pereira a la comunidad educativa, así se crea un espacio para conocer el colegio en su día a día. Como son tantas las actividades también se requiere de un sistema que no tenga límites de publicaciones por día.
Crear la página web del Colegio Anglohispano Pereira he integrar junto con los dos blogs.
o La presencia en internet de una organización independiente de que servicios o productos venda, en la actualidad, se hace muy necesaria, esta puede convertirse en el mejor vendedor. Personas de todo el mundo verán información de una empresa y el progreso de esta por medio de una página web; esta información estará disponible las 24 horas. Una página web es la presentación de la organización hacia el mundo.
22
6. OBJETIVOS 6.1. OBJETIVO GENERAL - Desarrollar e implementar una página web, integrarla con blog de tareas y
un blog de informes que permita mejorar los procesos de información y telecomunicaciones en el Colegio Anglohispano Pereira.
6.2. OBJETIVOS ESPECÍFICOS - Aprender sobre el funcionamiento e implementación de los dominios de
internet y hosting. - Registrar un dominio .edu.co para el colegio Anglohispano Pereira. - Adquirir un espacio en un hosting. - Aprender sobre la creación y funcionamiento de blogs. - Implementar y aprender sobre la creación y funcionamiento de una página
web. - Crear un blog de tareas. - Capacitar sobre el uso del blog de tareas. - Crear un nuevo blog de informes. - Capacitar sobre el uso del nuevo blog de informes. - Desarrollar, implementar y capacitar a los docentes en un nuevo sistema de
boletines académicos.
23
7. MARCO TEÓRICO Para el diseño e implementación de las páginas web y blogs desde un gestor de contenidos es necesario entender cómo funcionan, entender el dominio, entender el hosting o alojamiento web, como funciona la creación de una página web y blogs con un gestor de contenido, como se administra y como se da soporte a la página web. Aquí se aclaran los conceptos nombrados:
Gestor de contenidos: “La cada vez mayor cantidad de información que ofrecen los sitios web obliga a un importante esfuerzo en la gestión de contenidos con tareas como revisión, actualización continua de los mismos, publicación de nuevos contenidos, eliminación o archivo de los anteriores, etc. Ante esta tendencia de dinamismo e interacción de los portales y sitios web justo con la necesidad de una mayor información y capacidad de comunicación, con el consiguiente esfuerzo que conlleva una gestión adecuada de los contenidos, se han desarrollado una serie de aplicaciones denominadas gestores de contenido' o CMS (Content Managment System) con la intención de facilitar tanto el desarrollo de sitios web dinámicos como la gestión de elevados volúmenes de información y contenidos en dichos sitios web”1. Anteriormente, se lograban sistemas tan complejos y completos con un gran equipo de trabajo de programadores, en conjunto a un proceso de ingeniería de software; elevando los costos para la organización que deseaba el ingreso de páginas dinámicas en internet que representaran su imagen en esta. Los gestores de contenidos, permiten que una sola persona sea capaz de lograr este trabajo en muy poco tiempo a costos muy bajos comparados con los procesos anteriores para el diseño e implementación de plataformas web, blogs o páginas web. “Un gestor de contenidos web es un software que permite y facilita el desarrollo de un sitio o portal (formato, estructura, presentación,...) sin tener elevados conocimientos técnicos, y gestionar su contenido, entendiendo por gestión de contenido la administración y control total del ciclo de vida de los contenidos web (creación, clasificación, publicación, actualización, eliminación o archivo de todos los contenidos). Todo ello de forma automática, atendiendo a una configuración predeterminada por el creador o administrador del sitio”2.
o Funcionamiento: “Pese a la gran diversidad de aplicaciones, generalmente los gestores de contenido tienen un funcionamiento similar. Son aplicaciones modulares que se apoyan en bases de datos o
1 Cobo Ángel, Gómez Patricia, Pérez Daniel, Rocha Rocío. PHP y MySQL. Tecnología para el desarrollo de aplicaciones web. Ediciones Díaz de Santos, 2005. p. 466. 2 Cobo Ángel, Gómez Patricia, Pérez Daniel, Rocha Rocío. Op. Cit., p.467.
24
repositorios y están formadas por dos elementos, la aplicación gestora de contenidos (CMA) y la aplicación de presentación de contenidos (CDA) que se utilizan mediante una única interfaz más o menos intuitiva, dependiendo de la aplicación, y por lo general de tipo web. El CMA, permite al autor del sitio, sin necesidad de que este posea conocimientos de HTML u otro lenguaje, realizar la creación, actualización y eliminación del contenido del sitio web. El CDA por su parte, permite al autor elegir, mediante la selección de plantillas, el formato en que se presentarán los contenidos. El funcionamiento de los CMS puede ser resumido de la siguiente forma:
Un sitio web o portal está formado por un conjunto de páginas organizadas jerárquicamente.
A cada página le corresponde un determinado diseño o plantilla, que define la estructura de la página y el formato.
Dentro de cada página, las distintas secciones pueden tener sus propias plantillas distintas de las de la página a la que pertenecen, lo que permite mostrar en una misma página contenidos con distinta presentación.
Cada página o sección se asocia a un campo de la base de datos donde se depositan los contenidos.
Por tanto, el administrador utilizando un CMS creará el sitio web y decidirá la apariencia de las distintas páginas y sus secciones, los contenidos a mostrar y cómo se presentará cada contenido”3.
Hosting o alojamiento web:
Este es un lugar físico, imprescindible al momento de querer tener una página web o blog las 24 horas del día disponible. Imaginémonos la información personal en nuestros computadores, a la cual podemos acceder cuando queremos pero no desde internet sin una debida configuración. El hosting hace esto por nosotros, está configurado para acceder a la página web que fue guardada en él, desde cualquier computador conectado a internet; por lo tanto, gracias al hosting podemos acceder a una página web en cualquier momento. “Para que el sitio de la empresa esté al alcance de cualquier navegante del mundo, es necesario publicarlo a través de un servidor que estará conectado a Internet en forma permanente”4. Se deben tener en cuenta las diferentes opciones de alojamiento web, para identificar la que se necesita y cumpla con los requisitos
3 Cobo Ángel, Gómez Patricia, Pérez Daniel, Rocha Rocío. Cobo Ángel, Gómez Patricia, Pérez Daniel, Rocha Rocío. Op. Cit., p.468. 4 Gaitán Juan José, Pruvost Andrés Guillermo. El comercio electrónico al alcance de su empresa. Universidad Nac. del Litoral. p. 70.
25
establecidos. “Opciones de alojamiento web: Podemos destacar tres formas básicas de alojar un sitio web. Ellas son el Hosting, el Housing y Servidor propio. Veamos algunas características y consecuencias de optar por cada uno de ellos.
o Hosting El Hosting consiste en la opción básica más utilizada en Internet. Se basa en un alojamiento compartido en un web server junto a otros sitios de empresas alojadas en el mismo. Es la opción más económica y sencilla, cuenta en algunos casos con limitaciones técnicas y es solo recomendable para sitios sencillos que se encuentren en sus primeras etapas en el ciclo de vida. Lo notable de esta opción, nada despreciable, es el costo que ello representa, cuyo valor se incrementa desde los alojamientos gratuitos hasta precios que apenas alcanzan los veinte dólares mensuales. Esto lo pone al alcance de cualquier empresa.
o Housing Consiste en el alojamiento de un sitio web en un servidor propiedad de la empresa, pero que se encuentra dentro de la infraestructura de la empresa proveedora del alojamiento. De esta manera se evita la necesidad de extender una conexión permanente a Internet hasta la empresa, la cual puede acceder al sitio cuando sea necesario por medio de una conexión discada, con el fin de hacer su administración. Esto asegura niveles extra de seguridad, un servicio técnico constante y profesional, herramientas adicionales de monitoreo sobre el rendimiento del servidor.
o Servidor propio Esta opción se presenta cuando la empresa adquiere y administra su propio web server, el que es alojado en la misma empresa. El costo de los servidores, antes privativo para grandes empresas, es progresivamente cada vez menor. Esta opción provee un control total sobre el servidor, pero a cambio de ello debe disponerse de servicio técnico propio "in house" y se deben configurar además todas las medidas de seguridad necesarias, en ambos casos cubriendo las 24 horas en las que el server está conectado”5.
Dominio:
“El nombre de dominio será la dirección que identificará al sitio web de la empresa, de la misma manera que la dirección postal de la empresa, en la red deberá tener su propia dirección.
5 Gaitán Juan José, Pruvost Andrés Guillermo. Op. Cit., p.70.
26
Esta dirección está formada por el nombre de dominio (miempresa), la identificación del tipo de dominio (.com) y puede contener también la identificación de la nacionalidad (ar). Existen dos clases de dominios, los genéricos y los territoriales. Los dominios genéricos o de primer nivel son los que definen el tipo de contenidos del sitio web, son “.com” los sitios de empresa, “.org” los relacionados a organizaciones, “.edu” aquellos con contenidos educativos o de formación, “.net” para los vinculados a Internet, etc. Los dominios territoriales, en cambio, son aquellos que incorporan un sufijo que indica la nacionalidad como .ar para Argentina, .cl para Chile, .it para Italia, etc. Todos los países tienen su propio dominio territorial excepto EE.UU., que sólo utiliza dominios genéricos. Es importante aclarar que no es obligatorio el uso de dominios territoriales, ya que pueden contratarse dominios genéricos sin importar el país de procedencia”6.
DNS (Domain Name System): “Este tipo de direcciones alternativas, utilizan caracteres alfanuméricos para expresar las direcciones. Esto significa que pueden utilizar tanto números como letras para referirse a una determinada máquina. Este segundo tipo de direcciones apareció cuando la popularidad de la Red empezó a crecer y los creadores se dieron cuenta de que los humanos somos más proclives a recordar letras que números. Este tipo de direcciones no impone demasiadas restricciones en su estructura.
o Están compuestas por un mínimo de dos cadenas de caracteres alfanuméricos separadas por un punto.
o Cada cadena debe tener un minino de dos caracteres. o En general no existe diferencia entre las mayúsculas y las
minúsculas. Ejemplos de este tipo de dirección podrían ser por ejemplo: RecerK.com, o google.com, etc. pero también: entorno.epsa.upv.es. Cada una de las direcciones DNS tiene su equivalente en IP. Por ejemplo, entorno epsa.upv.es corresponde con 158.42.133.101 y google.com corresponde con 64.208.32.101. En la Red existen una serie de computadoras cuyo único trabajo es traducir continuamente direcciones IP en direcciones DNS y a la inversa, de forma que utilizando cualquier tipo de dirección siempre podamos acceder a la máquina que nos interesa”7.
6 Gaitán Juan José, Pruvost Andrés Guillermo. Op. Cit., p.44.
7 Pla-Santamaria David. Localización de información específica en la web. Editorial de la Universidad Politécnica de
Valencia. 2005. p 195.
27
Para la elaboración de la base de datos, la cual contiene la información de las calificaciones de los estudiantes se ha usado Google Docs, aplicaciones de la web 2.0.
Google Docs: “Google Docs es una de las aplicaciones Web más populares y completa, ya que permite en una sola aplicación compartir y publicar archivos de texto, hojas de cálculo y presentaciones, así como su edición. ¿QUE PUEDO HACER EXACTAMENTE CON GOOGLE DOCS?
o Subir documentos de Word, OpenOffice, RTF, HTML o texto (o crear documentos desde el principio).
o Utilizar el editor WYSIWYG (What You See Is What You Get, lo que ves es lo que obtienes) para dar formato a tus documentos, revisar la ortografía, etc.
o Invitar a otros usuarios (por su dirección de correo electrónico) para que puedan editar o ver tus documentos y hojas de cálculo.
o Editar documentos online con Las personas que elijas. o Ver el historial de revisiones de tus documentos y hojas de cálculo y
volver a cualquier versión. o Publicar documentos online para que estén disponibles para todo
mundo, como páginas web o como documentos publicados en un blog.
o Descargar documentos en tu escritorio como documentos de Word, de OpenOffice, RTF, PDF, HTML o ZIP.
o Enviar por correo electrónico los documentos como archivos adjuntos. Con Las hojas de cálculo permite:
o Importar y exportar datos con Los formatos .xls, .csv y .ods (y exportar funciones para .pdf y .html).
o Disfrutar de la navegación y la edición intuitivas, como en cualquier documento u hoja de cálculo tradicional.
o Usar La edición de formatos y formulas en Las hojas de cálculo”8.
8 Caivano Liliana Noemí Villoria. WEB 2.0: Google docs. Villa María: Eduvim. 2009. p. 27.
28
8. DEFINICIÓN OPERACIONAL DE TÉRMINOS
- Hosting: El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web.
- Dominio:
Es la parte principal de una dirección en la web que usualmente indica la organización o compañía que administra dicha página.
- Blog: Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.
- Base de datos: Es un sistema de información en el que se almacenan información.
29
9. CRONOGRAMA DE ACTIVIDADES PLANEADAS
ILUSTRACION 2. Cronograma de actividades planeadas Actividades Enero Febrero Marzo Abril Mayo Junio 1
º 2º
3º
4º
1º
2º
3º
4º
1º
2º
3º
4º
1º
2º
3º
4º
1º
2º
3º
4º
1º
2º
3º
4º
Reglamento de la Sala de Sistemas
x x
Creación y capacitación página web
x x x x x x x x x x x x x x x x x x x x
Aprender sobre hosting x
Aprender sobre dominio x
Propuesta Hosting/Dominio
x
Registro del dominio x x
Creación blog tareas y funcionamiento
x x x x x x x
Capacitación blog tareas x x x
Creación blog informes y funcionamiento
x x x x x
Creación Sistema Boletines
x x x
Capacitación sistema de boletines
x
Fuente: Elaboración propia
30
10. PRESENTACIÓN Y ANÁLISIS DE LOS RESULTADOS
10.1 CRONOGRAMA ACTIVIDADES REALIZADAS ILUSTRACION 3. Cronograma de actividades realizadas Actividades Enero Febrero Marzo Abril Mayo Junio 1
º 2º
3º
4º
1º
2º
3º
4º
1º
2º
3º
4º
1º
2º
3º
4º
1º
2º
3º
4º
1º
2º
3º
4º
Reglamento de la Sala de Sistemas
x x
Creación y capacitación página web
x x x x x x x x x x x x x x x x x x x x
Aprender sobre hosting x
Aprender sobre dominio x
Propuesta Hosting/Dominio
x
Registro del dominio x x
Creación blog tareas y funcionamiento
x x x x x x x
Capacitación blog tareas x x x
Creación blog informes y funcionamiento
x x x x x
Creación Sistema Boletines
x x x
Capacitación sistema de boletines
x
Fuente: Elaboración propia 10.2 REGLAMENTO DE LA SALA DE SISTEMAS: - Creación del reglamento de la sala de sistemas: Inicio: 12 de enero. Fin: 17 de enero.
Me basé en el estándar de reglamento de la Universidad Autónoma de Yucatán ya que es muy completo incluso habla de adecuaciones físicas.
31
El reglamento está estructurado de la siguiente forma: REGLAMENTO DE LA SALA DE SISTEMAS La institución ofrecerá a los usuarios de la Sala de Sistemas los recursos de hardware, software y conectividad disponibles, para que sirvan como apoyo en sus actividades académicas. El uso académico prima sobre cualquier otra utilización. El uso de la Sala de Sistemas es estrictamente para usuarios; se considera como usuarios de la Sala de Sistemas:
Estudiantes que se encuentren debidamente matriculados, profesores, coordinadores, directivos, empleados de la institución cuya vinculación con el Colegio AngloHispano Pereira se encuentre vigente y padres de familia de los estudiantes del Colegio AngloHispano Pereira.
DE LOS SERVICIOS Reservación Grupal en la Sala de Máquinas.
Las reservaciones grupales sólo podrán realizarse en forma personal, por el Profesor con un mínimo de 2 horas previas.
Cancelación de las reservaciones. El usuario deberá cancelar con 1 hora de anticipación a la reservación.
Permanencia del Profesor o Instructor durante la reservación. El instructor o Profesor que solicite alguna reservación, deberá permanecer con el grupo durante todo el tiempo asignado a la sala, y se hará responsable del buen uso de los equipos, tanto desde el punto de vista técnico como de la información que en ellas se revise, acceda o disponga.
Los alumnos no podrán entrar a la sala sin la presencia del Profesor. Todos los alumnos que se presenten a clases en las salas dispuestas para ello no podrán ingresar, hasta que el profesor llegue.
Tiempo de Reservación Grupal. El tiempo máximo por reservación grupal será de 3 horas a la semana con algunas excepciones establecidas al comienzo de cada año.
Cancelación de Reservación Grupal. La Administración de la Sala de Sistemas se reserva el derecho de cancelar turnos a usuario o a un grupo de acuerdo a las necesidades de la Sala de Sistemas.
La reservación Grupal Las reservaciones implican la asignación física de cierto número de computadoras, pero aquellas que no sean ocupadas, quedarán a disposición para ser asignadas a profesores.
Para la utilización de los equipos. Los usuarios deberán respetar las especificaciones que los equipos tengan con respecto al Software instalado en general, de lo contrario se hará acreedor a una sanción (según la estipule la coordinación).
32
Ambiente adecuado para el desarrollo de trabajos. Los equipos dispuestos en las áreas de servicio están configurados y provistos de la paquetería Institucional para el desempeño de trabajos de cómputo. Sin embargo, en caso de que existiera algún requerimiento de software especial, el usuario deberá solicitarlo a la Administración de la Sala, previa justificación que la sustente.
Instalación de Software La instalación de programas es facultad exclusiva del centro de cómputo.
Acerca de los Derechos de Autor Queda estrictamente prohibido inspeccionar, copiar y almacenar programas de cómputo, software y demás fuentes que violen la ley de derechos de autor.
Capacitación. A los usuarios nuevos se les proporcionará una capacitación de este reglamento y del uso de la Sala de Sistemas.
Alimentos y Bebidas Queda prohibido introducir alimentos y bebidas a la Sala de Sistemas.
Fumar Queda prohibido fumar en Sala de Sistemas.
Armas y Estupefacientes Queda prohibido introducir cualquier tipo de arma o estupefaciente.
DEL USO DE LOS EQUIPOS Administración del tiempo y uso de los turnos de máquina.
Cuando se haya detectado el empleo del mismo para realizar búsquedas o accesos a páginas web que atenten contra la moral y buenos principios el profesor deberá retirar de la Sala de Sistemas al causante de la falta.
Uso de equipo. El empleo de equipo de cómputo es individual pero si es necesario por comodidad se permiten máximo dos personas por equipo.
Queda prohibido: o Las actividades con fines de lucro. o Utilización de cualquier tipo de juego, programas y aplicaciones que
no están autorizados por el profesor. o Introducción de equipos ajenos a la Institución. o Conexión de equipos no autorizados. o Chatear (conversar con diversidad de personas a través de la red) o Acceder a información, imágenes o vídeos obscenos. o Modificar cualquier archivo del sistema. o Usar la infraestructura de la Institución para lanzar virus, gusanos,
caballos de Troya y otros ataques, ya sean internos o externos. o Usar vulnerabilidades que alteren la seguridad, consistencia o que
dañen cualquier sistema de cómputo.
33
Acceso a la Sala de Sistemas. Solo podrán tener acceso las personas que tengan reservación y porten su identificación correspondiente. Se prohíbe ingresar a las salas en estado inconveniente.
Equipo ajeno a la institución. La introducción de algún equipo a la Sala de Sistemas, deberá ser autorizada previamente por la Administración de la Sala de Sistemas. Si un usuario tiene la necesidad de conectar periféricos a las computadoras, independientemente que se trate de una situación particular u otra derivada de alguna práctica o investigación académica, esta deberá estar avalada por su departamento académico.
Daños a los equipos. El usuario que cause algún daño a cualquier equipo deberá cubrir el costo de la avería, y en tanto esto sucede, se le suspenderá el derecho a servicio.
Información de los usuarios La información de los usuarios permanecerá de manera transitoria en el disco duro del equipo de cómputo, ya que por requerimientos de espacio será borrada. Es responsabilidad del usuario el respaldo y contenido de la información guardada por él.
Antivirus Todas las máquinas de la Sala de Sistemas deberán contar con un programa antivirus, y los usuarios deberán hacer uso de él.
Movimiento de Equipo y Muebles Se prohíbe el movimiento de mobiliario o de equipo de cómputo. También está prohibido intercambiar dispositivos de una computadora a otra.
Equipo Multimedia Responsabilidad
El equipo multimedia como Video Beam deberá ser solicitado por el profesor (quien tendrá la responsabilidad de su uso) a la Administración de la Sala de Sistemas.
Uso Deberán seguirse las siguientes recomendaciones; algunas en caso de necesitar trasladar el equipo:
o Usarse en áreas con buena ventilación. o Conectarse a tomas de corriente de cómputo, si están
disponibles. o Mantenerse alejados de alimentos y bebidas. o No forzar las conexiones de los dispositivos de los equipos (éstos
solo pueden conectarse de una forma). o Ubicar el equipo de tal forma que el calor generado por éstos no
incida sobre equipos de cómputo. o No golpear los equipos. o No mover los equipos cuando están encendidos.
34
o Poner los equipos en modo de reposo (stand-by) durante al menos 5 minutos antes de apagarlos de manera definitiva.
o Al terminar, enrollar los cables y acomodarlos para un transporte seguro. Sin embargo, los cables no deben enrollarse con radios de curvatura muy pequeños, ya que pueden fracturarse.
o No colocar el equipo sobre notebooks ya que la pantalla líquida puede dañarse.
o Evitar dejar sin vigilancia los equipos. DE LAS INSTALACIONES
Limpieza Es obligación de los usuarios mantener limpias todas las instalaciones, tirando la basura en los botes destinados para este fin.
Puerta Está prohibido sentarse alrededor de la puerta, ya que se obstaculiza el libre tránsito de personas.
TRANSITORIOS
Primero. Imprevistos Los casos no previstos en este reglamento serán resueltos por la Coordinación, entidad administrativa o legal correspondiente.
Segundo. Vigencia Este reglamento entra en vigor cuando la Rectoría así lo determine.
DERECHOS DE LOS USUARIOS: Los usuarios de la Sala de Sistemas tienen derecho a:
Tener acceso al servicio según disponibilidad. Recibir buen trato y respeto por parte de los responsables de las salas. Recibir orientación en el uso de las salas. Sugerir mecanismos para la mejora en la prestación del servicio a las
instancias pertinentes. Ser informado con antelación sobre el cierre provisional de la sala.
DEBERES Y OBLIGACIONES: Los usuarios de las salas de cómputo e informática tienen los siguientes deberes y obligaciones:
Acatar los turnos y la programación de las salas. Proveerse de sus propios elementos de trabajo. Utilizar únicamente el equipo que le sea asignado. Hacer uso apropiado de las salas y de los equipos de cómputo.
Guardar respeto por el personal encargado de la sala y los demás usuarios.
35
Estar atento y facilitar las operaciones de mantenimiento de la sala, las cuales tienen prioridad sobre el uso ordinario que de la misma hagan sus usuarios, en las fechas previstas para ello.
Conservar las salas y los equipos en buen estado. Reportar el uso indebido de los elementos de la sala.
OTRAS RESTRICCIONES: No se permite dentro de las salas:
Permanecer en ella sin estar trabajando. Modificar la configuración disponible en los equipos. Maltratar los equipos o cualquiera de sus componentes. Abrir o destapar las carcasas de los equipos. Hablar por celular. Está prohibido el envío, consulta o intercambio de material ofensivo,
difamatorio o cualquier forma de información que atente contra la dignidad de las personas.
HORARIO DE ATENCIÓN: El funcionamiento normal de la sala de informática es de lunes a viernes de 8:30 AM a 4:00 PM. Entrega del Reglamento de la Sala de Sistemas: Fecha: 17 de enero. 10.3 BLOG DE TAREAS: - Creación Blog de Tareas (anglohispanopereira.edu.co/blogtareas). Inicio: 07 de febrero Fin: 21 de febrero
Para crear el blog seguí las indicaciones del tutorial de Joomla! (GuiadeiniciorapidoparaelusuariodeJoomla1.5.pdf), usando plantilla para tener un interfaz agradable de acuerdo al tema de blog (mostrar tareas). Creé secciones y categorías de la siguiente forma: Los grupos son secciones y las asignaturas son categorías que pertenecen a cada una de las secciones (grupos). Así al hacer referencia por ejemplo al grupo primero este contendrá las diferentes asignaturas que en este se ven. Se logra un orden en todas las publicaciones de cada grupo y se conoce a que grupo pertenece cada tarea publicada; permitiendo también crear un menú para el fácil acceso a las tareas de interés de cada estudiante o padre de familia.
- Entrega del blog de tareas y capacitación: Inicio: 04 de marzo - 7:00 am Fin: 04 de marzo - 8:00 am
36
Realicé una capacitación presencial a los profesores para que conozcan como publicar las tareas en el blog de tareas y se resolvieron dudas que se presentaron en la capacitación.
- Tutorial para profesores: Inicio: 07 de marzo Fin: 07 de marzo
Me encontré con un problema al subir fotos para publicar sobre permisos (JFTP: Bad response); la solución desactivar el ftp para Joomla!, ya que la imagen al entrar al servidor entraba como un propietario desconocido para el servidor. Igualmente pude ingresar vía ftp por al host usando el software Filezilla. Los profesores también pueden subir fotos por medio de Joomla!. Complementando la capacitación le hice entrega de un tutorial digital para que recordaran como publicar tareas. En este tutorial se puede ver el uso correcto de los complementos que acompañan el blog de tareas hecho con Joomla!, complementos para insertar videos dentro de las publicaciones de la tareas de forma fácil para los profesores, también se explica cómo insertar imágenes; en el tutorial se explica todo lo que en la capacitación vieron y se explicó a los profesores.
- Tutorial para usuarios: Inicio: 25 de marzo
Fin: 25 de marzo Creé un tutorial explicando cómo visualizar las tareas del grupo de interés de forma fácil y rápida. Lo publiqué en el blog de Informers para hacerlo conocer de toda la comunidad educativa del Colegio Anglohispano Pereira. Este se puede ver en el siguiente link: http://anglohispanopereira.edu.co/blogtareas/public/TutorialBlogTareas.pdf
- Entró en funcionamiento Fecha: 14 de marzo
Se puede ver en el siguiente link: http://anglohispanopereira.edu.co/blogtareas
ILUSTRACION 4. Anglohispano Pereira School Homework
Fuente: Elaboración propia
37
10.4 BLOG DE INFORMERS: - Creación del Blog de Informers (anglohispanopereira.edu.co/blog).
Inicio: 04 de Abril Fin: 29 de Abril
La creación del blog de Informers tomó más tiempo, ya se necesitaba un blog donde se pudiera publicar contenido multimedia, fácil de visualizar y agradable a la vista, esto se logró usando una plantilla para tener un interfaz agradable en conjunto a unos plugins, módulos y complementos para Joomla! (versión 1.6). Explico cómo está estructurado el Blog de Informers con los siguientes pasos para crear un nuevo informer:
- Crear una categoría con el nombre del nuevo informer. - Crear enlace en el menú principal para la categoría del nuevo informer. - Crear menú de páginas para el nuevo informer indicando la ubicación
(user1 ó user2). - Crear artículo: o Por cada artículo creado, crear un enlace en el menú de páginas
haciendo referencia a este artículo nuevo. o Luego ir a Gestor de módulos y seleccionar el menú de páginas que
corresponde al nuevo informer. o Abajo en Asignación de menú, seleccionar en Asignación del módulo
"Solo en las páginas seleccionadas", luego dar clic en el cuadrito que corresponde al nuevo artículo (solo deben estar chuleados los artículos que le corresponde al informer).
Aquí mismo en Asignación de menú: o En la pestaña Main Menu solo debe estar
seleccionado el informer correspondiente. La estructura es sencilla pero el usuario que requiera publicar debe hacer unos pasos extras (en comparación con el blog de tareas) para publicar ya que por cada nuevo informer debe crear una nueva categoría y enlazar los artículos correspondientes a esta. - Entrega del blog de Informers:
Fecha: 01 de mayo. - Capacitación:
Inicio: 01 de mayo. Fin: 31 de mayo.
Realicé una capacitación presencial a la profesora encargada anteriormente del departamento de sistemas; para que conozca como publicar la bitácora en el blog de Informers y se resolvieron dudas que se presentaron en la capacitación. En esta capacitación se incluyó el uso de los plugins, módulos y complementos extras para la publicación de artículos en el blog de Informers.
- Entró en funcionamiento
38
Fecha: 01 de mayo Se puede ver en el siguiente link: http://anglohispanopereira.edu.co/blog
ILUSTRACION 5. Anglohispano Pereira Informer’s Blog
Fuente: Elaboración propia
10.5 PÁGINA WEB:
- Creación de la página web (anglohispanopereira.edu.co). Inicio: 01 de Mayo Fin: 01 Junio
Para la creación de la página web, se tuvo en cuenta que debe ser una página profesional desde su imagen hasta su funcionamiento; ya que esta es la imagen del Colegio Anglohispano Pereira en internet, la imagen de colegio en el mundo. Explico cómo está estructurada la página web por medio de las secciones de lo que se conoce como mega menú (menú en la cual varias secciones de las principales contienen submenús, imágenes u otros):
Inicio -Nuestro Colegio -Valores -Misión y Visión
-Filosofía -Metodología activa -Himno
-Logo y Bandera -Información General -Reseña Histórica -Políticas de Calidad -Perfil del Egresado -¿Cómo llegar a la Sede del Colegio? -Organización -Organigrama -Directivas y Educadores -El Colegio en Imágenes -Directorio Institucional
39
-Oferta Académica -Oferta Educativa -Preescolar -Básica Primaria -Básica Secundaria -Educación Media
-Admisiones y Matrículas -Requisitos de Admisión
-Proceso de Matrícula -Calendario Académico -Valor de Matrículas -Asociación de Padres -Integrantes de la Asociación de Padres -Reunión de Padres -Blogs
-Informer's Blog -Blog School Homework -Mapa del sitio -Contáctenos
- Entrega de la página web: Inicio: 01 de Junio.
- Documentación página web (modo de uso): Inicio: 01 de Junio. Fin: 03 de Junio.
En este tutorial se incluye el uso de los plugins, módulos y complementos extras para la publicación de artículos en el blog de Informers.
- Entró en funcionamiento Fecha: 01 de Junio.
Se puede ver en el siguiente link: http://anglohispanopereira.edu.co ILUSTRACION 6. Colegio Anglohispano Pereira Web
Fuente: Elaboración propia
40
10.6 BOLETINES ACADÉMICOS: - Creación de los boletines académicos.
Inicio: 19 de Enero. Fin: 02 de Febrero.
Quería lograr un sistema sencillo para los profesores, quería que se encontraran con una interfaz conocida por ellos, Microsoft Office me permite teniendo un archivo de Excel con datos usarla como base de datos en Word usando la función de correspondencia. Cree archivos de Excel por grupo y los llene con nombre de los estudiantes y datos de las materias como los logros; dejé dos campos vacíos, el de las notas (cuantitativa y cualitativa); los profesores solo tienen que llenar esos campos. Los boletines académicos están hechos en Word listos para recibir la información de Excel para su posterior impresión. Los documentos de Excel los subí a Google Docs para aprovechar la función de trabajo grupal por cada archivo, facilitando así trabajar en ellos desde a casa a los profesores y también trabajar varios profesores al mismo tiempo en un solo archivo evitando una espera que de lo contrario sería necesaria (que un profesor llene para que luego el otro continúe).
- Entrega de los boletines académicos: Inicio: 02 de Febrero.
- Entró en funcionamiento Fecha: 02 de Febrero.
41
CONCLUSIONES La experiencia enriqueció mis conocimientos y me formó más como persona ya que me encontré con un excelente grupo de trabajo; también es de destacar que dejé la imagen de la Universidad Católica de Pereira en lo alto al comportarme con calidad en todos los aspectos (profesional, académico y personal), logrando cumplir con las metas propuestas a tiempo; gracias a esto quedan las puertas abiertas a los practicantes venideros como me lo dio a conocer mi jefe inmediato Juan Diego Vallejo Ocampo, Rector. Los comunicados del colegio ahora llegan más rápido a la comunidad educativa que la integra; ejemplo de ello es el interés que los padres de familia demuestran al querer conocer cómo funciona el Anglohispano Pereira School Homework, para así estar enterados de la calidad educativa y de las tareas de sus hijos. El Anglohispano Pereira Informer’s Blog cumple con su objetivo que es el de dar a conocer la vida de los estudiantes en el colegio, ya que ellos siempre son los protagonistas y que mejor forma de dar a conocer las experiencias de los estudiantes apoyándose en el ambiente que se puede crear en Internet; en este se puede mostrar videos, imágenes y texto de forma integrada e independiente; para mostrarle al mundo y a la comunidad educativa lo vivido de forma animada; mostrando esos momentos, esas alegrías, esa vida cotidiana en el colegio. La página web logra plasmar la imagen profesional del colegio, da a conocer toda la información importante tanto para las personas vinculadas a él como para las que quieren vincularse, en ella también se puede encontrar el acceso al Anglohispano Pereira Informer’s Blog y al el Anglohispano Pereira School Homework; los dos blogs propuestos para integrarlos a la página web, también desde cada uno de los blog se puede acceder a la página web o al otro blog; logrando así un fácil acceso entre ellos. Adquirí conocimientos en los gestores de contenidos o CMS, en este caso elegí Joomla en sus versiones 1.5 y 1.6 para lograr rápidamente el objetivo de implementar dos blogs y una página web. En el proceso necesité aprender sobre el hosting y dominios de Internet para elegir el más conveniente y que se ajustaba a las necesidades del colegio; ahora entiendo su funcionamiento e implementación para lograr tener en línea blogs o una página web las casi 24 horas del día teniendo en cuenta que estas horas dependen del funcionamiento del hosting y el plan contratado. Conozco ahora los pasos para registrar un dominio restringido (edu.co), el colegio cuenta con su propio dominio indicando ser una página educativa y de Colombia (anglohispanopereira.edu.co).
42
Al contar con la necesidad de dar capacitaciones para el uso de los blogs y la página web, vi necesario un tutorial ya que los profesores tienden a olvidar lo aprendido en estas capacitaciones; ellos siempre han estado muy dispuestos para aprender lo que me ha facilitado dar a conocer este conocimiento. La base de datos de los boletines académicos se encuentra en Google Docs, al tener estos archivos ahí, se evitan gastos ya que esta aplicación web es gratis y los profesores pueden acceder a ellos desde cualquier lugar con Internet, también puede trabajar todos los profesores en un mismo archivo al mismo tiempo para ahorrar tiempo de ingreso de las notas.
43
RECOMENDACIONES
Capacitar, siempre capacitar hasta asegurarse que las personas tengan claro lo que deben hacer y cómo hacerlo; muchas veces se me acercaban profesores preguntándome cómo es que se hace esto y aquello, recomiendo también una pequeña práctica en los sistemas que los profesores usan como son el ingreso de las notas y la publicación de tareas junto con sus componentes visuales para publicar (videos, imágenes, texto). El diseño antes de implementar permite que no se esté improvisando para así lograr con éxito a la primera implementación, lo vi en la práctica; todos los objetivos se cumplieron sin complicaciones gracias a la planeación y colaboración de las diferentes personas involucradas en mi práctica profesional. Teniendo en cuenta esto, el colegio puede seguir creciendo y fortaleciéndose gracias a las tecnologías de la información y las telecomunicaciones; seguir siempre trabajando para estar actualizados o usar sistemas actuales; en el campo de la tecnología nunca dejamos de aprender; por lo tanto siempre hay cosas nuevas; el colegio puede empezar un ciclo investigativo para estar siempre a la vanguardia.
44
REFERENCIAS BIBLIOGRÁFICAS Cobo Ángel, Gómez Patricia, Pérez Daniel, Rocha Rocío. PHP y MySQL. Tecnología para el desarrollo de aplicaciones web. Ediciones Díaz de Santos. 2005. 504 p. ISBN 84-7978-706-6 Gaitán Juan José, Pruvost Andrés Guillermo. El comercio electrónico al alcance de su empresa. Universidad Nac. del Litoral. 219 p Pla-Santamaria David. Localización de información específica en la web. Editorial de la Universidad Politécnica de Valencia. 2005. 195 p Caivano Liliana Noemí Villoria. WEB 2.0: Google docs. Villa María: Eduvim. 2009. 58 p. ISBN 978-987-1518-71-5
GRUPO DE SEGURIDAD EN CÓMPUTO (2003) .estándares de operación de
las salas de cómputo. http://www.riuady.uady.mx/riuady/estandar_operacioncentrocomputo.pdf (11 ene.2011) .CO INTERNET (2010).Registro de Dominios de Usuario Restringido. http://www.cointernet.com.co/dominios/uso-restringido (2011) .CO INTERNET (29 Mar.2010)..CO Reglas de Lanzamiento y Registro. http://www.cointernet.com.co/sites/default/files/documents/CO_Sunrise_Launch %26Registration_Spanish_29-03-10.pdf (01 Mar.2011)
45
APÉNDICES
APÉNDICE A. TUTORIAL SOBRE LAS PUBLICACIONES DE LAS TAREAS EN EL BLOG DE TAREAS PARA PROFESORES
Tutorial realizado por Julián Duque Mejía
Colegio Anglohispano Pereira
1
TABLA DE CONTENIDO
1- Ingreso a la plataforma de administración del Anglohispano Pereira School Homework's blog…………………2
2- Crear y Publicar artículo en Anglohispano Pereira School Homework's blog……………………………………………...2
3- Ingresar eventos en el calendario de Anglohispano Pereira School Homework's blog……………………………….6
Tutorial realizado por Julián Duque Mejía
Colegio Anglohispano Pereira
2
1- Ingreso a la plataforma de administración del Anglohispano Pereira School Homework's
blog.
Para ingresar a la plataforma de administración del Anglohispano Pereira School
Homework's blog con sus credenciales de acceso (Ctrl + Clic para seguir el vínculo)
http://anglohispanopereira.edu.co/blogtareas/administrator
2- Crear y publicar artículo nuevo en Anglohispano Pereira School Homework's blog.
a. Les aparece la siguiente pantalla, en la cual damos clic en la pestaña Contenido
resaltada con azul en la imagen: (Ctrl + Clic en la imagen para ver en tamaño
completo)
b. Ahora clic en Gestor de artículos para ingresar a la sección donde se administran
los artículos: (Ctrl + Clic en la imagen para ver en tamaño completo)
Tutorial realizado por Julián Duque Mejía
Colegio Anglohispano Pereira
5
Insertar: Buscamos la imagen que subimos, la seleccionamos y damos clic
en insertar; nos aparecerá entonces la imagen insertada en la tarea.
Cancelar: Cierra esta ventana.
*Nota: Deben editar la imagen en sus computadores dándole un tamaño
adecuado antes de subirla.
Adicional en esta sección:
2-1 Como Insertar videos de YouTube en Anglohispano Pereira School Homework's
blog.
a- Ingresamos a www.youtube.com.
b- Buscamos el video de nuestro interés.
c- Nos fijamos en la URL (dirección web).
d- Identificamos el id del video como se muestra a continuación en los ejemplos:
http://www.youtube.com/watch?v=MMuPYyDueoA el id es el que
sigue siempre después del signo “=”; aquí el id del video lo resalté en azul
(MMuPYyDueoA) para que lo puedan identificar más fácilmente.
http://www.youtube.com/watch?v=oRhF-N0Mais&feature=related
aquí encontramos el id (oRhF-N0Mais) después del signo “=” y antes del
signo “&”.
Si nos fijamos bien el id está compuesto por 11 caracteres que se
encuentran después del signo “=” de la URL del video de Youtube.
e- El id del video lo ingresamos según se muestra en la siguiente sintaxis:
{youtube}+IDdelVideo+{/youtube}
Usando los ejemplos de cómo identificar el id del video quedaría así:
{youtube}MMuPYyDueoA{/youtube}
{youtube}oRhF-N0Mais{/youtube}
Deben tener en cuenta no dejar espacios
Esto se debe digitar en el área de trabajo (donde va el texto de la tarea).
53
APÉNDICE B. TUTORIAL VISUALIZAR TAREAS PARA ESTUDIANTES Y PADRES DE FAMILIA
57
APÉNDICE C. REGLAMENTO SALA DE SISTEMAS
COLEGIO ANGLOHISPANO PEREIRA
Reglamento de la Sala
de Sistemas
Pereira, Risaralda, Colombia
Enero de 2011
Colegio AngloHispano Pereira Reglamento de la Sala de Sistemas
Colegio AngloHispano Pereira Reglamento de la Sala de Sistemas
Colegio AngloHispano Pereira Reglamento de la Sala de Sistemas
Colegio AngloHispano Pereira Reglamento de la Sala de Sistemas
Colegio AngloHispano Pereira Reglamento de la Sala de Sistemas
Colegio AngloHispano Pereira Reglamento de la Sala de Sistemas
65
ANEXOS
ANEXO A. GUÍA JOOMLA!
Guía traducida y readaptada por Comunidad Joomla!
Tabla de contenidos• Introducción• Instalar y configurar XAMPP• Descargar y descomprimir Joomla!• Instalar Joomla!• Secciones, categorías y artículos• Gestión de usuarios• Gestión de enlaces• Gestión de noticias externas• Gestión de menús• Menú principal• Presentación de categorías• Presentación de contactos• Presentación de enlaces web• Presentación de noticias externas• Presentación de búsquedas• Creación de módulos• Módulo de sindicación• Módulo de acceso• Módulo de noticias en flash• Módulo de rutas• Gestión de plantillas• Recursos futuros
Introducción¡Hola! Hoy, vamos a acompañarte en la instalación y configuración de tu primer sitioJoomla!. En esta demostración, serás ayudado a configurar un sitio web para unaempresa de jardinería. Dentro de los objetivos marcados por el presidente de lacompañia, te solicita que le gustaría tener una sección dedicada a árboles, otra paraarbustos y una última para cesped. Al presidente le gustaría tener también su propiasección para dedicarla a informes sobre la compañia y cosas así. La página principaldebe reservarse para material específico. También necesita una sección para enlaces,una página de búsqueda y una página dedicada a servir noticias externas, relacionadascon la jardinería. El director de relaciones públicas también requiere que las noticiasexternas estén disponibles desde la página principal.
Con esta guía, podrás configurar un sitio que cumpla con estos objetivos ¡en pocashoras!
Instalar y configurar XAMPPCon la intención de configurar Joomla! para este sitio web, primero necesitarás tener unservidor instalado sobre el que Joomla! pueda ejecutarse. La via fácil para instalar unservidor en tu ordenador es usar XAMPP. Si lo que estás intentando instalar es Joomla!en un hospedaje externo a tu ordenador, por favor, revisa la “Official Joomla 1.5Installation Guide” en http://help.joomla.org. No instales el contenido de ejemplo y, trasfinalizar la instalación, salta hasta la parte de “Secciones, categorías y artículos”.
También, si ya tienes Joomla! 1.5 funcionando y sin datos de ejemplo, puedes pasardirectamente al apartado de esta guía “Secciones, categorías y artículos”
Nota: Las siguientes instrucciones están basadas en una instalación sobre Windows.Otros sistemas operativos seguirán un proceso similar pero con remarcadas diferencias.Por favor, usa el manual de referencia apropiado para tu sistema operativo a la hora deinstalar XAMPP.
1. Descarga el instalador de XAMPP para tu versión de Windows desde el siguienteenlace: http://www.apachefriends.org/en/xampp.html.
2. Tras descargar XAMPP, ejecuta el setup y sigue las instrucciones indicadas.Recomendamos instalar Apache y MySQL como servicios:
3. Una vez que hayas completado la instalación, asegúrate que todo está correctovisitando desde tu navegador favorito la URL http://localhost/. Si todo ha ido bien,podrás ver la siguiente pantalla:
4. Felicidades, XAMPP está correctamente instalado; ahora, vamos a por Joomla!
Descargar y descomprimir Joomla!Ahora que tienes el servidor en marcha, es el momento de descargar y descomprimirJoomla!
1.Primero, necesitamos crear una carpeta para Joomla!. Abre la carpeta donde tienesinstalado XAMPP – normalmente sobre windows está ubicado en ruta C:\XAMPP oC:\Archivos de programa\XAMPP
2. Abre la carpeta “htdocs:”
3. Crea una nueva carpeta dentro de “htdocs” llamada “joomla15”.
4. Ahora, necesitamos descargar la última versión de Joomla! 1.5 desde internet. Ve ahttp://www.joomla.org y desplázate hacia abajo, buscado por la parte superior derechadel sitio hasta encontrar el enunciado “Download Joomla” y haz clic sobre el botón dela “1.5.x” para acceder a la página de descarga:
5. Una vez ahí, elige el paquete “Full Package”que acabe con la extensión “.zip”:
6. Tras completarse la descarga, usa tu programa favorito para descomprimir elcontenido del paquete, dentro de la carpeta “joomla15” que habíamos creado conanterioridad:
¡Estupendo! Ya estamos a punto para empezar a instalar y configurar Joomla!.
Instalar Joomla!Instalar Joomla! es algo muy simple.
1. Primero, ve a la URL http://localhost/joomla15.
2. En el paso 1, selecciona tu idioma y pulsa el botón “Siguiente” ubicado en la partesuperior de la pantalla.
3. En el paso 2, asegúrate de que no hay elementos destacados en rojo (Si estás usandoXAMPP, seguramente estará todo bien predeterminadamente). Si todo está bien, pulsa“Siguiente” para seguir.
4. En el paso 3, lee y comprende la licencia, y pulsa el botón “Siguiente”
5. Al llegar al paso 4, en la “Configuración de la base de datos”, introduce los siguientesdatos y pulsa el botón “Siguiente”
¡Recuerda!, desde XAMPP y usando phpmyadmin mismo, debes haber creado unabase de datos llamada “joomla15” a la que el usuario “root” se pueda conectar.Sustituye el nombre de usuario, contraseña y nombre de la db por los apropiados si estásusando otros. Para ms informacin revisa: http://foro.comunidadjoomla.org/instalacion-10x/tutorial-para-crear-bases-datos-desde-phpmyadmin-t473.html
6. Sáltate el paso 5 pulsando directamente sobre “Siguiente” y ve al paso 6.
7. Introduce el nombre del sitio “Jardinería Secuoya”, y luego la dirección de correoelectrónico y una contraseña para el “admin” de tu elección. NOTA: NO PULSESSOBRE “Instalar los datos de ejemplo predeterminados”
8. Pulsa “Siguiente” y “Aceptar” al mensaje de que “No se instalaron datos de ejemplou otro tipo de datos...” para poder seguir con la instalación.
9. IMPORTANTE: Abre la ubicación donde descomprimiste Joomla! (normalmenteC:\XAMPP\htdocs\joomla15 o C:\Archivos de programa\XAMPP\htdocs\joomla15) yborra la carpeta “installation”:
10. Regresa al instalador y haz clic sobre “Sitio”
¡Si se ha completado la instalación correctamente, podrás ver tu sitio esperando a que lollenes con contenido!
11. Opcionalmente, para que las pantallas de esta guía se correspondan con las delidioma del CMS en español, tendrás que instalar los idiomas en español para la últimaversión estable de Joomla!. Para ello, puedes acceder a nuestro espacio en elJoomlacode y revisar la siguiente noticia para ayudarte en el proceso de instalación dedichos paquetes.
Secciones, categorías y artículosUna de las partes más importantes de un sitio web es el contenido. ¡Ahora que tenemosun sitio en blanco, vayamos a ponerle algunos artículos! Los artículos pueden ordenarsepor dos vias: secciones y categorías. Las secciones pueden contener gran cantidad decategorías y las categorías pueden contener gran cantidad de artículos.
1. Para agregar una sección a tu sitio web ve a http://localhost/joomla15/administrator yaccede con tu nombre de usuario “admin” y la contraseña que especificaste durante elproceso de instalación.
2. Para empezar a gestionar secciones, haz clic sobre el gestor de secciones:
3. Haz clic sobre “Nuevo” desde la barra de herramientas de Joomla!.
4. Introduce un título y descripción para la sección y luego pulsa “Guardar” desde labarra de herramientas.
5. Crea tantas secciones como necesites. Usa las secciones para agrupar elementossimilares o que estén dentro de una misma rama. Para nuestro sitio de jardinería, agregauna sección “Corporación” y otra sección para “Productos”.
6. Cuando hayas acabado con las secciones, haz clic sobre el menú superior“Contenido” y selecciona el “Gestor de categorías”
7. Para crear categorías, sigue los mismos pasos que con las secciones, asignando a cadauna, alguna de las secciones creadas anteriormente. Usa las categorías para agrupar másespecificamente las cosas o para agrupar cosas que formen parte de una mismajerarquía. Para la sección “Productos”, crea una categoría para “Árboles”, otra para“Arbustos” y una para “Cesped”. Para la sección “Corporación” crea una categoríallamada “Presidente”:
8. Finalmente, necesitamos crear algunos artículos. Haz clic sobre “Contenido” y luegosobre “Gestor de artículos” y selecciona “Nuevo” desde la barra de herramientas.
9. Esto es la pantalla de artículos. Hay un montón de cosas distintas que puedes hacerdesde aquí:
Agrega un título al artículo y ponlo dentro de una sección y categoría.
Tienes la opción de publicar o despublicar tu artículo, así como la de poder mostrar, ono, el artículo en la página principal.
El campo de texto grande es para el contenido del artículo.
Puedes usar el botón “Paginar” para dividir el artículo en páginas.
Puedes usar el “Leer más” para dividir el artículo de tal modo que primero se muestreun texto de introducción y luego, tras pulsar sobre el “Leer más”, se pueda acceder altexto completo.
Puedes usar el botón “imagen” para insertar una imagen en el artículo, usando un simpleformulario de subida que está combinado con el gestor multimedia de Joomla!.
10. Para el sitio web de jardinería, crea cinco artículos diferentes en cada una de lascategorías. Usa el botón “Leer más” para dividir cada artículo con un texto deintroducción y así luego, tras pulsar sobre el “Leer más”, poder acceder al contenido alcompleto. De cada categoría, elige dos elementos a mostrar en la página de inicio,seleccionando “Sí” en el parámetro de configuración de cada artículo llamado “Páginaprincipal”
11. Cuando acabes de escribir un artículo, haz clic sobre “Guardar” para guardarlo yregresar a la página de inicio, o, haz clic sobre “Aplicar”, para guardarlo sin salir de la
edición. Si seleccionas “Sí” para el parámetro “Página principal”, tu artículo se mostraráen la página de inicio: http://localhost/joomla15:
Gestión de usuariosA continuación, tanto el presidente de la compañia como el director de relacionespúblicas y gestor de productos necesitarán poder editar el sitio, por lo tanto, necesitamoscrearles cuentas de acceso.
1. Primero, ve a http://localhost/joomla15/administrator y accede con tu nombre deusuario “admin” y contraseña especificada durante el proceso de instalación. Si ya estásen la administración, ve al menú superior “Sitio” y selecciona “Panel de control”.
2. Haz clic sobre “Gestor de usuarios”:
3. Haz clic sobre “Nuevo” desde la barra de herramientas de Joomla!.
4. Introduce los detalles para cada usuario que desees crear. Otroga al presidente y aldirector de relaciones públicas el nivel de acceso de “Administrador”, de tal modo queellos también puedan hacer cambios en el sitio. Otorga al gestor de productos el nivel deacceso de “Gestor”, lo cual, le permitirá agregar productos; pero, no podrá cambiar elsitio:
5. Pulsa sobre “Guardar” cuando acabes de crear a cada usuario.
6. A continuación, necesitamos configurar una vía para que los visitantes del sitiopuedan contactar con el presidente, con el director de relaciones públicas y con el gestorde productos. Desde el menú superior “Componentes” selecciona “Contactos” y luego“Categorías”.
7. Crea una nueva categoría llamada “Corporación” y pulsa “Guardar”.
8. Haz clic sobre la pestaña “Contactos” y luego pulsa “Nuevo”
9. Crea cuatro contactos diferentes —uno para el presidente, uno para el director derelaciones públicas, uno para el gestor de productos y uno para ti: el web master.Asegúrate de que incluyes su dirección de correo electrónico y posición dentro de laempresa. Ubica a cada usuario dentro de la categoría “Corporación” que habíamoscreado anteriormente y enlaza a cada contacto con su correspondiente usuario quetambién anteriormente habíamos creado:
Gestión de enlaces webEn tu reunión con el presidente, se solicitaba una sección para enlaces que tuvieran quever con los recursos de jardinería. Vayamos a ello y configurémoslo.
1. Primero, ve a http://localhost/joomla15/administraror y accede a la administracióncon el nombre de usuario “admin” y la contraseña especificada durante el proceso deinstalación. Si ya estás logueado, no necesitas hacer esto nuevamente.
2. Desde el menú superior “Componentes”, selecciona “Enlaces web” y luego“Categorías”.
3. Pulsa “Nuevo” y crea una categoría para “Información de jardinería”, y luego, pulsael botón “Guardar”.
4. Haz clic sobre la pestaña “Enlaces”.
5. Haz clic sobre “Nuevo” para crear un nuevo enlace. Crea un enlace con informaciónsobre jardinería. Pulsa el botón “Guardar” para guardar tu enlace. Agrega varios enlacesen la categoría “Información de jardinería”. Los enlaces web son cosas de este tipo:
http://joomla.org
http://www.comunidadjoomla.org
http://www.google.com
Gestión de noticias externasEl presidente también solicita una sección que muestre noticias externas desde otrossitios de jardinería.
1. Primero, ve a http://localhost/joomla15/administrator y accede a la administracióncon el nombre de usuario “admin” y la contraseña especificada durante el proceso deinstalación. Si ya estás logueado, no necesitas hacer esto nuevamente.
2. Desde el menú superior “Componentes”, selecciona “Servidor de noticias externas” yluego “Categorías”.
3. Pulsa el botón “Nuevo” y crea una categoría para “Jardinería” y luego pulsa el botónGuardar”.
4. Haz clic sobre la pestaña “Servidores”.
5. Haz clic sobre “Nuevo” para agregar un servidor de noticias externas. Busca eninternet varios servicios RSS con información sobre jardinería y luego, agrega la URLdel RSS en el campo “Enlace”. Asegúrate de que cada una está en la categoría“Jardinería” y elige el número de artículos a mostrar para este servidor de noticiasexternas. Algunos ejemplos pordrían ser:
http://www.joomla.org/index.php?option=com_jd-wp&Itemid=105&feed=rss2
http://comunidadjoomla.org/index.php?format=feed&type=rss
6. Haz clic sobre “Guardar” cuando estés listo. Agrega varios servidores de noticiasexternas a la categoría “Jardinería”.
Gestión de menúsUn sitio web no será demasiado bueno mientras que no tenga un menú que ayude a losvisitantes a navegar por las distintas páginas. Joomla! tiene un sistema integrado paragestionar menús. Este sistema está construido alrededor de tres tipos de información amostrar en Joomla! — componentes, módulos y plugins— . Los componetes son lainformación principal en Joomla! y están conducidos por menús. Si miras en la páginaprincipal de tu sitio, podrás ver solo artículos que hayan sido publicados para salir en lapágina principal. La información de contacto, los enlaces web, las noticias externas ylos artículos no publicados, no son visibles desde la página principal. Esto es porquecada página muestra un solo componente a la vez. Agreguemos los componentes que yatenemos configurados al sitio:
Menú principal1. Primero, ve a http://localhost/joomla15/administrator y accede a la administracióncon el nombre de usuario “admin” y la contraseña especificada durante el proceso deinstalación. Si ya estás logueado, no necesitas hacer esto nuevamente.
2. Desde el menú superior “Menús” seleciona “Menú principal”
Inicio
Ya sobre el menú está por defecto el enlace “Inicio”(Home), el cual, proporciona accesoa los artículos que tengas publicados en la “Página principal”. Puedes hacer clic sobre“Inicio” para editar muchos de sus parámetros, incluyendo el nombre de la página deinicio o número de artículos a mostrar.
3. Haz clic sobre “Inicio” para configurar la página principal.
4. En el área de los “Parámetros – Básico” hay un número de opciones diferentes quepuedes configurar.
“# Destacando” es el número de artículos destacados a mostrar en la página de inicio.Estos artículos ocupan todo el ancho para el marco de noticias y se cortan con un “Leermás”.
“# Introducciones” es el número de introducciones de artículo a mostrar en la páginaprincipal con un enlace “leer más” para poder ver el artículo al completo. Estos artículostoman solo el ancho de la columna (a definir más abajo) y no el de la página entera.
“Columnas” es el número de columnas con las que se muestran las introducciones delos artículos (definido más arriba).
“# Enlaces” es el número de artículos a mostrar, solo como enlaces, al final de lapágina.
5. En el área de “Parámetros – Avanzados” asegúrate de que “Mostrar un enlace a lanoticia externa” está habilitado. Esto hará que la página principal sea accesible por unservidor RSS.
6. En “Parámetros – Sistema,” introduce un título para la página dentro del campo“Título de la página”. Esto se mostrará tanto en el encabezado del navegador como en elde esa página dentro del documento. Para este sitio web, introduce “Jardinería Secuoya”reemplazando el texto “Bienvenido a la página de inicio”
7. Haz clic en “Guardar” para finalizar la configuración de la página principal. Ve ahttp://localhost/joomla15/ para ver los resultados de tus cambios:
Presentación de categoríasA continuación, necesitamos crear un enlace a cada una de las categorías “Árboles”,“Arbustos”, “Cesped” y “Presidente” que habíamos creado:
1. Desde el menú superior “Menús”, selecciona “Menú principal”
2. Haz clic en “Nuevo”, selecciona “Artículos” y luego “Presentación, en formato blog,de los artículos de una categoría”.
3. Desde el a ea de “Parámetros – Básico” selecciona una de las cuatro categoríascreadas anteriormente. Llama al elemento del menú de manera acorde a la categoríaseleccionada. Ajusta los parámetros de un modo similar al “Inicio” y asegúrate deincluir un enlace RSS a la noticia desde “Parámetros – Avanzado”. Dá título a la páginadesde “Parámetros – Sistema”. También podría interesarte cambiar el “Orden primario”a “Título – Alfabético” “Parámetros-Avanzados”:
4. Haz clic en “Guardar” y revisa el sitio para ver los resultados:
5.Repite ese paso para “Arbustos”, “Cesped” y “Presidente”.
Presentación de contactosLuego, necesitamos agregar un enlace al “Contactar”:
1. Desde el menú superior “Menús”, selecciona “Menú principal”:
2. Selecciona “Nuevo” y luego haz clic sobre “Contactos” seguido de “Presentación delos contactos de una categoría”:
3. Llama a la página “Contactar” y selecciona “Corporación” para la categoría. No haynecesidad de servir noticias externas desde esta página, por lo tanto, deshabilita esa
opción. Desde “Parámetros – Sistema” y asegúrate de llamar a la página “Contactar”:
4. Haz clic en “Guardar” y revisa desde el sitio los resultados:
Presentación de enlaces webNuestro próximo componente es el “Enlaces web”:
1. Desde el menú superior “Menús”, selecciona “Menú principal”
2. Haz clic sobre el botón “Nuevo”, selecciona “Enlaces web” y luego “Presentación, enformato lista, de los enlaces de una categoría”:
3. Llama a la página “Enlaces web” y selecciona la categoría “Información dejardinería”. No hay necesidad de servir noticias externas desde esta página, por lo tanto,deshabilita esa opción. Desde “Parámetros – Sistema” y asegúrate de que la página sellama “Enlaces web”:
4. Haz clic en “Guardar” y revisa el sitio para ver los resultados:
Presentación de noticias externasEl siguiente elemento del menú que necesitamos agregar es el de “Noticias externas”:
1. Desde el menú superior, selecciona “Menú principal”.
2.Haz clic sobre “Nuevo”, selecciona “Servidor de noticias externas” y a continuación“Presentación de una categoría de servidores de noticias externas”:
3. Llama a la página “Noticias externas de jardinería” y selecciona “Jardinería” para lacategoría. Desde “Parámetros – Sistema,” y asegúrate de que el título de la página es“Noticias externas de jardinería”:
4.Haz clic en “Guardar” y revisa en el sitio los resultados:
Presentación del buscadorEl último elemento del menú que necesitamos crear es de la página “Buscar”
1. Desde el menú superior, selecciona “Menú principal”
2. Haz clic sobre el botón “Nuevo”, selecciona “Buscar” y luego de nuevo “Buscar”:
3. Llama a la página “Buscar”. Desde los “Parámetros – Sistema”, y asegúrate de que eltítulo es “Buscar”:
4. Haz clic en “Guardar” y revisa en el sitio los resultados:
Creación de módulosEl próximo tipo de contenido Joomla! son los módulos. Los módulos son contenedoresque aparecen predefinidos alrededor del componente principal. Los nombres de loscontenedores pueden ser del tipo “left,” “right,” o “footer.” El “Menú principal”mostrado en la página principal es un ejemplo de módulo. Para este sitio web, vayamosa agregar varios módulos muy útiles:
1. Primero, ve a http://localhost/joomla15/administrator y accede a la administracióncon el nombre de usuario “admin” y la contraseña especificada durante el proceso deinstalación. Si ya estás logueado, no necesitas hacer esto nuevamente.
2. Desde el menú superior “Extensiones”, selecciona “Gestor de módulos”
Módulo de sindicaciónEsta es la página de gestión de módulos. Desde aquí, puedes decidir que módulos semuestran en cada página, Primeramente, vayamos a agregar un módulo que muestre lasRSS que habíamos creado para la página principal:
3. Haz clic sobre el botón “Nuevo” y luego selecciona “Sindicación” y haz clic sobre“Siguiente”:
4. Escribe un título para el módulo de sindicación. Selecciona una posición en la quemostrar tu módulo de sindicación (normalmente “left” o “right”). Para este módulo, laplantilla predeterminada tiene una sección especial para “Sindicación”. Estas seccionesestán definidas en la plantilla como veremos próximamente. Desde la asignación demenús, elige de entre la lista “Seleccionar elemento(s) del menú” las páginas por dondeel módulo de sindicación estará habilitado y se mostrará:
5. Haz clic en “Guardar” y revisa el sitio para ver los resultados:
Módulo de acceso¡Estupendo! Ahora, vayamos a agregar una caja de acceso, por medio de la cual, losusuarios que hemos configurado, puedan acceder rápidamente al sitio.
1. Desde el menú superior “Extensiones”, selecciona “Gestor de módulos”.
2. Haz clic sobre el botón “Nuevo” y luego selecciona “”Iniciar sesión” y haz clic en“Siguiente”:
3. Configura este módulo con el nombre “Formulario de acceso” y elige la posición“left”. Esto mostrará al módulo inmediatamente después del menú principal. Comoqueremos que este módulo aparezca en todas las páginas no necesitamos cambiar esaconfiguración:
4. Haz clic en “Guardar” y revisa el sitio para ver los resultados:
Módulo de noticias en flashOtro módulo a agregar es el “Noticias en flash”. Este módulo muestra un artículoaleatorio desde una categoría específica. Para nuestro sitio de demostración, el módulo“Noticias en flash” mostrará las noticias publicadas por el presidente:
1. Desde el menú superior “Extensiones”, selecciona “Gestor de módulos”.
2. Haz clic en “Nuevo” y luego selecciona “Noticias en flash” y pulsa el botón“Siguiente”:
3. Llama al módulo “Noticias en flash” y elige la posición “Top” con la intención demostrarlo después de nuestro logo. Elige la categoría “Presidente” para mostrar lasnoticias del presidente dentro de este módulo. Haz que el título sea enlazable para que ellector pueda ver el artículo al completo tras pulsar sobre él, y, marca en “Sí” el “Títulodel artículo” para mostrar el título del artículo:
4. Haz clic en el botón “Guardar” y revisa el sitio para ver los resultados:
Módulo de rutasAgreguemos el módulo final, el módulo “Breadcrumbs”. Este módulo ayuda a losusuarios a navegar por el sitio, mostrando la ruta de las zonas por donde han pasadopara llegar adonde están.
1. Desde el menú superior “Extensiones”, selecciona “Gestor de módulos”
2. Haz clic sobre “Nuevo” y luego selecciona “Ruta” y pulsa sobre “Siguiente”
3. Llama al módulo “Ruta”; pero, deshabilita “Mostrar título” desde la configuración.Asigna la posición “Breadcrumbs” y un texto de entrada para el inicio llamado “Inicio”.Deja el resto de las opciones igual:
4. Haz clic sobre el botón “Guardar” y revisa el sitio para ver los resultados. Navega porlas diferentes páginas para poder ver como a cambiando la ruta:
Gestión de plantillasLas plantillas te permiten definir el aspecto visual de tu sitio Joomla!. Joomla! viene contres plantillas, pero puedes encontrar muchas más buscando por Joomla.org.
1. Primero, ve a http://localhost/joomla15/administrator y accede a la administracióncon el nombre de usuario “admin” y la contraseña especificada durante el proceso deinstalación. Si ya estás logueado, no necesitas hacer esto nuevamente.
2. Desde el menú superior “Extensiones”, selecciona el “Gestor de plantillas”.
La plantilla seleccionada como predeterminada es la plantilla actual. Para cambiar unaplantilla por otra, selecciona la plantilla que desees usar y haz clic sobre“Predeterminada” Para nuestro sitio de jardinería la plantilla “rhuk_milkyway” se ajustabien:
Haz clic sobre la opción “rhuk_milkyway” con la intención de editar algunosparámetros de la plantilla. Debido a que se trata de un sitio sobre jardinería, cambiemosel colorido a verde:
3. Echa un vistazo al cambio que se ha aplicado en el aspecto visual:
4. A continuación, si tienes intención de ajustar más la plantilla por ti mismo, sobre lapágina de edición, haz clic sobre “Editar HTML”.
5. ¿Recuerdas cuando agregábamos módulos? Cada módulo tenía asignado un lugardentro de un contenedor específico. Estos contenedores, están definidos en la plantilla.Por ejemplo, la posición “top” está definida por el código: <jdoc:includetype="modules" name="top" />.
Recursos futurosHabrás podido observar, por medio de este paseo guiado en el que te hemosacompañado, que en unas pocas horas, se puede obtener un sitio con aspectoprofesional, que cumpla con todos los requisitos marcados por la supuesta empresa quenos contrató.
Tras un breve esfuerzo de trabajar con Joomla! y entregar un sitio, ¡suele venir larecompensa en forma de cheque!
Tanto si estás interesado en desarrollar sitios para terceros, como si lo estás endesarrollar sitios para tí, tras esta guía de inicio rápido, te queda todo un mundo abiertode posibilidades y de recursos para seguir profundizando y adquiriendo mayorexperiencia con Joomla!
Si te decides a trabajar más con Joomla!, estos enlaces generales pueden ayudarte en tusvenideros desarrollos:
forum.joomla.org – Regístrate, busca y pregunta. ¡Siempre ayuda a otros si te esposible!
help.joomla.org – Encuentra más y más documentación.
extensions.joomla.org – Encuentra un montón de extensiones!.
www.joomla.org – Estate al día y !encuentra el modo de devolver tu gratitud a lacomunidad en la medida de tus posibilidades!
http://www.comunidadjoomla.org – ¡Visítanos y participa con nosotros si te apetece!,aparte de adaptar guías y otro material de ayuda para Joomla! del inglés al español,dedicamos nuestras energías a:
Mantener y actualizar los packs de Joomla! en nuestro idioma.
Generar material de ayuda en nuestro idioma para Joomla!
Traducir noticias Joomla! del inglés al español
Traducir extensiones para Joomla! que sean GNU/GPL
Dar soporte para Joomla!, en nuestro idioma, desde nuestro Foro
Tenemos una wiki para documentación
¡Y un blog para charlar sobre temas de interés!
Todo esto y algunas cosas más, con el objetivo principal de fomentar y promover lacolaboración entre usuarios, sin ánimo de lucro; brindando el espacio y un entornoapropiado que lo permitan, a través de nuestro proyecto Comunidad Joomla!.
Nota: Se debe tener en cuenta que se trata de una guía rápida y, por lo tanto, muchosaspectos de configuración y asentamiento optimos han sido omitidos. Donde se hacemayor hincapié es en los tipos de pasos que hay que dar en Joomla! para crear,configurar, editar y/o mostrar tal o cual cosa.
¡A disfrutarrrrr!
