Obj de proyecto (general y específicos )

 OBJETIVOS DEL PROYECTO SOCIO-TECNOLÓGICO 

DESARROLLO DE UNA APLICACCION WEB AL TALLER MECANIZADO DEL INSTITUTO UNIVERSITARIO DE TECNOLOGÍA DEL ESTADO BOLÍVAR SEDE GERMANÍA UBICADO EN LA PARROQUIA CATEDRAL MUNICIPIO HERES CIUDAD BOLÍVAR - ESTADO BOLÍVAR.

                         

OBJETIVO GENERAL.

Desarrollar de una  Aplicación  Web al taller mecanizado del  Instituto Universitario de tecnología del Estado Bolívar sede Germanía.

OBJETIVOS ESPECÍFICOS:

1.    Diseñar una aplicación web al taller mecanizado del IUTEB sede germanía

2.    Usar de los requerimientos Funcionales o levantamiento de la información de acuerdo a los datos recolectados.

3.    Elaborar  la metodología a utilizar en el proyecto socio tecnológico

4.    Aplicar la Metodología y cada una de sus fases con el proyecto que se está desarrollando.

5.    Lograr la motivación y el interés del personal que labora en la institución para que se lleve a cabo el desarrollo de una aplicación  web.

Tutores

TUTOR(A) TECNICO(A): Richard Martínez

TUTORA ACADEMICA: MSc CARMEN DIAZ

TUTOR(A) INSTITUCIONAL: Joan Barreto

Investigadores

Maria Perez

Arleen Zamora

Doreilyn Ortega

comunidad beneficiadas

INSTITUTO UNIVERSITARIO DE TECNOLOGÍA DEL ESTADO BOLÍVAR 

(IUTEB SEDE GERMANÍA - TALLER MECANIZADO)

Videoconferencia

Videoconferencia o videollamada es la comunicación simultánea bidireccional de audio y vídeo, que permite mantener reuniones con grupos de personas situadas en lugares alejados entre sí. Adicional mente  pueden ofrecerse facilidades telemáticas o de otro tipo como el intercambio de gráficos, imágenes fijas, transmisión de ficheros desde el ordenador, etc.



El núcleo tecnológico usado en un sistema de videoconferencia es la compresión digital de los flujos de audio y vídeo en tiempo real. Su implementación proporciona importantes beneficios, como el trabajo colaborativo entre personas geográficamente distantes y una mayor integración entre grupos de trabajo.

La tecnología básica utilizada en sistemas de videoconferencia es la compresión digital de audio y vídeo en tiempo real. El hardware o software que realiza la compresión se llama codec (codificador / decodificador). Se pueden lograr tasas de compresión de hasta 1:500. El flujo digital resultante de 1s y 0s se divide en paquetes etiquetados, que luego se transmiten a través de una red digital (por lo general ISDN o IP).


Tecnología:

La tecnología básica utilizada en sistemas de videoconferencia es la compresión digital de audio y vídeo en tiempo real. El hardware o software que realiza la compresión se llama codec (codificador / decodificador). Se pueden lograr tasas de compresión de hasta 1:500. El flujo digital resultante de 1s y 0s se divide en paquetes etiquetados, que luego se transmiten a través de una red digital (por lo general ISDN o IP).

Hay, básicamente, dos tipos de sistemas de videoconferencia:

1- Sistemas de videoconferencia dedicados : Posee todos los componentes necesarios empaquetados en un solo equipo, por lo general una consola con una cámara de vídeo de alta calidad controlada por un control remoto. Hay varios tipos de dispositivos de videoconferencia dedicada:

• Videoconferencia para grandes grupos: son dispositivos grandes , no portátiles, más costosos utilizados para grandes salas y auditorios.

• Videoconferencia para grupos pequeños: no son portátiles, son más pequeños y menos costosos, utilizados para salas de reuniones pequeñas.

• videoconferencia individuales son generalmente dispositivos portátiles, destinados a usuarios individuales, tienen cámaras fijas, micrófonos y altavoces integrados en la consola.

