MINISTERIO DE EDUCCACION

DIRECION REGIONAL DE EDUCCACION CUSCO

INSTITUTO DE EDUCACION SUPERIOR TECNOLOGICO PRIVADO

“CANCHIS”

PROGRAMA DE ESTUDIOS
COMPUTACIÓN E INFORMÁTICA

PROYECTO PRODUCTIVO: TITULADO

“DESARROLLO E IMPLEMENTACION WEB PARA EL CONTROL

DE MATRICULA EN EL IEST PRIVADO CANCHIS”

ESPECIALIDAD: COMPUTACION E INFORMATICA

PRESENTADO POR:
: NINA HIHUALLANCCA, Wilberth
: QUISPE MAMANI, Alex Benjamín
: QUITO YUCRA, Vicky Soledad

PARA OPTAR AL TITULO PRFESIOANAL DE TECNICO EN

COMPUTACION E INFORMATICA

ASESOR: Mg. EDWIN MAMANI LOPEZ

SICUANI – CUSCO – PERU

2018
 DEDICATORIA

“Yo esperaba impaciente a Dios: hacia mí se inclinó y escucho mi clamor. Me sacó

de la fosa fatal, del fango cenagoso; asentó mis pies sobre roca, afianzó mis pasos.” …
“Dichoso será el hombre que pone en Dios su confianza, y no se va con los rebeldes que
andan tras lo ídolos.”

Salmo 40, 2-3.5

Este presente trabajo está dedicado está dedicado a Dios quien nos supo guiarnos por
buen camino, darnos fuerza para seguir adelante.

A nuestros padres y familiares y amigos de cada uno de los integrantes del grupo por ellos
somos lo que somos, quienes nos han apoyado para poder llegar a esta instancia de
nuestros estudios, ya que ellos siempre han estado presentes para darnos, concejos,
comprensión, amor, y ayuda en los momentos difíciles y ayudarnos con los recursos
necesarios para estudiar. Nos dieron todo lo que somos como persona, valores, principios,
empeño, perseverancia, coraje para seguir objetivos.

A mis maestros y compañeros que en el pasar de la vida nos hemos encontrado porque
cada uno ellos nos han motivado a perseguir nuestros sueños.

2
 AGRADECIMIENTO

Como otros muchos alumnos, este proyecto ha transitado por distintos períodos, ha
conocido momentos productivos. En primer lugar, queremos agradecer al Mgt. Edwin
Mamani López; nuestro asesor. Porque a pesar de nuestros errores nos da aliento a seguir
adelantes.

A nuestros padres, amigos por brindarme una mano siempre en los momentos difíciles a
vosotros, y también algunos docentes que no es necesario nombrarlos, porque habéis
aligerado ese sentimiento de soledad que inevitablemente que nos acompaña nuestra
tesis.

Agradecemos primeramente a Dios por habernos motivado para realizar el presente

proyecto, agradecemos también a nuestros padres por su apoyo incondicional y por estar
siempre dándonos aliento para seguir adelante, a nuestros maestros porque a través de
sus enseñanzas logran transmitirnos sus conocimientos e inculcarnos el deseo por la
investigación.

3
 PRESENTACIÓN

Señores miembros del Jurado Calificador:

Cumpliendo con las disposiciones vigentes emanadas por el Reglamento de
Grados y Títulos del Instituto de Educación Superior Tecnológico Privado
“CANCHIS” de la ciudad de Sicuani, en la Carrera Técnico Profesional de
Computación e Informática, sometemos a su criterio profesional la evaluación del
presente trabajo titulado “DESARROLLO E IMPLEMENTACION WEB PARA EL
CONTROL DE MATRICULA EN EL IEST PRIVADO CANCHIS” elaborado con el
propósito de obtener el Título Técnico Profesional en Computación e Informática.

El Presente trabajo de investigación tiene como Objetivo Principal Diseñar e

implementar un sistema informático web para mejorar el proceso administrativo en el IEST
PRIVADO” CANCHIS”. La cual esperamos su aprobación respectiva.

Agradecemos por anticipado las sugerencias del caso así como sus apreciaciones
para el mejoramiento del mismo.

LOS ESTUDIANTES.

4
 INTRODUCCION

Un sistema de matrícula web es muy importante para la administración del instituto y el

alumnado a través del tiempo y el crecimiento de la institución a las condiciones reales y

situaciones administrativas se hace un poco mas pesado y mucho

En el capitulo I, se plantea el problema de la investigación, así mismo se describe

los objetivos…

5
 INDICE

1 Contenido
DEDICATORIA ................................................................................................................................................... 2
AGRADECIMIENTO .......................................................................................................................................... 3
PRESENTACIÓN ............................................................................................................................................... 4
INTRODUCCION ............................................................................................................................................... 5
1.1 TITULO DEL PROYECTO: ........................................................................................................................ 7
1.2 RESPONSABLES DEL PROYECTO ....................................................................................................... 8
1.3 DATOS DEL PROYECTO .......................................................................................................................... 8
1.4. ANALISIS FODA.......................................................................................................................................10
1.5 DIAGNOSTICO Y JUSTIFICACION .......................................................................................................11
1.6 DESCRIPCION DEL PROYECTO ..........................................................................................................12
1.7. OBJETIVOS: .............................................................................................................................................12
1.7.1. OBJETIVO GENERAL: ...................................................................................................................12
1.8. JUSTIFICACIÓN DEL PROYECTO ......................................................................................................13
1.9. UBICACIÓN DEL PROYECTO ..............................................................................................................14
1.10. ÓRGANO O INSTITUCIÓN RESPONSABLE ...................................................................................15
1.11. ADMINISTRACION DEL PROYECTO................................................................................................15
1.12. BENEFICIARIOS DIRECTOS E INDIRECTOS ................................................................................16
2.1. ANTECEDENTES DEL PROYECTO ....................................................................................................17
2.2. BASES TEÓRICAS ..................................................................................................................................18
2.2.1. LENGUAJE PROGRAMACIÓN WEB ................................................................................................18
LENGUAJE JAVASCRIPT ........................................................................................................................27
SINTAXIS: .................................................................................................................................................30
LAS VENTAJAS ..........................................................................................................................................38
En resumen: ................................................................................................................................................39
LAS DESVENTAJAS ..................................................................................................................................39
JQUERY MOBILE .......................................................................................................................................39

6
 PRIMERA PARTE

CARACTERIZACIÓN DE LA REALIDAD Y PLANTEAMIENTO DEL PROYECTO

