Reporte de Lectura 3: Dabblet

INTRODUCCIÓN:

En el Desarrollo Web existen estándares que modulan la calidad de las Webapps, sin embargo, existen otros medios en los cuales puede probarse a través de su código HTML o CSS, entre ellos ciertos software de carácter libre destacando Dabblet.

DESARROLLO:

Por su facilidad de uso e interfaz agradable y clara en sus resultados; Dabblet se ha colocado en uno de los mejores probadores de código HTML y CSS de nuestros desarrollos web; con sus múltiples herramientas se logra obtener una gran perspectiva y campo de análisis de alternativas para el código que estamos trabajando.Dabbet trabaja directamente en el navegador y entrega resultados en tiempo real.

http://dabblet.com/ es la URL directa al uso de esta aplicación.

CONCLUSIÓN:

Cuando uno diseña y elabora proyectos web, es buena idea usar este tipo de aplicaciones como apoyo para lograr una buena calidad de trabajo.

FUENTE:

http://functionsource.com/post/dabblet-in-fun-on-friday

http://www.unazonageek.com/2012/02/recurso-para-probar-codigos-html-y-css.html

Elaborado por Marcos Burgos Castañeda

Reporte de Lectura 2: Conceptos Básicos

INTRODUCCION:

Es importante tener los fundamentos de ciertos conceptos para progresar de manera más precisa en el estudio de la ingeniería web. Es este el objetivo de este trabajo, profundizar en el significado de algunos conceptos básicos.

DESARROLLO:

URI:

Un “Uniform Resource Identifier” (URI) es una secuencia compacta de caracteres que identifica un recurso abstracto o físico. Ésta especificación define la sintaxis URI genérico y un proceso para resolver las referencias URI que pueden ser en forma relativa, junto con directrices y las consideraciones de seguridad para el uso de los URI en el Internet.

La sintaxis de URI define una gramática que es un súper-conjunto de todos URI válidos, lo que permite una aplicación para analizar los componentes comunes de una referencia URI sin conocer los requisitos específicos de esquema de cada identificador posible. Esta especificación no define un la gramática generativa de URI, esta tarea se lleva a cabo por las especificaciones individuales de cada esquema de URI.

HTTP:

El protocolo de transferencia de hipertexto (Hyper Text Transfer Protocol) es el protocolo usado en cada transacción de la Web (WWW). Un protocolo se puede entender el lenguaje utilizado por dos computadoras para comunicarse entre si. HTTP es un protocolo sin estado, es decir, que no guarda ninguna información sobre conexiones anteriores. Al finalizar la transacción todos los datos se pierden.

HTML: "Hyper Text Mark-up Language" o Lenguaje de Marcas de Hipertexto. Lenguaje desarrollado por el CERN que sirve para modelar texto y agregarle funciones especiales como hipervínculos. Es la base para la creación de páginas web tradicionales. El texto se modela a partir del uso de etiquetas o tags.

CONCLUSIÓN:

Conocidos estos y ciertos otros conceptos básicos, el avance en esta disciplina y su aplicación se torna mas eficiente y completo.

FUENTE:

http://tools.ietf*org/html/rfc3986

http://www.alegsa.com.ar/Dic/html.php

http://www.mitecnologico.com/Main/ProtocoloHttp

Elaborado por Marcos Burgos Castañeda

Primer Avance del Proyecto

Avance del Proyecto en Desarrollo Web

Consolidación del Grupo de trabajo, Asignación de Responsabilidades, Consolidación y Formalidad del Cliente.

1. Equipo:

· Burgos Castañeda Marcos

· López Velasco Fernando

· Ortiz Hernández Iliana

2. Roles de cada integrante:

· Burgos Castañeda Marcos:

Contactar y dar seguimiento al cliente, Elaborar la documentación, Analizar los requerimientos, Establecer fechas.

· López Velasco Fernando:

Crear Base de Datos, Elaborar CGI y código HTML del WebApp.

· Ortiz Hernández Iliana:

Diseñar la interfaz visual y Adecuar los requerimientos a la WebApp

3. Posibles Clientes.

“El Trotón” Tortería.

Calzada México-Tacuba esq. Av. Cuitlahuac s/n Deleg. Azcapotzalco.

Luis Torres López

“Libro Abierto” Librería

Calzada De Guadalupe #623 Deleg. Gustavo A. Madero

Ángel Vega Ruíz

55750023

“Kiishpanil Spa” Salud y Fitness

Henry Ford #5809 Deleg. Gustavo A. Madero

