INTRODUCCIÓN AL DESARROLLO WEB

PAGINA WEB

Una página Web es la unidad básica del World Wide Web, o simplemente Web, como se le llama
comúnmente. El Web está integrado por sitios web y éstos a su vez por páginas web. La gente suele
confundir estos términos, pero un sitio web es en realidad un conjunto de páginas web.
Una página de Internet o página Web es un documento electrónico adaptado particularmente para
el Web, que contiene información específica de un tema en particular y que es almacenado en algún
sistema de cómputo que se encuentre conectado a la red mundial de información denominada
Internet, de tal forma que este documento pueda ser consultado por cualquiera persona que se
conecte a esta red mundial de comunicaciones y que cuente con los permisos apropiados para
hacerlo.

Características de las paginas Web

Una página Web tiene la característica peculiar de que el texto se combina con imágenes para hacer
que el documento sea dinámico y permita que se puedan ejecutar diferentes acciones, una tras otra,
a través de la selección de texto remarcado o de las imágenes, acción que nos puede conducir a otra
sección dentro del documento, abrir otra página Web, iniciar un mensaje de correo electrónico o
transportarnos a otro Sitio Web totalmente distinto a través de sus hipervínculos.

Estos documentos pueden ser elaborados por los gobiernos, instituciones educativas, instituciones
públicas o privadas, empresas o cualquier otro tipo de asociaci ón, y por las propias personas en lo
individual.
Identificación de necesidades con el cliente

Si los requerimientos se enfocan a describir las necesidades del cliente, entonces es l ógico que para
recabarlos haya que obtener la información de primera mano. Esto es, mediante entrevistas con el
cliente u obteniendo la documentación que describa la manera que el cliente desea como funcione
el sistema de software. Las necesidades y / o requerimientos del cliente evolucionan con el tiempo y
cada cambio involucra un costo. Por eso es necesario tener archivada una copia de la
documentación original del cliente, así como cada revisión o cambio que se haga a esta
documentación.

Para que la metodología sea efectiva en los puntos descritos se definieron las siguientes actividades
que se deben desarrollar para la correcta identificación de necesidades de los clientes:

1 - Obtener y Analizar información de las necesidades del cliente

Para hacer una correcta identificación de los clientes y poder realizar un análisis de manera asertiva se pueden implementar
una serie de técnicas de acuerdo al cliente con el que se esté tratando. Como apoyo a esta etapa la metodología presenta
algunas técnicas con las que se pueden identificar las necesidades de manera tal que el análisis sea apropiado para
satisfacer las expectativas del cliente.
Tipos de páginas web: página web estática vs dinámica

Página web estática

Todas las páginas web están creadas con un lenguaje llamado HTML. El término “estático” viene de
que ése código HTML está escrito directamente por un desarrollador web, por lo tanto, sólo puede
editarse “manualmente”. Se muestra en el navegador del usuario tal cual está almacenada en el
servidor web.

Estos sitios web son ideales para sitios con pocas páginas web que no requieren muchos cambios.
Son baratos ya que son pequeños y no requieren servidores especiales. Como son creados de
manera artesanal un sitio web estático muy grande elevaría bastante el precio.

Página web dinámica

Como dijimos anteriormente, todas las páginas web están creadas con HTML. Pero en el caso de las
páginas web dinámicas este código HTML es creado por un software. Esto les permite crear muchas
páginas de manera automatizada y que los dueños del sitio puedan actualizar el contenido
fácilmente sin la ayuda de desarrolladores.

El software que crea la página web dinámica puede estár escrito en lenguajes de programación
como PHP, Ruby, Python, Perl, Node.js, .Net, etc. Y obtiene datos de una base de datos que pueden
ser MySQL, PostgreSQL, entre otros. Esto hace que se requiera un servidor web especial. Los
desarrolladores web tienen que instalar este software, hacer los ajustes de configuración e instalar
el diseño del diseñador web. Este proceso se hace una sola vez y después el dueño del sitio se
encarga de la actualización y generación del contenido.

La gran mayoría de los sitios web que existen en Internet son dinámicos y utilizan un Sistema
Manejador de Contenidos o CMS (por sus siglas en Inglés). El manejador más popular del mundo es
WordPress. Se estima que 1 de cada 3 sitios esta basado en WordPress. Esto es por su facilidad de
uso y su versatilidad.
Principales lenguajes de programación para el desarrollo web

En la actualidad, existe una gran cantidad de lenguajes de programación enfocados al desarrollo

