VILLA VICTORIA

QUE PARA OBTENER EL TTULO PROFESIONAL DE:

LICENCIADO EN INFORMTICA

PRESENTA:
JUAN CARLOS NICOLS ROJAS

ASESOR:
I.S.C. MAURICIO GARDUO TOLA

15 Julio de 2016.
QUE PARA OBTENER EL TTULO PROFESIONAL DE:
LICENCIADO EN INFORMTICA

PRESENTA:
JUAN CARLOS NICOLS ROJAS

ASESOR:
I.S.C. MAURICIO GARDUO TOLA

15 Julio de 2015.
 AGRADECIMIENTOS
A Dios

Por haberme dado fuerzas y espritu para poder continuar fuerte y

animado a lo largo de la carrera, ya que da a da se presentaban nuevos
retos y cada uno de ellos se han completado con xito.
 NDICE
RESUMEN .............................................................................................. 6
INTRODUCCIN .................................................................................... 7
CAPTULO l MARCO TERICO
1.1. Sistemas de Informacin.............................................................. 9
1.2 Estructura Horizontal de un Sistema de Informacin. .................... 10
1.3. Sistemas de Bases de Datos .......................................................... 13
1.4 Modelo Entidad-Relacin. .............................................................. 14
1.4.1 Conjunto de Entidades ................................................................. 14
1.4.2 Modelo Relacional ....................................................................... 15
1.4.3 Estructura de las Bases de Datos Relacionales. .......................... 15
1.5 Bases de Datos. .............................................................................. 16
1.6 Modelos de Bases de Datos ........................................................... 17
1.7 Tipos de Bases de Datos ................................................................ 22
1.8 Lenguaje de Consultas Estructurado (SQL) ................................. 24
1.9 Tipos de Sistemas Gestores de Base de Datos. ............................ 25
1.9.1 Introduccin a MYSQL ................................................................ 25
1.9.1.2 Conexin de MySQL a Bases de Datos. ................................... 27
1.9.2 Introduccin Oracle ................................................................... 29
1.10 Desarrollo Web. ............................................................................ 30
1.10.2 Protocolo HTTP ........................................................................ 30
1.11 Introduccin PHP ........................................................................ 33
1.11.2 Caractersticas de PHP. ............................................................. 34
1.11.3 Ventajas del Uso de PHP. .......................................................... 35
1.11.4 Desventajas de Usar PHP. ......................................................... 35
1.12 Introduccin a HTML 5. ................................................................. 37
1.12.1 CSS y HTML ............................................................................. 38
1.13 Historia de JavaScript ................................................................. 39
1.13.2 Introduccin a JavaScript ........................................................ 40
1.13.3 Uso de JavaScript en Pginas WEB. ......................................... 41
CAPTULO ll DESCRIPCIN DE ACTIVIDADADES
2.1 Anlisis del Sistema ........................................................................ 45
2.1.1 Descripcin de la Problemtica General ...................................... 46
2.1.2 Descripcin de Problemas Especficos ........................................ 47
2.1.3 Aproximacin a la Solucin ......................................................... 47
2.1.4 Estudio Tcnico y Operativo ...................................................... 48
2.1.4.1 Requerimientos Mnimos de Hardware ...................................... 48
2.1.4.2 Requerimientos Mnimos de Software ...................................... 49
2.1.4.3 Requerimientos Mnimos de Recurso Humanos ....................... 49
Referencias Bibliogrficas. .................................................................. 51
NDICE DE FIGURAS
 RESUMEN

A lo largo de la historia la manera de procesar y almacenar la informacin

ha evolucionado, ya que en la actualidad se utilizan nuevas y mejores
herramientas en el rea de la informtica. Debido a los enormes cambios
sufridos en los ltimos aos y con la incorporacin de tecnologas
informticas que faciliten la administracin de los datos a todos los
usuarios en general, ya que abarca enormes reas de trabajo desde el
registro de ventas de una pequea tienda hasta el almacenamiento masivo
de informacin de un banco mundial.
Un sistema informtico ofrecer mejoras en la toma de decisiones, en la
actualidad todas las instituciones y empresas, requieren de la
implementacin de un sistema de informacin que colabore con los
procesos de gestin.
El presente trabajo explica de manera detallada la implementacin de un
sistema de compra y venta de artculos electrnicos utilizando la
tecnologa de responsive web.
El sistema tendr la capacidad de registrar artculos electrnicos en
distintas modalidades para ofertarlos por separado cada uno. Cada una de
los mdulos activos contara con validacin de campos. Los reportes de la
mercanca existente y vendida se presentan de forma semanal, mensual y
anual para una mejor comprensin de los usuarios administradores.

6
 INTRODUCCIN

Al paso del tiempo la forma de trabajar para las empresas y las

instituciones han realizado cambios drsticos ya que utilizan las nuevas
tecnologas para sus aplicaciones de almacenamiento y procesamiento de
la informacin. En la actualidad la informacin es almacenada en una
computadora la cual es capaz de procesar grandes cantidades de
informacin en un tiempo muy corto y presentar resultados de una forma
inmediata y sencilla. El presente documento muestra de manera detallada
la evolucin del proyecto denominado: SISTEMA DE COMPRA Y VENTA
DE ARTCULOS ELECTRNICOS UTILIZANDO RESPONSIVE WEB
DESIGN.
Para realizar un sistema web que lleve el control de compra y venta de
artculos electrnicos es necesario contar con conocimiento en lenguajes
de programacin y sistemas gestores de base de datos.
El captulo l del presente documento describe de forma detallada los
elementos necesarios para poder implementar la aplicacin web, presenta
ventajas y desventajas de los distintos lenguajes de programacin web
actuales. Todos y cada uno de los modelados actuales para disear y
normalizar las bases de datos ya que el sistema almacena la informacin
de una base de datos.

7
 CAPTULO l

MARCO TERICO
1.1. Sistemas de Informacin
Rodrguez Rodrguez Jos (Pg. 29) explica que un sistema de
Informacin (S.I.) es un conjunto de procedimientos, manuales y
automatizados, y de funciones dirigidas a la recogida, elaboracin,
evaluacin, almacenamiento, recuperacin, condensacin y
distribucin de informaciones dentro de una organizacin,
orientado a promover el flujo de las mismas desde el punto en el
que se generan hasta el destinatario final de las mismas. Se debe
distinguir entre un sistema de informacin y un sistema informtico.
Se tiende a utilizar indistintamente ambos trminos, pero
conceptualmente son distintos. Se puede considerar un sistema
informtico como un conjunto de elementos que hacen posible el
tratamiento automatizado de la informacin. Se trata por tanto de
un subconjunto del sistema de informacin.

Continuando con Rodrguez (Pg. 30) comenta que los sistemas

de informacin interactan para procesar los datos (incluidos los
procesos manuales y automticos) y dan lugar a informacin ms
elaborada, que se distribuye de la manera ms adecuada posible
en una determinada organizacin, en funcin de sus objetivos.
Habitualmente el trmino se usa de manera errnea como sinnimo
de sistema de informacin informtico, en parte porque en la
mayor parte de los casos los recursos materiales de un sistema de
informacin estn constituidos casi en su totalidad por sistemas
informticos. Estrictamente hablando, un sistema de informacin
no tiene por qu disponer de dichos recursos (aunque en la
prctica esto no suela ocurrir). Se podra decir entonces que los
sistemas de informacin informticos son una subclase o un
subconjunto de los sistemas de informacin en general.

9
1.2 Estructura Horizontal de un Sistema de Informacin.

Retomando a Rodrguez (Pg. 40) explica que su estructura