Laura Castellanos Sierra

58675525

4. Selección:

Tras el análisis de factibilidad, y debido a los requerimientos que se prestan a un desarrollo web de alta calidad, fue seleccionado al Cliente:

“Libro Abierto” Librería

Calzada De Guadalupe #623 Deleg. Gustavo A. Madero

Ángel Vega Ruíz

55750023

Con fines de aprendizaje y experiencia en el Desarrollo Web, la WebApp convenida con el cliente fue ofrecida sin cargos monetarios por la misma.

Lectura 3: Conceptos Básicos

URL
Son las siglas en inglés de Uniform Resource Locator (en español localizador uniforme de recursos), que sirve para nombrar recursos en Internet. Este nombre tiene un formato estándar y el propósito de asignar una dirección única a cada uno de los recursos disponibles en Internet, como por ejemplo textos, imágenes, vídeos, etc.

Es común que el significado de URL se mencione como las siglas en inglés de universal resource location (en español localizador universal de recursos). Esta confusión se deriva de que URL es parte de un concepto más general, el URI; para el mundo de Internet el uso de URI es más correcto que el de URL

Formato de URL
Un URL tiene un formato estándar, que es:
esquema://máquina/directorio/archivo
Por ejemplo, para http://aprenderinternet.about.com/bio/Luis-Castro-90589.htm: el esquema es http, la máquina es aprenderinternet.about.com, el directorio es bio y el archivo es Luis-Castro-90589.htm.

Esquema de URL
El esquema en un URL sirve para fines de clasificación. Se especifica en un URL antes de los dos puntos. La especificación de los elementos que siguen después de los dos puntos varía en función del esquema. Algunos ejemplos son comúnmente encontrados en el uso diario de Internet:

http, que es el esquema más frecuentemente encontrado al navegar en Internet.

https, que es el esquema usado para páginas seguras de Internet, conocido como SSL.

mailto, esquema usado para direcciones de correo electrónico.

ftp, esquema usado para el protocolo de transferencia de archivos ftp.

HTTP

Son las siglas en inglés de HiperText Transfer Protocol (en español protocolo de transferencia de hipertexto). Es un protocolo de red (un protocolo se puede definir como un conjunto de reglas a seguir) para publicar páginas de web o HTML. HTTP es la base sobre la cual está fundamentado Internet, o la WWW.

Cómo funciona el protocolo HTTP

El protocolo HTTP funciona a través de solicitudes y respuestas entre un cliente (por ejemplo un navegador de Internet) y un servidor (por ejemplo la computadora donde residen páginas web). A una secuencia de estas solicitudes se le conoce como sesión de HTTP.

La información que el navegador de Internet está presentando en un momento dado, se identifica en la llamada “barra de navegación”, que comienza con http y se le conoce como URI (más conocido como URL).

Sesiones seguras HTTPS
Cuando un URI comienza con HTTPS en lugar de HTTP, significa que el navegador está usando un esquema seguro para proteger la información que está siendo transferida. Este esquema HTTPS es el que toda transacción comercial en Internet debe de usar. A este esquema se le conoce como SSL.

HTML
Siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. 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 un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del cocifrantipo 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).
HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaración de tipo de documento.

CONCLUSIONES:
Es importante saber cuáles son los orígenes de estas siglas, cuál es su utilidad y desarrollo. Ello contribuye a que nuestro proyecto tenga un desarrollo óptimo.

BIBLIOGRAFÍA
Sergio Luján Mora (2001) (en español, libro completo gratuito en pdf). Programación en Internet: Clientes Web (1ª edición). Editorial Club Universitario.

Elaboró:

Ortiz Hernández Iliana

Lectura 2: Herramientas de conectividad con base de datos

INTRODUCCIÓN

La World Wide Web se ha convertido en sí misma, en una interfaz de acceso a datos que puede ser utilizada por cualquier usuario. Los nodos de un hipertexto no se limitan a incluir texto, imagen o sonido, sino también scripts y otros elementos como APIs (Application Programming interface) o controladores para conectividad de bases de datos e intercambio de información tales como OLE (Open Database Connectivity), CGI (Common Gateway Interface), JDBC (Java Data Base Connectivity), SQL LINKS etc. Todos estos objetos son los que hacen posible la existencia de elementos y documentos dinámicos y los que aportan un verdadero dinamismo al hipertexto. Se trata de componentes que deben ser diseñados en la interfaz de programación para acceso a datos del hipertexto y que comprende tanto el diseño e interfaz de Objetos de Acceso a Datos, como la interfaz de programación de aplicaciones.

