Prediseño

Solución Informática

Una Página Web, también denominada página de Internet, es un documento adaptado para la web y que casi siempre forma parte de un sitio web. Su rasgo distintivo son los hiperenlaces que en la misma se hacen de otras páginas, ya que es este el fundamento principal de la web.

Resulta ser muy común que la gente a veces caiga en el error de utilizar el concepto de página Web cuando en realidad a lo que quiere referirse es a un sitio web. Entonces, la página web, como dijimos, es parte de un sitio web y es un único archivo con un nombre de archivo asignado, mientras que el sitio es un conjunto de archivos llamados páginas web. Para entender mejor la cuestión un ejemplo será de gran ayuda; si se lo compara con un libro el sitio web sería el libro entero, mientras que la página web es al sitio lo que un capítulo es a un libro.

Las páginas web están compuestas por información, principalmente, ya sea texto o multimedia, es decir, imágenes y videos y los mencionados hiperenlaces. Asimismo, una página puede contener o asociar datos de estilo para especificar la forma de visualizarse y también aplicaciones embebidas con el objetivo de hacerla aún más interactiva.

De acuerdo a esa necesidad primaria de insertar hiperenlaces, generalmente HTML, es que las páginas web se encuentran escritas en el llamado lenguaje de marcado que facilita la mencionada cuestión de inserción. En tanto, respecto del contenido de una página web, el mismo puede ser dinámico o en su defecto estático. Se dice que es estático cuando el contenido se encuentra predeterminado y se llamará dinámico cuando se genera al momento de visualizar la página o solicitársela a un servidor web.

Las páginas webs dinámicas se realizan a través de lenguajes interpretados, casi siempre los Java Script y será la aplicación encargada de visualizar el contenido la que deberá generarlo.

En términos genéricos, una página web se puede estructurar en varias partes:

• Cabecera (header).
• Cuerpo (body).
• Pié de Página (footer).

Cabecera o Header: La cabecera se encuentra en la parte superior de la página web, generalmente contiene información relativa a la temática del sitio web. Suele contener el Logo, un título o eslogan, información de contacto y el menú para navegar por las páginas principales. Muchos diseñadores también incluyen un buscador.

Cuerpo o Body: en el cuerpo encontraremos el contenido más relevante para esa página en particular. Puede ser de cuerpo entero o con una barra lateral. Las barras laterales generalmente se usan para poner contenido complementario y para mostrar accesos a otras páginas relevantes.

Pié de Página o Footer: en el footer generalmente encontraremos información de contacto, un menú a las páginas más relevantes, links a otras webs y en general contenido complementario referente a la temática del sitio web.

Estructura tipo Web.

Estructura tipo Blog.

Estructura tipo Weblog.

¿Qué beneficios puede dar una página web?

A nivel empresarial

-       Reducción de costos. ¿Por qué? por que ahora la empresa, para ofrecer información de ella misma y de sus productos, ya no necesita imprimir miles de catálogos y cartas de presentación o faxes. Sólo envía un email a sus clientes y prospectos de clientes invitándolos a visitar su página web para conocer la empresa y ampliar información. Tampoco necesita enviar correspondencia, el email fue la solución.

-       Fidelización y retroalimentación. Nunca en toda la historia de los negocios, se pudo en tiempo real, saber el impacto de un producto, servicio o medida. La información que es capaz de recolectar la pagina web de la empresa ayuda a medir la tendencia del mercado, de los productos ofrecidos o de campañas de marketing. La opinión de los clientes ahora es más valorada que nunca.

-    Imagen. La página web es la empresa y una empresa sin página web es poco fiable. Pero también es como es la página web de esa empresa. Si es fea, desordenada o desactualizada impacta poderosamente en las personas, para mal claro. La página web de una empresa debe ser su proyecto más importante; lamentablemente muchísimas empresas piensan que no es importante, perdiendo mucho dinero al no provocar una buena impresión en su mercado.

-   Nuevos canales. La pagina web permite tener secciones libres y secciones privadas sólo para clientes, lo que permite tener como un club exclusivo, donde se compartirá servicios exclusivos, ofertas, información relevante. Esto le da valor a la marca.