1.1 TITULO DEL PROYECTO:

Este proyecto surge de la idea de plantear un modelo de sistema que ayude en la
administración para mejorar la implementación en matrícula y algunas áreas necesarias

Como también la imagen administrativa, donde los principales beneficios seas los
estudiantes de toda las carreras que en muchas ocasiones se ven expuestos a la
manipulación algunas hojas o muchos papeleos, es por ello que nosotros emos decidido
implementar un sistema web de matriculas y pagos, para evitar muchos papeleos por la
administración y así acceder más fácil a las consultas de los estudiantes.

Las verificaciones de notas y pagos es el derecho de la institución en atender las

consultas de los estudiantes que muchos de ellos no siempre están tan informando

Este proyecto consta en implantar un sistema web de matrícula que cumpla la

función de matricular y ver las pagos de todo los estudiantes para así dar menos trabajo a
la administración educativa que obtendrá muchos beneficios y mes trabajo físico.

7
1.2 RESPONSABLES DEL PROYECTO
RESPONSABLES DEL PROYECTO Y/O EMPRENDEDORES

Los responsables del proyecto son tres emprendedores con experiencia en

conocimientos en computación e informática

NINA HIHUALLANCCA, Wilberth. Tiene conocimiento en ofimática avanzado y

también en programas y base de datos, php, html,css y variedades de programas y
sistemas

QUITO YUCRA, Vicky Soledad. Tiene experiencia en enseñanzas de alumnos porque

hiso sus prácticas en “cetpro ace” más de un año como docente en algunas áreas.

QUISPE MAMANI, Alex Benjamín. Tiene conocimiento en la buena atención al cliente

como, servicios a municipios colegios y todo clase de entidades y creación de

softwares pequeños y también en ofimática avanzada.

Los emprendedores tienen claro que el éxito depende de una alta dedicación, además

habrá una exigencia mutua y todos tendrán que aportar conjuntamente enseñanzas

académicas, experiencias, aficiones y aptitudes, adecuadas para garantizar en la medida

de lo posible el éxito de su iniciativa empresarial

PROYECTO PRODUCTIVO EMPRESARIAL

1.3 DATOS DEL PROYECTO

1.3.1 Proyecto : Productivo /Empresarial

1.3.2 I.E.S.T.P: “CANCHIS”

8
1.4. Ámbito de ejecución: Techo Obrero – Sicuani.

1.3.1. Región: Cusco

1.3.2. Provincia: Canchis

1.3.3. Distrito: Sicuani

1.5. Localización: Jr. Wiracocha 111

1.6. Duración

1.5.1. Inicio: Diciembre- 2017

1.5.2. Término: Febrero - 2018

1.7. Servicio y/o bien a ofertar:

 Registro de alumnos.

 Gestionar asignaturas

 Gestionar docentes

 Registro de matriculas

 Registro de notas.

 Rankin de alumnos

 Listar matriculas.

 Ficha matriculas.

 Boleta de notas

 Calificaciones.

1.8. Inversión en el Proyecto: Es de s/. 2700.00 nuevos soles.

1.8.1. Financiamiento.

1.9.1. Fuente Nº 01: Inversión de emprendedores S/.900.00 cada uno

1.9.2 Responsables del Proyecto:

9
 Alumnos del Instituto Superior Tecnológico Privado “Canchis”

1.10. Clientes: la administración institucional, docentes y alumnos del instituto superior

tecnológico privado “CANCHIS” como también institutos, colegios.

1.11. Herramientas de promoción: redes sociales, afiches.

1.12. Asesor: Mgt. EDWIN MAMANI LOPEZ

1.4. ANALISIS FODA

FORTALEZAS

 El IEST Privado Canchis cuenta con dos laboratorio de computo adecuadamente

implementados

 El equipo de emprendedores cuenta con una comunicación favorable

 Los emprendedores demuestran trabajo en equipo

 Personal capacitado a tiempo completo.

OPORTUNIDADES

 Existen muchas organizaciones, ofinas,

 Desarrollo de software y herramientas cada más eficientes

 Desenvolverse satisfactoriamente en sus funciones

 Adquirir habilidades y destrezas

 Tener seguridad en sí mismos

 Docentes altamente competitivos

 Las actualizaciones más sobre la tecnología.

DEBILIDADES

 Deficiencia en controlar las consultas de notas de los estudiantes

10
  Deficiente en la administrativa en las matriculas o pagos

AMENAZAS

 Competencia de programadores.

 Creadores de sistemas a bajo precio.

1.5 DIAGNOSTICO Y JUSTIFICACION

2.1.- IDENTIFICACIÓN Y DESCRIPCIÓN DEL PROBLEMA

En el instituto “CANCHIS”, es muy primordial una sistema de matrícula web y que también
que los estudiantes del instituto puedan consultar las arias o didácticas sus notas y los
pagos correspondientes. Actualmente, el instituto superior privado “CANCHIS” no cuenta
con un Sistema de matrículas por web , el mismo que por ser trabajoso y deficiente, no
permite concluir satisfactoriamente las actividades académicas

Es por ello que la mayoría de estos se vienen realizando en forma manual, el cual implica
disponer de mayor tiempo de llevarlo a cabo. Otro punto a tener en cuenta es que no hay
un control estricto de las matriculas y las notas y los pagos.

Todo lo mencionado conlleva a una deficiente gestión de información comercial,

disminuyendo su competitividad. Por tanto contar con un sistema de matrícula web para
mejorar el proceso administrativo en el instituto privado “CANCHIS” significa reducir las
tareas de y registro de las operaciones al mínimo necesario, reducir errores, eliminar la
duplicación de tareas, generar listados e información útil para mejorar la toma de
decisiones académicas, con relación al aumentar de control administrativo.

Con la marcha de nuestro proyecto, brindamos reducir el labor en la parte administrativa.

Así mismo mencionaremos que parte de nuestro proyecto es despertar el interés y hacer
conocer de la importancia de un sistema de matricula web y los registro de notas

11
1.6 DESCRIPCION DEL PROYECTO
El proyecto consistirá en la implementación y funcionamiento de “DESARROLLO E
IMPLEMENTACION WEB PARA EL CONTROL DE MATRICULA EN EL IEST PRIVADO
CANCHIS” , que estará ubicada en la parte administrativa del IEST Privado. ” CANCHIS”.
La elección de la ubicación en esta localidad es, básicamente, porque los emprendedores
han visto la ausencia de un sistema web de matrícula y pagos y es de mucha necesidad
para los estudiantes. Nuestro compromiso es ofrecer y uno que haga la tarea física. Que
tendrá algunos complementos o partes como las notas de cada estudiante, los docentes de
cada área y los módulos de cada carrera.

