APLICACIONES WEB

INTRODUCCIN (DEFINICIONES)
ING. KEVIN MERO
PHP (Pre-procesador de hipertexto PHP)
Desarrollado por Rasmus Lerdorf en 1994. Lo llam Personal Home Page Tools (PHP
Tools) o herramientas para pginas iniciales personales.
Se liber al pblico, gratis, en 1995.
En 1997, junto a otras personas, se reescribe parte del cdigo del lenguaje y se lanza PHP
3. Un lenguaje simple, rpido y dinmico que permite crear pginas Web interactivas con
muy poco cdigo.
PHP pasa a denominarse PHP Hypertext Preprocessor o Pre-procesador de hipertexto
PHP.
Es un lenguaje fcil de aprender y usar, potente, rpido, gratuito, de cdigo abierto y
utilizado en ms de la mitad de todos los sitios Web del mundo.
Facebook, est desarrollado con PHP.
Segn Rasmus los proyectos ms exitosos en la Web: Son aquellos que implementan las
mejores ideas y lo hacen lo ms rpido posible; por eso PHP es el lenguaje ideal para la
Web
PHP EN LOS NEGOCIOS
El ing. de sistemas ampla su horizonte profesional como diseador o
programador, y se convierte en creador de Aplicaciones Web.
Mercado: comercio electrnico, redes sociales, intranets, portales de
noticias y entretenimiento. Acceso gratuito a miles de sistemas
completos pre-armados. (Listos para usar y para vender a nuestros
nuevos clientes).
El inters de los clientes pasa del diseo a la funcionalidad.
Soluciones Web a comercios, empresas (sin importar el tamao),
profesionales, instituciones educativas, medios de difusin, etc.
Ganando mercado a diseadores web y empresas de sistemas
(programacin de aplicaciones de escritorio).
Competir con la ventaja de la rapidez y
economa de nuestras soluciones PHP.
 El conocimiento de PHP se propaga con mucha velocidad entre
diseadores y programadores de otros lenguajes.
PHP es la clave para llevar a cabo cualquier proyecto que trascienda
las pginas Web HTML estticas.
PHP es fcil de aprende y los presupuestos realizados son ms
elevados.
La lgica de PHP: un amigo invisible
PHP es una sigla, un acrnimo de PHP: Hypertext Preprocessor, o
sea, Pre-procesador de Hipertexto PHP.
Que es un pre-procesador?, Para entenderlo hay que establecer la
diferencia entre el proceso de una pgina Web normal (HTML) y el
pre-proceso de una pgina escrita en lenguaje PHP.
Proceso de archivos HTML
1. Comenzamos escribiendo en el
navegador la URL deseada y pulsamos
enter (o pulsamos un enlace con el
mouse); en ambos casos, la barra de
direcciones nos muestra la URL del
archivo HTML que nuestro navegador
est solicitando.
2. En ese momento, el navegador enva una
peticin que solicita esa pgina. Ese
pedido viaja desde nuestro navegador
hasta la mquina hosting que hospeda el
archivo requerido. Pero el navegador no
remite nicamente el pedido del archivo
que necesita, sino que lo acompaa con
un nmero que nos identifica
inequvocamente: nuestra direccin IP.
Proceso de archivos HTML
3. Cuando el pedido llega al hosting
indicado, un programa denominado
servidor Web que est encendido en esa
mquina, recibe el pedido y va a buscar el
archivo solicitado en el disco rgido.
4. Ese servidor Web, una vez que localiz
el archivo solicitado, enva, entrega o
sirve (de ah su nombre: servidor) el
archivo al navegador que se haba
quedado esperando una respuesta en la
direccin IP que lo identifica.
Proceso de archivos HTML
5. Una vez que lleg el archivo hasta
nuestro navegador, ste se encarga de
interpretar los contenidos de ese
archivo de texto y cdigo HTML,
armando cada elemento (textos,
tablas, colores) de la pgina recibida
en nuestra pantalla para que la
podamos leer.
Proceso de archivos HTML-conclusiones
Nuestro navegador tiene la capacidad de pedir archivos a distintos servidores
Web, y a su vez, de entender y descifrar esos archivos recibidos, cuyo
contenido es cdigo HTML. Nuestro navegador es un programa que todo el
tiempo realiza pedidos de archivos (peticiones) y recibe un archivo HTML
como respuesta, que luego muestra a los seres humanos. Pide archivos y los
muestra, pide y muestra...
El servidor Web es un programa instalado en los hostings, que todo el tiempo
recibe pedidos de navegadores (se los llama peticiones), y le entrega a esos
navegadores el archivo HTML solicitado.
Este dilogo entre un navegador y un servidor Web sigue las reglas de un
protocolo (una convencin, un estndar) denominado HTTP (HyperText
Transfer Protocol, o Protocolo de Transferencia de HiperTexto).
Todo esto sucede cada vez que queremos ver un archivo HTML comn.
Pre-proceso de archivos PHP
Pero, Cul es el camino que sigue una pgina Web cuya extensin es .php desde que escribimos
su direccin en nuestro navegador hasta que la vemos?