horizontal de un sistema de informacin dentro de cada uno de los
niveles, las funciones se subdividen en aplicaciones o
procedimientos (subsistemas). Por ejemplo, el nivel operativo de
una empresa de fabricacin incluira subsistemas de pedidos,
control de inventario. Estos subsistemas pueden estar
directamente conectados unos con otros aportando un alto grado
de integracin o por el contrario pueden estar concebidos bajo un
enfoque separado o autnomo que contempla cada aplicacin o
procedimiento de manera separada e independiente de los
restantes procedimientos de la organizacin. En cualquier caso, el
grado de integracin entre subsistemas es una cuestin principal
en el diseo de un sistema de informacin.

Un sistema integrado es aquel que tiene un alto grado de

coordinacin, con entradas y salidas rgidamente establecidas,
teniendo en cuenta los efectos de un subsistema sobre los otros y
en el que los recursos son ampliamente compartidos.

Continuando con Rodrguez explica que las principales ventajas de

un enfoque integrado son las siguientes:

a) Mayor eficiencia conjunta y una interrelacin ms efectiva de

actividades entre subsistemas.

b) Comparticin amplia de recursos que ofrece beneficios

potenciales, debido a economas de escala y especializacin. (Pg.
50).

10
Un sistema de informacin (SI) es un conjunto de elementos orientados al
tratamiento y administracin de datos e informacin, organizados y listos
para su uso posterior, generados para cubrir una necesidad o un objetivo.
Un Sistema de Informacin, es aqul que permite recopilar, administrar y
manipular un conjunto de datos que conforman la informacin necesaria
para que los estamentos ejecutivos de una organizacin puedan realizar
una toma de decisiones informada mente.

Un Sistema de Informacin, nace, se desarrolla y muere junto con la

empresa, existe durante toda la vida de la organizacin. Se debe tener claro
que un SI no necesariamente se implementa en forma computacional, sin
embargo, es muy fcil demostrar que la computacin es la mejor
herramienta de la que disponemos para entregar y mantener la
informacin requerida.

La idea de construir un nuevo SI para una Organizacin, surge cuando los

niveles ejecutivos de la organizacin determinan que la forma actual de
controlar y mantener la informacin, en libretas o hojas realizadas a mano
es insuficiente para los volmenes que se manejan, se toma en cuenta el
factor tiempo requerido en la toma de decisiones.

11
1.3 Funciones Bsicas de un Sistema de Informacin.

Dentro de la complejidad general de un sistema de informacin,

Rodrguez lista las funciones que debe realizar cada subsistema.

a) entrada de datos
Los datos entran al S.I. en forma de transacciones que describen
sucesos del mundo real. Los principales aspectos a considerar en
relacin con la entrada de datos son: Tcnicas ms apropiadas a
emplear y su coste, control de errores a travs de procesos de
verificacin y edicin, enfoque integrado capturando solamente una
vez un elemento dado de datos y a continuacin compartirlo con
todas las aplicaciones que lo necesitan.

b) almacenamiento de datos
El S.I. debe mantener grandes ficheros de datos destinados a
suministrar la informacin para el tratamiento de transacciones y
para la toma de decisiones. Organizacin de la Base de datos de
forma que se facilite el acceso a partes especficas.

c) calculo
Mediante el clculo el S.I. transforma los datos brutos en informacin
utilizable por el propio sistema o en forma ajena al mismo. Como
respuesta a la necesidad de clculo prevista, el diseo de un S.I. debe
contemplar la necesaria potencia de tratamiento de los equipos
soporte.

d) presentacin de la informacin
Proporciona una conexin esencial, o interfaz, entre el sistema y el
usuario, de modo que mejore la capacidad del usuario para percibir
y actuar sobre los hechos reflejados por la informacin (Pg. 55).

12
1.3. Sistemas de Bases de Datos

Silberschatz Abraham (Pg. 40) comenta que un modelo de

datos es una coleccin de herramientas conceptuales para la
descripcin de datos, relaciones entre datos, semntica de
los datos y restricciones de consistencia. El modelo entidad-
relacin (E-R) es un modelo de datos de alto nivel. Est
basado en una percepcin de un mundo real que consiste en
una coleccin de objetos bsicos, denominados entidades, y
de relaciones entre estos objetos. El modelo relaciona es un
modelo de menor nivel. Usa una coleccin de tablas para
representar tanto los datos como las relaciones entre los
datos. Su simplicidad conceptual ha conducido a su adopcin
general; actualmente, una vasta mayora de productos de
bases de datos se basan en el modelo relacional. Los
diseadores formulan generalmente el diseo del esquema
de la base de datos modelando primero los datos en alto
nivel, usando el modelo E-R, y despus traducindolo al
modelo relacional.

El modelo de datos orientado a objetos, por ejemplo, extiende la

representacin de entidades aadiendo nociones de encapsulacin,
mtodos funciones e identidad de objeto. El modelo de datos relacional
orientado a objetos combina caractersticas del modelo de datos orientado
a objetos y del modelo de datos relacional.

13
1.4 Modelo Entidad-Relacin.

Siguiendo con Silberschatz (Pg. 41) explica que el modelo

de datos entidad-relacin (E-R) est basado en una
percepcin del mundo real consistente en objetos bsicos
llamados entidades y de relaciones entre estos objetos. Se
desarroll para facilitar el diseo de bases de datos
permitiendo la especificacin de un esquema de la empresa.

1.4.1 Conjunto de Entidades

Retomando a Silberschatz (Pg. 41) argumenta que una

entidad es una cosa u objeto en el mundo real que es
distinguible de todos los dems objetos. Cada persona en un
desarrollo es una entidad. Una entidad tiene un conjunto de
propiedades, y los valores para algn conjunto de
propiedades pueden identificar una entidad de forma
unvoca. Por ejemplo, el D.N.I. 67.789.901 identifica
unvocamente una persona particular en la empresa.
Anlogamente, se puede pensar en los prstamos bancarios
como entidades, y un nmero de prstamo P-15 en la sucursal
de Castellana identifica unvocamente una entidad de
prstamo. Una entidad puede ser concreta, como una
persona o un libro, o puede ser abstracta, como un prstamo,
unas vacaciones o un concepto. Un conjunto de entidades es
un conjunto de entidades del mismo tipo que comparten las
mismas propiedades, o atributos. El conjunto de todas las
personas que son clientes en un banco dado, por ejemplo, se
pueden definir como el conjunto de entidades cliente.

Anlogamente, el conjunto de entidades prstamo podra

representar el conjunto de todos los prstamos concedidos
por un banco particular.
14
 Las entidades individuales que constituyen un conjunto se
llaman la extensin del conjunto de entidades. As, todos los
clientes de un banco son la extensin del conjunto de
entidades cliente. Los conjuntos de entidades no son
necesariamente disjuntos. Es posible definir el conjunto de
entidades de todos los empleados de un banco (empleado)
y el conjunto de entidades de todos los clientes del banco
(cliente). Una entidad persona puede ser una entidad
empleado, una entidad cliente, ambas cosas, o ninguna.

1.4.2 Modelo Relacional

El modelo relacional se ha establecido en la actualidad como el principal

modelo de datos para las aplicaciones de procesamiento de datos. Ha
conseguido la posicin principal debido a su simplicidad, que facilita el
trabajo del programador en comparacin con otros modelos anteriores
como el de red y el jerrquico.

1.4.3 Estructura de las Bases de Datos Relacionales.

Continuando con Silberschatz (Pg. 75) explica que una