Los emprendedores, NINA HIHUALLANCCA, Wilberth. QUITO YUCRA, Vicky Soledad

y QUISPE MAMANI, Alex Benjamín. Son estudiantes de la carrera de Computación e
Informática del VI ciclo del Instituto Superior Tecnológico Privado “CANCHIS” y a pesar de
no tener experiencia como empresarios tienen conocimiento amplio sobre los sistemas
web y de escritorio y así desarrollar e implementar un sistema web de matrícula.

1.7. OBJETIVOS:
1.7.1. OBJETIVO GENERAL:
 Implementar un sistema matricula web, para el mejor gestión en el proceso de
matriculas y evaluaciones y brindar atención oportuna y contribuir en la consultas e brindar
información a los estudiantes.

1.7.2. OBJETIVOS ESPECÍFICOS:

 Analizar el diseño de un sistema informático que permita mejorar el proceso

administrativo en el IEST Privado “CANCHIS”.
 Analizar el diseño de un sistema informático web que permita mejorar los procesos
de administrativo en IEST Privado “CANCHIS”

 Brindar confianza, en sus inquietudes del estudiante.

 Fomentar en toda la comunidad CANCHINA los proyectos productivos y

participación que propicien una mejor calidad de vida y contribuyan a nuevos

aprendizajes.

12
1.8. JUSTIFICACIÓN DEL PROYECTO
La ejecución del proyecto se sustenta en el aspecto legal, puesto que “DESARROLLO E
IMPLEMENTACION WEB PARA EL CONTROL DE MATRICULA EN EL IEST PRIVADO
CANCHIS”es el nombre del proyecto productivo que se realizara con el fin de lograr la
titulación en base a los lineamientos de los egresados de instituto de educación superior
tecnológico que aplica el nuevo diseño curricular básico.

En el aspecto Social Estamos ejecutando este proyecto porque las promotores hemos
observado que buen porcentaje de nuestros compañeros estudiantes tiene cierta limitación
o tienen dificultades en su consultas, y que además nuestra carrera exige estar siempre
bien capacitados y actualizados tanto en la teoría como en la práctica.. Por lo tanto, hemos
decidido ejecutar este proyecto que lleva por nombre “DESARROLLO E
IMPLEMENTACION WEB PARA EL CONTROL DE MATRICULA EN EL IEST PRIVADO
CANCHIS” En cuanto al aspecto académico pondremos en práctica nuestras capacidades
lo cual nos servirá para desenvolvernos en las actividades de nuestra empresa, habilidades
obtenidas por intermedio de los docentes del I.E.S.T.P. “CANCHIS”, como técnicas en
enfermería.

Cabe señalar que saber hacer, incluye nuevas normas en la práctica educativa, ya que con
esto dejamos de lado el constante hábito de trabajar dentro del aula, para explorar y
vivenciar las riquezas del entorno. Los estudiantes pasan a ser gestores de su
propio conocimiento y aprendizaje, aplicando técnicas grupales para favorecer el diálogo,
colaboración y la ayuda mutua.

Así también, los proyectos productivos, son importantes debido a que los docentes tienen
una mayor comunicación con los alumnos.
En el aspecto económico tendremos ingresos para poder seguir implementado más bienes
y servicios que será útil para la empresa, el cual obtendremos ganancias para beneficiar a
cada uno de los emprendedores.

13
1.9. UBICACIÓN DEL PROYECTO
ÁREA GEOGRÁFICA:

UBICACIÓN POLITICA

 DEPARTAMENTO : Cusco

 PROVINCIA : Canchis

 DISTRITO : Sicuani

 LOCALIZACION : I.E.S.T.P. “CANCHIS”

UBICACIÓN HIDROGRAFICA

 Cuenca del Vilcanota

UBICACIÓN GEOGRAFICA

 LATITUD MEDIA : 14*06’37”

 LONGITUD OESTE : 71*26’01”

 ALTURA CAPITAL (M.S.N.M.) : 3475 m.s.n.m.

 SUPERFICIE ( KM2) : 182.5

 AREA : 7 m con 50 cm de largo y el ancho de

7 m2. Aproximadante.

ÁREA DE IMPLEMENTACION DEL PROYECTO:

El Instituto de Educación Superior tecnológico Privado “CANCHIS” de Sicuani se

encuentra ubicado en Jr. Wiracocha Nº 111, de la ciudad de Sicuani, Provincia de

Canchis, Departamento Cusco.

LIMITA:

Norte : con el Jr. Wiracocha.

14
 Sur : con la propiedad de la Fam. Bustamante.

Este : con la propiedad de la Fam. Quintanilla.

Oeste : con la propiedad de la Fam. Labra Esquivel.

Área : 800 m2.

Cuenta con vías de comunicación permanente terrestre como: autos particulares,

movilidad pública como empresa Belén, Inmaculada y cuenta con servicio público como,

agua potable, luz, internet.

1.10. ÓRGANO O INSTITUCIÓN RESPONSABLE

ENTIDAD RESPONSABLE
 IEST Privado. “CANCHIS”.
 Carrera profesional de Computación e informática.
 Junta administrativa del presente proyecto productivo.
RECURSO INSTITUCIONAL
 Laboratorio de Computación e Informática del IEST Privado “CANCHIS”
RECURSOS HUMANOS
 Docentes de la Computación e Informática
 Estudiantes de la carrea de Computación e Informática

1.11. ADMINISTRACION DEL PROYECTO

FORMA Y ADMINISTRACION DEL PROYECTO
 PRESIDENTE : Wilberth Nina Hihuallancca.
 SECRETARIO : Alex Quispe Mamani.
 TESORERA : Vicky Soledad Quito Yucra
LA PRESIDENTA: Tiene como función convocar y asistir a las reuniones y así
mismo estar al pendiente en las actividades que se realizan, entre otros.
LA SECRETARIA: Tiene como función redactar algún documento y estar al pendiente
del proyecto.

15
 EL TESORERO: Tiene como función guardar el dinero de los emprendedores si es
que hubiera y también está al pendiente del proyecto.

1.12. BENEFICIARIOS DIRECTOS E INDIRECTOS

9.1.- BENEFICIARIOS DIRECTOS E INDIRECTOS
DIRECTOS
 I.E.S.T.P. “CANCHIS”.
 La parte administrativa.
 La secretaria.
 Estudiantes de la de toda la carrera.
 Emprendedores del proyecto productivo.