Cuando la extensin del archivo solicitado es

.php, se introduce un elemento diferente en
este circuito:
1. Hacemos el pedido de ver una pgina con
extensin .php desde nuestro navegador.
2. El programa servidor Web instalado en el
hosting recibe nuestro pedido y, de
inmediato, detecta que el archivo
solicitado tiene extensin .php y, por lo
tanto, deriva el pedido a otro programa
que est encendido en esa misma
mquina hosting, que se denomina
intrprete de PHP (es importante
entender esto para poder programar
correctamente en PHP).
Pre-proceso de archivos PHP
3. Este programa intrprete de PHP busca en el
disco rgido del hosting el archivo .php que fue
solicitado, y comienza a leer su cdigo lnea por
lnea, buscando determinadas marcas o
etiquetas que nosotros, como programadores,
hemos dejado escritas y que contienen rdenes
destinadas a ese programa intrprete de PHP.
4- Cuando este programa intrprete de lenguaje
PHP encuentra estas rdenes, las ejecuta (las
procesa) y, a continuacin, reemplaza todas las
rdenes que hubiera entre la apertura y el
cierre de la etiqueta de PHP por el resultado de
procesar esas rdenes.
Pre-proceso de archivos PHP
5. El software de PHP ejecuta la orden que le
dejamos escrita y, al finalizar, devuelve al
software servidor Web el texto y el cdigo
HTML producido, para que el servidor Web lo
entregue al navegador, que lo interpreta
como si este cdigo HTML, que incluye la
fecha, hubiese estado escrito all desde un
principio.
PGINAS ESTTICAS Y PGINAS DINMICAS
De la diferencia entre los procesos que sufren las pginas HTML comunes y las
pginas PHP, podemos concluir que las pginas Web, escritas nicamente en
lenguaje HTML, son estticas: es decir, nunca cambian su contenido: pase lo que
pase, lo que llegar al navegador del usuario es lo que ha sido escrito en ellas por el
diseador Web, ni ms ni menos, siempre lo mismo.
Por el contrario, las pginas que incluyen cdigo escrito en lenguaje PHP, nos dan la
oportunidad de personalizar su contenido sobre la base de ciertas rdenes escritas
(como en el ejemplo anterior de la fecha, la pgina hoy mostrar una fecha y
maana otra, y as sucesivamente; es decir: siempre generar un contenido distinto,
variable). El contenido de esas pginas, al menos en partes de ellas, cambiar y no
ser siempre el mismo, ya que depender de la informacin que obtenga el software
de PHP y coloque en ellas. Sern pginas dinmicas.
MYSQL
El concepto de pginas
dinmicas, se
complementa a la
perfeccin con el concepto
de bases de datos, ya que
stas se ocupan de
almacenar datos y, las
pginas dinmicas, de
leerlos y mostrarlos
dentro de ellas.
MYSQL
La BD asociada a PHP es Mysql, gracias a su potencia, rapidez y
licencia (sin costo para los hostings).
Mysql es usado por Google, Facebook y millones de sitios web
populares.
USO DE UNA BASE DE DATOS?
En una pgina que muestra un
catlogo de libros: Modificacin de
los datos de algn producto?
HTML: Modificar a mano el cdigo html,
subir al hosting mediante FTP la copia html
actualizada.
PHP y MYSQL: Con una pgina dinmica
escrita en Php, se lee y muestra los
productos. Solo basta modificar la BD, la
orden sigue siendo la misma: leer la BD y
mostrar los productos.
La posibilidad de enviar datos desde
el navegador del usuario hacia el
servidor web, y que estos datos
queden almacenados en la base de
datos del hosting.
Ejemplos: envo de formularios con consultas,
formularios que actualizan datos de catlogos
(paneles de administracin), envo de mensajes
para publicar en foros, envo de fotografas-
curriculums, etc.
Sitios auto-administrables: CMS con Front-end
y Back-end
La combinacin de estas 2 funciones enviar y mostrar datos
permiten crear sistemas denominados CMS (Content
Management System o Sistemas de Administracin de
Contenidos) que gestionan la publicacin de contenidos de
portales, sistemas de comercio electrnico, comunidades
online, y muchas otras aplicaciones.
Se denomina Front-end a la parte visible por los usuarios, y
Back-end al panel de administracin de acceso restringido
solo a los usuarios autorizados.
Es la parte de un sistema de software que interacta Comprende los componentes que procesan la salida
directamente con el usuario del front-end
 Miles de CMS con distintas