base de datos relacional consiste en un conjunto de tablas, a
cada una de las cuales se le asigna un nombre exclusivo. Cada
tabla tiene una estructura parecida al modelo entidad
relacin, donde se representaron las bases de datos
mediante tablas. Cada fila de la tabla representa una relacin
entre un conjunto de valores. Dado que cada tabla es un
conjunto de dichas relaciones, entre el concepto de tabla y
el concepto matemtico de relacin.

15
El modelo de datos relacional se basa en un conjunto de tablas. El usuario
del sistema de bases de datos puede consultar esas tablas, insertar nuevas
tuplas, borrar tuplas y actualizar (modificar) las tuplas. Hay varios lenguajes
para expresar estas operaciones.

El lgebra relacional define un conjunto de operaciones algebraicas que

operan sobre tablas y devuelven tablas como resultado. Estas operaciones
se pueden combinar para obtener expresiones que expresan las consultas
deseadas. El lgebra define las operaciones bsicas usadas en los lenguajes
de consulta relacionales.

1.5 Bases de Datos.

Retomando a Silberschatz Abraham (Pg. 20) comenta que una

base de datos es un conjunto de elementos de datos que se
describe as mismo, con relaciones entre esos elementos, que
presenta una interfaz uniforme de servicio.

Tambin se define como un conjunto de datos pertenecientes a

un mismo contexto y almacenados sistemticamente para su
posterior uso. Actualmente, y debido al desarrollo tecnolgico de
campos como la informtica y la electrnica, la mayora de las
bases de datos estn en formato digital (electrnico), que ofrece
un amplio rango de soluciones al problema de almacenar datos.

Las deficiencias de procesamiento de informacin antes de las

bases de datos comprenden datos codificados, interdependencia
entre programas y archivos de datos, repeticin de datos e
inconsistencias relativas, representacin especifica de relaciones
entre elementos de datos.

16
Existen programas denominados sistemas gestores de bases de datos,
abreviados SGBD, qu permiten almacenar y posteriormente acceder a los
datos de forma rpida y estructurada. Las propiedades de estos SGBD, as
como su utilizacin y administracin, se estudian dentro del mbito de la
informtica.

Las aplicaciones ms usuales son para la gestin de empresas e

instituciones pblicas. Tambin son ampliamente utilizadas en entornos
cientficos con el objeto de almacenar la informacin experimental.

Aunque las bases de datos pueden contener muchos tipos de datos,

algunos de ellos se encuentran protegidos por las leyes de varios pases.

1.6 Modelos de Bases de Datos

Addison Wesley Longman comenta que un modelo de datos es

bsicamente una "descripcin" de algo conocido como
contenedor de datos (algo en donde se guarda la informacin),
as como de los mtodos para almacenar y recuperar informacin
de esos contenedores. Los modelos de datos no son cosas fsicas:
son abstracciones que permiten la implementacin de un sistema
eficiente de base de datos.

a) Bases de datos jerrquicas

En este modelo los datos se organizan en una forma similar a
un rbol (visto al revs), en donde un nodo padre de
informacin puede tener varios hijos. El nodo que no tiene
padres es llamado raz, y a los nodos que no tienen hijos se
los conoce como hojas.

Las bases de datos jerrquicas son especialmente tiles en el

caso de aplicaciones que manejan un gran volumen de
informacin y datos muy compartidos permitiendo crear
estructuras estables y de gran rendimiento.
17
 Una de las principales limitaciones de este modelo es su
incapacidad de representar eficientemente la redundancia de
datos.

b) Base de datos de red

ste es un modelo ligeramente distinto del jerrquico; su
diferencia fundamental es la modificacin del concepto de
nodo: se permite que un mismo nodo tenga varios padres
(posibilidad no permitida en el modelo jerrquico).

Fue una gran mejora con respecto al modelo jerrquico, ya

que ofreca una solucin eficiente al problema de redundancia
de datos; pero, aun as, la dificultad que significa administrar
la informacin en una base de datos de red ha significado que
sea un modelo utilizado en su mayora por programadores
ms que por usuarios finales.

c) Bases de datos transaccionales

Son bases de datos cuyo nico fin es el envo y recepcin de
datos a grandes velocidades, estas bases son muy poco
comunes y estn dirigidas por lo general al entorno de anlisis
de calidad, datos de produccin e industrial, es importante
entender que su fin nico es recolectar y recuperar los datos
a la mayor velocidad posible, por lo tanto la redundancia y
duplicacin de informacin no es un problema como con las
dems bases de datos, por lo general para poderlas
aprovechar al mximo permiten algn tipo de conectividad a
bases de datos relacionales. Un ejemplo habitual de
transaccin es el traspaso de una cantidad de dinero entre
cuentas bancarias. Normalmente se realiza mediante dos
operaciones distintas, una en la que se decremento el saldo
de la cuenta origen y otra en la que incrementamos el saldo
de la cuenta destino.
18
 Para garantizar la atomicidad del sistema (es decir, para que
no aparezca o desaparezca dinero), las dos operaciones
deben ser atmicas, es decir, el sistema debe garantizar que,
bajo cualquier circunstancia (incluso una cada del sistema),
el resultado final es que, o bien se han realizado las dos
operaciones, o bien no se ha realizado ninguna.

d) Bases de datos relacionales

ste es el modelo utilizado en la actualidad para modelar
problemas reales fundamentos en 1970 por Edgar Frank
Codd, de los laboratorios IBM en San Jos (California), no
tard en consolidarse como un nuevo paradigma en los
modelos de base de datos. Su idea y administrar datos
dinmicamente. Tras ser postulados su fundamental uso de
"relaciones". Estas relaciones podran considerarse en forma
lgica como conjuntos de datos llamados "tuplas". Pese a que
sta es la teora de las bases de datos relacionales creadas
por Codd, la mayora de las veces se conceptualiza de una
manera ms fcil de imaginar. Esto es pensando en cada
relacin como si fuese una tabla que est compuesta por
registros (las filas de una tabla), que representaran las tuplas,
y campos (las columnas de una tabla).

En este modelo, el lugar y la forma en que se almacenen los

datos no tienen relevancia (a diferencia de otros modelos
como el jerrquico y el de red). Esto tiene la considerable
ventaja de que es ms fcil de entender y de utilizar para un
usuario espordico de la base de datos.

La informacin puede ser recuperada o almacenada

mediante "consultas" que ofrecen una amplia flexibilidad y
poder para administrar la informacin.

19
 El lenguaje ms habitual para construir las consultas a bases
de datos relacionales es SQL, Structured Query Language o
Lenguaje Estructurado de Consultas, un estndar
implementado por los principales motores o sistemas de
gestin de bases de datos relacionales.

Durante su diseo, una base de datos relacional pasa por un

proceso al que se le conoce como normalizacin de una base
de datos.

Durante los aos 80 la aparicin de dBASE produjo una

revolucin en los lenguajes de programacin y sistemas de
administracin de datos. Aunque nunca debe olvidarse que
dBase no utilizaba SQL como lenguaje base para su gestin. .

e) Bases de datos multidimensionales

Son bases de datos ideadas para desarrollar aplicaciones muy
concretas, como creacin de Cubos OLAP. Bsicamente no
se diferencian demasiado de las bases de datos relacionales
(una tabla en una base de datos relacional podra serlo
tambin en una base de datos multidimensional), la diferencia
est ms bien a nivel conceptual; en las bases de datos
multidimensionales los campos o atributos de una tabla
pueden ser de dos tipos, o bien representan dimensiones de
la tabla, o bien representan mtricas que se desean estudiar.

f) Bases de datos orientadas a objetos

Este modelo, bastante reciente, y propio de los modelos
informticos orientados a objetos, trata de almacenar en la
base de datos los objetos completos (estado y
comportamiento).