INDIRECTOS
 Estudiantes con bajas notas.
 Instituciones externas.

SEGUNDA PARTE
MARCO TEORICO CONCEPTUAL

Los acelerados cambios en el mundo de la tecnología no escapan ni un momento al

quehacer educativo, es por eso que la práctica docente de igual manera debe cambiar,
centralizando su actividad hacia el estudiante dentro de un entorno interactivo de
aprendizaje y buscando medios para que el padre de familia también pueda hacerse
participe.

16
Vigostky afirmaba que los estudiantes aprenden mejor en colaboración con sus pares,
profesores, padres de familia y otros, cuando se encuentren involucrados en forma activa
en tareas significativas e interesantes. El manejo de la página Web institucional con ayuda
de software educativo y otras herramientas, posibilita y permite mejoras en el proceso de
aprendizaje en varios aspectos:
- Los estudiantes, padres de familia y educadores interactuar desde cualquier lugar donde
se encuentren.
- Aporta estrategias para que exista en el estudiante un aprendizaje autónomo,
colaborativo, crítico y significativo.
- El profesor sea un facilitador, un orientador del conocimiento un participe más del proceso
de aprendizaje y junto con los estudiantes; además requiere que los docentes adquieran
nuevos conocimientos y habilidades.
- Permite que toda la comunidad educativa rompa los esquemas tradicionales de en al
administración.

2.1. ANTECEDENTES DEL PROYECTO

La Institución actualmente no cuenta con un sistema de matricula web que pueda brindar la
facilidad tanto a los estudiantes y la parte administrativa que es muy necesario contar con
un sistema web de matricula. Que pueda organizar con mas facilidad la parte administrativa
del IEST Privado “CANCHIS”, debido a esto los estudiantes del instituto canchis no están
tan informados sobre las didacticas y las deudas que deben o simplemente hacer su
consulta de notas ques muy elemental para el estudiante. Es por tanto que nosotros luego
de haber revisado diferentes bibliotecas de la localidad de CANCHIS y haber revisado
diferentes bibliografías hemos optado por realizar el proyecto de “DESARROLLO E
IMPLEMENTACION WEB PARA EL CONTROL DE MATRICULA EN EL IEST PRIVADO
CANCHIS”, para que los estudiantes puedan hacer sus matrículas mediante web y también
puedan ver sus pagos y sus notas.

Así mismo pudimos encontrar bibliografías existentes a nivel nacional, y tenemos los

siguientes:

 PROYECTO PRODUCTIVO: DESARROLLO WEB Y CURSO TALLER

 PROYECTO PRODUCTIVO: CONSULTA DE MATRICULAS Y NOTAS VIA WEB

17
2.2. BASES TEÓRICAS

2.2.1. LENGUAJE PROGRAMACIÓN WEB

Actualmente existen diferentes lenguajes de programación para desarrollar en la web,
estos han ido surgiendo debido a las tendencias y necesidades de las plataformas. En el
presente artículo pretende mostrar las ventajas y desventajas de los lenguajes más
conocidos.

Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se
dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las
tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio
lugar a desarrollar lenguajes de programación para la web dinámicos, que permitieran
interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación,
daremos una introducción a los diferentes lenguajes de programación para la web.

