Ingeniería en sistemas de información

Asignatura

Aplicaciones distribuidas II
Técnicas y tecnologías web

Estudiante

Henry Sanguña

Periodo 52
1. Técnicas para construcción de sitios Web
La elaboración de páginas Web comprende las fases de Análisis, Planificación, Contenido,
Diseño, Programación, Testeo, Mercadeo y Publicidad.
 Fase de Análisis del Proyecto
A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un grupo
muy concreto de interrogantes, que permitirán aclarar y definir de manera básica las
expectativas existentes en torno a la aplicación Web e Interacción que se va a generar.
Dichas preguntas podrían ser las siguientes:
1. ¿Se necesita realmente el sitio Web?
2. ¿Para qué se necesita el sitio Web?
3. ¿Qué es lo que buscarán los usuarios en el sitio Web?
4. ¿Qué imagen se quiere proyectar con el sitio Web a los usuarios?
5. ¿Qué servicios interactivos se integrarán a través del sitio Web?
6. ¿Con qué recursos se cuenta para el desarrollo del sitio Web?
7. ¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?
8. ¿Qué impacto causará el sitio Web en los usuarios?
Todo proyecto debe contar con objetivos definidos, contra los cuales puede medirse la
efectividad de las acciones que se desarrollen.
 Definir los usuarios
 Lo que los usuarios esperan de la visita.
 Qué se pretende comunicar a través del sitio web
 Fase de Planificación
En esta fase se deben definir:
 Cuáles son los requerimientos técnicos para este fin

 Quiénes serán los miembros del equipo

 Seleccionar la estructura

 Planear un sitio bien organizado y

 Realizar estudios de mercadeo comparativo
Ligado a esto debemos definir varios aspectos de suma importancia para la creación de
la página web.
Selección de software:
 Sistemas operativos
 Servidor (software)

 Editores para diseño Web

 Lenguajes de programación

 Animaciones y
 Otros componentes.
Selección de hardware:
 Los requerimientos de hardware de la aplicación
 El equipo servidor
 La capacidad de respuesta
 Terminales

 Requerimientos de red
 Determinar si la aplicación ha de disponerse de una intranet o extranet
Selección del equipo de trabajo adecuado:
Los miembros del equipo Web serán los responsables de todas aquellas estructuras no
visibles que hacen a la operatividad de un sitio.
El equipo se basará en la convergencia de saberes y experiencias. Debe estar integrado
por técnicos de muy diversas disciplinas, capaces de contemplar los distintos aspectos
que están en juego.
 Fase de Contenido
Básicamente el éxito de un sitio Web se debe a su contenido. El contenido del sitio será
probablemente una combinación de la información que actualmente se posee y de la
que se tendrá que crear.
Es conveniente presentar un contenido acorde a los objetivos planteados para
desarrollar el sitio, y que la información a plasmar cubra las necesidades e intereses del
público a quien va dirigido.
 Fase de Diseño
El diseño Web supone un trabajo extenso y detallado, puesto que abarca no sólo la
interacción de múltiples elementos, como tecnología multimedia (audio, sonido,
imágenes, animaciones, entre otros); sino, que abarca también su integración con una
estructura lógica basada en el propósito del sitio.
En esta fase es necesario tener en cuenta:
Usabilidad: Se refiere al tiempo, esfuerzo y capacidad requerido por el visitante, para
que alcance un determinado nivel de adaptación al sistema, esta puede estar vinculada
en ocasiones al número de pasos necesarios para lograr determinada actividad, y al
nivel de conocimientos que requieran los usuarios para el uso de la aplicación.
Accesibilidad: Un sitio Web se desarrolla con la idea de que sea visto por el mayor
número de visitantes, pero hay que tener presente que cada uno de estos puede
acceder a la información con equipos, navegadores e idiomas distintos, estos factores
pueden impedir que el sitio no pueda ser apreciado en su totalidad.
 Fase de programación
 Bases de datos: Se diseña y crea la base de datos.
 Programación intermediaria: Programas o códigos que se ejecutarán en el
servidor Web. Acá se establecerá la comunicación entre la base de datos y la
interfaz.
 Interfaz: Programas y códigos que desplegarán el contenido a los usuarios a
