INSTITUTO TECNOLGICO DE TIJUANA

SUBDIRECCIN ACADMICA
DEPARTAMENTO DE SISTEMAS Y COMPUTACIN


Carrera: Ingeniera en Sistemas Computacionales
Materia: Desarrollo de Proyectos de Software
Serie: 3W9A
Profesor: Soto Ayvar Pablo
Alumnos:
Agero Lpez Mario
Garca Ramrez Jorge Luis
Loera Lpez Osvaldo
Ordaz Ruiz Rubn

































1 Introduccin
El proyecto consta de un sistema para controlar todo lo relacionado con un gimnasio (GYM) que
va desde el mantenimiento e inventario de equipo hasta los instructores de clases particulares
como los miembros inscritos al gimnasio.

La mayora de los gimnasios no cuentan con un sistema apropiado, incluso algunos aun
manejan todo solo con papel y pluma. Hay fechas las cuales a veces se llegan a saturar algunos
gimnasios o tal vez la cantidad de personas subscritas baja mucho lo cual no genera ganancias y
posiblemente sea necesario comenzar algn tipo de promocin.

1.1 Planteamiento del Problema
El principal problema es que es que no es fcil llevar el control y manejo de miembros de un
gimnasio al igual que los aparatos y equipo que ms se usan para saber a cules y cuando se
tiene una oportunidad de dar mantenimiento o si ser necesario adquirir ms maquinas o equipo.

1.2 Objetivos
El objetivo principal del proyecto es agilizar todos los movimientos necesarios para el correcto
manejo de un gimnasio al igual que para el control apropiado de personas subscritas e instructores
que trabajan en el gimnasio.

1.3 Objetivos especficos:
Que el sistema cuente con 2 mdulos (administrador, cliente)
Poder organizar con mayor facilidad las horas disponibles de los salones de actividades (Zumba,
Taebo, Kick Boxing)
Mantener el control y registro de los miembros y sus meses subscritos.
Mantener un control y registro de los instructores disponibles.
Ayudar a los miembros del gimnasio en el orden de sus rutinas.
1.4 Justificacin del Proyecto
Es necesario un buen sistema de control en los gimnasios por que con este mismo se evita la
prdida de tiempo al tener todo de una manera ms organizada y fcil de consultar. Con el nuevo
sistema ser posible saber cundo es necesario realizar promociones para generar ms ganancias
y tener ms miembros dentro del GYM.

Los resultados pueden llegar a ser tan favorables tanto para el gimnasio como para los clientes
que lo frecuentan dado que si ellos estn felices dentro del GYM, seguirn pagando su suscripcin
lo cual sera una ganancia monetaria para el dueo.







2 Marco Terico
2.1 Sistema Operativo (SO)
En ingles (OperatingSystem OS) es el programa o conjunto de programas que efectan la
gestin de los procesos bsicos de un sistema informtico, y permite a un usuario interactuar con
el sistema.
2.2 HTML5
(HyperText Markup Language, versin 5) es la quinta revisin importante del lenguaje bsico de
la World Wide Web.
2.3 Aplicacin WEB
Es aquella que se encuentra instalada en un servidor tipo web o un browser y necesita de l
para ejecutarse, dicho navegador debe de ser compatible con las tecnologas con las cuales se
realiza el aplicativo WEB y que corrern de parte de este, tales como AJAX, JSON, CSS, etc.
2.4 Entorno de Desarrollo Integrado (IDE)
Es un programa compuesto por un conjunto de herramientas para un programador. Puede
dedicarse en exclusiva a un solo lenguaje de programacin o bien, poder utilizarse para varios.

Un IDE es un entorno de programacin que ha sido empaquetado como un programa de
aplicacin, es decir, consiste en un editor de cdigo, un compilador, un depurador y un constructor
de interfaz grafica GUI. Los IDEs pueden ser aplicaciones por si solas o pueden ser parte de
aplicaciones existentes.

Los IDEs proveen un marco de trabajo amigable para la mayora de los lenguajes de
programacin tales como C++, Java, C#, Basic, Object Pascal

2.5 Bootstrap
Es una libre coleccin de herramientas para la creacin de sitios web y aplicaciones
web . Contiene cdigo HTML y CSS basados en plantillas de diseo para la tipografa , formas,
botones, navegacin y otros componentes de la interfaz, as como extensiones opcionales de
JavaScript.