-    Comercio. También podemos abrir una tienda en línea y vender directamente, aceptando pagos en línea con tarjeta o transferencia bancaria, y sin necesidad de contar con un local físico.

A nivel Personal

-    Democracia. El aporte más importante del internet en los últimos años ha sido la democratización del mismo internet. Mediante páginas web personales llamadas Blogs, cualquier persona en el mundo puede alzar su voz y conseguir ser escuchada (aunque en verdad, no es su voz, es su palabra y no es escuchada, es leída; pero son detalles) pero tenemos aún gobiernos que le ponen cadenas a las personas, como Cuba, China, que censuran y filtran el acceso de internet, pero eso también llegara a su fin.

-    Comunidad. El segundo aporte del internet debajo de la democracia, la comunidad virtual. ¿Qué es? es una página web donde se reúne cientos, miles o millones de personas con intereses comunes, creando lazos virtuales, lazos espirituales, lazos mentales, lazos sentimentales. Dentro de estas páginas web, la gente participa libremente, aportando sus ideas, nutriéndola segundo a segundo. Hay desde comunidades de juegos, apuestas, redes sociales, de shopping, financieras, negocios, de compra y venta, medicas, políticas, etc. cualquier tema puede generar una comunidad. Desde salvar al planeta hasta fans de la galleta de la suerte.

-     Educación. Iniciando desde la cabeza de las enciclopedias virtuales Wikipedia, hasta carreras universitarias dictadas en aulas virtuales, con ejercicios, test, calificaciones y clases en tiempo real. El nivel y cantidad de conocimiento almacenado en todas las páginas web del internet es incalculable. Existe el potencial de convertirse en eruditos de cualquier materia.

-       Eliminación de las fronteras. El internet permite conocer con segundos de diferencia, cualquier hecho que ocurra en el mundo. Desde portales de noticias, pasando por páginas que comparten como se siente las personas en cada momento, a video en línea desde tu celular, donde podrías estar emitiendo y registrando tu vida personal segundo a segundo. El 11-s hubiera sido completamente diferente si hubiera ocurrido en estos años. El mundo cambió y los hechos de todos pueden ser registrados segundo a segundo, desde un golpe de estado hasta lo que acabo de cenar.

-       Entretenimiento. Tenemos para esto juegos virtuales, mundos virtuales creados específicamente para interactuar en una historia ficticia con miles o millones de otros usuarios. Tenemos música, videos y además podemos ser nosotros los creadores de contenidos que entretengan a miles de personas. El internet está abierto para cualquiera.

-  Comunicaciones. Con el surgimiento de la mensajería instantánea, la gente se comunica más por MSN que por líneas de teléfono regulares. Desde el email, que reemplazó casi completamente a las cartas postales, a la aparición de la transmisión de vos y video mediante internet en tiempo real o lo que es llamado Telefonía IP. Es muchísimo más barata que el sistema regular y tiende a ser completamente gratis en un futuro muy próximo.

-      Dinero. Nunca había sido tan accesible el potencial de generar dinero, y no hablo de usar el internet de soporte para productos o servicios en el mundo físico. Hablo de productos puramente virtuales, intangibles. Los juegos virtuales, páginas de adultos y algunas páginas web de información clasificada cobran una membrecía por participar, aunque seguro ya sospeches, los contenidos para adultos son los que generan la mayor cantidad de dinero en el internet, es una industria de miles de millones.

Pero no solo eso, en internet jóvenes de menos de 30 años ya son millonarios, desde aquel loco ingles que se le ocurrió vender pixeles (unidad de medida de las pantallas de computadoras) para pagar su universidad y gano más de un millón de dólares; hasta aquellos que crearon páginas web únicas que se volvieron parte de nuestro día a día, como Google, el buscador por excelencia, la empresa de internet con más dinero en el planeta. YouTube, donde compartes videos. (Youtube fue comprada por Google por miles de millones de dólares) Facebook, Twitter, MySpace, Flirck, Fotolog y muchas otras que hicieron millonarios a sus geniales creadores.