20
Una base de datos orientada a objetos es una base de datos
que incorpora todos los conceptos importantes del
paradigma de objetos:

Encapsulacin - Propiedad que permite ocultar la

informacin al resto de los objetos, impidiendo as accesos
incorrectos o conflictos.

Herencia - Propiedad a travs de la cual los objetos heredan

comportamiento dentro de una jerarqua de clases.

Polimorfismo - Propiedad de una operacin mediante la cual

puede ser aplicada a distintos tipos de objetos. En bases de
datos orientadas a objetos, los usuarios pueden definir
operaciones sobre los datos como parte de la definicin de la
base de datos. Una operacin (llamada funcin) se especifica
en dos partes.

La interfaz (o signatura) de una operacin incluye el nombre

de la operacin y los tipos de datos de sus argumentos (o
parmetros). La implementacin (o mtodo) de la operacin
se especifica separadamente y puede modificarse sin afectar
la interfaz. Los programas de aplicacin de los usuarios
pueden operar sobre los datos invocando a dichas
operaciones a travs de sus nombres y argumentos, sea cual
sea la forma en la que se han implementado.

Esto podra denominarse independencia entre programas y

operaciones. SQL: 2003, es el estndar de SQL92 ampliado,
soporta los conceptos orientados a objetos y mantiene la
compatibilidad con SQL92.

21
 g) Bases de datos documentales

Permiten la indexacin a texto completo, y en lneas generales

realizar bsquedas ms potentes. Tesaurus es un sistema de
ndices optimizado para este tipo de bases de datos. Bases
de datos deductivas

Un sistema de base de datos deductiva, es un sistema de base

de datos pero con la diferencia de que permite hacer
deducciones a travs de inferencias. Se basa principalmente
en reglas y hechos que son almacenados en la base de datos.
Las bases de datos deductivas son tambin llamadas bases
de datos lgicas, a raz de que se basa en lgica matemtica
(Pg. 30).

1.7 Tipos de Bases de Datos

Mencionando a Addison explica que las bases de datos pueden clasificarse

de varias maneras, de acuerdo al contexto que se est manejando, la
utilidad de las mismas o las necesidades que satisfagan. Segn la
variabilidad de los datos almacenados

a) Bases de datos estticas

Son bases de datos de slo lectura, utilizadas
primordialmente para almacenar datos histricos que
posteriormente se pueden utilizar para estudiar el
comportamiento de un conjunto de datos a travs del
tiempo.

b) Bases de datos dinmicas

stas son bases de datos donde la informacin almacenada
se modifica con el tiempo, permitiendo operaciones como
actualizacin, borrado y adicin de datos y adems de las
operaciones (Pg. 33).
22
Una base de datos (cuya abreviatura es BD) es una entidad en la cual se
pueden almacenar datos de manera estructurada, con la menor
redundancia posible. Diferentes programas y diferentes usuarios deben
poder utilizar estos datos. Por lo tanto, el concepto de base de datos
generalmente est relacionado con el de red ya que se debe poder
compartir esta informacin.

Una base de datos proporciona a los usuarios el acceso a datos, que

pueden visualizar, ingresar o actualizar, ya que cada usuario cuenta con los
derechos de acceso que se les hayan otorgado. Se convierte ms til a
medida que la cantidad de datos almacenados crece.

Una base de datos puede ser local, es decir que puede utilizarla slo un
usuario en un equipo, o puede ser distribuida, es decir que la informacin
se almacena en equipos remotos y se puede acceder a ella a travs de una
red.

La principal ventaja de utilizar bases de datos es que mltiples usuarios

pueden acceder a ellas al mismo tiempo, as mismo permiten el
almacenamiento masivo de informacin y esto es de gran utilidad para los
usuarios ya que permite tener un control de la informacin.

El acceso rpido a la informacin representa una ventaja a la hora de

visualizar los datos con los que cuneta la base ya que a travs de un
sistema web facilita a los administradores la tarea de buscar los registros.

Las desventajas en muchos negocios pequeos es el costo la actualizacin

y la vulnerabilidad a fallos a la hora de operar en tiempo real, para las
grandes empresas que administran grandes cantidades de datos son el
tamao ya que entre ms grande sea la base de datos se requiere ms
capacidad de disco duro y mayor memoria para un buen funcionamiento.

23
1.8 Lenguaje de Consultas Estructurado (SQL)

Escofet Martin Carmen (Pg. 5) cometa que SQL fue

originalmente diseado por IBM, aunque actualmente casi todos
los sistemas relacionales, de cualquier proveedor, implementan
alguna versin de SQL. Tanto la organizacin estadounidense
de normalizacin, ANSI, como la internacional, ISO, han
desarrollado sucesivas definiciones de un SQL estndar (SQL-
92).

El SQL es un lenguaje de acceso a bases de datos que explota

la flexibilidad y potencia de los sistemas relacionales permitiendo
gran variedad de operaciones sobre los mismos.

Retomando con Escofet C. (Pg. 6) comenta que SQL permite

una alta productividad en codificacin, de esa forma una sola
sentencia puede equivaler a uno o ms programas que utilizasen
un lenguaje de bajo nivel orientado a registro.

El SQL proporciona una rica funcionalidad ms all de la simple

consulta (o recuperacin) de datos. Asume el papel de lenguaje
de definicin de datos (LDD), lenguaje de definicin de vistas
(LDV) y lenguaje de manipulacin de datos (LMD). Adems
permite la concesin y denegacin de permisos, la
implementacin de restricciones de integridad y controles de
transaccin, y la alteracin de esquemas.

Existen dos tipos de sentencias:

a) Sentencias de definicin de datos que proporcionan las

rdenes para definir o modificar esquemas de relacin, eliminar
relaciones y crear ndices. Ej.: CREATE y DROP.

24
 b) Sentencias de manipulacin de datos (Data Manipulation
Language) que nos permiten realizar consultas y mantener los
datos (Pg. 5).

Continuando con Escofet (Pg. 10) menciona que muchas veces

se desea acceder a la base de datos desde una aplicacin hecha
en un lenguaje de programacin cualquiera, que nos ofrece
mucha ms potencia fuera del entorno de las bases de datos.
Para utilizar SQL desde un lenguaje de programacin se
necesitan sentencias especiales que permitan distinguir entre las
instrucciones del lenguaje de programacin y las sentencias de
SQL. La idea de trabajo bsicamente con un lenguaje de
programacin anfitrin se puede cobijar SQL como si fuese un
husped.

1.9 Tipos de Sistemas Gestores de Base de Datos.

1.9.1 Introduccin a MYSQL

Gilfillan Ian (Pg. 10) comenta que MySQL es un sistema

de administracin de bases de datos relacional (RDBMS). Se
trata de un programa capaz de almacenar una enorme cantidad
de datos de gran variedad y de distribuirlos para cubrir las
necesidades de cualquier tipo de organizacin, desde
pequeos establecimientos comerciales a grandes empresas y
organismos administrativos. MySQL compite con sistemas
RDBMS propietarios conocidos, como Oracle, SQL Server y
DB2. MySQL incluye todos 10s elementos necesarios para
instalar el programa, preparar diferentes niveles de acceso de
usuario, administrar el sistema y proteger y hacer volcados de
datos.

25
 Siguiendo con Gilfillan (Pg. 10) exsplica que se pueden
desarrollar sus propias aplicaciones de base de datos en la
mayor parte de los lenguajes de programacin utilizados en la
actualidad y ejecutarlos en casi todos los sistemas operativos,
incluyendo algunos de los que probablemente no ha odo nunca
hablar. MySQL utiliza el lenguaje de consulta estructurado
(SQL). Se trata del lenguaje utilizado por todas las bases de
relacionales, que presentaremos en una seccin posterior. Este
lenguaje permite crear bases de datos, as como agregar,
manipular y recuperar datos en funcin de criterios especficos.