web. En sus orígenes, estos lenguajes tenían un formato estático. Sin embargo, con el paso de los
años y la evolución a la hora de crear páginas web han evolucionado en lenguajes dinámicos. Estos
nuevos avances permiten al usuario interaccionar más con la página y mejorar la experiencia en la
navegación, con lo que ya no es un mero tablón que muestra información.

Lenguaje JavaScript

Se utiliza principalmente del lado del cliente aunque se puede utilizar del lado del servidor.
Actualmente y gracias a tecnologías como AJAX es utilizado para enviar y recibir informaci ón del
servidor.

Lenguaje PHP

Es un lenguaje enfocado en la creación de webs dinámicas. Sus scripts son interpretados por el
servidor y genera código HTML. Requiere Apache o IIS con librerías de PHP. Hereda su sintaxis de C,
Java y Perl.

Lenguaje Python

Considerado por muchos el lenguaje más limpio a la hora de programar. El código, al igual que
JavaScript, es interpretado y no compilado.

Algo curioso en este lenguaje es que permite a los programadores elegir un estilo de programaci ón
concreto (objetos, estructurado, funcional…), debido a que es un lenguaje de programación
multiplataforma.

Lenguaje Ruby

Como el anterior, es un lenguaje interpretado y está orientado a objetos. Hereda su sintaxis de

Phyton y Perl. El lenguaje puede cargar librerías de extensiones dinámicamente si el sistema
operativo lo permite. Además, es un lenguaje portátil.
Desarrollo web:

En el desarrollo de un sitio web hay seis etapas clave.

1- Investigación

Lo primero que hay que hacer es un análisis y una revisión del contexto en el que nos movemos. Por
ejemplo: mirar sitios similares (competencia), buscar un estilo que nos identifique y que por
supuesto nos guste y con el que nos sintamos cómodos.

2- Planificación

Cuando se planifica un sitio Web, se deben considerar varios factores: la audiencia y sus necesidades,
el objetivo para el que se crea, los temas y contenidos que le gustaría cubrir, el nombre del sitio, la
disponibilidad del nombre de dominio y registrarlo, lo que otros sitios han hecho, etc.
3- Arquitectura del sitio y contenido

Pensemos qué vamos a contar y cómo vamos a contarlo. Debemos crear un mapa de la arquitectura
del sitio para demostrar visualmente cómo se organiza el contenido y la estructura del sitio.

4- Diseñar, construir y hacer pruebas

Es la etapa del diseño web: tipos de letras, colores, plantillas, imágenes, títulos, etc. En esta etapa se
empieza a probar el sitio web.

5- Operar, mantener y evaluar

En esta etapa el sitio Web se encuentra constante mantenimiento para posibles mejoras. Se procura
obtener informes sobre el rendimiento, para asegurar que el sitio Web sea un éxito.

6- Marketing

Una vez que la web se publica hay que ponerse manos a la obra y hacer marketing. Trabajar fuerte
en el SEO del portal para que éste se posicione correctamente en buscadores, difundir en redes
sociales (Facebook, Twitter, Linkedin), mimar los contenidos, actualizar a di ario el portal, etc.

Requerimientos del software

1. Un requerimiento de software define las funciones, capacidades o atributos de cualquier

sistema de software. También representan: § Factores de calidad del sistema que permitirán
evaluar su utilidad a un cliente o usuario. § Los datos de entrada al proceso de desarrollo de
software y representan lo que se requiere implementar. § Una descripción de cómo el
sistema deberá comportarse, describe información del dominio de la aplicación, describe
restricciones de la operación del sistema y especifica atributos ó propiedades del sistema. §
Un problema por resolver.

2. Los requerimientos de software pueden dividirse en 2 categorías: requerimientos

funcionales y requerimientos no funcionales. Los requerimientos funcionales son los que
definen las funciones que el sistema será capaz de realizar, describen las transformaciones
que el sistema realiza sobre las entradas para producir salidas. Es importante que se
describa el ¿Qué? y no el ¿Cómo? se deben hacer esas transformaciones. Estos
requerimientos al tiempo que avanza el proyecto de software se convierten en los
algoritmos, la lógica y gran parte del código del sistema. Por otra parte los requerimientos
 no funcionales tienen que ver con características que de una u otra forma puedan limitar el
sistema, como por ejemplo, el rendimiento (en tiempo y espacio), interfaces de usuario,
fiabilidad (robustez del sistema, disponibilidad de equipo), mantenimiento, seguridad,
portabilidad, estándares, etc.

Requerimiento de hardware

Usualmente se emplea para saber si una aplicación podrá funcionar correctamente en una
determinada configuración de hardware de computadora. Los requerimientos tambi én se utilizan
para saber si un dispositivo periférico específico funcionará en la configuración de hardware.