Bootstrap tiene un soporte relativamente incompleto para HTML y CSS, pero es compatible con
la mayora de los navegadores web. La informacin bsica de compatibilidad de sitios web o
aplicaciones est disponible para todos los dispositivos y navegadores. Existe un concepto de
compatibilidad parcial que hace disponible la informacin bsica de un sitio web para todos los
dispositivos y navegadores. Por ejemplo, las propiedades introducidas en CSS3 para las esquinas
redondeadas, gradientes y sombras son usadas por Bootstrap a pesar de la falta de soporte de
navegadores antiguos. Esto extiende la funcionalidad de la herramienta, pero no es requerida para
su uso.





2.6 UML
Describimos de manera general el trmino UML (Unified Modeling Language) como un lenguaje
utilizado para visualizar, especificar, construir y documentar los artefactos de un sistema de
software. Se trata de un lenguaje grfico orientado a apoyar todas las fases de desarrollo de
software, desde la especificacin y anlisis de requerimientos hasta la construccin e instalacin
de los mismos.

La idea central detrs de la utilizacin de UML es capturar los detalles significativos de un
sistema, de manera que el problema sea claramente comprendido, se desarrolle una solucin al
respecto y su implementacin se identifique y construya de manera clara.

El lenguaje UML no slo proporciona una notacin para los elementos de construccin del
sistema, tambin permite expresar relaciones complejas entre dichos elementos. Una relacin
puede ser esttica, si se trata de conceptos de herencia entre un par de clases, interfaces
implementadas o dependencias con otra clase. Por otro lado, existen relaciones dinmicas cuando
describen el comportamiento del sistema, por ejemplo, cuando representan los intercambios de
mensajes entre clases o el flujo de control del sistema.

2.7 Servidores
En informtica, un servidor es un tipo de software que realiza ciertas tareas en nombre de los
usuarios. El trmino servidor ahora tambin se utiliza para referirse al ordenador fsico en el cual
funciona ese software una mquina cuyo propsito es proveer datos de modo que otras mquinas
puedan utilizar esos datos.

Este uso dual puede llevar a confusin. Por ejemplo, en el caso de un servidor web, este trmino
podra referirse a la mquina que almacena y maneja los sitios web, y en este sentido es utilizada
por las compaas que ofrecen hosting u hospedaje. Alternativamente, el servidor web podra
referirse al software, como el servidor de http de Apache, que funciona en la mquina y maneja la
entrega de los componentes de las pginas web como respuesta a peticiones de
los navegadores de los clientes.

Los archivos para cada sitio de Internet se almacenan y se ejecutan en el servidor. Hay
muchos servidores en Internet y muchos tipos de servidores, pero comparten la funcin comn de
proporcionar el acceso a los archivos y servicios.

Un servidor sirve informacin a los ordenadores que se conecten a l. Cuando los usuarios se
conectan a un servidor pueden acceder a programas, archivos y otra informacin del servidor.
En la web, un servidor web es un ordenador que usa el protocolo http para enviar pginas web
al ordenador de un usuario cuando el usuario las solicita.

Los servidores web, servidores de correo y servidores de bases de datos son a lo que tiene
acceso la mayora de la gente al usar internet.

Algunos servidores manejan solamente correo o solamente archivos, mientras que otros hacen
ms de un trabajo, ya que un mismo ordenador puede tener diferentes programas de servidor
funcionando al mismo tiempo.

Los servidores se conectan a la red mediante una interfaz que puede ser una red verdadera o
mediante conexin va lnea telefnica o digital.
2.8 Tipos de servidores


Esta lista categoriza los diversos tipos de servidores del mercado actual:

Plataformas de Servidor (Server Platforms): Un trmino usado a menudo como sinnimo de
sistema operativo, la plataforma es el hardware o software subyacentes para un sistema, es decir,
el motor que dirige el servidor.

Servidores de Aplicaciones (Application Servers): Designados a veces como un tipo
de middleware (software que conecta dos aplicaciones), los servidores de aplicaciones ocupan una
gran parte del territorio entre los servidores de bases de datos y el usuario, y a menudo los
conectan.