Continuando con Gilfillan (Pg. 11) explica que Mysql es un

sistema de administracin de bases de datos relacional
(RDBMS). Se trata de un programa capaz de almacenar una
enorme cantidad de datos de gran variedad y de distribuirlos
para cubrir las necesidades de cualquier tipo de organizacin,
desde pequeos establecimientos comerciales a grandes
empresas.

1.9.1.1 Caractersticas Principales de MySQL

Retomando con Gilfillan (Pg. 12) comenta que MySQL es un

sistema de administracin de bases de datos relacional
(RDBMS). Se trata de un programa capaz de almacenar una
enorme cantidad de datos de gran variedad y de distribuirlos
para cubrir las necesidades de cualquier tipo de organizacin,
desde pequeos establecimientos comerciales a grandes
empresas y organismos.
MySQL compite con sistemas RDBMS propietarios conocidos,
como Oracle, SQL Server y DB2.MySQL incluye todos los
elementos necesarios para instalar.

26
 Reomando a Gilfillan (Pg. 13) argumenta que con MYSQL se
pueden desarrollar sus propias aplicaciones de base de datos
en la mayor parte de 10s lenguajes de programacin utilizados
en la actualidad y ejecutarlos en casi todos 10s sistemas
operativos, incluyendo algunos de los que probablemente no
ha odo nunca hablar. MySQL utiliza el lenguaje de consulta
estructurado (SQL). Se trata del lenguaje utilizado por todas
las bases de relacionales, que presentaremos en una seccin
posterior. Este lenguaje permite crear bases de datos, as como
agregar, manipular y recuperar datos en funcin de criterios
especficos

1.9.1.2 Conexin de MySQL a Bases de Datos.

Continuando con Gilfillan (Pg. 23) explica que el equipo en

el que se ejecuta MySQL y que almacena los datos se
denomina servidor MySQL. Para establecer una conexin a
este servidor, dispone de varias opciones de instalacin. En
primer lugar, puede instalar el cliente y el servidor MySQL en
su equipo de escritorio. En segundo lugar, puede instalar el
cliente MySQL en su equipo de sobremesa y el servidor
MySQL en otro equipo a1 que se establece la conexin. Por
ltimo, su equipo de sobremesa puede ser cualquier
ordenador que se conecte a otro equipo con un cliente
MySQL instalado, que a su vez se conectara a1 servidor
MySQL, situado en el mismo equipo o en otro.

27
Un Sistema Gestor de Bases de Datos (SGBD) o DBMA (DataBase
Management System) es una coleccin de programas cuyo objetivo es
servir de interfaz entre la base de datos, el usuario y las aplicaciones. Se
compone de un lenguaje de definicin de datos, de un lenguaje de
manipulacin de datos y de un lenguaje de consulta. Un SGBD permite
definir los datos a distintos niveles de abstraccin y manipular dichos
datos, garantizando la seguridad e integridad de los mismos.
Algunos ejemplos de SGBD son Oracle, DB2, PostgreSQL, MySQL, MS SQL
Server, etc.
Un SGBD debe permitir:
a) Definir una base de datos: especificar tipos, estructuras y restricciones
de datos.
b) Construir la base de datos: guardar los datos en algn medio
controlado por el mismo SGBD
c) Manipular la base de datos: realizar consultas, actualizarla, generar
informes.

MySQL es la base de datos de cdigo abierto ms popular del mundo.

Cdigo abierto significa que todo el mundo puede acceder a1 cdigo
fuente, es decir, a1 cdigo de programacin de MySQL. Todo el mundo
puede contribuir para incluir elementos, arreglar problemas, realizar
mejoras o sugerir optimizaciones.
La mayor parte del cdigo se encuentra escrito en lenguaje C/C++ y la
sintaxis de su uso es bastante simple, lo que permite crear bases de datos
simples o complejas con mucha facilidad. Adems, es compatible con
mltiples plataformas informticas y ofrece una infinidad de aplicaciones
que permiten acceder rpidamente a las sentencias del gestor de base de
datos.

28
1.9.2 Introduccin Oracle

Segers Koens Saint. (Pg. 6) cometa que Oracle es bsicamente

un herramienta cliente/servidor para la gestin de base de datos,
es un producto vendido a nivel mundial, aunque la gran potencia
que tiene y su elevado precio hace que solo se vea en empresas
muy grandes y multinacionales, por norma general.

En el desarrollo de pginas Web pasa lo mismo como es un

sistema muy caro no est tan extendido como otras bases de
datos, por ejemplo, Access, MySQL, SQL Server etc.

Oracle como antes lo mencionamos se basa en la tecnologa

cliente/ servidor, pues bien, para su utilizacin primero sera
necesario la instalacin de la herramienta servidor ( Oracle8i ) y
posteriormente podramos atacar a la base de datos desde otros
equipos con herramientas de desarrollo como Oracle Designer y
Oracle Developer, que son las herramientas de programacin
sobre Oracle a partir de esta premisa vamos a desarrollar las
principales acepciones de Oracle y sus aplicaciones en las
distintas reas de trabajo.

Una de las herramientas ms populares de esta empresa es

"Oracle Power Objects". Fue la primera herramienta en la industria
que le permita a los desarrolladores de software, trabajar con el
sistema de arrastrar y soltar los objetos.

Oracle permite desarrollar y correr aplicaciones cliente/servidor que

soportan desde cinco a cincuenta usuarios en cualquier plataforma,
incluyendo Windows, Macintosh y OS/2 Warp.

29
1.10 Desarrollo Web.

La web como es conocida en casi todo el mundo se basa en dos

puntos fundamentales como lo son el protocolo HTTP y el lenguaje
HTML. Uno permite la implementacin simple y sencilla de un sistema de
comunicaciones el cual permite enviar cualquier tipo de ficheros, de una
forma fcil que simplifica el funcionamiento del servidor.

Por tanto el otro nos permite un mecanismo de composicin de pginas

enlazadas simple y fcil y alto uso y eficiencia.

1.10.2 Protocolo HTTP

Gauchat Juan Diego (Pg. 15) comenta que el Protocolo de

Transferencia de HiperTexto (Hypertext Transfer Protocol)
es un sencillo protocolo cliente-servidor que articula los
intercambios de informacin entre los clientes Web y los
servidores HTTP. La especificacin completa del protocolo
HTTP 1/0 est recogida en el RFC 1945. Fue
propuesto por Tim Berners-Lee, atendiendo a las
necesidades de un sistema global de distribucin de
informacin como el World Wide Web.

Desde el punto de vista de las comunicaciones, est

soportado sobre los servicios de conexin TCP/IP, y
funciona de la misma forma que el resto de los servicios
comunes de los entornos UNIX: un proceso servidor
escucha en un puerto de comunicaciones TCP (por defecto,
el 80), y espera las solicitudes de conexin de los clientes
Web.

30
Continuando con Gauchat (Pg. 18) explica que HTML
significa HyperText Markup Language. Es el lenguaje en que
se escriben los millones de documentos que hoy existen en
el World Wide Web. Cuando accedemos a uno de estos
documentos, el cliente (Netscape, IE, Mosaic, Lynx,
Mozilla) los interpreta y los muestra.

Los documentos HTML son ficheros de texto plano