HTML:
DEFINICION: El HTML no es más que una aplicación del SGML (Standard Generalized
Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes
de marcas para representar esos mismos documentos. El término HTML se suele referir a
ambas cosas, tanto al tipo de documento como al lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres
etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos
cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos
cuenta que en Internet no solamente se puede ver la información sino que también se
puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a
todos los rincones del mundo.
Para que varias personas se comuniquen es necesarios que éstas hablen un mismo
idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es
HTML. A través de esta monografía explicaremos que es HTML, sus orígenes y
el proceso de creación de una página web.

¿Que es el HTML?

18
El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el
lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue
creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo
dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o
ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de
Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique
como debe verse. HTML no es propiamente un lenguaje de programación como
C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún
compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se
visualizara en la forma como éste lo entienda.
El entorno para trabajar HTML es simplemente un procesador de texto, como el que
ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que
ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la
extensión .htm o .html
Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en
Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.
También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión
4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela
desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario
giratorio entre página y página.
A continuación vamos a hablar un poco de historia:
Orígenes del HTML
1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language,
origen del HTML.
1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones Nucleares
presenta su artículo Information Management: A Proposal dedicándose de lleno
al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la
información disponible en muchos recursos distintos, y que pudiese funcionar
en máquinas que conectadas por redes basadas en TCP/IP.
1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard
Generalized Markup Language), que más tarde se llamará nivel 0; soporta encabezados,
listas y anclas. Se crea el nombre World Wide Web.
1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo
19
texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza
la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo
(http://info.cern.ch).
1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el
lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el
estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para
X.11.
1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de
Kansas, si bien lee sólo texto. Aparece Mosaic, desarrollado por el Centro Nacional para
Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se
hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A
fines de año, comienzan a aparecer los primeros artículos sobre WWW en diarios y revistas
de circulación masiva. Tim Berners-Lee utiliza el trabajo del año anterior de Connolly para
presentar el borrador de la primera norma (RFC -Recommendation for Comments) de
HTML para Internet.
1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con
mayores prestaciones para HTML, Hyper-G, que no tiene gran éxito. Cello, primer visor de
HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de
Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que
ahora soporta formularios. Un grupo de programadores que desarrollaran el Mosaic
producen un nuevo visor de World Wide Web, Netscape (también conocido como Mozilla),
que tiene una amplia aceptación entre los usuarios, pero que soporta elementos de
programación que equivalen a una degeneración del HTML (tamaños de letra, fondos). Se
define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual
Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En
este mismo año se realizan la Primera y Segunda conferencias internacionales de WWW,
en Ginebra y Chicago, respectivamente. Se crea la W3 Organization.
1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del
nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas.
Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML
degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de
encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de
un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias
20
internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de
WWW para Asia y el Pacífico en Wagga-Wagga.
1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus
visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales
que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la
modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos
definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.
1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la
versión 4.0, experimental.
1998. HTML 4.0.
Creación de páginas web con lenguaje HTML
Para crear una página web se pueden utilizar varios programas especializados en esto,
como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de
diseñar un archivo HTML, es copiar todo en el Bloc de Notas del Windows, ya que este
sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las
etiquetas con las que trabaja este lenguaje.
A continuación les mostraremos las etiquetas más comunes que deben aprenderse para
hacer una página Web.
Estructura de los documentos de HTML
Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien
escritos comparten una estructura en común. Un documento de HTML empieza con la
etiqueta <HTML>, que es la que encerrará el documento actual. Contiene dos secciones
primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos
<HEAD>cabeza y <BODY> cuerpo.
La cabecera puede contener información y siempre contiene el titulo del documento
encerrado por el elemento <TITLE>.
En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imágenes,
sonidos, hipervínculos, etc.

SINTAXIS
<html> (Inicio del documento HTML)
<head>
( Cabecera )
21
</head>
<body>
( Cuerpo )
</body>
</html>

<b> </b> Negrita

<p> </p> Definir parrafo
<etiqueta> Apertura de la etiqueta
</etiqueta> Cierre de la etiqueta

VENTAJAS

 Sencillo que permite describir hipertexto.

 Texto presentado de forma estructurada y agradable.
 No necesita de grandes conocimientos cuando se cuenta con un editor de páginas
web o WYSIWYG.
 Archivos pequeños.
 Despliegue rápido.
 Lenguaje de fácil aprendizaje.
 Lo admiten todos los exploradores.


DESVENTAJAS:

 Lenguaje estático.
 La interpretación de cada navegador puede ser diferente.
 Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la
corrección.
 El diseño es más lento.
 Las etiquetas son muy limitadas.

22
CSS (HOJA DE ESTILO)

¿Qué es CSS?

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de

los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de
separar los contenidos y su presentación y es imprescindible para crear páginas web
complejas.

Separar la definición de los contenidos y la definición de su aspecto presenta numerosas

ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado
completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad
del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo
documento en infinidad de dispositivos diferentes.

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML

para marcar los contenidos, es decir, para designar la función de cada elemento dentro de
la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada
elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre
elementos, posición de cada elemento dentro de la página, etc.

BREVE HISTORIA DE CSS

23
Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML,
alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un
mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos
electrónicos. El gran impulso de los lenguajes de hojas de estilos se produjo con el boom
de Internet y el crecimiento exponencial del lenguaje HTML para la creación de
documentos electrónicos. La guerra de navegadores y la falta de un estándar para la
definición de los estilos dificultaban la creación de documentos con la misma apariencia en
diferentes navegadores. El organismo W3C (http://www.w3.org/) (World Wide Web
Consortium), encargado de crear todos los estándares relacionados con la web, propuso la
creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se
presentaron nueve propuestas. Las dos propuestas que se tuvieron en cuenta fueron la
CHSS (Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal). La
propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos.
Entre finales de 1994 y 1995 Lie y Bos se unieron para definir un nuevo lenguaje que
tomaba lo mejor de cada propuesta y lo llamaron CSS (Cascading Style Sheets). En 1995,
el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo
de trabajo de HTML. A finales de 1996, el W3C publicó la primera recomendación oficial,
conocida como "CSS nivel 1". Introducción a CSS Capítulo 1. Introducción
www.librosweb.es 5 A principios de 1997, el W3C decide separar los trabajos del grupo de
HTML en tres secciones: el grupo de trabajo de HTML, el grupo de trabajo de DOM y el
grupo de trabajo de CSS. El 12 de Mayo de 1998, el grupo de trabajo de CSS publica su
segunda recomendación oficial, conocida como "CSS nivel 2". La versión de CSS que
utilizan todos los navegadores de hoy en día es CSS 2.1, una revisión de CSS 2 que aún
se está elaborando (la última actualización es del 19 de julio de 2007). Al mismo tiempo, la
siguiente recomendación de CSS, conocida como "CSS nivel 3", continúa en desarrollo
desde 1998 y hasta el momento sólo se han publicado borradores. La adopción de CSS por
parte de los navegadores ha requerido un largo periodo de tiempo. El mismo año que se
publicó CSS 1, Microsoft lanzaba su navegador Internet Explorer 3.0, que disponía de un
soporte bastante reducido de CSS. El primer navegador con soporte completo de CSS 1
fue la versión para Mac de Internet Explorer 5, que se publicó en el año 2000. Por el
momento, ningún navegador tiene soporte completo de CSS 2.1.

SOPORTE DE CSS EN LOS NAVEGADORES

24
El trabajo del diseñador web siempre está limitado por las posibilidades de los navegadores
que utilizan los usuarios para acceder a sus páginas. Por este motivo es imprescindible
conocer el soporte de CSS en cada uno de los navegadores más utilizados del mercado.
Internamente los navegadores están divididos en varios componentes. La parte del
navegador que se encarga de interpretar el código HTML y CSS para mostrar las páginas
se denomina motor. Desde el punto de vista del diseñador CSS, la versión de un motor es
mucho más importante que la versión del propio navegador

Los navegadores Safari y Opera son los más avanzados en el soporte de CSS, ya que
incluyen muchos elementos de la futura versión CSS 3 y un soporte casi perfecto de la
actual version 2.1. El navegador Firefox no tiene un soporte tan avanzado de CSS 3 pero
las últimas versiones están alcanzando rápidamente a Safari y Opera. Introducción a CSS
Capítulo 1. Introducción www.librosweb.es 6 Por su parte, el navegador Internet Explorer
sólo puede considerarse adecuado desde el punto de vista de CSS a partir de su versión 7.
De hecho, la versión Internet Explorer 6 que aún utilizan muchos usuarios sufre carencias
muy importantes y contiene decenas de errores en su soporte de CSS. Afortunadamente,
Internet Explorer 8 asegura que su soporte de CSS 2.1 será tan completo como el del resto
de navegadores. La información de la tabla anterior ha sido elaborada a partir de la
información que se puede encontrar en la página Comparison of layout engines
(http://en.wikipedia.org/wiki/ Comparison_of_layout_engines_(Cascading_Style_Sheets)) de
la Wikipedia, donde se muestra una comparación exhaustiva sobre el soporte de todas las
características de CSS por parte de cada navegador.

25
VENTAJAS
1.- Con una Hoja de Estilo podemos alterar la presentación de cada elemento sin tocar el
código HTML, ahorrando esfuerzo y tiempo de edición. De este modo no sólo simplificamos
el mantenimiento del sitio sino que además reducimos las posibilidades de cometer errores.
2.- El lenguaje de las CSS ofrece herramientas de composición más potentes que HTML.
Más aún, las CSS permiten aplicar prácticamente todas las propiedades a cualquier
elemento de la página, mientras que HTML sólo permite un número limitado de
propiedades para cada elemento.
3.- Se evita tener que recurrir a trucos para conseguir algunos efectos. Con CSS no es
necesario usar imágenes invisibles para hacer una sangría o usar una tabla para ubicar un
elemento en determinado lugar de la pantalla (las CSS permiten posicionar con precisión
cualquier elemento).
4.- El lenguaje de las Hojas de Estilo, aunque muy potente, es relativamente sencillo y fácil
de aprender.
5.- Los documentos que usan CSS generalmente resultan más compactos.

26
6.- Las Hojas de Estilo pueden aplicarse de varias maneras y combinarse formando una
cascada de estilos con la información de cada una.
7.- Pueden usarse con otros lenguajes de programación (como JavaScript) para conseguir
efectos dinámicos en las páginas.
8.- Se pueden especificar Hojas de Estilo para diferentes navegadores y tipos de medios
(impresos, braille, auditivos, etc.).
9.- El usuario con alguna discapacidad (o simplemente por preferencias) puede definir su
propia Hoja de Estilo y la regla !important obliga a su navegador a suplantar la Hoja de
Estilo del autor.

DESVENTAJAS
En cuanto a las desventajas en el uso de las Hojas de Estilo, la única de importancia es el
soporte irregular que tienen las CSS por parte de los navegadores. Ciertas propiedades
que funcionan en un browser no funcionan en otros, o existen diferencias en un mismo
navegador según sea para Windows o Mac. También existen diferencias entre distintas
versiones de un mismo browser.
Esto puede provocar que:
Nuestra página sea visualizada por el lector con un formato no deseado por nosotros. En
todo caso, el navegador aplicará el formato predeterminado y nuestro trabajo de
composición habrá sido inútil.
Algunas propiedades de las CSS (como las que afectan la posición o visibilidad de los
elementos) pueden provocar que una parte del contenido de nuestra página resulte
inaccesible desde ciertos navegadores si no son utilizadas correctamente.

LENGUAJE JAVASCRIPT
¿Qué es JavaScript?
JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas
web dinámicas.

27
Una página web dinámica es aquella que incorpora efectos como texto que aparece y
desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con
mensajes de aviso al usuario.

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es

necesario compilar los programas para ejecutarlos. En otras palabras, los programas
escritos con JavaScript se pueden probar directamente en cualquier navegador sin
necesidad de procesos intermedios.

A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de

programación Java. Legalmente, JavaScript es una marca registrada de la empresa Sun
Microsystems

Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado

principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a
objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas
versiones interpretan código Javascript.

El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar
incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar
denominado DOM (en inglés Document Object Model, en su traducción al español Modelo
de Objetos del Documento).

HISTORIA

A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían
con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a
desarrollarse las primeras aplicaciones web y por tanto, las páginas web comenzaban a
incluir formularios complejos.

Con unas aplicaciones web cada vez más complejas y una velocidad de navegación tan
lenta, surgió la necesidad de un lenguaje de programación que se ejecutara en el
navegador del usuario. De esta forma, si el usuario no rellenaba correctamente un
28
formulario, no se le hacía esperar mucho tiempo hasta que el servidor volviera a mostrar el
formulario indicando los errores existentes.

Brendan Eich, un programador que trabajaba en Netscape, pensó que podría solucionar
este problema adaptando otras tecnologías existentes (como ScriptEase) al navegador
Netscape Navigator 2.0, que iba a lanzarse en 1995. Inicialmente, Eich denominó a su
lenguaje LiveScript.

Posteriormente, Netscape firmó una alianza con Sun Microsystems para el desarrollo del
nuevo lenguaje de programación. Además, justo antes del lanzamiento Netscape decidió
cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue
exclusivamente por marketing, ya que Java era la palabra de moda en el mundo informático
y de Internet de la época.

La primera versión de JavaScript fue un completo éxito y Netscape Navigator 3.0 ya

incorporaba la siguiente versión del lenguaje, la versión 1.1. Al mismo tiempo, Microsoft
lanzó JScript con su navegador Internet Explorer 3. JScript era una copia de JavaScript al
que le cambiaron el nombre para evitar problemas legales.

Para evitar una guerra de tecnologías, Netscape decidió que lo mejor sería estandarizar el
lenguaje JavaScript. De esta forma, en 1997 se envió la especificación JavaScript 1.1 al
organismo ECMA European Computer Manufacturers Association).

ECMA creó el comité TC39 con el objetivo de "estandarizar de un lenguaje de script

multiplataforma e independiente de cualquier empresa". El primer estándar que creó el
comité TC39 se denominó ECMA-262, en el que se definió por primera vez el lenguaje
ECMAScript.

Por este motivo, algunos programadores prefieren la denominación ECMAScript para

referirse al lenguaje JavaScript. De hecho, JavaScript no es más que la implementación
que realizó la empresa Netscape del estándar ECMAScript.

La organización internacional para la estandarización (ISO) adoptó el estándar ECMA-262

a través de su comisión IEC, dando lugar al estándar ISO/IEC-16262.

29
SINTAXIS:
<script type="text/javascript"> ... </script>
VENTAJAS

 Lenguaje de scripting seguro y fiable.

 Los script tienen capacidades limitadas, por razones de seguridad.
 El código Javascript se ejecuta en el cliente.

DESVENTAJAS

 Código visible por cualquier usuario.

 El código debe descargarse completamente.
 Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS
(significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las
hojas de estilo CSS).

LENGUAJE PHP

Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo

recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home
Page). Surgió en 1995, desarrollado por PHP Group.

PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la

generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el
servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita
tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido
tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan
con la extensión (php).

¿Qué es lenguaje php?

30
PHP es un lenguaje de código abierto muy popular, adecuado para desarrollo web y que
puede ser incrustado en HTML. Es popular porque un gran número de páginas y portales
web están creadas con PHP. Código abierto significa que es de uso libre y gratuito para
todos los programadores que quieran usarlo. Incrustado en HTML significa que en un
mismo archivo vamos a poder combinar código PHP con código HTML, siguiendo unas
reglas.

PHP se utiliza para generar páginas web dinámicas. Recordar que llamamos página
estática a aquella cuyos contenidos permanecen siempre igual, mientras que llamamos
páginas dinámicas a aquellas cuyo contenido no es el mismo siempre. Por ejemplo, los
contenidos pueden cambiar en base a los cambios que haya en una base de datos, de
búsquedas o aportaciones de los usuarios, etc.

¿Cómo trabaja PHP? El lenguaje PHP se procesa en servidores, que son potentes
ordenadores con un software y hardware especial. Cuando se escribe una dirección tipo
http://www.aprenderaprogramar.com/index.php en un navegador web como Internet
Explorer, Firefox o Chrome, ¿qué ocurre? Se envían los datos de la solicitud al servidor que
los procesa, reúne los datos (por eso decimos que es un proceso dinámico) y el servidor lo
que devuelve es una página HTML como si fuera estática.