Servidores de Audio/Video (Audio/Video Servers): Los servidores de Audio/Video aaden
capacidades multimedia a los sitios web permitindoles mostrar contenido multimedia en forma de
flujo continuo (streaming) desde el servidor.

Servidores de Chat (Chat Servers): Los servidores de chat permiten intercambiar informacin a
una gran cantidad de usuarios ofreciendo la posibilidad de llevar a cabo discusiones en tiempo
real.

Servidores de Fax (Fax Servers): Un servidor de fax es una solucin ideal para organizaciones
que tratan de reducir el uso del telfono pero necesitan enviar documentos por fax.

Servidores FTP (FTP Servers): Uno de los servicios ms antiguos de Internet, File Transfer
Protocol permite mover uno o ms archivos.

Servidores Groupware (Groupware Servers): Un servidor groupware es un softwarediseado
para permitir colaborar a los usuarios, sin importar la localizacin, va Internet o va Intranet
corporativo y trabajar juntos en una atmsfera virtual.

Servidores IRC (IRC Servers): Otra opcin para usuarios que buscan la discusin en tiempo
real, Internet Relay Chat consiste en varias redes de servidores separadas que permiten que los
usuarios conecten el uno al otro va una red IRC.

Servidores de Listas (List Servers): Los servidores de listas ofrecen una manera mejor de
manejar listas de correo electrnico, bien sean discusiones interactivas abiertas al pblico o listas
unidireccionales de anuncios, boletines de noticias o publicidad.

Servidores de Correo (Mail Servers): Casi tan ubicuos y cruciales como los servidores web, los
servidores de correo mueven y almacenan el correo electrnico a travs de las redes corporativas
(va LANs y WANs) y a travs de Internet.

Servidores de Noticias (News Servers): Los servidores de noticias actan como fuente de
distribucin y entrega para los millares de grupos de noticias pblicos actualmente accesibles a
travs de la red de noticias USENET.

Servidores Proxy (Proxy Servers): Los servidores proxy se sitan entre un programa del cliente
(tpicamente un navegador) y un servidor externo (tpicamente otro servidor web) para filtrar
peticiones, mejorar el funcionamiento y compartir conexiones.

Servidores Telnet (Telnet Servers): Un servidor telnet permite a los usuarios entrar en un
ordenador husped y realizar tareas como si estuviera trabajando directamente en ese ordenador.
2.9 UML
Describimos de manera general el trmino UML (Unified Modeling Language) como un lenguaje
utilizado para visualizar, especificar, construir y documentar los artefactos de un sistema de
software. Se trata de un lenguaje grfico orientado a apoyar todas las fases de desarrollo de
software, desde la especificacin y anlisis de requerimientos hasta la construccin e instalacin
de los mismos.

Software utilizado:.

DIA: es una aplicacin informtica de propsito general para la creacin de diagramas,
desarrollada como parte del proyecto GNOME. Est concebido de forma modular, con diferentes
paquetes de formas para diferentes necesidades.

Da est diseado como un sustituto de la aplicacin comercial Visio de Microsoft. Se puede
utilizar para dibujar diferentes tipos de diagramas. Actualmente se incluyen diagramas entidad-
relacin, diagramas UML, diagramas de flujo, diagramas de redes, diagramas de circuitos
elctricos, etc. Nuevas formas pueden ser fcilmente agregadas, dibujndolas con un subconjunto
de SVG e incluyndolas en un archivo XML.

El formato para leer y almacenar grficos es XML (comprimido con gzip, para ahorrar espacio).
Puede producir salida en los formatos EPS, SVG y PNG.
Tambin conviene recordar que Dia, gracias al paquete dia2code, puede generar el esqueleto
del cdigo a escribir, si utilizramos con tal fin un UML.



Fig. 1. Icono DIA
2.10 Microsoft Visual Studio
Es un entorno de desarrollo integrado (IDE, por sus siglas en ingls) para sistemas
operativos Windows. Soporta multiples lenguajes de programacin tales como C++, C#, Visual
Basic .NET, F#, Java, Phyton, Ruby, php; al igual que entornos de desarrollo web
como ASP.NET MVC, Django, et., a lo cual sumarle las nuevas capacidades online bajo Windows
Azure en forma del editor Monaco.