No sólo a estos afortunados con la venta de sus empresas hicieron dinero. La Publicidad es y seguirá siendo el soporte del poder económico de la internet y esta también se democratizó con la aparición de Google Adsense, que permite a cualquier persona que tenga una página web, generarse ingresos que pueden llegar si se trabaja bien algunos secretos, a cientos de miles de dólares o quizás millones al mes en ingresos por publicidad. Y esto es verdad.

A nivel planeta

-       Ecológico. como las personas ya se han acostumbrado a no imprimir y a recibir cualquier información por email, millones de árboles dejan de ser talados para uso en papel. Además se está trabajando para que los servidores no dependan de la red eléctrica normal, si no, sólo de fuentes de energía renovables. Lo que haría de esta, un sistema global totalmente sostenible y no contaminante.

Ciclos, fases o pasos de la UWE

Ciclos:

1. Ciclo de análisis: dentro de esta  ciclo se realiza un análisis del  sistema construyendo para ello diagramas de casos de uso.

2. Ciclo de diseño conceptual: dentro de este ciclo se modela el universo de la aplicación, creando para ello el modelo de dominio.

3. Ciclo de diseño navegacional: dentro  de  este  ciclo  se  define  la navegación entre los distintos objetos del dominio. Para ello se construyen los modelos de  Espacio de navegación y  Estructura de navegación.

4. Ciclo de diseño de la presentación: la presentación se describe en función de distintos modelos estándares UML.

Fases: 
UWE cubre todo el ciclo de vida de este tipo de aplicaciones centrando además su atención en aplicaciones personalizadas o adaptativas. Las fases o etapas a utilizar son:

-  Captura, análisis y especificación de requisitos: En simple palabras y básicamente, durante esta fase, se adquieren, reúnen y especifican las características funcionales y no funcionales que deberá cumplir la aplicación web.

Trata de diferente forma las necesidades de información, las necesidades de navegación, las necesidades de adaptación y las de interfaz de usuario, así como algunos requisitos adicionales. Centra el trabajo en el estudio de los casos de uso, la generación de los glosarios y el prototipado de la interfaz de usuario.

-  Diseño del sistema: Se basa en la especificación de requisitos producido por el análisis de los requerimientos (fase de análisis), el diseño define cómo estos requisitos se cumplirán, la estructura que debe darse a la aplicación web.

-  Codificación del software: Durante esta etapa se realizan las tareas que comúnmente se conocen como programación; que consiste, esencialmente, en llevar a código fuente, en el lenguaje de programación elegido, todo lo diseñado en la fase anterior.

-  Pruebas: Las pruebas se utilizan para asegurar el correcto funcionamiento de secciones de código.

-  La Instalación o Fase de Implementación: es el proceso por el cual los programas desarrollados son transferidos apropiadamente al computador destino, inicializados, y, eventualmente, configurados; todo ello con el propósito de ser ya utilizados por el usuario final.

Esto incluye la implementación de la arquitectura, de la estructura del hiperespacio, del modelo de usuario, de la interfaz de usuario, de los mecanismos adaptativos y las tareas referentes a la integración de todas estas implementaciones.

-  El Mantenimiento: es el proceso de control, mejora y optimización del software ya desarrollado e instalado, que también incluye depuración de errores y defectos que puedan haberse filtrado de la fase de pruebas de control.

Metodología UWE

       La propuesta de Ingeniería Web basada en UML (UWE (Koch, 2000)) es una metodología detallada para el proceso de autoría de aplicaciones con una definición exhaustiva del proceso de diseño que debe ser utilizado. Este proceso, iterativo e incremental, incluye flujos de trabajo y puntos de control, y sus fases coinciden con las propuestas en el Proceso Unificado de Modelado.

         UWE está especializada en la especificación de aplicaciones adaptativas, y por tanto hace especial hincapié en características de personalización, como es la definición de un modelo de usuario o una etapa de definición de características adaptativas de la navegación en función de las preferencias, conocimiento o tareas de usuario.

        Otras características relevantes del proceso y método de autoría de UWE son el uso del paradigma orientado a objetos, su orientación al usuario, la definición de un meta-modelo (modelo de referencia) que da soporte al método y el grado de formalismo que alcanza debido al soporte que proporciona para la definición de restricciones sobre los modelos.

         Es una propuesta basada en el proceso unificado y UML pero adaptados a la web. En requisitos separa las fases de captura, definición y validación. Hace además una clasificación y un tratamiento especial dependiendo del carácter de cada requisito.