El esquema es: Petición de página web al servidor --> El servidor recibe la petición, reúne
la información necesaria consultando a bases de datos o a otras páginas webs, otros
servidores, etc --> El servidor responde enviando una página web “normal” (estática) pero
cuya creación ha sido dinámica (realizando procesos de modo que la página web devuelta
no siempre es igual).

En resumen:

Páginas estáticas: Petición --> Respuesta

Páginas dinámicas: Petición --> Procesado y preparación --> Respuesta

31
En un sitio dinámico, la información generalmente está contenida en una base de datos.
Cada vez que mostramos la página, como por ejemplo una página de noticas, buscamos
en la base de datos las últimas noticias que tenemos ingresadas para mostrar en el
navegador del visitante. Ahora bien, ¿cómo se consigue que la página vaya mostrando
noticias nuevas? Simplemente cargando las mismas en la base de datos, por ejemplo, a
través de un formulario que rellena una persona y que una vez relleno cuando pulsa
“Enviar” implica que lo que haya escrito se guarde en nuestra base de datos. De esta
manera, cuando solicitamos la página web y el servidor consulte la base de datos,
encontrará esta nueva información y mostrará nuestra página de forma distinta a como se
veía anteriormente.

Por regla general este tipo de lenguaje suele ser utilizado para crear contenido dinámico y
poder interactuar con el usuario.

Veamos un ejemplo del contenido de una página web php, que habremos de almacenar en
un archivo que termina con la extensión .php y que contiene texto:

<!DOCTYPE html>
<html>
<head>
<title>Ejemplo</title>
</head>
<body>
<?php
echo "Bienvenidos a aprenderaprogramar.com";
?>
</body>
</html>

32
Como podrás comprobar el contenido del archivo incluye código HTML y en un momento
dado aparece una etiqueta <?php que significa que ahí empieza el código PHP. Por eso
decimos que el código PHP está embebido (incluido o incrustado) en código HTML.