finalidades, listos para usar, con
licencia de libre uso y modificacin
(tpicamente, la licencia GPL y
similares), creados con PHP y
MySQL. .Ej: Joomla, WordPress,
osCommerce, Mambo, Drupal, CMS Usos comunes.
Moodle, Magento, OpenRealty, etc. Joomla Publicacin de pginas web, interaccin con los
El secreto del negocio est en saber usuarios

programar en PHP lo suficiente WordPress Blogs, pginas web comerciales.

como para entender y poder realizar osCommerce Tienda virtual (propsito nico)

algunas modificaciones para adaptar Mambo Webs personales y corporativas

estos CMS a las necesidades Drupal Blogs personales, sitios corporativos, polticos y
gubernamentales, gestin de contenidos y
especficas de cada cliente, y poder colaboracin empresarial.
ofrecerles soluciones de bajo costo y Moodle Creacin y administracin de cursos (propsito
muy rpida implementacin. nico)
Magento Tienda virtual (propsito nico)
OpenRealty Bienes races (propsito nico)
EL AMBIENTE DE PHP
INTRODUCCIN (DEFINICIONES)
LAMP, MAMP, WAMP, XAMP
LAMP, MAMP, WAMP, XAMP son siglas asociadas a PHP. Pero que
significan?
La mayora de los hostings se basan en LAMP (Linux, Apache, MySQL
y PHP)
HOSTING
Ms que un producto, el hosting es un servicio
que permite probar nuestros desarrollos.
Los hosting pueden funcionar en cualquiera de
las plataformas mencionadas. Por ejemplo un
hosting que corra LAMP usar como SO Linux.
Nosotros simplemente nos conectaremos
mediante algn programa FTP para colocar en
ese servidor nuestros archivos, y podemos hacer
esto desde cualquier sistema operativo.
Lo ideal es conseguir hostings que posean la
versin de PHP ms actualizada que nos resulte
posible (visitar la web oficial de PHP
http://www.php.net para constatar este dato).
Hosting que posean una versin lo ms
actualizada que sea posible de MySQL (web
oficial http://www.mysql.com).
Otras recomendaciones:
Es mejor un hosting con soporte 24 horas,
que podamos pagarlo en nuestra moneda
local sin gastos de transferencia, y que no
sea el de moda ni el ms barato, porque
suelen tener problemas frecuentemente.
Suele ser til que posean telfono al que
podamos llamar al costo de una llamada
local para gestionar reclamos con ms
efectividad que por mail o ticket de
soporte.
Un hosting promedio, sin demasiados
usuarios, suele ser mejor negocio que otro
ms barato pero saturado en su capacidad
de dar soporte.
SERVIDOR LOCAL PARA PRUEBAS
Es ms prctico probar previamente nuestro cdigo PHP localmente;
para finalmente probar el cdigo en el hosting que nuestro cliente
usar para su proyecto (transferir los archivos al hosting por ftp).
Para trabajar con un servidor Web local (simulador de hosting) se
requiere 2 aspectos: colocar los archivos programados dentro de una
carpeta en particular y mantener encendido el programa servidor
web (para que "sirva" al navegador esos archivos ya procesados).
 PRCTICA EN CLASE
Descargar e instalar el software XAMP, para "montar", nuestro propio
servidor web local.
Acceder con el navegador a los archivos que sern servidos por ese
software que instalemos.
Evitar complejidad y errores de configuracin (gracias a instaladores
automticos: easyPHP, XAMPP, AppServ, etc.).
1. un programa servidor Web llamado Apache,
2. el programa intrprete del lenguaje PHP propiamente
dicho,
Configura 3. un programa gestor de bases de datos denominado MySQL,
automticamente
los programas: 4. una interfaz visual para interactuar con esas bases de datos,
http:// www.apachefriends.org. cuyo nombre es phpMyAdmin.
PRCTICA EN CLASE
XAMP es gratuito y software libre (se puede usar sin limitaciones y de forma
legal).
Encender los servicios de: servidor Web Apache y Mysql. (dar acceso en el
firewall de windows opcin desbloquear).
Si desea al terminar de programar en php puede apagar el servidor web y mysql,
mediante los botones stop.
Si existe otro servidor web instalado (Ej. Internet Information Server) deberemos
apagarlo cada vez que vallamos a usar XAMPP (a no ser que se configure los
puertos de una forma especial)
DONDE CREAR Y COLOCAR LOS ARCHIVOS
Para comenzar a programar en PHP, se usa un editor HTML favorito (Dreamweaver, Aptana,
KomodoEdit, Notepad++, etc.).
La carpeta raz local es: C:/xampp/htdocs. Por ejemplo si crea una carpeta llamada ejercicios
para guardar los ejemplos quedara C:/xampp/htdocs/ejercicios.
Una vez termine de programar el archivo php debe guardarlo con un nombre y extensin php
obligatoriamente (ejemplo: ejercicio1.php) quedando la ruta finalmente
C:/xampp/htdocs/ejercicios/ejercicio1.php
Para acceder a dicho archivo desde el navegador se escribe la palabra localhost, y luego las sub-
carpetas y el nombre del archivo php a ver. Por ejemplo: localhost/ejercicios/ ejercicio1.php
(piense en la palabra localhost como un dominio que reemplaza a C:/xampp/htdocs/),
tambin puede usar laDIRECCIN LOCAL de su pc (127.0.0.1/ejercicios/ ejercicio1.php)
Es recomendable crear una carpeta por cada ejercicio que desarrollemos, tanto en el servidor
local como en el hosting que utilicemos

De esta forma nuestro archivo PHP pasa a ser procesado por el programa
intrprete de PHP instalado en el servidor Web.
COMENTAR
Cdigo fuente del navegador! Frente a Cdigo php desarrollado!
Qu ocurriexplicacin?

Php es compatible con html, pero Cuntas veces se pueden abrir y

cerrar los tags de PHP?
CONCEPTOS DE PGINAS WEB
Protocolos de internet
Generaciones de sitios web.
Caractersticas bsicas de las arquitecturas cliente servidor.
Aplicaciones web.
PROTOCOLOS DE INTERNET
Definicin de internet: Internet es una red de redes, entendindose por
esto como un conjunto de redes interconectadas a escala mundial; siendo
cada red independiente y autnoma. Algunos servicios de internet son:
informacin con multimedia e hipertextos (WWW), acceso remoto a otras
mquinas (Telnet e interprete de rdenes seguro -SSH-), transferir archivos
(FTP), conversar con personas (chat y mensajeros), correo electrnico
(email), grupos de noticias, etc.
Fue creada a finales de los aos 60 por el departamento de Defensa de los
EE.UU. como una red experimental llamada ARPANET (Red de la Agencia de
Proyectos de Investigacin Avanzada); pensada para el rea militar y usada
por cientficos.
Protocolos de internet: Como un mismo computador puede atender varios
servicios, cada servicio (protocolo) se identifica con un nmero llamado
puerto.
PROTOCOLOS DE INTERNET
GENERACIN DE LOS SITIOS WEB
Hay 4 generaciones de sitios web; actualmente todas conviven;
aunque ya casi nadie crea sitios web que se clasifiquen en las dos
primeras generaciones. nadie crea sitios.
PRIMERA GENERACIN
Abarca desde el nacimiento de la web
(1992) hasta mediados de 1994.
Se emplea la web como un medio de
comunicacin tradicional (libro,
revista, etc.).
Principales caractersticas: pginas
simples, poco o nulo empleo de
elementos grficos, empleo de listas
para organizar la informacin, empleo
de lneas horizontales como
separadores, etc.
SEGUNDA GENERACIN
Desde 1995 hasta la actualidad.
Las pginas web de esta generacin se
caracterizan porque prima el uso de la tecnologa,
sin tener en cuenta el propsito del sitio web.
Adems, no se tiene en cuenta la legibilidad o
claridad de la presentacin de la informacin.
Principales caractersticas: iconos que sustituyen
las palabras, imagen como fondo de pantalla ,
listas normales a listas con topos grficos,
banners que sustituyen a los encabezados de las
pginas, tablas para mostrar contenido tabulado,
prima el uso excesivo de tecnologas (imgenes y
sonidos), almacenamiento de la informacin en
archivos, etc.
TERCERA GENERACIN
Aparece a mediados de 1996.
Los diseadores invierten tiempo en analizar los Consolidacin de pginas
posibles caminos que los visitantes tomarn al web dinmicas: Interfaz de
visitar un sitio web, y en funcin de ello disean
los sitios web. La estructura del sitio web cobra entrada comn (CGI),
una gran importancia. Database Connector (IDC),
Principales caractersticas: Tiempo de carga Active Server Pages (ASP). A
rpido (uso minimalista de los recursos grficos,
uso de Cascading Style Sheets (hojas de estilo en partir de ah aparecen
cascada CSS) y optimizacin del cdigo HTML, las
pginas se limitan a verlas completamente en nuevas tecnologas
una sola pgina, se limita el nmero de enlaces, ColdFusion, PHP o Java
se tienen en cuenta principios tipogrficos y de
organizacin visual de la informacin, se emplean Server Pages (JSP) basada en
metforas y temas visuales para seducir y guiar al
usuario, principios de usabilidad y accesibilidad, Java.
identidad corporativa.
CUARTA GENERACIN
Empieza a desarrollarse plenamente en 1999 y discurre hasta la actualidad.
Se vuelven a emplear en exceso los recursos grficos.
HTML evoluciona: se extiende el uso de tecnologas poco empleadas hasta ese
momento, como CSS, y aparecen nuevas tecnologas, como Dynamic HTML (DHTML).
Estas tecnologas permiten un mayor control sobre la visualizacin de las pginas web,
pero a costa de incompatibilidades entre distintos navegadores.
Uso de nuevas tecnologas multimedia (como Macromedia Flash): se puede crear un sitio
web sin tener que emplear HTML.
Un equipo interdisciplinar (informtico, experto en contenidos, diseador grfico, etc.)
desarrolla los sitios web.
El aumento del ancho de banda permite streaming de video y audio en tiempo real.
El objetivo al desarrollar un sitio web es crear una experiencia completa desde que el
visitante visualiza la primera pgina hasta que abandona el sitio web.
CUARTA GENERACIN
La mayora de las pginas
web pertenecientes a esta
generacin se crean a partir
de informacin almacenada
en bases de datos.
Las principales caractersticas
de esta generacin: uso
excesivo de elementos
grficos, empleo de
tecnologas multimedia
como Macromedia Flash,
aprovechamiento hasta el
ltimo pixel de la pgina
CARACTERSTICAS BSICAS DE LA
ARQUITECTURA CLIENTE-SERVIDOR
Las aplicaciones web son un tipo especial de aplicaciones
cliente/servidor.
Cliente/servidor es una arquitectura de red en la que cada ordenador
o proceso en la red es cliente o servidor. Normalmente, los
servidores son ordenadores potentes dedicados a gestionar unidades
de disco (servidor de ficheros), impresoras (servidor de impresoras),
trfico de red (servidor de red), datos (servidor de bases de datos) o
incluso aplicaciones (servidor de aplicaciones), mientras que los
clientes son mquinas menos potentes y usan los recursos que
ofrecen los servidores.
CARACTERSTICAS BSICAS DE LA
ARQUITECTURA CLIENTE-SERVIDOR
Dentro de los clientes se suelen distinguir dos clases: los clientes
inteligentes (rich client) y los clientes tontos (thin client). Los primeros
son ordenadores completos, con todo el hardware y software
necesarios para poder funcionar de forma independiente. Los
segundos son terminales que no pueden funcionar de forma
independiente, ya que necesitan de un servidor para ser operativos.
Esta arquitectura implica la existencia de una relacin entre procesos
que solicitan servicios (clientes) y procesos que responden a estos
servicios (servidores).
VENTAJAS ARQUITECTURA CLIENTE-SERVIDOR
Las redes de ordenadores permiten que mltiples procesadores puedan ejecutar
partes distribuidas de una misma aplicacin, logrando concurrencia de procesos.
Existe la posibilidad de migrar aplicaciones de un procesador a otro con
modificaciones mnimas en los programas.
Se obtiene una escalabilidad de la aplicacin. Permite la ampliacin horizontal o
vertical de las aplicaciones. La escalabilidad horizontal se refiere a la capacidad de
aadir o suprimir estaciones de trabajo que hagan uso de la aplicacin (clientes),
sin que afecte sustancialmente al rendimiento general. La escalabilidad vertical se
refiere a la capacidad de migrar hacia servidores de mayor capacidad o velocidad,
o de un tipo distinto de arquitectura sin que afecte a los clientes.
Posibilita el acceso a los datos independientemente de donde se encuentre el
usuario.
SEPARACIN DE FUNCIONES ARQUITECTURA
CLIENTE-SERVIDOR
La arquitectura cliente/servidor nos permite la separacin de funciones en tres niveles:
Lgica de presentacin. Se encarga de la entrada y salida de la aplicacin con el usuario. Sus
principales tareas son: obtener informacin del usuario, enviar la informacin del usuario a la
lgica de negocio para su procesamiento, recibir los resultados del procesamiento de la lgica de
negocio y presentar estos resultados al usuario.
Lgica de negocio (o aplicacin). Se encarga de gestionar los datos a nivel de procesamiento.
Acta de puente entre el usuario y los datos. Sus principales tareas son: recibir la entrada del nivel
de presentacin, interactuar con la lgica de datos para ejecutar las reglas de negocio (business
rules) que tiene que cumplir la aplicacin (facturacin, clculo de nminas, control de inventario,
etc.) y enviar el resultado del procesamiento al nivel de presentacin.
Lgica de datos. Se encarga de gestionar los datos a nivel de almacenamiento. Sus principales
tareas son: almacenar los datos, recuperar los datos, mantener los datos y asegurar la integridad
de los datos.
APLICACIONES WEB
Una aplicacin web (web-based application) es un tipo especial de
aplicacin cliente/servidor, donde tanto el cliente (el navegador,
explorador o visualizador) como el servidor (el servidor web) y el
protocolo mediante el que se comunican (HTTP) estn estandarizados
y no han de ser creados por el programador de aplicaciones.
APLICACIONES WEB
El protocolo HTTP forma parte de la familia de protocolos de
comunicaciones TCP/IP, que son los empleados en Internet. Estos
protocolos permiten la conexin de sistemas heterogneos, lo que
facilita el intercambio de informacin entre distintos ordenadores.
ENTORNOS WEB
Las aplicaciones web se emplean en tres entornos informticos muy
similares que suelen confundirse entre s: Internet, intranet y
extranet.
Intranet: Una intranet es una red de ordenadores basada en los
protocolos que gobiernan Internet (TCP/IP) que pertenece a una
organizacin y que es accesible nicamente por los miembros de la
organizacin, empleados u otras personas con autorizacin. Una
intranet puede estar o no conectada a Internet. Un sitio web en una
intranet es y acta como cualquier otro sitio web, pero los
cortafuegos (firewall) lo protegen de accesos no autorizados (su
acceso est limitado a un mbito local).
ENTORNOS WEB
Extranet: Una extranet es una intranet a la que pueden acceder
parcialmente personas autorizadas ajenas a la organizacin o empresa
propietaria de la intranet. Mientras que una intranet reside detrs de un
cortafuego y slo es accesible por las personas que forman parte de la
organizacin propietaria de la intranet, una extranet proporciona
diferentes niveles de acceso a personas que se encuentran en el exterior de
la organizacin. Esos usuarios pueden acceder a la extranet slo si poseen
un nombre de usuario y una contrasea con los que puedean identificarse.
Las extranets se estn convirtiendo en un medio muy usado por empresas
que colaboran para compartir informacin entre ellas. Se emplean como
medio de comunicacin de una empresa con sus clientes, proveedores o
socios. Las extranets son la base del comercio electrnico entre empresas
(business to business, B2B).
METODOLOGA DE DESARROLLO DE SITIOS
WEB
1. Se estudian los requisitos y especificaciones del sitio web: cul es el contenido del sitio web, qu se pretende conseguir, a quin se
destina y nmero de visitas previsto, qu inversin se desea realizar, de cunto tiempo se dispone, etc.
2. A partir de los requisitos se decide la arquitectura y tecnologa del sitio web: empleo de un servidor web propio o alojamiento
(hospedaje) en un servidor alquilado, ancho de banda de la comunicacin del servidor web con Internet, pginas estticas o
tecnologa de generacin dinmica de pginas (ASP, CGI, etc.), datos almacenados en cheros o en un servidor de bases de datos, etc.
3. A continuacin se disea la estructura lgica o de navegacin del sitio web: pgina inicial, pgina principal, empleo de marcos, los
mens, divisin en secciones, relacin entre las distintas secciones, pgina de novedades, etc.
4. Se define la estructura fsica, que puede ser igual a la lgica o totalmente independiente.
5. Se crean los contenidos del sitio web. Si se emplea una base de datos, se realiza la carga de datos.
6. Se realiza el diseo grfico y ergonmico: colores, montaje, tipografa, botones de navegacin, logotipos y dems elementos
grficos, etc.
7. Se crean las pginas estticas y los elementos multimedia.
8. Desarrollo de los scripts y pginas dinmicas.
9. Por ltimo, se verifica el correcto funcionamiento del sitio web: se comprueba la conexin con la base de datos, se verifica que no
existan enlaces rotos, se conforma que todos los recursos empleados (imgenes, cheros con cdigo de script, etc.) se encuentran en
el sitio web y en su lugar correspondiente, etc. Adems, se comprueba el sitio web con distintos navegadores para asegurar su
compatibilidad. Tambin se realizan pruebas de carga para evaluar el rendimiento.
10. Puesta en marcha.