miércoles, 21 de marzo de 2012

JOOMLA


                                              JOOMLA


¿ QUÉ ES?

Joomla es un sistema de gestión de contenidos que puede ser utilizado independientemente. Entre sus principales virtudes está la de permitir integrar, añadir o editar el contenido de un sitio web de manera sencilla. Es un código abierto programado mayoritariamente en PHP bajo una licencia GPL. Este administrador de contenidos puede trabajar en redes locales dígase intranet o internet y requiere de una base de datos creada con un gestor MySQL , así como de un servidor HTTP Apache.





CARACTERÍSTICAS

En Joomla se incluyen características como: mejoras en el rendimiento web, versiones imprimibles de páginas, flash con noticias, blogs, foros, polls (encuestas), calendarios, búsqueda en el sitio web e internacionalización del lenguaje. Su nombre es una pronunciación fonética para anglófonos de la palabra swahili yumla, que significa "todos juntos" o "como un todo". Se escogió como una reflexión del compromiso del grupo de desarrolladores y la comunidad del proyecto.





REQUERIMIENTOS PARA LA INSTALACIÓN

Primero tienes que poseer el ambiente básico para Joomla.
Hemos testado a fondo Joomla! en: Linux, Free BSD, Mac OS X y Windows NT/2000.
Recomendamos Linux o alguno de los "BSD", pero cualquier sistema operativo que pueda correr las 3 piezas de software listadas a continuación lo podrá hacer también.

Apache -> 
http://www.apache.org
MySQL -> 
http://www.mysql.com
PHP -> 
http://www.php.net




CONFIGURACIÓN DEL SERVIDOR
--------------------

Debes asegurarte de que PHP fue compilado con soporte para MySQL y Zlib para correr de manera exitosa Jommla.
Aunque tenemos reportes de que Joomla! funciona en el servidor IIS recomendamos apache para correr Joomla! en Windows.

COMPONENTES OPCIONALES
-------------------

Si quieres soporte para urls SEF (Search Engine Friendly) - (Motor de búsqueda amistoso) necesitaras el mod_rewrite y la habilidad de usar archivos .htaccess locales.

INSTALACIÓN
------------

1. Descarga Joomla