Visual Studio permite a los desarrolladores crear aplicaciones, sitios y aplicaciones web, as
como servicios web en cualquier entorno que soporte la plataforma .NET (a partir de la versin
.NET 2002). As se pueden crear aplicaciones que se comuniquen entre estaciones de trabajo,
pginas web, dispositivos mviles, dispositivos embebidos, consolas (la xbox 360 y xbox one), etc.


Metodologa.

2.11 MVC 4
El modelo Modelo-Vista-Controlador (MVC) es un principio de diseo arquitectnico que separa
los componentes de una aplicacin web. Esta separacin ofrece ms control sobre las partes
individuales de la aplicacin, lo que facilita su desarrollo, modificacin y prueba.

ASP.NET MVC forma parte del marco de trabajo ASP.NET. Desarrollar una aplicacin ASP.NET
MVC es una alternativa al desarrollo de pginas de formularios Web Forms de ASP.NET; no
reemplaza el modelo de formularios Web Forms.

El Modelo Vista Controlador (MVC) es un patrn de arquitectura de software que separa
los datos y la lgica de negocio de una aplicacin de la interfaz de usuario y el mdulo encargado
de gestionar los eventos y las comunicaciones. Para ello MVC propone la construccin de
tres componentes distintos que son el modelo, la vista y el controlador, es decir, por un lado define
componentes para la representacin de la informacin, y por otro lado para la interaccin del
usuario. Este patrn de diseo se basa en las ideas de reutilizacin de cdigo y la separacin de
conceptos, caractersticas que buscan facilitar la tarea de desarrollo de aplicaciones y su posterior
mantenimiento.


2.12 Base de datos
Software utilizado:.
MySQL.

2.13 Sistema Operativo
Windows.

2.14 Git
Git es uno de los sistemas de control de versiones ms populares entre los desarrolladores. Y
parte culpa de su popularidad la tiene GitHub, un excelente servicio de alojamiento de repositorios
de software con este sistema, que lejos de quedarse en esta funcionalidad, ofrece hoy en da un
conjunto de caractersticas muy tiles para el trabajo en equipo.

No en vano, es el servicio elegido por proyectos de software libre como jQuery, reddit, Sparkle,
curl, Ruby on Rails, node.js, ClickToFlash, Erlang/OTP, CakePHP, Redis, y otros muchos. Adems,
algunas de las grandes empresas de Internet, como Facebook, alojan ah sus desarrollos pblicos,
tales como el SDK, libreras, ejemplos, etc.





Ventajas.


Fig. 2. Fig. 3.1 Pantalla principal github

Aunque Git es un sistema descentralizado (no necesita de un servidor donde subir los cambios,
sino que los desarrolladores pueden enviarse los mismos los unos a los otros desde sus equipos),
es muy habitual encontrarnos con que un equipo de trabajo funciona mejor disponiendo de uno, ya
que as evitamos tener que descargar los cambios de cada ordenador perteneciente a un miembro
del equipo de manera individual, debiendo ste permanecer encendido para poder efectuar esas
operaciones. De modo que una de las ventajas evidentes de GitHub, y que fue el servicio casi
nico con el que naci, es alojar el repositorio de cdigo en el que trabaja todo el equipo.

Al alojar el cdigo, podemos decidir si ste ser pblico o su visibilidad estar limitada a unos
usuarios determinados, que son los nicos que tendrn permiso para acceder al mismo y subir
cambios.

Pero adems de servir de alojamiento para el cdigo, GitHub posee un estupendo visor de
cdigo mediante el cual, a travs del navegador, podremos consultar en un instante el contenido
de un determinado fichero, con su resaltado de sintaxis correspondiente para el lenguaje en el que
est escrito. Este navegador es realmente rpido, y gracias a l podremos hacer pequeas
consultas o copiar porciones de cdigo que nos puedan hacer falta en un momento determinado
sin necesidad de bajarse todo el repositorio. Por supuesto, se puede navegar por cualquiera de las
versiones del mismo, de modo que podemos ver el contenido de un fichero antes de que se dieran
varias actualizaciones de cambios. Seleccionar un determinado commit, tag o rama es cuestin de
pocos clicks.