2- Sistemas de escritorio: Los sistemas de escritorio son complementos –add-ons-(Por lo general tarjetas de hardware) a los PC normales, transformándolas en dispositivos de videoconferencia. Una gama de diferentes cámaras y micrófonos pueden ser utilizados con la tarjeta, que contiene el codec e interfaces de transmission necesarias. La mayoría de los sistemas de escritorios trabajan estándar H.323. Las Videoconferencias realizadas a través de ordenadores dispersos son también conocidos como e-meetings.

DISPOSITIVOS DE ALMACENAMIENTO

Los dispositivos o unidades de almacenamiento de datos son componentes que leen o escriben datos en medios o soportes de almacenamiento, y juntos conforman la memoria o almacenamiento secundario de la computadora.

Estos dispositivos realizan las operaciones de lectura o escritura de los medios o soportes donde se almacenan o guardan, lógica y físicamente, los archivos de un sistema informático.

BUS DE MEMORIA

El bus es un sistema digital que transfiere datos entre los componentes de un ordenador o entre ordenadores. Está formado por cables o pistas en un circuito impreso, dispositivos como resistencias y condensadores además de circuitos integrados. En los primeros computadores electrónicos, todos los buses eran de tipo paralelo, de manera que la comunicación entre las partes de computador se hacía por medio de cintas o muchas pistas en el circuito impreso, en los cuales cada conductor tiene una función fija y la conexión es sencilla requiriendo únicamente puertos de entrada y de salida para cada dispositivo.

Tipos de bus

Existen dos grandes tipos clasificados por el método de envío de la información: bus paralelo o bus serie.Hay diferencias en el desempeño y hasta hace unos años se consideraba que el uso apropiado dependía de la longitud física de la conexión: para cortas distancias el bus paralelo, para largas el serial.

Bus paralelo

Es un bus en el cual los datos son enviados por bytes al mismo tiempo, con la ayuda de varias líneas que tienen funciones fijas. La cantidad de datos enviada es bastante grande con una frecuencia moderada y es igual al ancho de los datos por la frecuencia de funcionamiento. En los computadores ha sido usado de manera intensiva, desde el bus del procesador, los buses de discos duros, tarjetas de expansión y de vídeo, hasta las impresoras.Diagrama de un Bus Backplane como extensión del bus de procesador.El front-side bus de los procesadores Intel es un bus de este tipo y como cualquier bus presenta unas funciones en líneas dedicadas:

• Las líneas de dirección son las encargadas de indicar la posición de memoria o el dispositivo con el que se desea establecer comunicación.

• Las líneas de control son las encargadas de enviar señales de arbitraje entre los dispositivos. Entre las más importantes están las líneas de interrupción, DMA y los indicadores de estado.

• Las líneas de datos transmiten los bits de forma aleatoria de manera que por lo general un bus tiene un ancho que es potencia de 2.

Un bus paralelo tiene conexiones físicas complejas, pero la lógica es sencilla, que lo hace útil en sistemas con poco poder de cómputo. En los primeros microcomputadores, el bus era simplemente la extensión del bus del procesador y los demás integrados "escuchan" las línea de direcciones, en espera de recibir instrucciones. En el PC IBM original, el diseño del bus fue determinante a la hora de elegir un procesador con I/O de 8 bits (Intel 8088), sobre uno de 16 (el 8086), porque era posible usar hardware diseñado para otros procesadores, abaratando el producto.

Bus serie

En este los datos son enviados, bit a bit y se reconstruyen por medio de registros o rutinas de software. Está formado por pocos conductores y su ancho de banda depende de la frecuencia. Es usado desde hace menos de 10 años en buses para discos duros, unidades de estado sólido, tarjetas de expansión y para el bus del procesador.

Hipermedia

 Es el término con el que se designa al conjunto de métodos o procedimientos para escribir, diseñar o componer contenidos que integren soportes tales como: texto, imagen, vídeo  audio, mapas y otros soportes de información emergentes, de tal modo que el resultado obtenido, además tenga la posibilidad de interactuar con los usuarios. La estructura hipermedia de estos contenidos, califica especialmente al conjunto de los mismos, como herramienta de comunicación e interacción humanas. En este sentido, un espacio hipermedia es un ámbito, sin dimensiones físicas, que alberga, potencia y estructura las actividades de las personas, como puede verse en casos como, entre otros: Redes sociales, Plataformas de colaboración online, Plataformas de enseñanza online, etc.