Por tanto las páginas PHP contienen HTML con código PHP incluido en ellas para hacer
"algo" (en este caso, mostrar Bienvenidos a aprenderaprogramar.com. El código PHP está
comprendido entre etiquetas de comienzo y final especiales: <?php y ?>

Estas etiquetas especiales nos permitirán entrar y salir del "modo PHP". Le sirven al
servidor web para saber que tiene que interpretar el código incluido entre esas etiquetas
como PHP.

Lo que distingue a PHP de JavaScript es que el código es ejecutado en el servidor,

generando HTML y enviándolo al cliente como si fuera una página web estática. El cliente
recibirá los resultados que el servidor devuelve después de interpretar el código PHP, sin
ninguna posibilidad de determinar qué código ha producido el resultado recibido. Es decir, a
través de nuestro navegador podríamos ver el código HTML, pero nunca el código PHP
que dio lugar al resultado HTML. El servidor web puede ser incluso configurado para que
los usuarios no puedan saber si estás o no utilizando PHP.

Lo mejor de usar PHP es que es extremadamente simple para el principiante, pero a su

vez, ofrece muchas características avanzadas para los programadores profesionales y más
avanzados.

Con PHP puedes procesar la información de formularios, generar páginas con contenidos
dinámicos, o enviar y recibir cookies, entre muchas más cosas. PHP lo utilizan desde
pequeñas páginas web hasta grandes empresas. Muchas aplicaciones web están
construidas usando PHP. Podemos citar Joomla y Drupal (gestores de contenido de
páginas web), osCommerce y Prestashop (tiendas on-line para comercio electrónico),
phpBB y SMF (sistemas de foros para páginas web), Moodle (plataforma educativa para
educación on-line), etc.

Entre las habilidades de PHP se incluye la creación de imágenes a partir de datos. Por
ejemplo, supongamos que tenemos una academia con 20 alumnos matriculados en un
33
curso de informática, 50 alumnos matriculados en un curso de matemáticas y 30 alumnos
matriculados en un curso de química. Con PHP podemos generar automáticamente
imágenes similares a esta:

PHP también puede utilizar y presentar resultados en otros estándares de datos o

lenguajes propios de los desarrollos web, como XHTML y cualquier otro tipo de ficheros
XML. PHP puede autogenerar éstos archivos y almacenarlos en el sistema de archivos en
vez de presentarlos en la pantalla, utilizando estos ficheros para generar contenido
dinámico. Es decir, el contenido dinámico puede surgir de otros sitios además de desde
bases de datos.

También se puede interactuar con otros servidores usando cualquier protocolo. Por último,
PHP puede enlazarse con otros lenguajes muy potentes como Java.

En resumen, PHP es un lenguaje potente, muy usado y de gran interés para los desarrollos
web.

34
SINTAXIS

La sintaxis utilizada para incorporar código PHP es la siguiente:

<?
$mensaje = “Hola”;
echo $mensaje;
?>

También puede usarse:

<?php
$mensaje = “Hola”;
echo $mensaje;
?>

35
VENTAJAS

 Muy fácil de aprender.

 Se caracteriza por ser un lenguaje muy rápido.
 Soporta en cierta medida la orientación a objeto. Clases y herencia.
 Es un lenguaje multiplataforma: Linux, Windows, entre otros.
 Capacidad de conexión con la mayoría de los manejadores de base de datos:
MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.
 Capacidad de expandir su potencial utilizando módulos.
 Posee documentación en su página oficial la cual incluye descripción y ejemplos de
cada una de sus funciones.
 Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
 Incluye gran cantidad de funciones.
 No requiere definición de tipos de variables ni manejo detallado del bajo nivel.

DESVENTAJAS

 Se necesita instalar un servidor web.

 Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser más
ineficiente a medida que las solicitudes aumenten de número.
 La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP.
 La programación orientada a objetos es aún muy deficiente para aplicaciones
grandes.
 Dificulta la modularización.
 Dificulta la organización por capas de la aplicación.

SEGURIDAD

PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web
en forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a
archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades
hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por
naturaleza.

36
PHP está diseñado específicamente para ser un lenguaje más seguro para escribir
programas CGI que Perl o C, y con la selección correcta de opciones de configuración en
tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de
programación.

JQUERY

Primero que nada, jQuery es una librería JavaScript open-source, que funciona en múltiples
navegadores, y que es compatible con CSS3. Su objetivo principal es hacer la
programación “scripting” mucho más fácil y rápida del lado del cliente. Con jQuery se
pueden producir páginas dinámicas así como animaciones parecidas a Flash en
relativamente corto tiempo.

¿Qué es jQuery?

jQuery es una biblioteca de JavaScript ligera, "escribir menos, hacer más".

El objetivo de jQuery es facilitar el uso de JavaScript en su sitio web.

jQuery toma muchas tareas comunes que requieren muchas líneas de código JavaScript
para cumplir, y las envuelve en métodos que puede llamar con una sola línea de código.

jQuery también simplifica muchas cosas complicadas de JavaScript, como llamadas AJAX
y manipulación de DOM.

La biblioteca de jQuery contiene las siguientes características:

 Manipulación HTML / DOM

 Manipulación de CSS
 Métodos de eventos HTML
 Efectos y animaciones
 AJAX
 Utilidades

Consejo: Además, jQuery tiene complementos para casi cualquier tarea.

¿Por qué jQuery?

Hay muchos otros frameworks de JavaScript, pero jQuery parece ser el más popular, y
también el más extensible.

37
Muchas de las compañías más grandes en la web usan jQuery, como:

 Google
 Microsoft
 IBM
 Netflix

¿Funcionará jQuery en todos los navegadores?

El equipo de jQuery sabe todo acerca de los problemas de varios navegadores, y han
escrito este conocimiento en la biblioteca de jQuery. jQuery funcionará exactamente igual
en todos los principales navegadores.

ORÍGENES

jQuery fue publicado por primera vez en Enero del 2006 en “BarCamp NYC” por John
Resign. Soporte para AJAX fue agregado un mes después, y el modelo de licenciamiento
open source del MIT fue adoptado en Mayo de ese mismo año.

Doce meses después, en Septiembre del 2007, jQuery ya mostraba una nueva interfaz de
usuario y ya adquiría gran popularidad, y exactamente un año después, en Septiembre
2008, Microsoft y Nokia anunciaron su soporte. Microsoft ha tratado de adoptar jQuery para
usarlo en Visual Studio (integrándolo en el Framework AJAX de ASP.NET), y Nokia lo ha
integrado en la plataforma de desarrollo de widgets.

LAS VENTAJAS

La ventaja principal de jQuery es que es mucho más fácil que sus competidores. Usted
puede agregar plugins fácilmente, traduciéndose esto en un ahorro substancial de tiempo y
esfuerzo. De hecho, una de las principales razones por la cual Resig y su equipo crearon
jQuery fue para ganar tiempo (en el mundo de desarrollo web, tiempo importa mucho).

38
La licencia open source de jQuery permite que la librería siempre cuente con soporte
constante y rápido, publicándose actualizaciones de manera constante. La comunidad
jQuery es activa y sumamente trabajadora.

Otra ventaja de jQuery sobre sus competidores como Flash y puro CSS es su excelente
integración con AJAX.

En resumen:

 jQuery es flexible y rápido para el desarrollo web

 Viene con licencia MIT y es Open Source
 Tiene una excelente comunidad de soporte
 Tiene Plugins
 Bugs son resueltos rápidamente
 Excelente integración con AJAX

LAS DESVENTAJAS

Una de las principales desventajas de jQuery es la gran cantidad de versiones publicadas

en el corto tiempo. No importa si usted está corriendo la última versión de jQuery, usted
tendrá que hostear la librería usted mismo (y actualizarla constantemente), o descargar la
librería desde Google (atractivo, pero puede traer problemas de incompatibilidad con el
código).

Además del problema de las versiones, otras desventajas que podemos mencionar:

 jQuery es fácil de instalar y aprender, inicialmente. Pero no es tan fácil si lo

comparamos con CSS
 Si jQuery es implementado inapropiadamente como un Framework, el entorno de
desarrollo se puede salir de control.

JQUERY MOBILE

Antes de concluir este artículo, queremos hablar de jQuery Mobile.

39
Básicamente, jQuery Mobile es un framework web optimizado para dispositivos móviles con
pantallas táctiles. Naturalmente, esta optimización significa que puede trabajar con un gran
número de dispositivos, desde tabletas hasta teléfonos inteligentes.

¿Cuáles son las ventajas de jQuery Mobile?

 Es compatible con la mayoría de las plataformas móviles: iOS, BlackBerry, Windows

Mobile, Symbian y Android.
 Como está basado en jQuery (lógico), no tiene una gran curva de aprendizaje
 Soporta temas de estilos
 Es sumamente ligero y rápido

TERCERA PARTE
ESTUDIOS TECNICOS DEL PROYECTO PARA LA CONSTITUCIÓN DE LA EMPRESA

CUARTA PARTE
ESTUDIOS Y ANALISIS FINANCIEROS DEL PROYECTO

1.1 Estudio de mercado

1.2 Estudio de oferta y demanda
1.3 Actividades realizadas en el desarrollo y puesta en marcha del proyecto

40
41
42
9.2 CR

2
9.3 ONOGRAMA DE ACTIVIDADES

AÑO 2011

MESES NOVIEMBRE DICIEMBRE

SEMANAS 1 2 3 4 5 6 7 8

1. Elaboración del Proyecto

2. Cotización de equipos

3. Adquisición de equipos

4. Pruebas de desempeño de los equipos

5. Capacitación a los estudiantes

6. Elaboración del informe de resultados

1.4 Cuadro de inversión
1.5 Flujo de caja
1.6 Indicadores de rentabilidad del proyecto
1.7 Aportes al capital y financiamiento
1.8 Continuidad y sostenibilidad del proyecto

bibliografias

html: http://www.monografias.com/trabajos7/html/html.shtml#ixzz56V3mwb6l

http://www.maestrosdelweb.com/los-diferentes-lenguajes-de-programacion-para-la-web/

http://librosweb.es/

https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=492:ique-es-php-y-ipara-que-sirve-un-
potente-lenguaje-de-programacion-para-crear-paginas-web-cu00803b&catid=70&Itemid=193.

https://www.w3schools.com/jquery/jquery_intro.asp

http://blog.capacityacademy.com/2013/03/16/jquery-que-es-origenes-ventajas-desventajas/

http://www.jesusda.com/docs/ebooks/introduccion_css.pdf

http://ventajasydesventajas-css.blogspot.pe/

2
3