Caractersticas de GitHub tiles para el trabajo en equipo.

Pero hoy en da GitHub es mucho ms que un servicio de alojamiento de cdigo. Adems de
ste, se ofrecen varias pequeas herramientas en lnea muy tiles para el trabajo en equipo. Entre
ellas, cabe destacar:

Un wiki que funciona con gollum, el cual opera con Git para el mantenimiento de las distintas
versiones de las pginas.

Un sistema de seguimiento de problemas, que al estilo del clsico sistema de tickets, permiten a
los miembros de tu equipo (o a cualquier usuario de GitHub si tu repositorio es pblico) abrir un
ticket detallando un problema que tenga con tu software o una sugerencia que desee hacer al
mismo.

Una herramienta de revisin de cdigo, donde se pueden aadir anotaciones en cualquier punto
de un fichero (ej: Esto es mejor que lo extraigamos a una nueva clase), y debatir sobre
determinados cambios realizados en un commit especfico.

Un visor de ramas donde se pueden comparar los progresos realizados en las distintas ramas
de nuestro repositorio.

2.15 Herramientas CASE
Herramientas CASE (Computer Aided Software Engineering, Ingeniera de Software Asistida por
Computadoras). Son diversas Aplicaciones informticas destinadas a aumentar la productividad en
el Desarrollo de software reduciendo el coste de las mismas en trminos de tiempo y de dinero.
Estas herramientas nos pueden ayudar en todos los aspectos del ciclo de vida de desarrollo del
software en tareas como el diseo de proyectos, clculo de costes, implementacin de parte
del cdigo automticamente con el diseo dado, Compilacin automtica, documentacin o
deteccin de errores entre otras.

Es un sistema de software que intenta proporcionar ayuda automatizada a las actividades del
proceso de desarrollo de software. Los sistemas CASE a menudo se utilizan como apoyo
al mtodo. La primera herramienta CASE como hoy la conocemos fue Excelerator en 1984, era
para PC. Actualmente la oferta de herramientas CASE es muy amplia y tenemos por ejemplo
el EASYCASE o WINPROJECT .
Historia.

Ya en los aos 70, un proyecto llamado ISDOS dise un lenguaje y por lo tanto un producto
que analizaba la relacin existente entre los requisitos de un problema y las necesidades que stos
generaban, el lenguaje en cuestin se denominaba PSL (Problem Statement Language) y la
aplicacin que ayudaba a buscar las necesidades de los diseadores PSA (Problem Statement
Analyzer).

Aunque esos son los inicios de las herramientas informticas que ayudan a crear
nuevos proyectos informticos, la primera herramienta CASE fue Excelerator que sali a la luz en
el ao 1984 y trabajaba bajo una plataforma PC.

Las herramientas CASE alcanzaron su techo a principios de los aos 90. En la poca en la
que IBM haba conseguido una alianza con la empresa de software AD/Cycle para trabajar con
sus mainframes, estos dos gigantes trabajaban con herramientas CASE que abarcaban todo
el ciclo de vida del software. Pero poco a poco los mainframes han ido siendo menos utilizados y
actualmente el mercado de las Big CASE ha muerto completamente abriendo el mercado de
diversas herramientas ms especficas para cada fase del ciclo de vida del software.






Tecnologa de las herramientas CASE.

La tecnologa CASE supone la automatizacin del desarrollo del software, contribuyendo a
mejorar la calidad y la productividad en el desarrollo de sistemas de informacin a la hora de
construir software se plantean los siguientes objetivos:
Permitir la aplicacin prctica de metodologas estructuradas, las cuales al ser realizadas con
una herramienta conseguimos agilizar el trabajo.
Facilitar la realizacin de prototipos y el desarrollo conjunto de aplicaciones.
Simplificar el mantenimiento de los programas.
Mejorar y estandarizar la documentacin.
Aumentar la portabilidad de las aplicaciones.
Facilitar la reutilizacin de componentes software.
Permitir un desarrollo y un refinamiento visual de las aplicaciones, mediante la utilizacin de
grficos.
Componentes CASE.