través del navegador Web. Se refiere aplicaciones que el usuario visualizará y a
través de la cual operará con ella.
 Fase de Testeo
Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio Web
con usuarios que vayan a utilizar el sitio:
 Comprobación en navegadores: El paso más importante, es comprobar que las
páginas se pueden visualizar de forma correcta en diferentes navegadores.
 Detectar los vínculos rotos: Es necesario detectar documentos que existen en el
sitio pero que no están conectados a través de vínculos; ellos deben ser
reparados o eliminados en caso de no ser necesarios puesto que ocupan espacio
en el servidor y tienden a crear confusión.
 Comprobar tiempo de descarga: Uno de los puntos clave en el éxito de un sitio
Web es su rapidez de descarga, en base a ello se recomienda un tiempo mínimo
descarga.
 Fase de Mercado y Publicidad
En esta fase se debe tomar en cuenta los Derechos Internacionales del Autor, por el
cual:
 Todas las copias realizadas incluyen derecho de autor.
 Se anexa en el sitio los créditos de los desarrolladores, o un enlace que le
permita a los usuarios contactarlos.
Luego se define el dominio del sitio, se verifica que esté disponible para poder
registrarlo, y se transfieren los archivos al servidor remoto por FTP, o desde la
 página del servidor. Se debe verificar que todos los archivos estén en su carpeta
correspondiente de la Web.
2. Tecnologías para realizar Scripts del lado del Cliente: javascript
JavaScript es un lenguaje de programación interpretado y dinámico que se ha estandarizado
en la especificación del lenguaje ECMAScript (determina cómo emplear el
lenguaje Javascript, que permite a los fabricantes de software desarrollar las herramientas
adecuada para interpretarlo correctamente). Es el lenguaje de programación de la
web. Como CSS, JavaScript se puede definir como atributos dentro de los elementos HTML,
como bloques de script dentro de una página o en archivos independientes. Al igual que
CSS, se recomienda organizar JavaScript en archivos independientes y, en la medida de lo
posible, mantenerlos separados del código HTML que se encuentra en las páginas web
individuales o vistas de la aplicación.
Cuando se trabaja con JavaScript en la aplicación web, hay algunas tareas que normalmente
es necesario realizar:
 Seleccionar un elemento HTML y recuperar o actualizar su valor.
 Consultar datos en una API web.

 Enviar un comando a una API web (y responder a una devolución de llamada con su
resultado).
 Realizar la validación.
El código JavaScript es interpretado directamente por el navegador web, sin necesidad de
otros programas o procesos intermedios. Un ejemplo puede ayudarnos a comprender la
idea. Supongamos que en una página web pedimos al usuario que rellene un formulario con
sus datos personales, y que entre los requisitos para enviar el formulario tenemos que es
obligatorio que se incluya el nombre de usuario y correo electrónico, siendo obligatorio que
el nombre tenga más de una letra y que el correo electrónico contenga el carácter @.
Ejemplo:
Control de proceso del lado del cliente

Pas Tiempo
Acción del usuario Respuesta
o navegación

Envía un formulario donde Cliente detecta error e

por error el nombre está en informa de que los datos
1 0s
blanco y el correo no en el formulario no son
contiene el carácter arroba válidos
 Cliente detecta error e
Corrige el nombre pero se
informa de que los datos
2 olvida de corregir el correo 0s
en el formulario no son
electrónico
válidos

Servidor informa que el

Corrige el correo y todo está
3 formulario ha sido enviado 2s
ok
correctamente

Aquí comprobamos cómo una ventaja importante de JavaScript es hacer más ágil y dinámica la
navegación por páginas web, evitando los tiempos de espera.
Ejemplo:
Referencias
Delgado, Hugo. (2014). Metodología para la Creación y Desarrollo de Sitios Web. Recuperado 12 de
diciembre, 2020, de https://disenowebakus.net/metodologia-para-la-creacion-de-sitios-web.php

¿Qué es JavaScript? Principales usos. Servidor y cliente. Html, css y programación.

https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=777:ique-es-
javascript-principales-usos-servidor-y-cliente-html-css-y-programacion-efectos-
cu01103e&catid=78&Itemid=206

Tecnologías web comunes del lado cliente | Microsoft Docs

https://docs.microsoft.com/es-es/dotnet/architecture/modern-web-apps-azure/common-client-side-
web-technologies