En el contexto de la Sociedad Conectada, hipermedia se entiende como una extensión del concepto de Hipertexto, en la cual audio, video, texto e hipervínculos generalmente no secuenciales, se entrelazan para formar un continuo de información e interacción, que puede considerarse como virtualmente infinito desde la perspectiva de Internet.

Entre los tipos de hipermedia se encuentra:

• Hipertexto.

• Hiperfilmes.

• Hipergrama. 

El primer sistema hipermedia creado fue el Aspen Movie Map. Actualmente ejemplos de hipermedia son:

• La World Wide Web.

• Las películas almacenadas en un DVD.

• Las presentaciones en Powerpoint o en Flash, o productos informáticos similares.

HTML

HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Elementos

Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo,<nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.

Marcado estructural:

El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada.

Atributos

La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML).De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia(tal como el atributo ismap para el elemento img).

Hosting

El hosting es el servicio que entrega a los usuarios de Internet un espacio en un servidor para poder guardar o almacenar información como imágenes, archivos, bases de datos o cualquier información que sea accesible vía web.

La palabra hosting en español significa "alojamiento, hospedaje, hoteles, habitaciones" donde uno ocupa un lugar específico, en este caso ese lugar que usamos es para nuestro sitio web, página web, correo electrónico, archivos, etc. En Internet o más específicamente es un servidor donde se aloja información de varios clientes o varias aplicaciones distintas, ya que por lo general los Datacenter mantienen servidores de gran capacidad.

Las empresas de hosting proveen el espacio que comúnmente es llamado hosting ó web hosting, el cual se provee como un servicio, se ha convertido en un negocio lucrativo en constante crecimiento. El servicio de hosting se puede definir como un "espacio para tu sitio web o espacio para correos electrónicos", esta definición simplifica completamente el término que en realidad es un espacio que puede ser utilizado para el almacenamiento de cualquier tipo de información que será visible en Internet como: archivos, sistemas, correos electrónicos, videos, etc.

Por lo general los servicios de hosting se entregan en un servidor que comparten varios clientes, gracias a la configuración de un servidor dedicado como servidor web. Los servicio de hosting son muy atractivos para pequeños empresarios, es un servicio bastante económico, ya que al compartir un servidor con cientos de otros clientes el costo se reduce considerablemente y tienen muy buen rendimiento, siempre hasta un cierto límite. Las desventajas de los servicios de hosting compartido es que el hardware se comparte con cientos de otros clientes, por lo que disminuye el rendimiento.

 

HIPERTEXTO

El hipertexto es una herramienta de software con estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.

La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos (lexías). Si el usuario selecciona un hipervínculo, el programa muestra el documento enlazado. Otra forma de hipertexto es el stretchtext que consiste en dos indicadores o aceleradores y una pantalla. El primer indicador permite que lo escrito pueda moverse de arriba hacia abajo en la pantalla.
Es importante mencionar que el hipertexto no está limitado a datos textuales, podemos encontrar dibujos del elemento especificado o especializado, sonido o vídeo referido al tema. El programa que se usa para leer los documentos de hipertexto se llama navegador,browser, visualizador o cliente, y cuando seguimos un enlace decimos que estamos navegando por la web. El hipertexto es una de las formas de la hipermedia, enfocada en diseñar, escribir y redactar texto en una media.

Características  

• Organiza la información en bloques relacionados entre sí mediante un sistema de anclas y enlaces.

• Es totalmente interactivo al permitir al usuario seleccionar aquello que más le interese.

• Aumenta la eficiencia. Ordena bloques de información para un acceso fácil y rápido, además de intuitivo. El usuario puede acceder a la información que le interesa y obviar el resto.

• Comodidad. Es más cómodo leer textos cortos con la información concreta que se busca.

• Organización libre. Se puede presentar una estructura jerárquica, en redes o desorganizada (aunque hay peligro de desorientación). A la hora de leer también está presente esta característica, ya que el usuario puede dar saltos de enlace en enlace, visitando solo aquellos que le interesen.