Los requerimientos de hardware y los requerimientos de software forman parte de

los requerimientos del sistema.

Tipos básicos de requerimientos de hardware

Los requerimientos de hardware pueden ser:

* Requerimientos mínimos de hardware: son las características mínimas indispensables para

ejecutar la aplicación correctamente.

* Requerimientos recomendados de hardware: son las características más apropiadas que debe
tener el hardware para poder ejecutar una aplicación específica.
Elementos que toda página web atractiva debe tener

Cada día nacen cientos de páginas web ya sea para entretener a los lectores, para suministrar
información, promover intereses o con fines comerciales.

Pero muchas de ellas no cumplen con los requisitos “mínimos” que toda buena página debería
tener. Los elementos de diseño web que toda página tiene la obligación de tener.

1) Contenido.

Una página web debe ser atractiva… Pero no solo a la vista, sino también en el contenido.
Eso significa que debe tener contenido interesante que atraiga (y atrape) al público objetivo. De
hecho, ninguna página puede considerarse exitosa si no cuenta con un contenido atractivo y
actualizado con cierta frecuencia.

Eso servirá no solo para aumentar el número de nuevas visitas, sino para que los antiguos visitantes
consulten la página a menudo y la usen como referencia.

2) Tipografía.

Es importante usar fuentes llamativas pero sencillas de leer. Tambi én es importante variar el tamaño
de una misma fuente para resaltar secciones interesantes del contenido y del texto.

3) Imágenes.

En el diseño web es muy importante las buenas fotografías, preferentemente tomadas por un
profesional. Es importante que no estén pixeladas o desenfocadas, ya que puede causar una mala
imagen del sitio en general.

4) Animaciones y movimiento.

Para generar una sensación de dinamismo es bueno utilizar elementos animados. Pero atenci ón: no
abusar de ellos, ya que pueden sobrecargar la página.

Lo ideal es que no sobrepasen el 20% del total de la página ya que de otra forma pueden causar
saturación, distraer la atención de cosas importantes que se quieren decir y por último sacar al
usuario del sitio.

5) Botones e iconos.

Utilizar botones prácticos y representativos, así como iconos grandes y vistosos aumenta la facilidad
de navegación en la página.

Pero no es necesario colocar accesorios que no brinden un valor real, por ejemplo, un reloj para
clientes que se encuentran en el mismo uso horario.

6) Fondos claros y sencillos.

Los fondos claros o totalmente blancos facilitan la visualización, pero también dan un aspecto
despejado a la página resaltando las imágenes.

Existe la tendencia a utilizar fondos negros para lecturas largas, para no cansar al lector con la luz del
monitor.

7) Enlaces a redes.

Es de gran ayuda para los usuarios colocar enlaces a redes sociales con las cuales interactúan con
facilidad. Esto ayuda además a crear comunidad.

8) Sobriedad.

Una página debe permitir una fácil visualización de los contenidos (vídeos, imágenes, textos).

Saturar al cibernauta es contraproducente.

Si la información o contenido tarda en cargarse, error: eso supone una visita menos y un potencial
cliente que no conoció la oferta.
Tener en cuenta todo eso a la hora de optar por el diseño web es garantía de éxito.

Servidor

Un servidor es un equipo informático que forma parte de una red y provee servicios a otros equipos
cliente.

Se denomina servidor dedicado, aquel que dedica todos sus recursos a atender solicitudes de los
equipos cliente.

Sin embargo, un servidor compartido es aquel que no dedica todos sus recursos a servir las
peticiones de los clientes, sino que también es utilizado por un usuario para trabajar de forma local.

Existen gran cantidad de tipos de servidores o roles que estos pueden desempeñar. En la siguiente
relación enumeramos algunos de los más comunes.

· Servidor de archivos: es aquel que almacena y sirve ficheros a equipos de una red.

· Servidor de Directorio Activo/Dominio: es el que mantiene la información sobre los usuarios,

equipos y grupos de una red.
· Servidor de Impresión: se encarga de servir impresoras a los equipos cliente y poner en la cola los
trabajos de impresión que estos generan.

· Servidor de Correo: se encarga de gestionar el flujo de correo electrónico de los usuarios, envía,
recibe y almacena los correos de una organización.

· Servidor de Fax: gestiona el envío, recepción y almacenamiento de los faxes.

· Servidor Proxy: su principal función es guardar en memoria caché las paginas web a las que
acceden los usuarios de la red durante un cierto tiempo, de esta forma las siguientes veces que estos
acceden al mismo contenido, la respuesta es más rápida.