De una forma esquemtica podemos decir que una herramienta CASE se compone de los
siguientes elementos:
Repositorio (diccionario) donde se almacenan los elementos definidos o creados por la
herramienta, y cuya gestin se realiza mediante el apoyo de un Sistema de Gestin de Base de
Datos (SGBD) o de un sistema de gestin de ficheros.
Meta-modelo (no siempre visible), que constituye el marco para la definicin de las tcnicas y
metodologas soportadas por la herramienta.
Carga o descarga de datos, son facilidades que permiten cargar el repertorio de la herramienta
CASE con datos provenientes de otros sistemas, o bien generar a partir de la propia herramienta
esquemas de base de datos, programas, etc. que pueden, a su vez, alimentar otros sistemas.
Este elemento proporciona as un medio de comunicacin con otras herramientas.
Comprobacin de errores, facilidades que permiten llevar a cabo un anlisis de la
exactitud, integridad y consistencia de los esquemas generados por la herramienta.
Interfaz de usuario, que constar de editores de texto y herramientas de diseo grfico que
permitan, mediante la utilizacin de un sistema de ventanas, iconos y mens, con la ayuda
del ratn, definir los diagramas, matrices, etc. que incluyen las distintas metodologas.
Estructura general.

La estructura CASE se basa en la siguiente terminologa:

CASE de alto nivel son aquellas herramientas que automatizan o apoyan las fases finales o
superiores del ciclo de vida del desarrollo de sistemas como la planificacin de sistemas, el
anlisis de sistemas y el diseo de sistemas.

CASE de bajo nivel son aquellas herramientas que automatizan o apoyan las fases finales o
inferiores del ciclo de vida como el diseo detallado de sistemas, la implantacin de sistemas y
el soporte de sistemas.

CASE cruzado de ciclo de vida se aplica a aquellas herramientas que apoyan actividades que
tienen lugar a lo largo de todo el ciclo de vida, se incluyen actividades como la gestin de
proyectos y la estimacin.



Ejemplos de Herramientas CASE.
ERwin.

PLATINUM ERwin es una herramienta de diseo de base de datos. Brinda productividad en
diseo, generacin, y mantenimiento de aplicaciones. Desde un modelo lgico de los
requerimientos de informacin, hasta el modelo fsico perfeccionado para las caractersticas
especficas de la base de datos diseada, ERwin permite visualizar la estructura, los elementos
importantes, y optimizar el diseo de la base de datos. Genera automticamente las tablas y miles
de lneas de stored procedure y triggers para los principales tipos de base de datos.
EasyCASE.

EasyCASE Profesional, el centro de productos para procesos, modelamiento de
datos y eventos, e Ingeniera de Base de Datos, es un producto para la generacin de esquemas
de base de datos eingeniera reversa, trabaja para proveer una solucin comprensible para el
diseo, consistencia y documentacin del sistema en conjunto.
Oracle Designer.

Oracle Designer es un juego de herramientas para guardar las definiciones que necesita el
usuario y automatizar la construccin rpida de aplicaciones cliente/servidor flexibles y grficas.
Integrado conOracle Developer, Oracle Designer provee una solucin para desarrollar sistemas
empresariales cliente/servidor de segunda generacin.
PowerDesigner.

PowerDesigner es una suite de aplicaciones de Powersoft para la construccin, diseo y
modelado de datos a travs de diversas
aplicaciones. Es la herramienta para el anlisis, diseo inteligente y construccin slida de una
base de datos y un desarrollo orientado a modelos de datos a nivel fsico y conceptual, que dan a
los desarrolladores de aplicaciones Cliente/Servidor la ms firme base para aplicaciones de alto
rendimiento.
System Architect.

System Architect posee un repositorio nico que integra todas las herramientas, y metodologas
usadas. En la elaboracin de los diagramas, el System Architect conecta directamente al
diccionario de datos, los elementos asociados, comentarios,reglas de validaciones, normalizacin,
etc. Posee control automtico de diagramas y datos, normalizaciones y balanceo entre diagramas
"Padre e Hijo", adems de balanceo horizontal, que trabaja integrado con el diccionario de datos,
asegurando la compatibilidad entre el Modelo de Datos y el Modelo Funcional.
SNAP.