(tambin conocidos como ASCII) que pueden ser
editados con cualquier editor de texto (como Vim o el "Bloc
de notas" de Windows). Tambin podramos utilizar
cualquier programa procesador de textos (como StarWriter
o Word), salvando el documento como "solo texto". El
nombre de los ficheros escritos en lenguaje HTML suelen
tener la extensin HTML o htm.

El lenguaje HTML se basa en la sintaxis SGML (Standard

Generalized Markup Language). Esto quiere decir que los
diferentes elementos (prrafos, encabezamientos, tablas y
listas) de un documento para la WWW se sealan
intercalando etiquetas que indican al navegador cmo debe
mostrarlo.

Una etiqueta HTML consiste en un signo menor "<", un

nombre de una directiva (orden o comando para el
navegador), seguido de los parmetros o atributos y un
signo mayor ">". Para cualquier etiqueta que indica un el
inicio de un elemento hay otra de cierre que indica que esa
directiva ya no debe actuar sobre el texto que sigue.

31
HTML se compone de una serie de comandos, que son interpretados por
el visualizador, o programa que se utiliza para navegar por el internet. El
usuario y el navegador ejecutan las rdenes contenidas por el cdigo
HTML de forma que el visualizador pueda estar capacitado para realizar
ciertas acciones y el navegar pueda ejecutarlas correctamente.

HTML se estructura utilizando etiquetas, marcas, o comandos facilitando

as un mayor aprendizaje a los interesados en desarrollar. Las marcas
pueden contener de forma opcional, lo que se le llama atributo o
modificadores. Cada uno de los atributos seala el significado de cada una
de las marcas

La principal ventaja de utilizar el lenguaje HTML es que se puede

personalizar de una forma sencilla una pgina web con imgenes fondos y
colores llamativos para los usuarios que las visitan. Anteriormente las
pginas web solo eran textos aburridos con ttulos enormes y sin imgenes
o animaciones interactivas.

Una de las caractersticas principales de este lenguaje es que no se

requiere un programa o sistema operativo especial para crear una pgina
web. El cdigo HTML no es ms que texto en etiquetas ordenas de
distinta manera segn el tipo de programador que se encuentre
desarrollando.

32
1.11 Introduccin PHP

Rosselatt Maraboli Marcelo (Pg. 10) menciona que PHP es un

lenguaje de programacin de uso general de cdigo del lado del
servidor originalmente diseado para el desarrollo
web de contenido dinmico. Fue uno de los primeros lenguajes de
programacin del lado del servidor que se podan incorporar
directamente en el documento HTML en lugar de llamar a un
archivo externo que procese los datos. El cdigo es interpretado
por un servidor web con un mdulo de procesador de PHP que
genera la pgina Web resultante. PHP ha evolucionado por lo
que ahora incluye tambin una interfaz de lnea de comandos que
puede ser usada en aplicaciones grficas independientes. PHP se
considera uno de los lenguajes ms flexibles, potentes y de alto
rendimiento conocidos hasta el da de hoy, lo que ha atrado el
inters de mltiples sitios con gran demanda de trfico,
como Facebook, para optar por el mismo como tecnologa de
servidor.

Fue creado originalmente por Rasmus Lerdorf en 1995.

Actualmente el lenguaje sigue siendo desarrollado con nuevas
funciones por el grupo PHP. Este lenguaje forma parte
del software libre publicado bajo la licencia PHP, que es
incompatible con la Licencia Pblica General de GNU debido a las
restricciones del uso del trmino PHP.

33
1.11.2 Caractersticas de PHP.

Siguiendo con Rosselatt (Pg. 15) cometa que el gran parecido

que posee PHP con los lenguajes ms comunes de programacin
estructurada, como C y Perl, permiten a la mayora de
los programadores crear aplicaciones complejas con una curva de
aprendizaje muy corta.

Permite involucrar con aplicaciones de contenido dinmico sin

tener que aprender todo un nuevo grupo de funciones.Aunque
todo en su diseo est orientado a facilitar la creacin de sitios
webs, es posible crear aplicaciones con una interfaz grfica para
el usuario, utilizando alguna extensin como puede ser PHP-
Qt, PHP-GTK, WxPHP, WinBinder, Roadsend PHP,
Phalanger, Phc o HiP Hop VM. Tambin puede ser usado desde
la lnea de comandos, de la misma manera
como Perl o Python pueden hacerlo; a esta versin de PHP se la
llama PHP-CLI (Command Line Interface).

Explica que cuando el cliente hace una peticin al servidor para

que le enve una pgina web, el servidor ejecuta el intrprete de
PHP. ste procesa el script solicitado que generar el contenido
de manera dinmica (por ejemplo obteniendo informacin de una
base de datos). El resultado es enviado por el intrprete al
servidor, quien a su vez se lo enva al cliente.

34
1.11.3 Ventajas del Uso de PHP.

Continuando con Rosselatt (Pg. 21) comenta que PHP corre en

(casi) cualquier plataforma utilizando el mismo cdigo fuente,
pudiendo ser compilado y ejecutado en algo as como 25
plataformas, incluyendo diferentes versiones de AS/400, y Mac
OS X, Novell NetWare, OS/2, RISC OS, SGI IRIX 6.5.x, Solaris
(SPARC, INTEL), GNU/Linux y Microsoft Windows.
La sintaxis de PHP es similar a la del C, por esto cualquiera con
experiencia en lenguajes del estilo C podr entender rpidamente
PHP.
Se pueden hacer grandes cosas con pocas lneas de cdigo. Lo
que hace que merezca la pena aprenderlo.
Puede interactuar con muchos motores de bases de datos tales
como: MySQL, MS SQL, Oracle, Informix, PostgreSQL, y
otros.

1.11.4 Desventajas de Usar PHP.

Retomando a Rosselatt (Pg. 30) argumenta que PHP no naci

como un lenguaje propiamente orientado a objetos, lo cual puede
no permite explotar al mximo este tipo de programacin en
aplicaciones grandes.
a) Frecuentemente se encuentran algunas fallas en la seguridad.

b) La legibilidad del cdigo puede verse afectada al mezclar

sentencias HTML y PHP.

35
PHP puede ser desplegado en la mayora de los servidores web y en
casi todos los sistemas operativos y plataformas sin costo alguno. El
lenguaje PHP se encuentra instalado en ms de 20 millones de sitios
web y en un milln de servidores.

PHP es una alternativa a las tecnologas

de Microsoft ASP y ASP.NET (que utiliza C# y Visual Basic .NET como
lenguajes), a ColdFusion de la empresa Adobe, a JSP/Java,CGI/Perl y
a Node.js/Javascript. Aunque su creacin y desarrollo se da en el mbito
de los sistemas libres, bajo la licencia GNU.

El cdigo PHP se ejecuta cuando el cliente hace una peticin al servidor

para que le enve una pgina web, el servidor ejecuta el intrprete de PHP.
ste procesa el script solicitado que generar el contenido de manera
dinmica (por ejemplo obteniendo informacin de una base de datos). El
resultado es enviado por el intrprete al servidor, quien a su vez se lo enva
al cliente.

Actualmente el uso de PHP para el desarrollo Web est en decadencia ya

que el solo desarrollar en este lenguaje tienden a ser muy tedioso y las
pginas web que son creadas son muy lentas al cargar animaciones o
imgenes.

36
1.12 Introduccin a HTML 5.

Siguiendo con Gauchat (Pg. 30) comenta que HTML5 provee

bsicamente tres caractersticas: estructura, estilo y
funcionalidad. Nunca fue declarado oficialmente cuando algunas
APIs (Interface de Programacin de Aplicaciones) y la
especificacin de CSS3 por completo no son parte del mismo,
HTML5 es considerado el producto de la combinacin de HTML ,
CSS y Javascript.

Estas tecnologas son altamente dependientes y actan como una