· Servidor Web: Almacena contenido web y lo pone al servicio de aquellos usuarios que lo solicitan.

· Servidor de Base de Datos: es aquel que provee servicios de base de datos a otros programas o
equipos cliente.

· Servidor DNS: permite establecer la relación entre los nombres de dominio y las direcciones IP de
los equipos de una red.

· Servidor DHCP: este dispone de un rango de direcciones con el cual, asigna automáticamente los
parámetros de configuración de red IP a las maquinas cliente cuando estas realizan una solicitud.

· Servidor FTP: su función es permitir el intercambio de ficheros entre equipos, normalmente su

aplicación va muy ligada a los servidores Web.

Navegador

Un navegador web es un programa que permite ver la información que contiene una página web. El
navegador interpreta el código, HTML generalmente, en el que está escrita la página web y lo
presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar.

Es de vital importancia contemplar los distintos navegadores con los que los usuarios van a utilizar
nuestras páginas. En teoría, los estándares web publicados por el W3C deberían permitir que las
páginas fueran visualizadas exactamente igual en todos los navegadores. La realidad, sin embargo,
es distinta: Cada navegador (especialmente, Internet Explorer) implementa diferencias que
pueden hacer necesario el uso de técnicas "especiales" para que nuestros portales se muestren de
la misma forma en todos los navegadores.

Google Chrome
Google Chrome es un navegador web de código propietario desarrollado por Google y compilado
con base en componentes de código abierto (proyecto Chromium).

Chrome es actualmente el navegador más utilizado de internet. Está disponible gratuitamente para
diversas plataformas (Windows, MacOS, Android, iOS, Linux...).

Safari

Safari es un navegador web de código cerrado desarrollado por Apple Inc. Está disponible para Mac
OS X, iOS (el sistema usado por el iPhone, el iPod Touch y el iPad) y Microsoft Windows.

Microsoft Internet Explorer

Microsoft Internet Explorer, conocido comúnmente como IE, es un navegador web desarrollado por
Microsoft para el sistema operativo Microsoft Windows desde 1995. Ha sido el navegador web m ás
utilizado durante años, con un pico máximo de cuota de utilización del 95% entre el 2002 y 2003. Sin
embargo, dicha cuota de mercado ha disminuido paulatinamente con los años. Microsoft anunció
que a partir de Windows 10 dejará de publicar versiones de este navegador para sustituirlo por Edge.

Su versión más reciente es la 11.

Mozilla Firefox

Mozilla Firefox es un navegador web libre y de código abierto descendiente de Mozilla Application
Suite y desarrollado por la Fundación Mozilla.

Firefox puede ser utilizado en varios sistemas operativos (Windows, MacOS, Android, iOS, Linux...).

Microsoft Edge

Es el navegador integrado por defecto por Microsoft en su sistema operativo Windows 10, y este
llamado a sustituir a Internet Explorer (producto que MS dejará de desarrollar y soportar a partir de
2019).

Además de para Windows, existen versiones de Edge para Android e iOS.

Opera

Opera es un navegador web y suite de Internet creado por la empresa noruega Opera Software,
capaz de realizar múltiples tareas como navegar por sitios web, gestionar correo electrónico,
contactos, fuentes web, charlar vía IRC y funcionar como cliente BitTorrent. Funciona en una gran
variedad de sistemas operativos, incluyendo Microsoft Windows, MacOS, Android, iOS, GNU/Linux y
FreeBSD.
Sistema operativo

El sistema operativo es el software que coordina y dirige todos los servicios y aplicaciones que utiliza
el usuario en una computadora, por eso es el más importante y fundamental. Se trata de programas
que permiten y regulan los aspectos más básicos del sistema. Los sistemas operativos más utilizados
son Windows, Linux, OS/2 y DOS.

Los sistemas operativos, también llamados núcleos o kernels, suelen ejecutarse de manera
privilegiada respecto al resto del software, sin permitir que un programa cualquiera re alice cambios
de importancia sobre él que puedan comprometer su funcionamiento.

El sistema operativo es el protocolo básico de operatividad del computador, que coordina todas sus
demás funciones de comunicaciones, de procesamiento, de interfaz con el usuario.

Los sistemas operativos consisten en interfaces gráficas, entornos de escritorio o gestores de

ventanas que brindan al usuario una representación gráfica de los procesos en marcha. También
puede ser una línea de comandos, es decir, un conjunto de instrucciones ordenado según su
prioridad y que funciona en base a órdenes introducidas por el usuario.