DESARROLLO:

De esta forma, se pueden construir bases de datos utilizando aplicaciones y sistemas de gestión de bases de datos como Microsoft Access, Oracle, Sybase, MySQL, MSQL o SQL Server, etc. y, por medio de una serie de herramientas de acceso (CGI, DAO, ODBC, etc.) y desde entornos de desarrollo distintos, hacer que estos datos sean accesibles vía Web para cualquier usuario que quiera hacer una consulta en línea.

CGI: (Common Gateway Interface o Interfaz de pasarela común) http://hoohoo.ncsa.uiuc.edu/cgi/ es la especificación de un protocolo que permite al servidor Web (HTTP) comunicarse con programas o scripts externos. Los programas CGI trabajan en el servidor Web y pueden implementarse utilizando diferentes lenguajes de programación (COBOL, C, Perl, etc.). Para que el usuario recupere un documento dinámico HTML a través de CGI, generalmente se sigue la siguiente secuencia básica:

DAO: En software de computadores, un Data Access Object (DAO, Objeto de Acceso a Datos) es un componente de software que suministra una interfaz común entre la aplicación y uno o más dispositivos de almacenamiento de datos, tales como una Base de datos o un archivo. El término se aplica frecuentemente al Patrón de diseño Object.
Los Objetos de Acceso a Datos son un Patrón de Diseño Core J2EE y considerados una buena practica. La ventaja de usar objetos de acceso a datos es que cualquier objeto de negocio (aquel que contiene detalles específicos de operación o aplicación) no requiere conocimiento directo del destino final de la información que manipula.

ODBC: el objetivo de ODBC es hacer posible el acceder a cualquier dato desde cualquier aplicación, sin importar qué sistema de gestión de bases de datos (DBMS) almacene los datos, ODBC logra esto al insertar una capa intermedia (CLI) denominada nivel de Interfaz de Cliente SQL, entre la aplicación y el DBMS, el propósito de esta capa es traducir las consultas de datos de la aplicación en comandos que el DBMS entienda. Para que esto funcione tanto la aplicación como el DBMS deben ser compatibles con ODBC, esto es que la aplicación debe ser capaz de producir comandos ODBC y el DBMS debe ser capaz de responder a ellos. Desde la versión 2.0 el estándar soporta SAG y SQL.

CONCLUSIONES:

Estas herramientas permiten la ejecución de operaciones sobre bases de datos desde varios lenguajes de programación, independientemente del sistema operativo donde se ejecute o de la base de datos a la cual se accede manejando el modelo de base de datos que se utilice.

BIBLIOGRAFÍA:

VALLE GASTAMINZA, Félix del. Diseño de Bases de datos. http://www.ucm.es/info/multidoc/prof/fvalle/Disbd.htm

Elaboró:
Ortiz Hernández Iliana

Tarea 1: Introduccion al Desarrollo web

1. Investigar la bibliografía que este disponible para este curso en Acatlán y en otras bibliotecas de la UNAM y de que forma los podemos obtener.

Choi, et al., Beginning PHP4, Wrox Press Ltd, E.U.A., 2000

Flanagan, D., Java script the definitive guide, O´reilly, E.U.A., 1997

Gundavaram, et al., CGI programming with Perl, O'Reilly & Associates, China, 2000

Jones, R., Visual Basic developer's guide to ASP and IIS, Sybex, E.U.A., 1999

Marchal, B., Xml con ejemplos, Pearson Education, México, 2001

Musciano y Kennedy, HTML The definitive guide, O´reilly, E.U.A., 1998

Ray, T., Learning XML, O´reilly, E.U.A., 2001

Felton, M., CGI: Internet programming in C++ and C, Prentice Hall, E.U.A., 1997

Laor, O., CGI Programming with Visual Basic 5, McGraw Hill, E.U.A., 1997

Wall, et al., Programming Perl, O'Reilly & Associates, E.U.A., 2000

La mayoría de estos libros sugeridos por la Jefatura de MAC no se encuentran en la FES, pero podemos conseguirlos en la Biblioteca Central, algunos se encuentran en la Biblioteca Digital de la UNAM (BIDI) y también podemos descargarlos como pdf.

2. Formar un equipo base de tres personas para trabajar todo el semestre
Fernando, Iliana y Marcos

4. Escribir el significado de las siglas de los temas 3 al 8