• Ambiente compartido y colaborativo. Configura un ambiente compartido al que distintos usuarios pueden acceder a la vez; y colaborativo, ya que un usuario puede añadir un enlace a un texto en uno propio sin que el primero varíe.

Modelos de hipertexto

El modelo básico está dividido en: submodelo de datos y submodelo de procesos.Submodelo de datos:

1. Los nodos se interrelacionan mediante enlaces dirigidos, para formar la estructura de un dígrafo. Todas las operaciones de inserción, eliminación y actualización de nodos y enlaces están provistas de las operaciones de grafos. Funcionan como colecciones de datos no estructurados los cuales son agrupados de forma tal de crear una entidad lógica. Esta entidad existe para proveer abstracciones coherentes de información dentro del espacio de información representado en la estructura hipermedial.
2. ·Los enlaces implementan la dirección de las conexiones entre nodos, están asociados como anclas a un nodo fuente y proveen al usuario la habilidad de activarlos para moverse hacia un nodo destino. Hay quienes distinguen dos tipos de enlace, los referenciales que funcionan como referencias cruzadas entre documentos, y las organizacionales, que se utilizan para establecer estructuras explícitas por la conexión de un nodo padre a sus nodos hijos, formando árboles u otro tipo de jerarquías. Este submodelo de datos, basado en grafos, fue utilizado para definir HAM -Hypertext Abstract Machine- [Campbell et al, 1988], en búsqueda de un mecanismo para definir el diseño lógico de un hiperdocumento.

Submodelo de procesos

Los mecanismos de acceso a la información representada en el hiperdocumento, requieren de la descripción de la dinámica, es decir, las navegaciones que constituye el primer medio que tiene el usuario para acceder a los contenidos y los demás procesos que intervienen en la interacción con el usuario. Debe contener, junto con el proceso propio de exploración vía enlaces, otros procesos que pueden influir sobre la forma en que los usuarios inspeccionan la estructura de los hiperdocumentos, permitiendo al usuario obtener información de distintas necesidades estudiadas para caracterizar este paradigma.
En la literatura se encuentra una amplia gama de descripciones de hipertextos, en su mayoría utilizan como submodelo de datos derivaciones y extensiones de grafos, modelos expresados en lenguaje formal y modelos basados en el paradigma orientado a objetos. Los más utilizados son:

• Modelo basado en hipergrafos.

• Modelo basado en grafos para el desarrollo de NEPTUNE.

• Modelo basado en redes de Petri.

• Modelo basado en "Contextos anidados” y los basados en Higrafos.

• Modelo expresados en lenguaje formal, cuya implementación es el sistema Dexter y su derivado Amsterdam.

• Modelo orientado a objeto

Navegador

Un navegador o navegador web (generalización de Netscape Navigator) es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos (ya se encuentre esta red mediante enlaces o hipervínculos)
La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Los documentos pueden estar ubicados en la computadora en donde está el usuario, pero también pueden estar en cualquier otro dispositivo que esté conectado en la computadora del usuario o a través de Internet, y que tenga los recursos necesarios para la transmisión de los documentos (un software servidor web).
Tales documentos, comúnmente denominados páginas web, poseen hipervínculos que enlazan una porción de texto o una imagen a otro documento, normalmente relacionado con el texto o la imagen.

El seguimiento de enlaces de una página a otra, ubicada en cualquier computadora conectada a Internet, se llama navegación, de donde se origina el nombre navegador (aplicado tanto para el programa como para la persona que lo utiliza, a la cual también se le llama cibernauta). Por otro lado, hojeador es una traducción literal del original en inglés, browser, aunque su uso es minoritario.

Funcionamiento de los navegadores

La comunicación entre el servidor web y el navegador se realiza mediante el protocolo HTTP, aunque la mayoría de los hojeadores soportan otros protocolos como FTP, Gopher, y HTTPS (una versión cifrada de HTTP basada en Secure Socket Layer o Capa de Conexión Segura (SSL)).