sola unidad organizada bajo la especificacin de HTML5. HTML
est a cargo de la estructura, CSS presenta esa estructura y su
contenido en la pantalla y Javascript hace el resto.
Ms all de esta integracin, la estructura sigue siendo parte
esencial de un documento.
HTML provee los elementos necesarios para ubicar contenido
esttico o dinmico, y es tambin una plataforma bsica para
aplicaciones. Con la variedad de dispositivos para acceder a
Internet y la diversidad de interfaces disponibles para interactuar
con la web, un aspecto bsico como la estructura se vuelve parte
vital del documento. Ahora la estructura debe proveer forma,
organizacin y flexibilidad, y debe ser tan fuerte como los
fundamentos de un edificio.

37
1.12.1 CSS y HTML
Continuando con Gauchat (Pg. 42) explica que
Oficialmente CSS nada tiene que ver con HTML5. CSS no es
parte de la especificacin y nunca lo fue. Este lenguaje es un
complemento desarrollado para superar las limitaciones y
reducir la complejidad de HTML. Al comienzo, atributos dentro
de las etiquetas HTML provean estilos esenciales para cada
elemento, pero a medida que el lenguaje evolucion, la escritura
de cdigos se volvi ms compleja y HTML por s mismo no
pudo ms satisfacer las demandas de diseadores. En
consecuencia, CSS pronto fue adoptado como la forma de
separar la estructura de la presentacin. Desde entonces, CSS
ha crecido y ganado importancia, pero siempre desarrollado en
paralelo, enfocado en las necesidades de los diseadores y
apartado del proceso de evolucin de HTML.

La versin 3 de CSS sigue el mismo camino, pero esta vez con

un mayor compromiso. La especificacin de HTML5 fue
desarrollada considerando CSS a cargo del diseo. Debido a
esta consideracin, la integracin entre HTML y CSS es ahora
vital para el desarrollo web y esta es la razn por la que cada
vez que mencionamos HTML5 tambin estamos haciendo
referencia a CSS3, aunque oficialmente se trate de dos
tecnologas completamente separadas.
En este momento las nuevas caractersticas incorporadas en
CSS3 estn siendo implementadas e incluidas junto al resto de
la especificacin en navegadores compatibles con HTML5.

38
1.13 Historia de JavaScript

Retomando a Gauchat (Pg. 125) nos dice que JavaScript fue

desarrollado originalmente por Brendan Eich de Netscape con
el nombre de Mocha, el cual fue renombrado posteriormente
a LiveScript, para finalmente quedar como JavaScript. El
cambio de nombre coincidi aproximadamente con el
momento en que Netscape agreg compatibilidad con la
tecnologa Java en su navegador web Netscape Navigator en la
versin 2.002 en diciembre de 1995. La denominacin produjo
confusin, dando la impresin de que el lenguaje es una
prolongacin de Java, y se ha caracterizado por muchos como
una estrategia de mercadotecnia de Netscape para obtener
prestigio e innovar en lo que eran los nuevos lenguajes de
programacin web.

JAVASCRIPT es una marca registrada de Oracle

Corporation. Es usada con licencia por los productos creados
por Netscape Communications y entidades actuales como la
Fundacin Mozilla.

Microsoft dio como nombre a su dialecto de JavaScript

JScript, para evitar problemas relacionados con la marca.
JScript fue adoptado en la versin 3.0 de Internet Explorer,
liberado en agosto de 1996, e incluy compatibilidad con
el Efecto 2000 con las funciones de fecha.

39
1.13.2 Introduccin a JavaScript

Continuando con Gauchat (Pg. 126) describe a

JavaScript (abreviado comnmente "JS") es un lenguaje de
programacin interpretado, dialecto del estndar ECMAScript.
Se define como orientado a objetos, basado en
prototipos, imperativo, dbilmente tipado y dinmico.

Se utiliza principalmente en su forma del lado del cliente (client-

side), implementado como parte de un navegador web
permitiendo mejoras en la interfaz de usuario y pginas web.

El uso de javascript en aplicaciones externas a la web, por

ejemplo en documentos PDF, aplicaciones de escritorio
(mayoritariamente widgets) es tambin significativo.

JavaScript se dise con una sintaxis similar al C, aunque

adopta nombres y convenciones del lenguaje de programacin
Java. Sin embargo Java y JavaScript no estn relacionados y
tienen semnticas y propsitos diferentes.

40
1.13.3 Uso de JavaScript en Pginas WEB.

Siguiendo con Gauchat menciona que el uso ms comn de JavaScript

es escribir funciones incluidas en pginas HTML que interactan con el
Document Object Model (DOM o Modelo de Objetos del Documento) de la
pgina. Algunos ejemplos sencillos de este uso son:

a) Cargar nuevo contenido para la pgina o enviar datos

al servidor a travs de AJAX sin necesidad de recargar la
pgina (por ejemplo, una red social puede permitir al usuario
enviar actualizaciones de estado sin salir de la pgina).
b) Animacin de los elementos de pgina, hacerlos
desaparecer, cambiar su tamao, moverlos, etc.

c) Contenido interactivo, por ejemplo, juegos y reproduccin

de audio y vdeo. Validacin de los valores de entrada de un
formulario web para asegurarse de que son aceptables antes
de ser enviado al servidor.

d) Transmisin de informacin sobre los hbitos de lectura de

los usuarios y las actividades de navegacin a varios sitios
web. Las pginas Web con frecuencia lo hacen para hacer
anlisis web, seguimiento de anuncios, la personalizacin o
para otros fines.

El cdigo JavaScript puede ejecutarse localmente en el

navegador del usuario (en lugar de en un servidor remoto), el
navegador puede responder a las acciones del usuario con
rapidez, haciendo una aplicacin ms sensible. Por otra parte,
el cdigo JavaScript puede detectar acciones de los usuarios
que HTML por s sola no puede, como pulsaciones de teclado
(Pg. 10).

41
Retomando a Gauchat (Pg. 11) explica que las aplicaciones
como Gmail se aprovechan del lenguaje ya que la mayor parte
de la lgica de la interfaz de usuario est escrita en
JavaScript, enviando peticiones al servidor (por ejemplo, el
contenido de un mensaje de correo electrnico).

La tendencia cada vez mayor por el uso de la programacin

Ajax explota de manera similar esta tcnica.

Un motor de JavaScript (tambin conocido como intrprete

de JavaScript o implementacin JavaScript) es un intrprete
que interpreta el cdigo fuente de JavaScript y ejecuta la
secuencia de comandos en consecuencia. El primer motor de
JavaScript fue creado por Brendan Eich en Netscape
Communications Corporation, para el navegador web
Netscape Navigator. El motor, denominado SpiderMonkey,
est implementado en C. Desde entonces, ha sido actualizado
(en JavaScript 1.5) para cumplir con el ECMA-262 edicin 3. El
motor Rhino, creado principalmente por Norris Boyd (antes de
Netscape, ahora en Google) es una implementacin de
JavaScript en Java. Rhino, como SpiderMonkey, es compatible
con el ECMA-262 (Pg. 140).

42
Todos los navegadores modernos interpretan el cdigo JavaScript
integrado en las pginas web. Para interactuar con una pgina web se
provee al lenguaje JavaScript de una implementacin del Document
Object Model (DOM). JavaScript se interpreta en el agente de usuario, al
mismo tiempo que las sentencias van descargndose junto con el
cdigo HTML.

Debido a que JavaScript es el nico lenguaje por el que los ms populares

navegadores comparten su apoyo, se ha convertido en un lenguaje al que
muchos frameworks en otros lenguajes, a pesar de que JavaScript no fue
diseado con esos objetivos.