.NET (network, internet) es un dominio de Internet genérico que forma parte del sistema de dominios de Internet. El domino .net es manejado por la compañía VeriSign.

ASP Active Server Pages, también conocido como ASP clásico, es una tecnología de Microsoft del tipo "lado del servidor" para páginas web generadas dinámicamente, que ha sido comercializada como un anexo a Internet Information Services (IIS).

C♯ o C# (pronunciado si sharp en inglés) es un lenguaje de programación orientado a objetos desarrollado y estandarizado por Microsoft como parte de su plataforma .NET, que después fue aprobado como un estándar por la ECMA e ISO.

C++ es un lenguaje de programación diseñado a mediados de los años 1980 por Bjarne Stroustrup. La intención de su creación fue el extender al exitoso lenguaje de programación C con mecanismos que permitan la manipulación de objetos.

CGI Common Gateway Interface. Interface de Acceso Común. Programas usados para hacer llamadas a rutinas o controlar otros programas o bases de datos desde una página Web. También pueden generar directamente HTML.CSS

DTD Una definición de tipo de documento o DTD (siglas en inglés de document type definition) es una descripción de estructura y sintaxis de un documento XML o SGML.

HTML siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.

JAVA Lenguaje de programación creado por Sun Microsystems. Desde su aparición, Java se perfila como un probable revolucionario de la Red. Como lenguaje es simple, orientado a objetos, distribuido, interpretado, robusto, seguro, neutral con respecto a la arquitectura, portable, de alta performance, multithreaded y dinámico. Permite, entre otras cosas, agregar animación e interactividad a una página Web, pero su característica más importante es que un programa escrito en Java puede correr en cualquier computadora.

JAVASCRIPT Lenguaje de scripts para utilizar en páginas Web desarrollado por Netscape. Permite aumentar la interactividad y la personalización de un sitio.

JDBC Java Database Connectivity, más conocida por sus siglas JDBC, es una API que permite la ejecución de operaciones sobre bases de datos desde el lenguaje de programación Java, independientemente del sistema operativo donde se ejecute o de la base de datos a la cual se accede.

JRE Java Roundtime Environment. Es un conjunto de utilidades que permite la ejecución de programas Java.

JSP Java Server Pages o Páginas de servidor de Java, es la tecnología para generar páginas web de forma dinámica en el servidor, desarrollado por Sun Microsystems, basado en scripts que utilizan una variante del lenguaje java para construir páginas HTML en servidores.

PERL Siglas de "Practical Extraction Report Language". Lenguaje de programación derivado de una herramienta UNIX, basa su potencial en su manera de manejar texto, fue inventado en 1986 para manejar de forma cómoda ingentes cantidades de texto, es además muy sencillo de aprender y manejar.

PHP Personal Home Page. Página de inicio personal. Lo inventó Rasmus Lerdorf y es un lenguaje utilizado ahora para casi todas las páginas web que vemos.

SERVLET Aplicación JAVA que permite la ejecución de un propio servidor web que permite la interactividad del usuario, permitiendole realizar algunas opciones. Es diferente a CGI.

SSI Server Side Includes (SSI) son comentarios especiales dentro de paginas HTML que, cuando son leídas por el servidor realizan acciones especiales. Estas acciones van desde incluir “trozos” de HTML hasta ejecutar un programa e incluir el resultado dentro de la página.

VISUAL BASIC Lenguaje de programación de Microsoft orientado a eventos, utilizado principalmente en el World Wide Web para realizar consultas a bases de datos de Microsoft como Fox Pro, SQL-Server, etc., que funciona en servidores de Windows NT.

XHTML Siglas del inglés eXtensible HyperText Markup Language. XHTML es básicamente HTML expresado como XML valido. Es más estricto a nivel técnico, pero esto permite que posteriormente sea más fácil al hacer cambios, buscar errores, etc.

XML siglas en inglés de Extensible Markup Language (lenguaje de marcas extensible), es un metalenguaje extensible de etiquetas desarrollado por el World Wide Web Consortium (W3C).

Xpointer Lenguaje de punteros XML es un estándar del World Wide Web Consortium (W3C) que proporciona una forma de identificar de forma única fragmentos de un documento XML con el objetivo de realizar vínculos.