Puedes obtener la última versión de Joomla! en inglés aqui:
http://www.joomla.org
Puedes obtener la última versión de Joomla! en español aqui:
http://www.joomlaspanish.org
Copia el archivo tar.bz o zip dentro de un directorio, ejemplo:
$ cp JoomlaVx.x.x-Stable.tar.gz /tmp/Joomla
Cambia de directorio, ejemplo:
$ cd /tmp/Joomla
Extrae los archivos, ejemplo:
$ tar -zxvf JoomlaVx.x.x-Stable.tar.gz
Esto extraerá todos los archivos y directorios de Joomla!. Mueve los contenidos de ese directorio dentro de un directorio en la raíz o en el directorio public HTML de tu servidor Web, ejemplo:
$ mv /tmp/Joomla/* /var/www/html
Alternativamente si descargas el archivo a tu computadora y lo descomprimes localmente, usa un cliente FTP para subir todos los archivos a tu servidor.
Asegurate de que todos los archivos PHP, HTML. CSS y JS son enviados en modo ASCII y que las imágenes (GIF, JPG, PNG) son enviadas en modo BINARIO.



2. CREA LA BASE DE DATOS DE Joomla!

Joomla! actualmente solo funcionara con MySQL. En los siguientes ejemplos, "db_user" es un usuario MySQL de ejemplo que tiene los privilegios de CREAR y OTORGAR. Deberás usar el nombre de usuario apropiado para tu sistema.

Primero, debes crear una nueva base de datos para tu sitio Joomla!, ejemplo:

$ mysqladmin -u db_user -p create Joomla

MySQL te pedirá el password del 'db_user' de la base de datos y luego creara los archivos iniciales de la base de datos. Luego debes loguearte y setear los derechos de acceso a la base de datos, ejemplo:

$ mysql -u db_user -p

De nuevo se te solicitara el password anterior. En el prompt de MySQL, ingresa el siguiente comando:

GRANT ALL PRIVILEGES ON Joomla.*
TO fulanodetal@localhost IDENTIFIED BY 'password';

Donde:

'Joomla' es el nombre de tu base de datos
'fulanodetal@localhost' el el nombre de usuario de tu cuenta MySQL
'password' es el password requerido para loguearse como el usuario MySQL

Si lo haces exitosamente, MySQL responderá con

Query OK, 0 rows afectadas

para activar los nuevos permisos debes ingresar el comando

flush privileges;

Y entonces ingresar '\q' para salir de MySQL.

Alternativamente puedes usar tu panel de control Web o phpMyAdmin para crear la base de datos para Joomla!.

3 INSTALADOR WEB

Finalmente apunta tu navegador a la dirección 
http://www.misitio.com donde el instalador basado en la web te guiara a través del resto del proceso de instalación.

4. CONFIGURAR Joomla!

Ahora puedes abrir tu navegador y entrar a tu sitio Joomla!, ejemplo:

http://www.misitio.com --> sitio principal o portada
http://www.misitio.com/administrator --> sección de administración o trastienda

Puedes loguearte como Admin usando el nombre de usuario 'admin' y el password que fue generado o elegiste durante la instalación Web.

ADMINISTRACIÓN Joomla!
----------------------

En una instalación nueva, tu sitio Joomla! viene por defecto con una configuración muy básica, con solo unos pocos componentes activos, módulos y plantillas (CMTs).
Utiliza la administración para instalar y configurar módulos, componentes y plantillas adicionales, agregar usuarios, elegir el idioma por defecto y mucho más.



lunes, 12 de marzo de 2012

DISEÑO DE UNA PAGINA WEB

                                                              PLANEACIÓN


Antes de realizar la pagina pensar que tipo de pagina voy a crear.

PROPOSITO DE LA PÁGINA
Es el primer paso para realizar la página y darle un sentido a su contenido.
Debe construirse un propósito claro y concreto que sirva como base para la selección de contenidos.

CONTENIDO
Una vez tengamos el propósito seleccionamos el contenido, el cual debe ser muy claro y completo ya que no se necesitan datos que no interesen al visitante.
Debemos pensar en la historia del contenido, debe tener una base histórica para así dar creencia y certificar lo dicho en la página.
Respecto a la imagen debe ser concorde con lo hablado la cual se ubicara en el encabezado.

DISTRIBUCIÓN DE RESPONSABILIDADES

El grupo que elaborara la página se repartirá el trabajo para así tener mayor recolección de información y ser equitativos:

Recopilación de información: Es necesario buscar los documentos, imágenes y videos que se incluirán en la página. Hay que recurrir a los archivos institucionales y al personal docente, directivo y administrativo para recoger todos los datos necesarios.

Digitalización de la información: En ocasiones, la información que se consigue está impresa y no se conservan archivos de los documentos y fotos. Por esto, es necesario digitar los textos, escanear fotos y digitalizar videos, de manera que queden en formatos que puedan ser incluidos en la página.

Organización de la página: Antes de construir la página en Internet es necesario realizar una organización previa que anticipe la cantidad de páginas que son necesarias, la manera en que se relacionan, los menús que las agruparán, etc.

Diagramación de la página: Una vez organizada la información, es necesario diagramar la página, es decir, decidir qué colores se utilizarán para el fondo, para los textos, que fuentes se usará para los documentos, donde irán las fotos, los videos, etc. Esta labor es de vital importancia pues, aunque contemos con una excelente organización de la información, si usamos colores inapropiados o fondos muy coloridos, los textos serán ilegibles y nuestra página no cumplirá sus objetivos.

Diseño virtual de la página: Una vez se tiene toda la información necesaria digitalizada, organizada y diagramada, puede procederse a cargar todo esto en la web. Éste es el último paso en la creación de un sitio web; si no se cumplen las fases anteriores, se gasta más tiempo y se corre el riesgo de obtener una página mal organizada o planeada.

Mantenimiento de la página: Una vez se ha creado una página del colegio es necesario mantenerla actualizada; esto implica designar una o más personas encargadas de recopilar la información reciente (noticias, eventos, anuncios) y publicarla periódicamente. La funcionalidad de una institución educativa radica en mantenerla al día y que tenga un verdadero efecto en la comunidad educativa.

CRONOGRAMA
Elaboraremos un cronograma para así cumplir con éxito lo propuesto en la repartición de búsqueda de información.

ORGANIZACIÓN
Luego de tener la información audiovisual completa recordar que la redacción debe ser muy clara y concisa  sin olvidar los párrafos largos ni textos incoherentes para el  público.
La información debe ser actualizada permanentemente e igual  que la parte audiovisual.




Es recomendable elaborar un crucigrama para ordenar y saber como y cuanto contenido ira en la pagina. Pagina de inicio, pagina sección una dos o tres, en cada uno ira el contenido de cada sección.
1)      Siempre deberá tener información útil y relevante, información no apta causara confusión.
2)      Definir los niveles de información: dentro del titulo genérico de la página pueden ir definiéndose una serie de puntos secundarios, dentro de este otro terciario, y así sucesivamente.
3)      Es clave jerarquizar la información haciéndola mas cómoda para su comprensión además de efectiva.
4)      La navegación del sitio será rápido y sencillo gracias a la estructura sencilla.
5)      La información mas actual deberá colocarse lo mas pronto posible eliminando información ya caducada.
6)      El texto ha de ser conciso, bien estructurado y fácil de leer. No hay que olvidar que la lectura en pantalla no es tan agradable como en el papel.

                                                       TALLER N-27

1) Un buen modo de obtener ideas para crear una página es revisar las páginas que ya están publicadas. Acceda a las siguientes páginas:

http://www.gimnasioaltair.com/
http://www.colegionuevayork.edu.co/
http://www.sanpedro.edu.co/
http://www.berchmans.edu.co/es/

Responda:

a. Observe cómo está organizada la información.
¿Qué secciones tiene la página?

La pagina esta organizada muy coherentemente y con unos colores muy llamativos además de que su información es muy completa, lo único que busca es informar y enseñar, no nos dan datos o información que no necesitemos sino todo muy completo para mi entendimiento.

b. ¿Considera que esta organización es clara, útil y coherente? Explique

Si, por que su estructura es muy  clara y es fácil de utilizar y guiarme, puedo llegar a cualquier sección sin ningún problema. Además su orden jerárquico esta muy concreto.

c. Navegue un poco por la página, ¿considera que la organización facilita la ubicación del usuario en todo momento? Explique

si por que las secciones siempre están en su lugar, no cambian de pagina solo cambia la información por la acción que elegimos de buscar, además la lectura de esta es muy clara y puedo llegar así aun mas fácil a cualquier parte de las secciones.

d. ¿Toda la información que incluye la página es relevante y útil?

Si, por que la información que esta ahí es la que necesito para en este caso entrar a una institución educativa, no me dan datos inútiles como la edad del rector o nombre del portero cosas que no vendrían al tema.

2. Con base en las conclusiones del punto 1:

a. ¿Cómo agruparía la información que ha seleccionado para su página? Realice una tabla como la sugerida.





                     TALLER N-28


DIAGRAMAR PAGINA WEB



1.   1-   ¿CONSIDERA QUE LA PRESENTACIÓN FÍSICA DEL SITIO ES COHERENTE?

Si es coherente la presentación física  porque tiene en el encabezamiento la presentación de la INSTITUCIÓN EDUCATIVA BARTOLOME MITRE  con su escudo  y los links para navegar buscando información, los cuales son: inicio, institución, sedes, eventos, egresados, correo.
El recuadro para activar el video dispuesto para ilustraciones especiales tiene un buen tamaño.
Es de anotar que apenas están en construcción las páginas complementarias
En la parte inferior se tiene pie de página con información técnica jurídica y los  links: circulares, sistema institucional de evaluación, y contacto.

2- Respecto del uso de colores y  tipografías  considera que el texto es legible y su lectura es cómoda.  ¿Es el sitio agradable visualmente?

Color verde en el encabezamiento y en pie de página  y un verde más claro en recuadros en páginas complementarias de la página web y al subrayado de títulos, fondo blanco
Bastante agradable visualmente, me gusta porque se puede leer con suma facilidad lo anotado y utiliza tablas con las cuales el mensaje se entrega con metodología, es decir una tipografía didáctica que facilita no solo la lectura sino la mecanización  y comprensión de lo leído.

2.     2-  ¿en relación con el tamaño y texto de tamaño de las  imágenes es apropiado para cumplir el objetivo de la página? ¿Es excesivo o moderado el uso de elementos  visuales como imágenes, iconos o animaciones?

3.     3-  El tamaño oscila entre 7,5 y 10 en arial…. Se lee sin ningún esfuerzo. Fluye lo escrito, como que recrea la vista al interpretar los signos alfabéticos.

El tamaño de la imágenes considero es bastante adecuado al contenido de la pagina, muy proporcional a lo escrito para informar al navegador. Igualmente los iconos tienen un tamaño ideal es el caso de la barra superior en el encabezamiento donde encontramos los iconos para desplegar paginas complementarias de información como inicio, institución, sedes, eventos, egresados, correo.

  
2- con base en las conclusiones del punto uno.

a-     a)   Establezca la combinación de colores que utilizara en las páginas ( fondo, menús y textos)

Color verde en el encabezamiento y en pie de página  y un verde más claro en recuadros en páginas complementarias de la página web y al subrayado de títulos 
Color blanco en el fondo. En los menús se utiliza el color verde y en los textos el color negro.  Por supuesto en los links se utiliza el color universal azul claro con subrayado en la letra.

b-     b)  Defina la disposición de los menús:

Los menús están ubicados unos dentro del encabezamiento de la pagina web en su parte inferior lado izquierdo  y en el pie de página también en la parte inferior lado izquierdo.

c-    c) Determine las imágenes que usara  y la ubicación que tendrán:

d-  Las imágenes tienen un tamaño mediano  como el escudo del colegio ubicado inmediatamente después del encabezamiento y en el centro.
En otras páginas complementarias como en eventos donde se informa sobre una semana cultural se tienen fotos  tamaño mediano.


NO olvide consignar sus respuestas en su  blog para futura referencia. Verifique el cumplimiento del crono-grama de actividades.