SNAP es un CASE para el desarrollo de aplicaciones en Sistemas AS/400 de IBM. Proporciona
el ambiente integral de trabajo, brindando la posibilidad de construir sistemas de inmejorable
calidad, adheridos a los estndares S.A.A de IBM., totalmente documentados y ajustados a los
requerimientos especficos de la organizacin, en una fraccin del tiempo y coste del que se
invertira, si se utilizaran herramientas tradicionales.

CSS.

Las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS) hacen referencia a
un lenguaje de hojas de estilos usado para describir la presentacin semntica (el aspecto y
formato) de un documento escrito en lenguaje de marcas. Su aplicacin ms comn es dar estilo a
pginas webs escritas en lenguaje HTML y XHTML, pero tambin puede ser aplicado a cualquier
tipo de documentos XML, incluyendo SVG y XUL.

La informacin de estilo puede ser adjuntada como un documento separado o en el mismo
documento HTML. En este ltimo caso podran definirse estilos generales en la cabecera del
documento o en cada etiqueta particular mediante el atributo "<style>".

CSS tiene una sintaxis muy sencilla, que usa unas cuantas palabras claves tomadas del ingls
para especificar los nombres de sus selectores, propiedades y atributos. Una hoja de estilos CSS
consta de 3 reglas. Cada regla consiste en uno o ms selectores y un bloque de estilos con los
estilos a aplicar para los elementos del documento que cumplan con el selector que les precede.
Cada bloque de estilos se define entre llaves, y est formado por una o varias declaraciones de
estilo con el formato propiedad:valor
Ventajas:

Algunas ventajas de utilizar CSS (u otro lenguaje de estilo) son:
Control centralizado de la presentacin de un sitio web completo con lo que se agiliza de forma
considerable la actualizacin del mismo.

Separacin del contenido de la presentacin, lo que facilita al creador, diseador, usuario o
dispositivo electrnico que muestre la pgina, la modificacin de la visualizacin del documento sin
alterar el contenido del mismo, slo modificando algunos parmetros del CSS.

Optimizacin del ancho de banda de la conexin, pues pueden definirse los mismos estilos para
muchos elementos con un slo selector; o porque un mismo archivo CSS puede servir para una
multitud de documentos.

Mejora en la accesibilidad del documento, pues con el uso del CSS se evitan antiguas prcticas
necesarias para el control del diseo (como las tablas), y que iban en perjuicio de ciertos usos de
los documentos, por parte de navegadores orientados a personas con algunas limitaciones
sensoriales.
HTML 5

Es un lenguaje markup (de hecho, las siglas de HTML significan Hyper Text Markup Language)
usado para estructurar y presentar el contenido para la web. Es uno de los aspectos
fundamentales para el funcionamiento de los sitios, pero no es el primero. Es de hecho la quinta
revisin del estndar que fue creado en 1990. A fines del ao pasado, la W3C la recomend para
transformarse en el estndar a ser usado en el desarrollo de proyectos venideros. Por as decirlo,
qu es HTML5 est relacionado tambin con la entrada en decadencia del viejo estndar HTML 4,
que se combinaba con otros lenguajes para producir los sitios que podemos ver hoy en da. Con
HTML5, tenemos otras posibilidades para explotar usando menos recursos.

En conjunto con CSS3, define los nuevos estndares de desarrollo web, tanto para equipos de
escritorio, como para dispositivos mviles y telfonos celulares. Se abren las puertas para nuevas
opciones de diseo y dinmica de informacin.

Ventajas:

Es nativo, y por tanto independiente de plugins de terceros. Es decir, no pertenece a nadie, es
opensource.

Es ms semntico, con etiquetas que permiten clasificar y ordenar en distintos niveles y
estructuras el contenido. Adems, incorpora metadatos de manera ms formal, favoreciendo el
posicionamiento SEO y la accesibilidad.

El cdigo es ms simple lo que permite hacer pginas ms ligeras que se cargan ms
rpidamente favoreciendo la usabilidad y la indexacin en buscadores.

Ofrece una compatibilidad mayor con los navegadores de dispositivos mviles.

Incluye la etiqueta de dibujo canvas, que ofrece ms efectos visuales.

Posibilita la insercin de vdeos y audio de forma directa.

Permite la geolocalizacin del usuario. Algo muy til para el marketing mvil.

Tiene la capacidad de ejecutar pginas sin estar conectado.