6. ¿Qué es un blog?
Los términos ingleses blog y weblog provienen de las palabras web y log ('log' en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero publicado en la web (en línea).
El weblog es una publicación online de historias publicadas con una periodicidad muy alta que son presentadas en orden cronológico inverso, es decir, lo último que se ha publicado es lo primero que aparece en la pantalla. Es muy frecuente que los weblogs dispongan de una lista de enlaces a otros weblogs, a páginas para ampliar información, citar fuentes o hacer notar que se continúa con un tema que empezó otro weblog. También suelen disponer de un sistema de comentarios que permiten a los lectores establecer una conversación con el autor y entre ellos acerca de lo publicado.

Elaboró: Ortiz Hernández Iliana

Tarea: Preguntas

1. ¿Qué es internet? 
Una red de computadoras


2. ¿Que es la WWW?
Es un sistema de distribucion de informacion basado en Hipertexto [World Wide Web]


3. ¿Qué es ISP?
"Proveedor de servicios de Internet", Es una organizacion que proporciona acceso a internet.


4. ¿Qué es un motor de búsqueda?
Es un sistema informatico que busca archivos en servidores web.


5. ¿Qué es un navegador?
Es una aplicacion que opera a travez de internet interpretando la informacion de archivos y sitios web.


6. ¿Porque se dice navegar en la red?
Porque uno puede enlazarse por todas las paginas que uno desee.


7. ¿Que es una pagina y un sitio web?
Una pagina web es un conjunto de hipertexto, un sitio web es un conjunto de paginas web.


8. ¿En que consiste la arquitectura cliente-servidor?
Consiste en que el cliente manda peticiones al servidor esperando una respuesta de informacion.


9. ¿Qué es un URL?
Es la direccion de cada pagina o sitio web.


10. ¿Qué es un protocolo de comunicacion?
Es el conjunto de reglas normalizadas para la representación, señalizacion, autenticacion y detección de errores necesario para enviar información  a travez de un canal de comunicación.


11. ¿Que es HTTP?
Protocolo de transferencia de hipetexto. Proporciona la comunicacion cifrada y la identificacion segura de una red de servidore web.


12. Diferencia entre navegar y buscar
Navegar quiere decir pasara de una pagina a otra y buscar en ir a un sito para encontrar informacion especifica.


13. Menciona los tres tipos de comercio en internet.
carritos de compra, servicios interactivos, servicios push

ELABORO: LÓPEZ VELASCO FERNANDO

Reporte 3 Php

Introducción:
A lo largo del tiempo se ah implementado el uso de las bases de datos como herramienta fundamental para las grandes organizaciones ya que prevee de herramientas al alcanze de todos y fáciles de manejar, ademas de que proporciona un comodo ambiente para el trabajo y la transacciones a nivel internet.


Desarrollo:
Entre los lenguajes mas utilizados para enlazar una base de datos con HTML es PHP. Ya que este dada su versatilidad al momento de estar trabajando, nos provee de herramientas que son muy faciles de manejar solo hace falta un poco de logica de programacion y saber como funcionan las bases de datos para poder adaptar una a una aplicacion web.
Php es el mas popular y el mas utilizado a nivel industria privada y publica ya que es el mejor adapatado y que se puede acoplar a las necesidades de los usuarios.

Conclusion:
Php es la mejor herramienta para enlazar bases de datos con aplicacines web, es por eso que ningun otro Software lo ah podido reemplazar.


ELABORO: LOPEZ VELASCO FERNANDO

Reporte 2 Conceptos Básicos

INTRODUCCION:
Algunos de los conceptos que se muestran a continuación son esenciales para el aprendizaje de la ingenieria Web, ademas de que son una base fundamental para cualquier tipo de estudio a fin.
DESARROLLO:


URI:

Muchas veces se generaliza en la expresión URL para hacer referencia a todas las direcciones Web, aunque en la actualidad se recomienda utilizar la expresión URI en su lugar.

Aunque se acostumbra llamar URLs a todas las direcciones web, URI es un identificador más completo y por eso es recomendado su uso en lugar de la expresión URL.

Un URI (Uniform Resource Identifier) se diferencia de un URL en que permite incluir en la dirección una subdirección determinada por el “fragmento”. Eso se comprende mejor analizando la estructura de un URI.

http://www.hispamedios.com/articles/id34-url-y-uri

HTTP:

Http es un protocolo de transferencia de texto, este protocolo actúa atreves de preguntas y respuestas entre un cliente y un servidor.  El cliente para los usuarios es el navegador web usado para navegar por la red de internet.

http://www.masadelante.com/faqs/que-significa-http

HTML: Hyper Text Marckup Languaje. Es el lenguaje de marcado mas usado en la elaboracion de paginas web. Html s escribe con tags (etiquetas), rodeadas por corchetes < > , Es un lenguaje fácil de manejar el cual se puede complementar con scrips, en este caso con Java scrip; para darle mayor lucidez ademas de poder agregarle multimedia.

CONCLUSIÓN:
Estos temas son de suma importancia para la gente curiosa sobre el internet y todo su conjunto de aplicaciones. 

ELABORO: LÓPEZ VELASCO FERNANDO

Martes: Ejercicio #2

1.      Investigar diferentes ejemplos de aplicación de paginas web y platicar de las características que tienen 5 de ellas (carritos de compra, servicios interactivos, servicios push)

Carritos de compra:

Son aplicaciones dinámicas que funcionan dentro de páginas web, que están destinadas a la venta online de productos y servicios. Su función principal radica en llevar un total actualizado de los productos incluidos, especificando el nombre, descripción, cantidad y precio.

2.      Investigar y mencionar las características de las diferentes herramientas de desarrollo web (hot dog, eclipse..)

My eclipse: Nos da la facilidad de automatizar la aplicación con el servidor de aplicaciones que se utilizaran. Tiene la posibilidad de cambiar a nuevos frameworks de desarrollo con tres simples clicks.

Netbeans: Es un entorno de desarrollo integrado libre hecho principalmente para el lenguaje de programación en java. Existe además un numero importante de modulos para extenderlo. Es un proyecto de código abierto de gran éxito con una gran cantidad de usuarios una comunidad de constante crecimiento y cerca de cien negocios en todo el mundo.

3.      Hacer un reporte de lectura de un articulo acdemico que hable de la Ingenieria web

es la aplicación de metodologías sistemáticas, disciplinadas y cuantificables al desarrollo eficiente, operación y evolución de aplicaciones de alta calidad en la World Wide Web.1

La ingeniería web se debe al crecimiento desenfrenado que está teniendo la Web está ocasionando un impacto en la sociedad y el nuevo manejo que se le está dando a la información en las diferentes áreas en que se presenta ha hecho que las personas tiendan a realizar todas sus actividades por esta vía.

4.      Elaborar un tabla comparativa en la que se destaquen las diferencias entre ingenieria de software e ingenieria web

INGENIERIA WEB	INGENIERIA DEL SOFTWARE
No se requiere de una documentación especificada en cada etapa de desarrollo.	Se necesita una documentación especificada para cada parte del desarrollo del sistema.
Se desarrollan aplicaciones web	Se desarrollan aplicaciones web pero con mayor potencial.
Podemos variar en las etapas del crecimiento de la aplicación.	Sigue un orden estructurado en cada una de sus etapas.
No existe alguna metodología especifica para poder realizar una aplicación web.	Existen varios modelos o metodologías para elaboración de un Sistema.

5.      Escribe el URL de tres sitios diferentes para cada uno de los tipos de WebApps mencionado en clase

http://www.apple.com/webapps/

https://chrome.google.com/webstore

https://apps.mozillalabs.com/

Elaboro: Lopez Velasco Fernando

Reporte de lectura: DE LA INGENIERIA DE SOFTWARE A LA INGENIERIA WEB

Las economías de los países desarrollados dependen en gran parte del software. Más y más sistemas son actualmente controlados por software. La Ingeniería de Software concierne a teorías, métodos y herramientas para el desarrollo profesional de software. El gasto en La Ingeniería de Software, representa un alto porcentaje del PIB de los países desarrollados. La Ingeniería de Software es una disciplina de la Ingeniería que concierne a todos los aspectos de la producción de software. Los Ingenieros de Software adoptan un enfoque sistemático para llevar a cabo su trabajo y utilizan las herramientas y técnicas necesarias para resolver el problema planteado, de acuerdo a las restricciones de desarrollo y recursos disponibles.

Sommerville (2001) afirma que el software no son solo programas, sino todos los documentos asociados así como la configuración de datos que necesitan para hacer que estos programas operen de manera correcta. El mismo autor un sistema de software consiste en diversos programas independientes y archivos de configuración que se utilizan para ejecutar esos programas.

La ingeniería del software surge en la década de los 70 siendo un área de conocimiento, como refiere Shaw 1990, que aplica los principios de ingeniería al contexto del software y que pretende crear soluciones rentables a problemas prácticos, mediante la aplicación del conocimiento científico para la construcción de cosas al servicio de la humanidad. Esta nueva ingeniaría tiene como objetivo el desarrollo de sistemas de software complejos, cuya característica son los algoritmos encapsulados.

Podemos así referir que la ingeniería del software tiene como objetivo la especificación, desarrollo y manutención de los sistemas de software a través de la aplicación de tecnologías y prácticas de ciencias de la computación, gestión de proyectos y otras disciplinas siempre con el intento de obtener un software de calidad, de fácil mantenimiento, escalabilidad, accesibilidad, usabilidad y seguridad. La ingeniería del software se centra en los aspectos prácticos de la producción y manutención de sistemas de software. El concepto de ingeniaría trae agregado conceptos de creación, construcción, análisis, desarrollo y manutención del software. Por lo tanto los ingenieros de software se concentran en el desarrollo de productos de software.

El rápido desarrollo de Internet y todas las aplicaciones asociadas a la World Wide Web crearan un nuevo concepto de software con diferentes especificaciones aún más complejas y críticas. La evolución de las aplicaciones Web tiene a lo largo de estos últimos diez años han sufrido grande cambios, su aplicaciones iniciales apenas corrían dentro de la ventana de un navegador siendo consideradas paginas estáticas. En Diciembre de 1995 surge el Javascript posibilitando otro tipo de publicaciones de información como: la interactividad; validación y procesamiento de datos, pero siguen por resolver algunos problemas de compatibilidad y de seguridad. Después surgió el DHTML el acceso a base de datos con el PHP. Hoy surge una nueva tecnología el Ajax que trae una vez más problemas con la compatibilidad (diferencias al nivel de Java Script e XMLHttpRequest), permitiendo a su vez la construcción de aplicaciones mucho más próximas de las aplicaciones “desktop”. La correcta utilización de todas las tecnologías referentes a la Web (desde el XHTML, CSS, Ajax,…) requiere un elevado padrón de formación en lo que dice respecto a la construcción de software para la Web, requiriendo que la ingeniería Web sea capaz de responder al desarrollo correcto del software de acuerdo con las nuevas exigencias y posibilidades que las herramientas ofrecen para la distribución de información. La crisis del software que dura casi tanto desde el origen del concepto de ingeniería del software surge recientemente en un nuevo concepto con las aplicaciones para la Web llamado de crisis de la Web. En suma las nuevas aplicaciones para la Web, así como el software que se desarrolla para la Web, impulsó el concepto de ingeniería Web, que no es más que la ingeniería del software aplicada en el desarrollo de software para la Web. La ingeniería Web surge entonces del rápido crecimiento de la Web, su impacto en los diversos sectores de la sociedad y asociado al avance de las TIC.

BIBLIOGRAFÍA

Carrasco, J. (2006) El impacto de las Tecnologías de la Información y la Comunicación (TIC),
Universidad de Salamanca

Sommerville, I. (2001) Ingeniería de Software, Addison-Wesley.

Elaboró: Ortiz Hernández Iliana

Lectura 1: USABILIDAD EN APLICACIONES WEB

INTRODUCCIÓN

En la actualidad, el sitio web de una empresa se ha convertido en la carta de presentación de la misma, en muchos casos supone la primera toma de contacto del cliente con la empresa, y por tanto, es esencial que el usuario se sienta cómodo “navegando” por la aplicación web. Un diseño desacertado, que provoque incomodidad o frustración en el usuario podría suponer el abandono de la aplicación, y por tanto, la pérdida de un cliente potencial para la empresa. Se trata, por tanto, de un elemento comercial, en el que se deben cuidar las formas y el trato dispensado al cliente. La Administración Pública también se ha visto en la necesidad de incorporar las nuevas tecnologías en asuntos burocráticos y administrativos, en los que es recomendable que el usuario pueda localizar la información fácilmente y realizar sus trámites con eficiencia.

DESARROLLO
Podemos definir la usabilidad como la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto. La usabilidad también puede referirse al estudio de los principios que hay tras la eficacia percibida de un objeto.
En interacción persona-ordenador, la usabilidad se refiere a la claridad y la elegancia con que se diseña la interacción con un programa de ordenador o un sitio web. El término también se usa a menudo en el contexto de productos como la electrónica de consumo o en áreas de comunicación, y en objetos que transmiten conocimiento (por ejemplo, un libro de recetas o un documento de ayuda en línea). También puede referirse al diseño eficiente de objetos mecánicos como, por ejemplo, un manubrio o un martillo.
El grado de usabilidad de un sistema es, por su parte, una medida empírica y relativa de la usabilidad del mismo.

Empírica porque no se basa en opiniones o sensaciones, sino en pruebas de usabilidad realizadas en laboratorio u observadas mediante trabajo de campo.

Relativa porque el resultado no es ni bueno ni malo, sino que depende de las metas planteadas (por lo menos el 80% de los usuarios de un determinado grupo o tipo definido deben poder instalar con éxito el producto X en N minutos sin más ayuda que la guía rápida) o de una comparación con otros sistemas similares.

El concepto de usabilidad se refiere a una aplicación (informática) de (software) o un aparato (hardware), aunque también puede aplicarse a cualquier sistema hecho con algún objetivo particular.
El modelo conceptual de la usabilidad, proveniente del diseño centrado en el usuario, no está completo sin la idea utilidad. En inglés, utilidad + usabilidad es lo que se conoce como usefulness.

Jackob Nielsen definió la usabilidad como el atributo de calidad que mide lo fáciles que son de usar las interfaces Web.

Definiciones formales:

La Organización Internacional para la Estandarización (ISO) ofrece dos definiciones de usabilidad:

ISO/IEC 9126:
"La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso"
Esta definición hace énfasis en los atributos internos y externos del producto, los cuales contribuyen a su funcionalidad y eficiencia. La usabilidad depende no sólo del producto si no también del usuario. Por ello un producto no es en ningún caso intrínsecamente usable, sólo tendrá la capacidad de ser usado en un contexto particular y por usuarios particulares. La usabilidad no puede ser valorada estudiando un producto de manera aislada (Bevan, 1994).

ISO/IEC 9241:
"Usabilidad es la eficacia, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico"
Es una definición centrada en el concepto de calidad en el uso, es decir, se refiere a cómo el usuario realiza tareas específicas en escenarios específicos con efectividad.

A partir de la conceptualización llevada a cabo por la ISO, se infieren los principios básicos en los que se basa la usabilidad:

Facilidad de Aprendizaje: facilidad con la que nuevos usuarios desarrollan una interacción efectiva con el sistema o producto. Está relacionada con la predictibilidad, síntesis, familiaridad, la generalización de los conocimientos previos y la consistencia.

Facilidad de Uso: facilidad con la que el usuario hace uso de la herramienta, con menos pasos o más naturales a su formación específica. Tiene que ver con la eficacia y eficiencia de la herramienta.

Flexibilidad: relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información. También abarca la posibilidad de diálogo, la multiplicidad de vías para realizar la tarea, similitud con tareas anteriores y la optimización entre el usuario y el sistema.

Robustez: es el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos. Está relacionada con la capacidad de observación del usuario, de recuperación de información y de ajuste de la tarea al usuario.

Beneficios de la usabilidad:

Reducción de los costes de aprendizaje.
Disminución de los costes de asistencia y ayuda al usuario.
Disminución en la tasa de errores cometidos por el usuario y del retrabajo.
Optimización de los costes de diseño, rediseño y mantenimiento.
Aumento de la tasa de conversión de visitantes a clientes de un sitio web.
Aumento de la satisfacción y comodidad del usuario.
Mejora la imagen y el prestigio.
Mejora la calidad de vida de los usuarios, ya que reduce su estrés, incrementa la satisfacción y la productividad.

Todos estos beneficios implican una reducción y optimización general de los costes de producción, así como un aumento en la productividad. La usabilidad permite mayor rapidez en la realización de tareas y reduce las pérdidas de tiempo.

CONCLUSIONES

Actualmente la usabilidad está reconocida como un importante atributo de calidad del software, habiéndose ganado un puesto entre atributos más tradicionales como el rendimiento y la fiabilidad. Incluso diversos programas de estudios se centran en ella. También han surgido diversas empresas de consultoría de usabilidad, y las firmas tradicionales de consultoría y diseño están ofreciendo servicios similares para este término tan asociado al marketing. Desde un enfoque del diseño y evaluación de aplicaciones software, hablamos de usabilidad software como un área incluida en el campo de la IPO (Interacción Persona Ordenador) que se define como un conjunto de fundamentos teóricos y metodológicos que aseguran el cumplimiento de los niveles de usabilidad requeridos. Se trata, fundamentalmente, de decidir qué atributos del concepto de usabilidad deben de ser priorizados, para lograr metas verificables y medibles de niveles de usabilidad cuyo objetivo último es atraer la atención del usuario lo máximo posible ya sea por motivos económicos, publicitarios u otros.

BIBLIOGRAFÍA

Zeldman, Jeffrey “Diseño con estándares Web” Ed. Anaya Multimedia

Elaboró: Ortiz Hernández Iliana