Consiste en una notación y en un método.

         La notación se basa en UML (OMG, 2003): para aplicaciones Web en general y para aplicaciones adaptativas en particular.

       El método consta de seis modelos:

ü Modelo de casos de uso para capturar los requisitos del sistema.

ü Modelo conceptual para el contenido (modelo del dominio).

ü Modelo de usuario: modelo de navegación que incluye modelos estáticos y dinámicos.

ü Modelo de estructura de presentación, modelo de flujo de presentación.

ü Modelo abstracto de interfaz de usuario y modelo de ciclo de vida del objeto.

ü  Modelo de adaptación.

Planillas (Selección de la metodología)

Visita a un CBIT

El CBIT asignado al grupo numero 15 fue el de Santa Eduviges, en vista de que el grupo no conoce el lugar en un taxi se dirigió a la Escuela Santa Eduviges donde el personal encargado dejo claro que no existe tal CBIT en dicha escuela. El grupo camino muchas cuadras preguntando a las personas de la comunidad si sabían de una dirección clara de donde se encontraba tal CBIT pero sus declaraciones fueron negativas, no sabían que es un CBIT se lo aclaramos y aseguraron que en Santa Eduviges no existe tal cosa. Esta "visita" se realizo el día martes 15 de octubre del 2013.

El día miércoles 16 de octubre del mismo año se consulto con el otro grupo asignado para visitar Santa Eduviges y nos comentaron el cambio de institución a Villa Bolívar, entonces decidimos ir a tal escuela al salir de clases. A la 1:47pm hasta las 2:00pm estuvimos en la escuela pero estaba cerrada. Las personas adyacentes a la escuela nos comentaron cierto descontrol que existe y que resulta ser que trabajaron hasta el mediodía.

Visita a un CGP

VISITA A UN CENTRO DE GESTION PARROQUIAL

SECCION: 1M        FECHA: 16/10/2013

NOMBRE DEL  CENTRO DE GESTION PARROQUIAL:

Centro de Gestión Parroquial José Luis Afanador.

UBICACIÓN: Frente a Granitos Bolívar.

CALLE O AVENIDA: Avenida San Salvador.

PARROQUIA La Sabanita.

COMUNIDAD Los aceiticos.

PERSONAL ENCARGADO: Lic. Edgar Bolívar.

FECHA DE SU INAUGURACION: 17 de noviembre de 2004.

HORARIOS: 2pm a 6pm, de Lunes a Viernes.

PROMEDIO DE USUARIOS  DIARIOS QUE ATIENDE: aproximadamente 15.

ACTIVIDADES QUE SE REALIZAN EN ESTE CENTRO:

• Taller en base a computación.
• Charlas.
• Reuniones.

REQUISITOS PARA USAR EL C.G.P.: Estar registrado en el CGP.

OBJETIVO DEL C.G.P.: Promover el uso de la Informática y Telemática.

ORGANISMOS QUE APOYAN AL CENTRO DE GESTION PARROQUIAL:

• Misión Ribas.

INVENTARIO

1.- EQUIPO DE COMPUTACION.

MARCA: IBM.

MODELO: Pentium 4.

NUMERO EXISTENTE: 15               OPERATIVOS: 15.

2.- PROCESADOR.

MARCA: Intel Pentium 4.

VELOCIDAD DE TRABAJO: 2,80 GHz.

3.- MEMORIA RAM.

MARCA: DDR.

ALMACENAMIENTO DE TRABAJO: 240 MB.

4.- DISCO DURO.

CAPACIDAD DE ALMACENAMIENTO: 40 Gb.

5.- UNIDADES.

DISQUETERAS: FLOPPY

LECTORA O QUEMADOR: Lector de CD.

6.- TECLADO.

MARCA: IBM.

ESTANDAR: X      OTRO:

7.- RATON.

MARCA: IBM.

MECANICO: X            OPTICO: X

8.- MONITOR.

MARCA: IBM.

TIPO.  