JavaScript es un lenguaje utilizado para anexar efectos y procesos

dinmicos e inteligentes a documentos HTML. Un documento HTML
viene siendo coloquialmente una pgina web. As, podemos decir que el
lenguaje JavaScript sirve para ejecutar acciones rpidas y efectos
animados en pginas web.

Las acciones controladas por JavaScript pueden ser el despliegue de un

men, hacer aparecer, desaparecer o cambiar texto e imgenes, realizar
clculos y mostrar resultados, mostrar mensajes de aviso (por ejemplo si
faltan datos en un formulario) y efectos animados en general.

43
 CAPTULO ll
DESCRIPCIN DE ACTIVIDADES
2.1 Anlisis del Sistema

Al paso del tiempo la forma de comercializar artculos no es la misma que

la de hace treinta aos ya que con el uso masivo de internet permite a los
usuarios que tienen acceso a un celular Tablet o computadora mantener
una comunicacin constante por medio de las redes sociales, blogs o foros.
El sistema que se implementa en la comunidad de Villa Victoria
denominado SISTEMA DE COMPRA Y VENTA DE ARTCULOS
ELECTRNICOS UTILIZANDO RESPONSIVE WEB DESIGN; de aqu en
adelante (SCVAE) presenta la forma actual de comprar artculos
electrnicos haciendo el cual cuenta con una pgina de inicio la cual puede
ser consultada por cualquier usuario sin necesidad de contar con un
registro.
Las nuevas caractersticas con las que cuenta el SCVAE es que es
adaptable en cualquier dispositivo mvil, no tiene un diseo esttico a la
resolucin de una pantalla. Al utilizar la tecnologa de responsive web
design permite que las imgenes o mens se adapten a la resolucin de los
dispositivos ales como celulares tabletas o computadoras.

La pgina de inicio cuenta con un men principal el cual presenta mdulos

especficos para cada accin; por ejemplo un mdulo de ofertas y otro de
registro para nuevos usuarios.

45
2.1.1 Descripcin de la Problemtica General

En la actualidad la forma tradicional de comprar y vender artculos ha

evolucionado gracias a la nueva herramienta que conecta a todo el mundo
el internet. Los lmites de conectividad no existen ya que con solo contar
con conexin a la red y hacer uso de un ordenador, celular o Tablet es
posible realizar actividades de comercio electrnico.
La comunidad de Villa Victoria sufre un retaso en el mbito comercial ya
que hasta la fecha no cuenta con un sistema de comercio electrnico; con
opciones de compra a los usuarios con la necesidad de utilizar artculos
electrnicos principalmente memorias USB, laptops, bocinas y audfonos.
La gran expansin de estos artculos en el mercado tiene un impacto muy
grande principalmente en los estudiantes de los distintos niveles
acadmicos. Actualmente la comunidad cuenta con un total de dos tres
planteles de educacin media superior y un plantel de educacin superior,
los cuales demandan un enorme uso de artculos electrnicos.
Es por ello que se impelenta el sistema SCVAE el cual cuenta con
interfaces especficas para cada tipo de usuario registrado ya que cada uno
desempea funciones distintas.
Todos los usuarios que cuenten con la informacin necesaria que el SCVAE
requiere, pueden realizar un registro en la pgina oficial y con ello visualizar
los artculos de oferta.

46
2.1.2 Descripcin de Problemas Especficos

a) Prdida econmica:
El no contar con un sistema de venta de artculos electrnicos
representa una prdida econmica los usuarios ya que si desean
adquirir un artculo tiene que asistir de manera personal a los
puntos de venta realizando as gasto de transporte innecesario.
b) Desgaste de tiempo:
La comunidad de Villa Victoria no cuenta con establecimientos
especficos de venta para artculos electrnicos tales como
memorias, audfonos o laptops. Si se desea adquirir es necesario
viajar a la ciudad de Toluca o Mxico presentando as un desgaste
de tiempo innecesario si lo nico que se desea comprar es un solo
artculo.
c) Estar a la vanguardia haciendo uso de las nuevas tecnologas.
La implementacin del sistema permite expandir fronteras en la
venta de artculos electrnicos ya que al hacer uso de internet, se
cuenta con un avance y mayor promocin gracias al uso de las
redes sociales, blogs y pginas web.

2.1.3 Aproximacin a la Solucin

Al implementar el SCVAE permite a los usuarios que lo utilice una
reduccin de costos econmicos y de tiempo ya que ofrece una
visualizacin de artculos y as obtener detalles especficos sin necesidad
de viajar o estar en forma presencial para realizar la compra.

47
2.1.4 Estudio Tcnico y Operativo

Para el funcionamiento bsico de un sistema web es necesario contar con

un equipo de cmputo y una conexin estable a internet ya que la
manipulacin del sistema SCVAE lo incluye. El equipo de cmputo debe
estar a la vanguardia de las necesidades diarias con una gran capacidad de
almacenamiento, memoria RAM y procesador en excelentes condiciones.

2.1.4.1 Requerimientos Mnimos de Hardware

El funcionamiento del SCVAE puede ejecutarse en cualquier dispositivo ya

sea Tablet, telfono celular, o computadora con las siguientes
caractersticas:

a) Procesador Intel Pentium de 1.60 GHz

b) Memoria RAM de 2 GB
c) Disco duro de 120 GB
d) Impresora blanco y negro
e) Dispositivos mviles con Sistema Operativo androide.
f) Tablet de cualquier resolucin en pantalla.

48
2.1.4.2 Requerimientos Mnimos de Software

Para cada uno de los ordenadores que ejecuten el sistema web SCVAE se
requiere un sistema operativo opcional los cuales pueden ser.
a) Windows XP, 7, 8, 8.1 y 10.
b) Mac
c) Android
d) Ubuntu

Para ejecutar la aplicacin web es necesario ejecutarlo en los siguientes

navegadores.
a) Mozilla
b) Google Chrome
c) Internet Explorer

Los gestores de base de datos son los siguientes.

a) Servidor Appserv
b) Gestor de base de datos Mysql

2.1.4.3 Requerimientos Mnimos de Recurso Humanos

Para la manipulacin de informacin del sistema es necesario un
administrador con conocimientos en bases de datos y sistemas web, ya
que la operacin incluye el registro, respaldo, y migracin de base de datos
en caso de cualquier problema.
Los conocimientos bsicos en un administrador del sistema web deben ser.

a) Contar con conocimientos en descargas y documentos con

extensin PDF.
b) Manejo de sistemas operativos actuales.
c) Manejo de base de datos.

El administrador del sistema cuenta con un manual de usuario para su

correcto funcionamiento.

49
50
 Referencias Bibliogrficas.

1.- Abraham Silberschatz. Fundamentos de bases de datos. Mc Graw

Hill, cuarta edicin. 2002. Espaa.

2.- Addison Wesley Longman. Introduccin a los sistemas de bases

de datos. Pearson. Septima edicin. 2001. Estados Unidos.

3.- Escofet Martin Carmen. El lenguaje SQL. Voc. Segunda edicin.

2002. Espaa.

4.- Gauchat Juan Diego. El gran libro de HTML, Css3, y javascript.

Marcombo. Primera edicin. 2012. Espaa.

5.- Gilfillan. Ian La biblia de MySQL. Anaya multimedia. Primera

edicin. 2003. Espaa.

6.- Segers Koens Saint. Oracle introduccin a bases de datos. String.

Primera edicin. 2009. Estados Unidos.

51
7.- Rosselatt Maraboli Marcelo. Manual de programacin en PHP.
Valparaso. Primera edicin.2008. Espaa.

52
9