La función principal del navegador es descargar documentos HTML y mostrarlos en pantalla. En la actualidad, no solamente descargan este tipo de documentos sino que muestran con el documento sus imágenes, sonidos e incluso vídeos streaming en diferentes formatos y protocolos. Además, permiten almacenar la información en el disco o crear marcadores (bookmarks) de las páginas más visitadas.
Algunos de los navegadores web más populares se incluyen en lo que se denomina una Suite. Estas Suite disponen de varios programas integrados para leer noticias de Usenet y correo electrónico mediante los protocolos NNTP, IMAP y POP.
Los primeros navegadores web sólo soportaban una versión muy simple de HTML. El rápido desarrollo de los navegadores web propietarios condujo al desarrollo de dialectos no estándares de HTML y a problemas de interoperabilidad en la web. Los más modernos (como Google Chrome, Amaya, Mozilla, Netscape, Opera e Internet Explorer 9.0) soportan los estándares HTML y XHTML (comenzando con HTML 4.01, los cuales deberían visualizarse de la misma manera en todos ellos).

Los estándares web son un conjunto de recomendaciones dadas por el World Wide Web consortium W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en la web. Su objetivo es crear una web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet.

Ejemplos de navegadores web

• Mozilla 

• Internet Explorer 

• Opera

• Safari

• Google Chrome

ELEMENTOS DE DISEÑO DE UNA PAGINA WEB

- Análisis del Problema y Algoritmo

- Codificación o escritura del programa

- Agregarle presentación al programa

 - Con imágenes, sonido, Gif animados, Scrips de Java y Applets.

- Agregarle contadores de visitas.

- Depuración.

- Programación de Java Scrips y Applets (Avanzado)

- Alojar el sitio o la página en un servido

 - Por medio de un programa Ftp se sube la página al servidor

 - Publicación - Agregar la página en los índices de los motores de búsqueda.

  - Intercambio de Banners

Requisitos para el diseño profesional de una página Web

- Computadora pentium con modem

- Conexión a Internet

- Browser (Navegador)

- Editor HTML

- Programa de diseño gráfico

- Programa de retoque fotográfico

- Programas de utilerías

- Programa Ftp.

- Colección de Fondos, Viñetas, Gráficos y Gráficos Gif.

- Direcciones de Internet de utilerías.

Herramientas para el diseño de páginas We

ELEMENTOS MATERIALES

Textos, elementos multimedia (imágenes, sonido, vídeo) y enlaces (internos de página, internos de website, externos).

            ELEMENTOS LÓGICOS

Contenidos, sistema de navegación, entorno audiovisual de las páginas, actividades e interacciones.

WEB PORTAL

Un portal de Internet es un sitio web cuyo objetivo es ofrecer al usuario, de forma fácil e integrada, el acceso a una serie de recursos y de servicios, entre los que suelen encontrarse buscadores, foros, documentos, aplicaciones, compra electrónica, etc. Principalmente están dirigidos a resolver necesidades específicas de un grupo de personas o de acceso a la información y servicios de una institución pública o privada.

.

Un portal es un sitio web que permite a un usuario acceder a diversos servicios, recursos, aplicaciones o posibilidades desde un mismo lugar.

Se le llama portal de Internet al tipo de sitios web que tienen el propósito de centralizar un conjunto de servicios y/o recursos de manera integrada para el usuario, a menudo posibilitando que el mismo se informe, participe, opine o acceda a múltiples aplicaciones.

El nombre portal tiene que ver con la idea de que es una puerta grande a múltiples servicios y oportunidades para el usuario, quien lo usa como referencia para navegar por Internet y descubrir nuevas posibilidades.

APLICACIÓN WEB

En la ingeniería de software se denomina aplicación web a aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicación software que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador.Las aplicaciones web son populares debido a lo práctico del navegador web como cliente ligero, a la independencia del sistema operativo, así como a la facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales. Existen aplicaciones como los webmails, wikis, weblogs, tiendas en línea y la propia Wikipedia que son ejemplos bien conocidos de aplicaciones web.
Es importante mencionar que una página Web puede contener elementos que permiten una comunicación activa entre el usuario y la información. Esto permite que el usuario acceda a los datos de modo interactivo, gracias a que la página responderá a cada una de sus acciones, como por ejemplo rellenar y enviar formularios, participar en juegos diversos y acceder a gestores de base de datos de todo tipo.