LCD:                CRT: X

9: SISTEMA OPERATIVO:

-       Distribución Canaima 3.0.

Visita a un Infocentro

VISITA A UN INFOCENTRO

SECCION: 1M         GRUPO Nº15         FECHA: 16/10/13.

NOMBRE DEL INFOCENTRO: Mega Infocentro IPASME.

UBICACIÓN: Centro Asistencial IPASME.

CALLE O AVENIDA: Avenida 5 de julio.

PARROQUIA: Catedral.

COMUNIDAD: Sector Rómulo Gallegos.

PERSONAL ENCARGADO: Lic. Robert Grajirene y Alberto Basates.

FECHA DE SU INAUGURACION: Diciembre de 2005.

HORARIOS: De lunes a viernes de 8 am a 12 pm y de 1 pm a 4:30 pm.

PROMEDIO DE USUARIOS  DIARIOS QUE ATIENDE: 150 personas.

ACTIVIDADES QUE SE REALIZAN EN ESTE INFOCENTRO:

• Cursos de alfabetización tecnológica.
• Charlas educativas.
• Conferencias.
• Reuniones.
• Blogs.
• Proyectos: colaboración en con estudiantes de distintas universidades.

REQUISITOS PARA USAR EL INFOCENTRO: Estar inscrito en el registro, sistema gestión social Infocentro (SGSI).

OBJETIVO DEL INFOCENTRO:

• Impulsar la formación a los participantes en el uso y manejo de las tecnologías de información y comunicación (TIC). Bajo ambiente de software libre.
• Desarrollar las capacidades y habilidades para el aprovechamiento de las TIC en la elaboración, formulación, seguimiento y ejecución de proyectos que beneficien el desarrollo comunitario.
• Dar a conocer los principios éticos, morales, políticos, culturales, sociales y legales que sustentan la apropiación social del conocimiento en la República Bolivariana de Venezuela.
• Democratizar el acceso de las TIC por parte de la población venezolana, favoreciendo la inclusión social.

DECRETO PRESIDENCIAL Nº 825: El decreto 825 (Firmado en Mayo del 2000) Declara el acceso y el uso de Internet como política prioritaria para el desarrollo cultural, económico, social y político de la República Bolivariana de Venezuela. Desarrollando lo previamente establecido en el Plan Nacional de Telecomunicaciones sobre el desarrollo de una Sociedad de la Información. Igualmente, el Decreto dispone las directrices que deberán seguir los órganos de la Administración Pública Nacional para la inserción de esta tecnología de información en todos los ámbitos de la nación.

QUE PROVEE LA FUNDACION INFOCENTRO: Provee servicios adecuados de conectividad, capacitación y asistencia técnica para la implementación y operación de emprendimientos TIC a través de los infocentros.

PROYECTOS DE LA FUNDACION INFOCENTRO: proyectos de aprendizaje con fin de impartir conocimientos en ámbito de informática.

INVENTARIO

1.- EQUIPO DE COMPUTACION.

MARCA: Levono, VIT, Samsung.

MODELO: Varios.

2.- PROCESADOR.

MARCA: Inter Pentium Dual Core E5300.

VELOCIDAD DE TRABAJO: 2,5 GHz.

3.- MEMORIA RAM.

MARCA: DDR2.

ALMACENAMIENTO DE TRABAJO: 2 Gb.

4.-TARJETA MADRE.

MARCA: Lenovo.

MODELO: 7515A-A47.

5.- DISCO DURO.

MARCA: Western Digital.

CAPACIDAD DE ALMACENAMIENTO: 80 Gb.

VELOCIDAD DE TRABAJO: 7200 RPM.

6.- UNIDADES.

DISQUETERAS: Floppy

LECTORA O QUEMADOR: Lector y quemador.

7.- TECLADO.

MARCA: Lenovo.

ESTANDAR: X      OTRO:

8.- RATON.

MARCA: Opticarwhel

MECANICO:             OPTICO: X

9.- MONITOR.

MARCA: Lenovo, VIT.

TIPO.  

LCD: X               CRT:

10: SISTEMA OPERATIVO:

-       GNU/Linux.

-       Distribución Canaima.