Proyecto cobao

i
CATEDRÁTICO:
“DESARROLLAR UN SITIO WEB PARA EL
COLEGO DE BACHILLERES DEL ESTADO DE
OAXACA PLANTEL 05 DE MATIAS ROMERO
AVENDAÑO OAXACA, IMPLEMENTANDO
WORDPRESS”
ESTUDIANTE:
ANOTA SANDOVAL YARA MARIELA
MARCIAL RUIZ YESICA
CATEDRATICO:
LI. MARTINEZ MORALEZ MA.DE LOS
ANGELES
TUXTEPEC, OAX., 09 DE ABRIL DE 2014

ii
AGRADEDIMIENTOS
Primeramente le damos gracias adiós por darnos la oportunidad de prestarnos la
vida guiarnos y protegernos por en el camino del bien.
En segundo lugar le damos gracias a nuestros respectivos padres que siempre nos
han apoyado en nuestras decisiones y nos han llenado de cariño y de amor, con sus
sabios consejos nos han guiado por los mejores caminos de la vida.
En tercer lugar le domos gracias a nuestros respectivos hermanos que son nuestras
inspiraciones a seguir puesto que son los mayores y ambos son grandes personas
en el ámbito académico y fuera de este igual, les agradecemos por su gran confianza
y fe que han puesto en nosotras.

iii
ÍNDICE DE TABLAS
Tabla 1: requerimiento de software........................................................................... 18
Tabla 2: pagos de gastos .......................................................................................... 18
Tabla 3: cronograma de actividades ......................................................................... 62
ÍNDICE DE CONTENIDO
AGRADEDIMIENTOS ...................................................................................................i
ÍNDICE DE CONTENIDO.............................................................................................ii
ÍNDICE DE TABLAS ...................................................................................................iii
ÍNDICE DE FIGURAS ............................................................................................... viii
INTRODUCCIÓN ........................................................................................................ 9
IDENTIFICACIÓN DEL PROBLEMA............................Error! Bookmark not defined.
PLANTEAMIENTO DEL PROBLEMA ....................................................................... 11
Pregunta de investigación...................................................................................... 11
OBJETIVOS .............................................................................................................. 12
Objetivo general..................................................................................................... 12
Objetivos específicos............................................................................................. 12
 Identificar los requerimientos para la realización del sitio web ........................ 12
 Seleccionar el contenido a publicar................................................................. 12
 Diseñar la estructura del sitio .......................................................................... 12
 Llevar acabo el desarrollo del sitio web........................................................... 12
 Realizar pruebas del sitio web......................................................................... 12
 Implantar el sitio en línea................................................................................. 12

iv
FORMULACIÓN DE LA HIPÓTESIS ........................................................................ 13
Hipótesis de trabajo ............................................................................................... 13
Hipótesis nula ........................................................................................................ 13
JUSTIFICACIÓN ....................................................................................................... 15
Impacto Social ....................................................................................................... 15
Impacto Tecnológico.............................................................................................. 16
Impacto Económico ............................................................................................... 16
Impacto Ambiental................................................................................................. 16
ESTUDIO DE VIABILIDAD........................................................................................ 17
Factibilidad Técnica ............................................................................................... 17
Factibilidad Económica.......................................................................................... 17
Factibilidad Operativa ............................................................................................ 18
FUNDAMENTO TEÓRICO........................................................................................ 19
INTERNET ................................................................................................................ 19
1.HISTORIA DEL INTERNET................................................................................ 19
1.2 HITOS EN LA DISEMINACION DE LA INFORMATICA .................................. 20
2.3 PROTOCOLO DE INERNET ........................................................................... 21
2.LA ARQUITECTURA CLIENTE SERVIDOR ...................................................... 22
2.1 VENTAJAS E INCONVENIENTE DE LA ARQUITECTURA CLIENTE
SERVIDOR............................................................................................................ 23
2.2 ARQUITECTURA CLIENTE SERVIDOR DE DOS CAPAS............................. 25
2.3 LIMITACIONES DE LA ARQUITECTURA CLIENTE SERVIDOR DE DOS
CAPAS................................................................................................................... 26
2.4 ARQUITECTURA DE TRES CAPAS BASADAS EN PLATAFORMAS............ 27
3. QUE ES UNA APLICACIÓN WEB ............................................................... 28
3.1 EL CLIENTE .................................................................................................... 29

v
3.2 EL SERVIDOR................................................................................................. 30
3.3 TRASFERENCIA DE PAGINAS WEB ............................................................. 31
3.4 ENTORNO WEB.............................................................................................. 32
3.5 VENTAJAS Y DESVENTAJAS....................................................................... 33
3.6 ARQUITECTURA DE LAS APLICACIONES WEB .......................................... 35
3.7 METODOLOGIA DE DESARROLLO DE SITIO WEB ..................................... 36
4.1 ESTUCTURA DE UN SITIO WEB ................................................................... 38
4.1 QUE ES UN SITIO WEB.................................................................................. 39
4.2 CONTENIDO DE UN SITIO WEB.................................................................... 41
4.3 ESTRUCTURA FISICA.................................................................................... 43
4.4 ESTRUCTURA LOGICA .............................................................................. 45
5. HTML................................................................................................................. 46
5.1 ¿Qué es el HTML? .......................................................................................... 46
6. PHP....................................................................................................................... 47
6.1 El lenguaje PHP............................................................................................... 47
6.2 Origen y evolución de PHP.............................................................................. 49
6.3 Escritura del código fuente en PHP ................................................................. 51
6.4 Elementos básicos del lenguaje ...................................................................... 55
7 WORDPRESS…………………………………………………………………………..57
7.1 HISTORIA DE WORDPRESS………………………………………………………..58
7.2 VENTAJAS Y DESVENTAJAS DE WORDPRESS…………………………………59
8 NAVEGADORES…………………………………………………………………………60
8.1 HISTORIA DE LOS NAVEGADORES………………………………………………61
8.2 TIPOS DE NAVEGADORES…………………………………………………………62

vi
8.3 ARQUITECTURA DE LOS NAVEGADORES……………………………………63
BOSQUEJO DE METODO........................................................................................ 58
TIPO DE INVESTIGACIÓN ................................................................................... 58
POBLACIÓN.......................................................................................................... 60
MÉTODO DE MUESTRA..........................................Error! Bookmark not defined.
TIPO DE MUESTRO ................................................Error! Bookmark not defined.
MUESTRA ................................................................Error! Bookmark not defined.
TÉCNICAS E INSTRUMENTOS............................................................................ 61
FORMA DE ANÁLISIS........................................................................................... 61
CRONOGRAMA DE ACTIVIDADES ........................Error! Bookmark not defined.
Seleccionar el contenido a publicar ..........................Error! Bookmark not defined.
Diseñar la estructura del sitio....................................Error! Bookmark not defined.
Llevar acabo el desarrollo del sitio web ....................Error! Bookmark not defined.
Realizar pruebas del sitio web..................................Error! Bookmark not defined.
ANEXOS ................................................................................................................... 64
Entrevista............................................................................................................... 64
Bibliografía ................................................................................................................ 65

9
INTRODUCCIÓN
En el presente artículo se argumentara los motivos por el cual se debe de desarrollar
un sitio web para el colegio de bachilleres de estado de Oaxaca plantel 05 de Matías
romero Avendaño Oaxaca, como podrán observar posterior mente se define los
problemas que desde años atrás ha sufrido el instituto por motivos de que el tipo de
difusión que utiliza es austera para dar a conocer los eventos de la misma.
Con este proyecto se busca solucionar los problemas que han venido ocasionados
conflictos en el plantel, por lo cual con esto se pretende desarrollar un sitio web para
que el instituto y los docentes y el medio ambiente se vean notablemente
beneficiados.

10
ANTECEDENTES
El colegio de bachilleres del estado de Oaxaca del plantel 05 (Plantel 05), que se
encuentran localizada en Matías Romero Avendaño Oaxaca.
Fue fundada en 1997 por el presidente “” en sus primeros años el instituto solo
contaba con 3 especialidades: Informática, Higiene y Contabilidad, su plantilla
docente estaba integrada con 7 maestros que atendían a 4 grupos, con el paso del
tiempo el plantel fue creciendo y hoy en día cuenta con 7 especialidades las cuales
son: Físico matemático, económico administrador, contabilidad, administración,
enfermería, psicología, higiene y salud, y cuenta con alrededor de 20 grupos de
diferentes semestres y especialidades, cuenta con una matrícula de
aproximadamente 850 alumnos tanto de horario matutino como vespertino de los
cuales en promedio el 70% son del sexo femenino y el 30% son del sexo masculino.
Es por esto que el plantel se vio en la necesidad de construir otras instalaciones más
grandes en las cuales tanto los alumnos como los profesores estuvieran en
condiciones óptimas para obtener un mayor confort y por ende realizar un mejor
trabajo dando como resultado un aprendizaje mayor.
A hora bien después de describir la situación actual del plantel, se ha observo que
dicho instituto no cuenta con un medio de difusión que den a conocer fechas y
eventos importantes, así como las actividades que se realizan, es por esto que se
busca la forma de implantar un medio de difusión eficaz que permita difundir
información necesaria tanto al cuerpo estudiantil como al personal académico,
directivo y público en general.

11
PLANTEAMIENTO DEL PROBLEMA
Con el estudio que se ha realizado al colegio de bachilleres del estado de Oaxaca
plantel 05, se observó que no cuenta con un medio de difusión que impulse el uso de
nuevas tecnologías.
Puesto que el instituto solo cuenta con dos medios de difusión, de los cuales uno de
ellos es la realización de folletos, que no es tan viable ya que este no llega a todas
las personas que necesitan información, por otra parte es el perifoneo; este método
se distingue por hacer anuncios que solo llegan a unas cuantas calles y colonias.
Es por esto que surge la necesidad de buscar nuevas medidas de difundir la
información necesaria para que tanto los alumnos como los profesores y el público
en general tenga el conocimiento de los eventos y actividades que se realiza en el
plantel.
Pregunta de investigación
¿Qué tipo de herramienta se necesita para implementar un medio de difusión eficaz
para el colegio de bachilleres del estado de Oaxaca?

12
OBJETIVOS
Objetivo general
Desarrollar un sitio web para el colegio de bachilleres del estado de Oaxaca plantel
05 de Matías Romero Avendaño Oaxaca que sirva para difundir información acerca
de los eventos y actividades que se realizaran en dicho instituto.
Objetivos específicos
 Identificar los requerimientos para el desarrollo del sitio web.
 Seleccionar el contenido a publicar.
 Diseñar la estructura del sitio.
 Llevar acabo el desarrollo del sitio web.
 Realizar pruebas del sitio web.
 Implantar el sitio web en línea

13
FORMULACIÓN DE LA HIPÓTESIS
Hipótesis de trabajo
Con el desarrollo del sitio web para el colegio de bachilleres del estado de Oaxaca
plantel 05 con contenido multimedia se fortalecerá el proceso de difusión de
información relevante del instituto, el cual fomentara en los usuarios la participación
en las actividades.
Hipótesis nula
plantel 05 con contenido multimedia no se fortalecerá el proceso de difusión de
información relevante del instituto, el cual fomentara en los usuarios la participación
en las actividades.
VARIABLES
Variable independiente
Desarrollo del Sitio web.
Variable dependiente
Fortalecerá el proceso de difusión.
Participación en las actividades.
Definición de las variables.
Conceptual.
Desarrollo: se define como elaboración o creación de algo.
Sitio web: Medio por el cual se puede dar a conocer información de una manera
práctica e interactiva para los usuarios.

14
Variable independiente.
Fortalecer el Proceso De Difusión: se determina como reforzar las medidas por el
cual se trasmite información.
Participación en las Actividades: concurso de los individuos en los eventos que se
presentan.
Operativa
Desarrollo de Sitio web:
 Importancia del desarrollo del sitio web.
 Beneficios que trae consigo el sitio web
Variable independiente.
Fortalecerá el Proceso Difusión:
 Ventajas de fortalecer el proceso de difusión.
 Mejora del proceso del difusión.
Participación en las Actividades:
 Aumento de los alumnos en la participación de las actividades
 Importancia de la participación en las actividades

15
JUSTIFICACIÓN
Actualmente es indispensable el hacer uso del internet y sitios web para dar a
conocer a los usuarios en general, ya existen nuevas herramientas que permiten
interactuar y comunicarse a nivel mundial.
La web es un medio de comunicación que brinda a las instituciones una oportunidad
de publicar actividades constantemente, el hacer uso de este tipo de herramientas es
de gran utilidad, porque es un medio muy popular en nuestra sociedad y en el mundo
entero.
El sitio web del colegio de bachilleres del estado de Oaxaca, cubrirá la facilidad de
compartir datos e información adecuada para los usuarios en general, dándole los
recursos necesarios que posteriormente producirá un cambio fundamental en el
incremento de nuevos alumnos, gracias a esta estrategia de difusión, el hacer uso
de un sitios web beneficiara al instituto, ya que hoy en día el número de usuarios que
visitan sitios es cada vez mayor.
Por otra parte la posibilidad de poder acceder y obtener información en lugares
lejanos a las instalaciones del plantel, ofreciendo al instituto mayor reconocimiento en
la sociedad, ya que el sitio contara con la información adecuada como es el trámite
de inscripciones, reinscripciones, costos, materias, especialidades, actividades del
instituto, calendario escolar entre otros.
Impacto Social
Se busca tener una aceptación por parte de la sociedad puesto que son ellos los que
harán uso de estas nuevas herramientas de difusión de información del instituto, es
por esto que se pretende que el sitio web sea más factible para que el usuario
obtenga la información requerida.

16
Impacto Tecnológico
Este apartado se enfoca en marcar una diferencia en el ámbito tecnológico haciendo
uso de nuevas herramientas que ayuden a las personas a obtener información
precisa y adecuada de las actividades que se realizan en el interior del instituto de
una manera rápida e interactiva.
De la misma manera se busca abrirles una puerta a los usuarios en el gran mundo
del internet y de la implementación de nuevas herramientas como son los sitios web,
y con esto poder fomentar en ellos el habito de aprender algo nuevo cada día y
perder el temor a ser uso de las nuevas tecnologías que hoy en día son
indispensables saber manipular.
Impacto Económico
plantel 05 se busca el beneficio de los ingresos del plantel ya que saldrá más
económico mantener un sitio web, que seguir con la realización de trípticos y pagos
de perifoneo de los eventos de la escuela, lo cual este tipo de difusión se distingue
por ser un poco austero a diferencia de un sitio web
Impacto Ambiental
El beneficio que trae consigo el desarrollo del sitio web será que al ya no realizar
trípticos se cuidara al medio ambiental puesto que ese medio de difusión es
desechado y muchas veces suele dañar nuestra atmosfera.

17
ESTUDIO DE VIABILIDAD
Factibilidad Técnica
Para llevar a cabo el desarrollo del sitio web para el colegio de bachilleres del estado
de Oaxaca se requiere de un equipo de software y hardware, por lado del hardware
se requiere lo siguiente:
 Cámara de video, para gravar los eventos culturales
 Panasonic, modelo No.DM-mg de 18 x 26 mega pixeles
 Cámara fotográfica de alta calidad puesto que hay eventos que se realiza de
manera nocturna, que cuenta con las siguientes características:
 Panasonic, modelo No.DMC-FH25 de 8 x 16 mega pixeles
 Equipo de cómputo para llevar acabo el desarrollo del sitio web. Sus
características son:
 Procesador: Celeron (R) Dual. Core CPU T350
 Memoria RAM: 200 GB
 Sistema operativo de 32 bits
 Marca COMPAQ presario CQ43-210LA
En el software se requiere lo siguiente:
 Photoshop, para el diseño de banner e imágenes.
 Adobe premiere pro cs4, para ponerle animaciones a los videos.
 Adobe after effects cs4
 Word Press
Todo esto es lo necesario para realizar el desarrollo del sitio.
Factibilidad Económica
Para llevar a cabo el desarrollo del sitio web se requiere de una serie de
herramientas para la realización de dicho sitio que ayudara al instituto a difundir la
información.

18
Tabla 1: requerimiento de software
SOFTWARE COSTO
Photoshop $15,040. °°
Adobe premiere pro cs4 $400. °°
Adobe after effects cs4 $500. °°
Word Press
Hosting con nombre de dominio
incluido
$800. °°
Esto sería por el lado de los materiales a utilizar.
Por otra parte en el siguiente recuadro se muestra los cobros de la mano de obra.
Tabla 2: pagos de gastos
Cosas a pagar Costos
Pago de luz $505. °°
Alimentos $400. °°
Mano de obra del programa $8,500. °°
Factibilidad Operativa
Para dar a conocer el sitio web se realiza un conjunto de actividades y medios
publicitarios que contengan la dirección del sitio web, algunos medios de difusión
son: la realización de cartel que contengan información sobre la dirección del sitio
web , folletos que de igual manera que el cartel tengan información relevante del
instituto, por ultimo perifoneos que dé a conocer a todos los individuos que ya no
tendrán la necesidad de trasladarse a las instalaciones del plantel para obtener
información.

19
FUNDAMENTO TEÓRICO
INTERNET
1. HISTORIA DEL INTERNET
El desarrollo del internet, como casi todos los avances de la ciencia y la tecnología
no se debe a una persona o a un grupo pequeño de personas, sino que ha sido
ideas y de los trabajos de miles de personas. Sin embargo, en un repaso de la
historia del internet de unas pocas páginas solo se pueden nombrar a las personas
más importantes. (Mora, 1998)
Como reconocimiento al cambio del internet ha producido en todos los niveles de la
sociedad, en 23 de mayo del 2002, Lawrence Roberts, Robert Kahn, Vinton cerf y
Tim Berners-Lee fueron distinguidos como el primer príncipe de Australia de
investigación científica y técnicas en representación de las miles de personas y
muchas instrucciones que han hecho posible este avance de muchos tiempos.
Según la resolución del jurado, se les otorgó el premio por haber diseñado y a ver
realizado un sistema que este cambiando al mundo al ofrecer posibilidades antes
impensables para el proceso científico y social.
A Lawrence (Larry) Roberts se le suele llamar el padre del internet, porque fue el
director del equipo de ingenieros que crearon ARPANET, el precursor del actual
internet. A parte de ser el director, también fue el diseñador principal de ARPANET.
En 1972, Robert Kahn fue contratado por Lawrence Roberts para trabajar en ARPA.
Trabajo en el desarrollo de un modelo de arquitectura de red abierta, donde
cualquier ordenador pudiera comunicarse con cualquier otro, independientemente del
hardware o del software particular de cada uno de ellos. Este trabajo lo llevo a
desarrollar, junto con Vinton Cerf, el protocolo Transmission control protocolo/internet
protocolo (TCP/IP).

20
1.2 MITOS EN LA DISEMINACION DE LA INFORMATICA
A lo largo de la historia, los medios de comunicación han evolucionado
considerablemente. Se suele citar la capacidad de trasmitir el conocimiento de una
generación a otra como una de las características que dirigen a la especie humana
de otras especies animales, ya que es la clave del avance de la humanidad.
Distintos acontecimientos han marcado hitos en la comunicación, si nos entramos en
los más importantes que se han producido desde el siglo XIX, destacan por orden
cronológico:
 1833: distribución en masas de periódicos.
 1844: primer mensaje telegrafiado.
 1858: primer intento de entender un clave de comunicaciones a través del
océano Atlántico. Deja de funcionar a los pocos días debido a problemas con
el aislamiento del cable.
 1866: se tiende con éxito un cable de comunicaciones a través del Océano
Atlántico.
 1876: invención del teléfono por Alexander Graham Bell.
 1901: primera señal de radio enviada a través del Océano Atlántico.
 1917: primera llamada telefónica transcontinental.
 1927: primer película hablada.
 1939: debut de la televisión en la feria mundial celebrada en Nueva York.
 1950: inicio de las retransmisiones de televisión en color.
 1969: se crea ARPANETA, el primer internet. El primer medio de
comunicación que engloba todos los medios existentes: permite comunicación
escrita, sonora y video.

21
2.3 PROTOCOLO DE INERNET
El éxito del internet se basa mucho en el empleo de TCP/IP, el conjunto de
protocolos de comunicaciones que permiten el intercambio de información de forma
independiente de los sistemas en que se encuentran almacenada. TCP/IP constituye
la solución problema de heterogeneidad de los sistemas informáticos. El 1 de enero
de 1983, TCP/IP se estableció como el protocolo estándar de comunicación en
internet.
El conjunto de protocolos TCP/IP, también llamados la pila de protocolos TCP/IP,
incluye una serie de protocolos que se encuentran en el nivel 7 o de aplicación de la
arquitectura Open System Interconnection (OSI) y que proporciona una serie de
servicios.
Como un mismo ordenador puede entender varios servicios, cada servicio se
identifica con un numero llamado puerto. Por tanto, cada protocolo le corresponde un
número de puerto reservado que no pueda emplear ningún otro protocolo.
Además de los anteriores protocolos, existen otros menos conocidos que se
encuentran en diferentes niveles de la arquitectura OSI. Como son: Address
Resolution Protocol (ARP), Dynamic Host Configuration Protocol (DHCP), Finger,
Gopher, internet control Messaging (ICMP), internet Relay Chat (IRC).

22
CAPITULO 2
2. LA ARQUITECTURA CLIENTE SERVIDOR
Cuando se habla del internet el cuidado común sabe que enciende ordenador, abre
su navegador y tiene una barra de direcciones donde teclea el nombre de la página
que quiere visitar. Si todo va bien, se accede a la página solicitada y, si no, aparece
un mensaje informando que se ha producido un error. Lo que hay de tras de la pared
(al otro lado del hilo telefónico o de la conexión ADSL, cable modem, etc.) no se sabe
lo que es. El usuario común no tiene por qué preocuparse de ello. Pero nosotros sí.
En algún lugar del mundo (en realidad en distintos lugares) existen unos
ordenadores conocidos generalmente como servidores. Se les llama así porque son
los que tienen almacenadas las páginas que visita el usuario, y se las sirven cuando
este las solicita. Por extensión, los ordenadores de los usuarios se conocen,
genéricamente, como clientes. Así pues, cuando nos conectamos al internet y
pedimos una página tenemos dos ordenadores en juego: el nuestro propio (desde el
que nos conectamos) que es el cliente y el que nos envía por el hilo telefónico (o el
medio que sea) aquello que hemos pedido (el servidor).
En realidad, la arquitectura del internet es bastante más compleja que esto, por lo
que hemos mencionado aquí constituye la espina dorsal del todo el sistema. En este
capítulo vamos a analizar esta arquitectura en la medida necesaria para comprender
que es lo que vamos a aprender. Los conceptos que vamos a exponer a continuación
les parecerán muy elementales a las personas con experiencia previa en redes, pero
son necesarios como introducción para aquellos lectores que no se hayan asomado
nunca a este aspecto de la informática. Ruego a los conocedores del tema que me
disculpen por la simplificación que hago de estos conceptos, pero no pretendo que
esto sea un tratado acerca de red sino, simplemente, una introducción necesaria
para luego poder ahondar en la programación en el lado del servidor. (lopez, 1981,
pág. 21)

23
2.1 VENTAJAS E INCONVENIENTE DE LA ARQUITECTURA CLIENTE
SERVIDOR
Las ventajas de la arquitectura cliente servidor son los siguientes:
A) Permite que la información se procese cerca de donde se ha generado.
B) Dado que las funciones del software quedan repartidas entre varias
máquinas, es posible utilizar PC o estaciones de trabajo para los clientes, ya
maquinas UNIX (por ejemplo) para los servidores, todas de un coste mucho
menor que los mainframes.
C) el crecimiento del hardware puede ser gradual:
 Se pueden aumentar gradualmente el números de los clientes sin que
sea necesario cambiar cada vez el servidor.
 Se puede sustituir el servidor sin que los clientes se vean afectados
 Se puede aumentar la capacidad de un cliente sin tener que cambiar ni
el servidor ni a los otros clientes.
 En algunas modalidades, se pueden añadir servidores sin tener que
rediseñar la arquitectura en su conjunto.
D) facilita el uso de interfaces graficas de usuario y aplicaciones
multimedia; la razón es que estas funciones necesitan el tratamiento de un
volumen importante de la información. Este tratamiento, si tuviese que
hacerse de forma centraliza, necesitaría un host de gran capacidad y unos
envíos de información muy considerables mediante las líneas.
Muchas de estas ventajas significa simplemente que se consiguen, en
mayor o menos grados, los objetivos de los entornos distribuidos.
Los inconvenientes de la arquitectura cliente servidor son los siguientes:
a) El servidor puede ser un cuello de botella

24
b) El software distribuido es más complejo que el no distribuido, y
también es más difícil probarlo y depurar errores en él; también la
administración y la problemática de seguridad son bastante más
complejas.
c) Cualquier sistema distribuido tiende a fallar con más frecuencia que
un sistema centralizado, ya que tiene más componentes que puede
fallar independientemente.

25
2.2 ARQUITECTURA CLIENTE SERVIDOR DE DOS CAPAS
Ahora veremos diferentes entornos de arquitectura de cliente servidor de dos
capas:
1) Entorno cliente servidor de primera generación: es típico de las redes de
área local (LAN); los clientes son PC o estaciones de trabajo en los que se
ejecutan las aplicaciones; al principio, los servidores son los que llevan a
cabo funciones generales y de bajo nivel, como por ejemplo gestionar
ficheros o impresoras compartidas. Más adelante se empieza a pasar parte
de las aplicaciones a un servidor adicional, si bien los clientes continúan
iniciando y controlando los procesos en parte.
2) Entornos de igualdad a igualdad: un ordenador actúa como cliente para
otras máquinas, y como servidor para la misma u otras, incluso para si
mismo.
3) Entorno cliente servido de segunda generación: hay varios servidores
especializados en funciones diferentes que pueden pedir los clientes; por
ejemplo, gestión de la base de datos, aplicaciones, etc. Los clientes
pueden ser móviles.

26
2.3 LIMITACIONES DE LA ARQUITECTURA CLIENTE SERVIDOR DE
DOS CAPAS
Este tipo de arquitectura presenta las siguientes limitaciones:
 Limitaciones al crecimiento del número de clientes, ya que todos se
conectan directamente al servidor.
 Dificultad de mantener el software de los clientes, ya que cualquier
cambio se debe hacer en todos al mismo tiempo.

27
2.4 ARQUITECTURA DE TRES CAPAS BASADAS EN
PLATAFORMAS
En caso más general de la arquitectura de tres capas basada en plataforma, la
estructura es la siguiente:
1) Primera capa: el servidor.
2) Segunda capa: los agentes.
3) Tercera capa los clientes.

28
CAPITULO 3
3. QUE ES UNA APLICACIÓN WEB
En las aplicaciones web suele distinguirse tres niveles (como el las arquitecturas
cliente/servidor de tres niveles): el nivel superior que interacciona con el usuario (el
cliente web, normalmente un navegador), el navegador inferior que proporcionan los
datos (la base de datos) y el nivel intermedio que procesa los datos (el servidor
web). En este capítulo se describe el cliente y el servidor web y se comentan los
entornos web en los que se ejecutan las aplicaciones web. Por último, se presentan
una metodología de desarrollo de sitios web. (Mora, 1998)

29
3.1 EL CLIENTE
El cliente web es un programa con el que interacciona el usuario para solicitar a un
servidor web el envió de los recursos que desea obtener mediante HTTP. La parte
del cliente de las aplicaciones web suelen estar formada por el código HTML que
forma la página web, más algo del código ejecutable realizado en lenguaje de script
del navegador (JavaScript o VBScript) o mediantes programas (applets) relacionados
en java. También suele emplear plug-ins que permite visualizar otros contenidos
multimedia (como Macromedia Flash), aunque no se encuentre tan extendido como
las tecnologías anteriores y plantean problemas de incompatibilidad entre distintas
plataformas. Por tanto, la misión del cliente web es interpretar las paginas HTML y
los diferentes recursos que contienen (imágenes, sonidos, etc.).
Las tecnologías que suelen emplear para programar el cliente web son:
 HTML
 CSS
 DHTML
 LENGUAJES DE SCRIPT: JAVASCRIP, VBSCRIPT, ETC
 ACTIVEX
 APPLETS PROGRAMADOS EN JAVA
 DISTINTAS TECNOLOGIAS QUE NECESITAN LA EXISTENCIA DE UN
PLUG-IN E EL NAVEGADOR ADOBE ACROBAT READER, LIVE PICTURE
PHOTOVISTA, MACROMEDIA.

30
3.2 EL SERVIDOR
El servidor web es un programa que está esperando permanentemente las
solicitudes de conexión mediante el protocolo HTTP por parte del cliente web. En los
sistemas Unix suele ser un demonio y en los sistemas Microsoft Windows un
servidor.
La parte del servidor de las aplicaciones web está formada por:
 Páginas estáticas (documentos HTML) que siempre muestran el mismo
contenido.
 Recursos adicionales (multimedia, documentos adicionales, etc.) que se
pueden emplear dentro de las páginas o estar disponibles para ser
descargados y ejecutados (visualizados) en el cliente.
 Programas o scripts que son ejecutados por el servidor web cuando el
navegador del cliente solicita alguna página. La salida de este suele ser una
página HTML estándar que se envía al navegador del cliente.
Tradicionalmente este programa o script que es ejecutado por el servidor web
se basa en las tecnologías CGI. En algunos casos pueden acceder a bases de
datos.
La programación del servidor mediante CGI es compleja y laboriosa. El protocolo
HTTP no almacena el estado entre una conexión y la siguiente (es un protocolo sin
estado), por lo que es el programador el que se tiene que encargar de conservarlo.
Esto conduce a que el programador tenga que dedicar parte de su tiempo a
programar tareas ajenas al fin de la aplicación, lo que suele ser origen de diversos
problemas. Sin embargo, con la entrada en 1995 de Microsoft en el mundo del
internet y salida al mercado de un servidor web (Microsoft internet información
server) se abrió un nuevo campo para las aplicaciones web: internet server
application program interface (ISAPI). Se trata de un conjunto de funciones en el
servidor web pone a disposición de los programadores de aplicaciones web. Con
ISAPI, los programadores pueden crear Dynamic Link Library (DLL) con funciones
que son invocadas para determinados archivos (se ejecutan cuando el cliente solicita
un archivo con una determinada extensión).

31
3.3 TRASFERENCIA DE PAGINAS WEB
El proceso completo, desde que el usuario solicita una página, hasta que el cliente
web (navegador) se la muestra con el formato apropiado, es el siguiente:
1. El usuario especifica en el cliente web la dirección de la página que desea
consultar: el usuario describe en el navegador la dirección (URL) de la página
que desea visitar o pulsa un enlace.
2. El cliente establece una conexión con el cliente web.
3. El cliente solicita la página o el objeto deseado.
4. El servidor envía dicha página u objeto (o, si no existe, devuelve un código de
error).
5. Se trata de una página HTML, el cliente inicia sus labores de interpretación de
los códigos HTML. Si el cliente web encuentra instrucciones que hacen
referencias a otros objetos que se tienen que mostrar con la página
(imágenes, sonidos, animaciones, multimedia, etc.) establece
automáticamente comunicación con el servidor web para solicitar dichos
objetos.
6. Se cierra la conexión entre el cliente y el servidor.
7. Se le muestra la página al usuario.
Obsérvese que siempre se libera la conexión, por lo que esta solo tiene la duración
correspondiente a la transmisión de la página solicitada. Esto se hace así para no
desperdiciar innecesariamente el ancho de banda de la red mientras el usuario lee la
página recibida.
Cuando el usuario activa un enlace de la página, se establece una conexión para
recibir otra página o elementos multimedia. Por ello, el usuario tiene la sensación de
que está disfrutando una conexión permanente cuando realmente no es así.
Un detalle importante es que cada objeto que se transfiere por la red se realiza una
conexión independiente.

32
3.4 ENTORNO WEB
Las aplicaciones web se emplean en tres entornos informáticos muy similares que
suelen confundirse entre sí: internet, intranet y extranet.

33
3.5 VENTAJAS Y DESVENTAJAS
El desarrollo explosivo de internet y en especial de la www se debe a la aceptación
por todo el mundo de los estándares y tecnologías que emplean. Medios de
transporte común (TCP/IP), servidor (HTTP) y el lenguaje de creación de páginas
(HTML) estandarizados.
Muchas empresas han descubierto que las anteriores tecnologías se pueden
emplear en las aplicaciones cliente/servidor que emplean. Esta forma nace del
concepto de intranet para implementar las tradicionales aplicaciones cliente/servidor
dentro de una empresa. Además, una vez que se tiene una aplicación que funciona
en una intranet, aparece la posibilidad de permitir su uso a través del internet, lo que
facilita el teletrabajo o la movilidad de los empleados de una empresa.
Una ventaja clave del uso de aplicaciones web es que el problema de gestionar el
código en el cliente se reduce drásticamente. Suponiendo que existe un navegador o
explorador estándar en cada cliente, todos los cambios, tanto de interfaz como de
funcionalidad, que deseen realizar a la aplicación se realiza cambiando el código que
resida en el servidor web. Comparemos esto con el coste de tener que actualizar uno
por uno el código en cada uno de los clientes (imaginemos que tenemos 2.000
ordenadores clientes). No solo se ahorra tiempo porque reducimos la actualización a
una sola máquina, sino que no hay que desplazarse de un puesto de trabajo a orto
(la empresa puede tener una distribución geográfica amplia).
Una segunda ventaja, relacionada con la anterior, es que se evita la gestión de
versiones. Se evitan problemas de inconsistencia en las actualizaciones, ya que no
existen clientes con distintas versiones de la aplicación.
Tercera ventaja es que la empresa ya esté usando internet, no se necesita comprar
ni instalar herramientas adicionales para los clientes.
Una última ventaja, pero no menos importante, es la independencia de la plataforma
para que una aplicación web se pueda ejecutar en distintas plataformas (hardware y
sistema operativo), solo se necesita disponer de un navegador para cada una de las
plataformas y no es necesario adaptar el código de la aplicación a cada una de ellas.

34
Además, las aplicaciones web ofrecen una interfaz gráfica de usuario independiente
de la plataforma (ya que la plataforma de ejecución es el propio navegador).
Una desventaja, sin embargo está desapareciendo rápidamente, es la programación
en la web no es tan versátil o potente como la tradicional. El lenguaje HTML presenta
varias limitaciones, como es el escaso repertorio de controles disponibles para crear
formularios. Por otro lado, al principio de las aplicaciones web eran básicamente de
solo lectura: permitían una interacción con el usuario prácticamente nula. Sin
embargo, con la aparición de nuevas tecnologías de desarrollo como java, javaEcript
y ASP, esta limitación tiende a desaparecer.

35
3.6 ARQUITECTURA DE LAS APLICACIONES WEB
Las aplicaciones web se basan en una arquitectura cliente/servidor: por un lado está
el cliente (el navegador, explorador o visualizador) por otro lado el servidor (el
servidor web). Existen diversas variantes de la arquitectura según como se
implementen las diferentes funcionalidades de la parte servidor.
El objetivo de separar las distintas funcionalidades (servicio de HTTP, lógica de
negocios y lógica de datos) en distintos servidores es aumentar la escalabilidad del
sistema de cara a obtener un mayor rendimiento. Al separar las distintas funcionales
en distintos servidores, en cada uno de ellos. Por ejemplo, para ofrecer el servicio de
HTTP hace falta un ordenador con una buena conexión a internet, rápido pero sin
grandes necesidades de almacenamiento. Sin embargo, para el servidor de base de
datos hace falta un ordenador con mucha memoria y con un disco duro de alta
calidad de almacenamiento y rápido para mantener todos los datos.
Otra ventaja que tiene al separar las funcionalidades, es que al aislar la lógica de
negocios y la lógica de datos en servidores separados que no estén conectados.

36
3.7 METODOLOGIA DE DESARROLLO DE SITIO WEB
No existe en la actualidad una metodología de desarrollo de sitio web ampliamente
aceptada. Sin embargo, una posible metodología es la que se presenta a
continuación. Algunas de las fases de esta metodología se pueden realizar en el
paralelo o no acabar hasta el final del desarrollo del sitio web:
1. Se estudian los principios y especializaciones del sitio web: cuál es
el contenido del sitio web, que se pretende conseguir, a quien se
destina y número de visitas previsto, que inversión que se desea
realizar, de cuánto tiempo se dispone, etc.
2. A partir de los requerimientos se decide la arquitectura y la
tecnología del sitio web: empleo de un servidor web propio o
alojamiento (hospedaje) en servidor alquilado, ancho de la banda de
la comunicación del servidor web con internet, paginas estadísticas
o tecnologías de generación dinámicas de páginas (ASP, CGI, etc.),
datos almacenados en ficheros o en un servidor de base de datos,
etc.
3. A continuación se diseñara la estructura lógica o de navegación del
sitio web: página inicial, página principal, empleo de marco, los
menús, división en secciones, relación entre las distintas secciones,
páginas de novedades, etc.
4. Se define la estructura física, que puede ser igual a la lógica o
totalmente independiente.
5. Se crean los contenidos del sitio web. Si se emplea una base de
datos, se realizan la carga de datos.
6. Se realiza el diseño gráfico y ergonómico: colores, montajes,
tipografías, botones de navegación, logotipos y demás elementos
gráficos, etc.
7. Se crean las páginas estáticas y los elementos multimedia.
8. Desarrollo de los scripts y paginas dinámicas.
9. Por último, se verifica el correcto funcionamiento del sitio web: se
comprueba la conexión con la base de datos, se verifica que no

37
existan en laces rotos, se confirma que todos los recursos
empleados (imágenes, ficheros con código de script, etc.) se
encuentren el sitio web con distintos navegadores para asegurar su
compatibilidad. También se realizan pruebas de carga para evaluar
el rendimiento.
10.Puesta en marcha.

38
CAPITULO 4
4.1 ESTUCTURA DE UN SITIO WEB
En este capítulo se introducen los conceptos de sitio web, estructura física y
estructura lógica (o de navegación). Además se incluye una guía de estilo con
consejos a tener en cuenta cuando se diseñe la navegación de un sitio web. Una de
las principales premisas que se tienen que tener en cuenta cuando se diseña la
estructura física y estructura lógica es lograr sitios web que sean fáciles de mantener
y de navegar. (Mora, 1998)

39
4.1 QUE ES UN SITIO WEB
Un sitio web es un conjunto de páginas web relacionadas entre sí. Se entiende por
página web todo el fichero que contiene el código HTML como todos los recursos
que se emplean en la página (imágenes, sonidos, código de JavaScript, etc.).
En todos los sitios web se suelen distinguir dos páginas especiales: la página inicial
(o página de entrada) y la página principal (o página menú). La página inicial,
conocida como splash page en inglés, es la primera página que el usuario ve al
visitar un sitio web. Normalmente, la página inicial se emplea para promocionar la
compañía u organización a la que pertenece el sitio web, para dar a conocer un
producto o servicio particular (por ejemplo, para promocionar unos productos en
oferta). También se suele emplear para informar al usuario de los requerimientos
(tipo y versión de navegador, los resultados mínima, etc.) necesario para visualizar
correctamente el resto de la página del sitio web. A menudo, la página inicial es la
más vistosa del sitio web, ya que tiene el objetivo de atraer y atrapar al visitante. La
mayoría de las páginas iniciales poseen las siguientes características:
 Poco texto, pero muchas imágenes, gráficos animados, sonidos o incluso
videos.
 Algunas pasan automáticamente la página principal, pero en otro los usuarios
tienen que pulsar un enlace para cargar la página principal.
 En algunos casos la página inicial se convierte en u túnel de entrada: una
presentación que dura bastante tiempo (más de 15 segundos), que suele estar
realizada con múltiples páginas o con una sola página que emplea tecnología
multimedia (como Macromedia Flash). En estos casos, suele existir un enlace
para evitar el túnel de entrada y saltar directamente a la página principal.
Además de usarse como “tarjeta de presentación”, la página inicial también se puede
emplear para disminuir el tiempo necesario para cargar las páginas posteriores.
Mientras el usuario este visualizando la página inicial, las imágenes se emplearan en
a las siguientes páginas se pueden cargar en la memoria caché del navegador
mediante un proceso en segundo plano del que el usuario no es consiente.

40
En algunos sitios web se prescinde de la página inicial y directamente se muestra el
usuario a la página principal.
Por otro lado, la página principal, conocida como home page, root page, entry page,
front page o main page en inglés, es la página que funciona como índice o tabla de
contenidos del sitio web. A través de esta página, el resto de documentos del sitio
web es accesible de una forma directa o indirecta. Por tanto, la página principal tiene
que ser clara y no crear confusión con infinidad de opciones (si las opciones son
abundantes significan que la clasificación de la información no ha sido la correcta).

41
4.2 CONTENIDO DE UN SITIO WEB
Posiblemente, el aspecto más importante (y al mismo tiempo uno de los más
descuidados) de un sitio web sea su contenido (y por extensión, sus servicios): un
sitio web con un buen diseño pero con un pobre contenido es poco probable que
triunfe, sin embargo, un sitio web con un pobre diseño pero con un buen contenido si
que puede triunfar (por ejemplo, los buscadores de Yahoo o Google o la tienda
Amazon no destacan por su diseño, pero han triunfado en internet gracias a su
contenido a los servicios que ofrece).
El contenido de un sitio web se suele organizar en una serie de secciones que
facilitan su búsqueda y localización. En general, los contenidos se pueden clasificar
en dos tipos: comunes y específicos.
Los contenidos comunes son aquellos que se suelen encontrar en la mayoría de los
sitios web pertenecientes a su misma categoría. Por ejemplo:
 Grandes compañías :
 ¿Quiénes somos?
 Información de contactos.
 Historia de la compañía.
 Objetos.
 Cartera de clientes
 Productos o servicios
 ….
 Periódicos:
 Editorial.
 Noticias internacionales.
 Noticias nacionales.
 Deportes.
 …..
 Centros educativos:
 Personal.

42
 Profesores.
 Estudiantes.
 Planes de estudio.

43
4.3 ESTRUCTURA FISICA
La estructura física de un sitio web es la forma en que se almacena los distintos
recursos (ficheros) se forman un sitio web en el sistema de archivos del servidor web.
¿Se almacenan todos los ficheros en único directorio (carpeta)? ¿O están
almacenados según el tipo de fichero en distintos directorios? Al definir la estructura
física de un sitio web hay que tener en cuenta las preguntas anteriores.
Una estructura física eficiente reduce los costes de un mantenimiento. Cada vez que
tenga que actualizar el sitio web, el tiempo necesario para localizar el recurso que se
desea actualizar se reducirá.
La estructura física se debe de planificar antes de iniciar el desarrollo del sitio web.
Modificar la estructura física una vez que se han creado muchas páginas es costoso
y propenso a cometer errores, ya que para ello hay que actualizar los enlaces entre
las páginas, las referencias a las imágenes, etc., para que reflejen nuevas
estructuras del sitio web.
El sitio web contiene un número pequeño de ficheros (5 o 10 fichero), quizás no
supongan ningún problema tenerlos todos juntos en el mismo directorio. Pero
conforme aumenta el número de ficheros, si se ordenan en subcategoría se
simplificara su localización y su cambio.
No existe una forma perfecta de organizar físicamente un sitio web. Todo depende
de la persona, pero no para otra. Lo importante es que en el futuro, cuando hay que
realizar cambio en sitio web, la persona que tenga hacerlo pueda encontrar lo que
quiere modificar rápidamente.
Existen diferentes alternativas de organización de un sitio web en directorio. Algunas
de las más usuales son:
 Por el tipo de fichero. Por ejemplo, fichero HTML, fichero gráfico, fichero de
video, etc.
 Por el nivel de acceso (visibilidad). Por ejemplo, parte publica, parte privada
de los clientes, parte privada de los administradores, etc.

44
 Por el contenido. Por ejemplo, una empresa que vende productos pueden
organizar los ficheros según la información que contienen: los ficheros de la
familia de productos A en un directorio, los ficheros de la familia de productos
B en otros directorios, etc.
 Por la fecha. Por ejemplo, el sitio web de una revista pueden organizar los
ficheros según la fecha de publicación.
 Por su propietario. Por ejemplo, una empresa puede organizar los ficheros
según el departamento al que pertenecen: el departamento A, departamento
B, etc.
 Por su estructura lógica o de navegación. La estructura física puede ser una
copia de la estructura lógica.

45
4.4 ESTRUCTURA LOGICA
La estructura lógica o de navegación define como un visitante se va a mover
(navegar) de una zona a otra de un sitio web. La estructura lógica y la física son
totalmente independientes, aunque se puede definir de forma que una sea una
proyección de la otra. Según el tipo de navegación que se permita en el sitio web, los
usuarios tendrán una sensación de “poco libertad” (navegación controlada) o “mucha
libertad” (navegación libre).
La estructura lógica también se tiene que plantear con cuidado y antes de comenzar
a desarrollar el sitio web, con el fin de asegurase de que todo el mundo podrá
navegar por el sitio fácilmente. Para lograrlo, es conveniente dar respuesta a una
serie de preguntas:
 ¿Cuál es el propósito de este sitio web?
 ¿Qué contendrá?
 ¿Cuál es la audiencia a la que está destinado?
 ¿Qué esperamos obtener?
 ¿Qué esperamos que los visitantes obtengan?

46
5. HTML
5.1 ¿Qué es el HTML?
HTML, siglas de HyperText Markup Language, hace referencia al lenguaje de
marcado predominante para la elaboración de páginas web que se utiliza para
describir y traducir la estructura y la información en forma de texto, así como para
complementar el texto con objetos tales como imágenes. El HTML se escribe en
forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede
describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o
hacer referencia a un tipo de programa llamado script, el cual puede afectar el
comportamiento de navegadores web y otros procesadores de HTML.
HTML también sirve para referirse al contenido del tipo de MIME text/HTML o todavía
más ampliamente como un término genérico para el HTML, ya sea en forma
descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida
directamente de SGML (como HTML 4.01 y anteriores). (Hobbs, 2000)

47
6. PHP
6.1 El lenguaje PHP
PHP es un lenguaje interpretado del lado del servidor que se caracteriza por su
potencia, versatilidad, robustez y modularidad. Los programas escritos en PHP son
embebidos directamente en el código HTML y ejecutados por el servidor web a
través de un intérprete antes de transferir al cliente que lo ha solicitado un resultado
en forma de código HTML puro. Al ser un lenguaje que sigue las corrientes open
sourcea, tanto el intérprete como su código fuente son totalmente como su código
fuente son totalmente accesible de forma gratuita en la red.
Por su flexibilidad, PHP resulta un lenguaje muy sencillo de aprender; especialmente
para programados familiarizados con lenguaje como C, Perl o Java, debido a las
similitudes de sintaxis entre ellos.
Por supuesto, es un lenguaje multiplataforma; los programadores funcionan igual
sobre plataformas, trabajando sobre la mayoría de servidor web y estando
preparando para interactuar con más de 20 tipos de bases de datos. No obstante, al
ser un lenguaje inicialmente concebido para entornos Unix, es sobre ese sistema
operativo sobre el que se puede aprovechar mejor sus prestaciones.
En comparación con otro tipo de tecnologías similares, PHP resulta más rápido,
independiente de la plataforma y más sencillo de aprender y utilizar.
Inicialmente diseñado para realizar poco realizar poco más que contadores y libros
de visita de páginas, en la actualidad PHP permite realizar una multitud de tareas
útiles para el desarrollo web. Por ejemplo, dispone, entre otras, de:
 Funciones de correo electrónico que puede ser utilizadas para programas
completos sistemas de correo electrónico vía web.
 Funciones de administración y gestión de datos específicas para la mayoría
de gestores comerciales y funciones para conexiones ODBC con base de
datos en sistema Microsoft.

48
 Funciones de gestión de directorios y fichero, incluso para la transferencia
mediante FTP.
 Funciones de tratamiento de imágenes y librerías de funciones gráficas.
 Funciones de generación y lectura de cookies.
 Funciones para la generación de documentos PDF.
A la innumerable cantidad de funciones predefinidas PHP debe añadirse, por
supuesto todas aquellas funciones propias de cada programador, y que pueden ser
reutilizadas e intercambiadas a través de foros específicos con otros programadores.

49
6.2 Origen y evolución de PHP.
En 1994 un programador de Groenlandia, RasmusLerdorf, creo el lenguaje PHP con
el objetivo inicial de hacer un seguimiento de los visitantes de su página personal. El
sistema desarrollado originalmente por Lerdorf estaba formado por un conjunto de
Scripts programados en Perl que posteriormente sería re implementados en
lenguaje C con el objeto mayores funcionalidades. El significado original del nombre
PHP no era otro que Personal Home Page. Adicionalmente Lerdorf desarrollo un
sistema de procesamiento de formularios, sistema que fue bautizado como FL (Form
Interpreter), constituyendo ambos sistemas la primera versión del actual lenguaje
PHP: el PHP/FI. Leordort decidió hacer público el código fuente de sus programas
para que cualquiera pudiera utilizarlo; de esa forma el sistema rápidamente
comenzó a ser utilizado por otros usuarios de internet y entre todos empezó a
mejorarse el lenguaje, de manera que el actual PHP es progresivamente construido
por colaboradores desinteresados que implementan nuevas funciones en nuevas
versiones del lenguaje.
La versión PHP 1 aparece en la primavera de 1995 y el PHP 2 fue desarrollado entre
1995 y 1997. En 1997 se estimaba que un 1% de los dominios de internet hacia uso
del PHP 2.
A mediados de 1997 se produce un cambio importante en el lenguaje se reprogramó
el analizador sintáctico, se incluyeron nuevas funcionalidades como el soporte a
nuevos protocolos de internet y a la mayoría de los sistemas gestores de base de
datos comerciales. Con estas nuevas funcionalidades nace el PHP 3, además se
decide rebautizar el lenguaje dando un nuevo significado a sus siglas; Procesador de
Hipertexto. El PHP 3 se caracterizaba por su gran extensibilidad y por el diseño de
una sintaxis mucho más potente y consistente, además del soporte de sintaxis
orientado a objeto. Se estima, que en su apogeo el PHP 3 llegó a estar instalado
sobre el 10% de los servidores web de internet.
En el año 200 surge a siguiente versión del lenguaje: el PHP 4, con una mayor
independencia del servidor web y con un mayor número de funciones disponibles.
Con esta versión se define el núcleo del programa, generando un nuevo motor que

50
mejora la ejecución de aplicaciones complejas, este nuevo motor es bautizado como
“Motor Zend”, en honor a sus autores: Zen con el objetivo de ofrecer productos
complementarios y herramientas para el desarrollo en PHP.
La versión actual del lenguaje, PHP 5, fue lanzada oficialmente en septiembre de
2004. Hoy en día se estima que PHP es usado por cientos de miles de
programadores y que está presente en más del 20% de los servidores web en
internet. Es el texto lenguaje de programación más utilizado en el desarrollo de
software, únicamente por detrás de C, Java, C++, Visual Basic y Perl.

51
6.3 Escritura del código fuente en PHP
La inserción del código fuente no tiene ningún efecto sobre la ejecución de los
programas pero ayuda a hacerlos más legibles. Sobre todo en proyectos de gran
envergadura, la documentación de los programas mediante comentarios en esencial
para facilitar su mantenimiento, y muy especialmente cuando son varios los
programadores que trabajan en un mismo proyecto. Debe destacarse igualmente que
PHP crece gracias al esfuerzo de todos los programadores que distribuyen
libremente sus desarrollos, por lo que el código ¡distribuido debe estar especialmente
bien documentado.
En PHP hay varias formas de incluir comentarios en el código. En primer lugar están
los que usan el estilo de C o C++.
//comentario estilo C. hasta fin de línea
/* Comentario estilo C.
Puede extenderse durante varias líneas.
*/
Cuando PHP se encuentra la pareja de caracteres // considera como comentario todo
lo que le sigue hasta alcanzar el fin de línea o el fin de script, lo que antes acurra.
Con este estilo, si se quiere que el comentario abarque varias líneas, cada una de
ellas debería ser precedida del correspondiente inicio comentario //. Para evitar
innecesaria repetición, se puede utilizar el segundo estilo de comentarios. Con el
comentario puede extenderse por varias líneas hasta encontrar la señal de fin */.
Con este segundo estilo hay que prestar especial atención para evitar anidamientos
de comentarios.
El tercer estilo de comentario propio del lenguaje Perl, y consiste en utilizar el signo ·,
considerándose en este caso como comentario todo lo que le sigue hasta el fin de
línea;
# Comentario estilo Perl. Hasta fin de línea.

52
SINTAXIS BÁSICA
Saliendo de HTML Para interpretar un archivo, PHP simplemente interpreta el texto
del archivo hasta que encuentra uno de los caracteres especiales que delimitan el
inicio de código PHP. El intérprete ejecuta entonces todo el código que encuentra,
hasta que encuentra una etiqueta de fin de código, que le dice al intérprete que siga
ignorando el código siguiente. Este mecanismo permite embeber código PHP dentro
de HTML: todo lo que está fuera de las etiquetas PHP se deja tal como está,
mientras que el resto se interpreta como código.
Hay cuatro conjuntos de etiquetas que pueden ser usadas para denotar bloques de
código PHP. De estas cuatro, sólo 2 (<?pHp. . .?> y <script lenguaje="php">. .
.</script>) están siempre disponibles; el resto pueden ser configuradas en el fichero
de php.ini para ser o no aceptadas por el intérprete. Mientras que el formato corto de
etiquetas (short-formtags) y el estilo ASP (ASP-styletags) pueden ser convenientes,
no son portables como la versión de formato largo de etiquetas. Además, si se
pretende embeber código PHP en XML o XHTML, será obligatorio el uso del formato
<?php. . .?> para la compatibilidad con XML.
Las etiquetas soportadas por PHP son:
Formas de escapar de HTML
1. <?php echo("si quieres servir
Documentos XHTML o XML, haz como
aquín"); ?>
2. <? echo ("esta es la más simple,
Una instrucción de procesado SGML n"); ?>
<?= expresión ?> Esto es una abreviatura de "<?

53
Echo expression?>"
3. <script language="php">
echo ("muchos editores (como FrontPage) no
aceptan instrucciones de procesado");
</script>
4. <% echo ("Opcionalmente, puedes usar las
etiquetas ASP"); %><%= $variable;
# Esto es una abreviatura de "<% echo . . ." %>
El método primero, <?php. . .?>, es el más conveniente, ya que permite el uso de
PHP en código XML como XHTML.
El método segundo no siempre está disponible. El formato corto de etiquetas está
disponible con la función short_tags() (sólo PHP 3), activando el parámetro del
fichero de configuración de PHP short_open_tag, o compilando PHP con la opción --
enable-short-tags del comando configure. Aunque esté activa por defecto en php.ini-
dist, se desaconseja el uso del formato de etiquetas corto.
El método cuarto sólo está disponible si se han activado las etiquetas ASP en el
fichero de configuración: asp_tags.
Nota: El soporte de etiquetas ASP se añadió en la versión 3.0.4.
Nota: No se debe usar el formato corto de etiquetas cuando se desarrollen
aplicaciones o librerías con intención de redistribuirlas, o cuando se desarrolle para
servidores que no están bajo nuestro control, porque puede ser que el formato corto

54
de etiquetas no esté soportado en el servidor. Para generar código portable y
redistribuible, asegúrate de no usar el formato corto de etiquetas.
La etiqueta de fin de bloque incluirá tras ella la siguiente línea si hay alguna presente.
Además, la etiqueta de fin de bloque lleva implícito el punto y coma; no necesitas por
lo tanto añadir el punto y coma final de la última línea del bloque PHP.
PHP permite estructurar bloques como: Ejemplo 6-2. Métodos avanzados de escape
<?php
if ($expression) {
?>
<strong>This is true.</strong>
<?php
} else {
?>
<strong>This is false.</strong>
<?php
}
?>
Este ejemplo realiza lo esperado, ya que cuando PHP encuentra las etiquetas de fin
de bloque, empieza a escribir lo que encuentra tal cual hasta que encuentra otra
etiqueta de inicio de bloque. El ejemplo anterior es, por supuesto, inventado. Para
escribir bloques grandes de texto generalmente es más eficiente sepáralos del
código PHP que enviar todo el texto mediante las funciones echo(), sprint() o
similares. Fuente: Manual de PHP

55
6.4 Elementos básicos del lenguaje
 TIPOS DE DATOS
Como todo lenguaje programa, PHP puede trabajar con una serie de tipos de datos
básicos. En concreto los tipos de datos admitidos son:
 Números enteros: los enteros pueden trabajar tanto en base como en
octal o hexadecimal (un 0 inicial indica que el valor está representado
en octal, un 0x indica que es hexadecimal).
Ejemplo de números base 10. 45 -142 783
Ejemplo de números en octal 0123 (equivale a 83)
 Números en forma flotante: los números en como flotante se puede dar
en dos formatos: como parte entera y parte decimal, usando el punto
como separador, o en notación científica.
Ejemplos; 14.67 -76.0023 1.4e3 -78.5e-4
 Cadenas de caracteres: las entradas de caracteres pueden ser dadas
en dos formatos: usando comillas doble o usando comillas simple. El
uso u otra forma de delimitación afecta a la forma en la forma en la que
se trata las posibles variables que pueda haber dentro de la propia
cadena.
Ejemplo.”casablanca” ‘cantando bajo la lluvia’
 Arrays o matrices: los arrays constituyen colecciones de datos que se
referencian bajo un nombre común.
 Objetos: finalmente PHP admite también la posibilidad de crear objetos
y realizar acciones con ellos. Mediante el uso de objetos se puede
entender como una misma cantidad de datos y las acciones que se
realizan con ellos. Esta es la base orientada u objeto.
 VARIABLE

56
Una vez analizados los tipos de datos básicos soportados por PHP, lo siguiente que
se necesita es disponer de “contenedores” que permitan guardar los datos y realizar
operaciones con ellos. Estos contenedores son variables. Algunos de las
peculiaridades de las variables en PHP son:
 No es necesario declarar explícitamente las variables, sino que basta con
utilizarlas cuando se necesite.
 En principio las variables no tiene un tipo predefinido, puede asignarse
cualquier tipo de valor
 La asignación de valores se realiza utilizando el signo “=”.
 Los nombres de las variables en PHP siempre comienzan por el signo”$”.
 En los nombres de las variables Si se distingue el uso de mayúsculas y
minúsculas, de manera que $titulo y $TITULO sería variables diferentes.
 Una misma variables se puede utilizar asignándole a lo largo del tiempo datos
incluso de distinto tipo.
Serán ejemplos de nombres de variables válidos.
$titulo $fecha_nacimiento $año $precio2
En cambio no serían válidos:
$dir_pelicula $4fila genero $dito&
 ATRIBUTOS
ATTRIBUTE nombre : tipo
ATTRIBUTE nombre OF id_elemento : clase IS valor
Donde nombre es el identificador del atributo, id_elemento corresponde al
identificador de un elemento del lenguaje definido previamente (señal, variable,
etc.), la clase es el tipo de elemento al que se le va añadir dicho atributo, es decir
si es señal, constante, etc. y el valor será lo que devuelva al preguntar por dicho
atributo. Un ejemplo de todo esto puede ser el siguiente.

57
SIGNAL control :std_logic;
ATTRIBUTE min : integer;
ATTRIBUTE min OF control : SIGNAL IS 4
IF control'min> 20 THEN

58
BOSQUEJO DE METODO
ENFOQUE DE LA INVESTIGACION
En el enfoque utilizado para el desarrollo de la presente investigación es de tipo
cuantitativo ya que tiene un proceso secuencial, deductivo y analizar la realidad
objetiva que será muy útil ya que se aplicaran encuestas y posteriormente, se
procederá a realizar el análisis de los resultados a través de la representación gráfica
e interpretación de la misma.
ALCANCE DE LA INVETIGACION
El alcance del proyecto se enfoca en la investigación descriptiva ya que mide el
porcentaje de los beneficios que tendrá el desarrollo del sitio para la difusión de las
actividades del instituto, así como también define las variables que se tiene, de igual
manera es de tipo correlacional ya que analiza la relación que existe entre las dos
variables y que se sustenta en la hipótesis independiente y dependiente de las
cuales la independiente se basa en el desarrollo del sitio y la dependiente es
fortalecer el proceso de difusión y la participación de los alumnos en las actividades y
finalmente será exploratoria ya que dará a conocer los beneficios que trae consigo el
desarrollo del sitio para el plantel docentes, cuerpo administrativo y público en
general.

59
TIPO DE INVESTIGACIÓN
El tipo de investigación del proyecto acuerdo a:
 Propósito: Es el de desarrollo ya que nuestro proyecto se basa en diseñar
nuevas mediadas de difusión para el instituto ya que traerá consigo el uso de
nuevos programas.
 Las fuentes: para obtener la información adecuada nos basamos en revistas,
folletos, periódicos y documentos que nos ayuden a obtener la información
adecuada para el desarrollo del sitio.
 Forma y momento: se basa en la descriptiva por motivos claros como la
recopilación necesaria para tener una clara idea de lo que hace falta, así como
experimental ya que los cambios se manejaran de manera controlada para
tener un proceso adecuado y entendible.
DISEÑO DE LA INVESTIGACION
El diseño de la investigación seria experimental debido a que el nuevo medio de
difusión de los eventos se implementara con una nueva herramienta tecnológica que
ni los alumnos como los profesores u otras personas han utilizado para su beneficio.
MUESTRA
UNIDAD DE ANALISIS
La encuesta se realizara a los alumnos, docentes, y al cuerpo administrativo del
plantel al igual que a los aspirantes y al público en general.

60
POBLACIÓN
El colegio de bachilleres del estado de Oaxaca cuenta con una matrícula de 850
alumnos de diferentes especialidades, semestres, grupos y horarios. Dada las
circunstancias económicas plantel 05, se tomó la decisión de que las encuestas solo
se realizara a un conjunto de personas del plantel las cuales cuentan con las
siguientes características.
A los alumnos del instituto que como se les menciono son alrededor de 850 pero el
70% son del sexo femenino y el 30% son del sexo masculino así como el 89% de
ellos se encuentran en el horario matutino y el 11% en el vespertino, y tienen entre
15 y 18 años de edad.
MUESTRA
Para determinar la magnitud de la muestra se aplicó la siguiente formula:
N: tamaño de la población 850
Se: error de estándar 0.015
V2: varianza de la población al cuadrado.
S2: varianza de la muestra.
P: 0.9
N1: tamaño de la muestra sin ajustar
N: tamaño de la muestra
N1=S2/V2
N=N1/1+N/N
S2= P (1-p)= 0.9 (1-0.9)=0.09
Y2= (0.015)2= 0.000225
N1= n1/1+ (n1/n)= 400/1+ (400/850)=367 N= 367 personas

61
TÉCNICAS E INSTRUMENTOS
Para llevar a cabo la recopilación de información del instituto al que se le desea
desarrollar un sitio web para una mejor difusión de las actividades que se realiza en
el interior del plantel fue.
Entrevista: está dirigida tanto a los profesores como a los estudiantes que se
encuentran dentro del instituto para saber si el medio de difusión que utiliza el plantel
les proporciona la información necesaria y si todos tienen la oportunidad de obtener
uno de ellos.
FORMA DE ANÁLISIS
Al establecer el método que se implementara en el desarrollo del sitio web debe de
ser realizado de manera clara por medio de entrevistas, para lo cual se necesitó
realizar un cuestionario con las preguntas debidamente estructuradas para obtener la
información que se requiere para tener conocimiento de que tan informados están los
alumnos y los maestros de las actividades que se realizan en el plantel, quedando
estructurado de la siguiente manera de las 10 preguntas de las que se realizaron 6
de ellas son preguntas dicotómica, y 4 son de opción múltiple.

62
CRONOGRAMA DE ACTIVIDADES
Tabla 3: cronograma de actividades
ACTIVIDADES
FEBRERO MARZO A
10 11 17 18 24 25 3 4 10 11 17 18 24 25 7 8 14
1.- Planeación inicial del sitio web
*Planificación general del proyecto
*Documentación
2.- Arquitectura de la información
*Contenido del sitio
*Definición de la estructura del sitio
*Definición del sistema de navegación
*Definición del diseño visual
3.-Diseño web y estándares
*Diseño para el acceso rápido
*Normas para incorporar elementos gráficos y multimedia
4.-Plan de mantenimiento del sitio web
*Difusión y promoción del sitio
*Metodología de implantación de mejora
*Estadísticas de trafico
5.-Seguridad del sitio web
*Condiciones de seguridad operativa
*Definir las medidas de seguridad

63
Conclusiones y recomendaciones
Un sitio consta de diversos apartados que bien puede ayudar a los usuarios a
realizar sus labores de una más fácil y práctica, en este caso un sitio para el plantel
ayudara radical mente al instituto de una manera que podrá tener muchos beneficios
puesto que invertiría menos ingresos en la difusión de información para los eventos
culturales y otros, al igual se puede dar a conocer en más poblaciones vecinas es por
estos se sugiere hacer uso de las nuevas herramientas que tenemos a nuestros
alcances.

64
Bibliografía
Hobbs, L. (2000). Diseñar se propia pagina. alfaomega.
lopez, j. (1981). Domine PHP y MYSQL. España: Alfaomega.
Mora, S. L. (1998). Programación de aplicaciones web. Noriega.
RODRIGUEZ A.A INICIO DE LA RED A INTERNET. ESPAÑA: IDEAS PROPIAS
Procesamiento de bases de datos: fundamentos, diseño e implementación By David
M. Kroenke
Web WordPress 3 - un CMS para crear su sitio Web By Christophe AUBRY
Estudio de accesibilidad a la red By Francisco Alcantud Marín, Rafael Romero
Zúnica, Antonio Ferrer Manchón
Metodología del análisis estructurado de sistemas By Jesús Barranco de Areba
PHP 6. Curso profesional de programación Edgar D´Andrea
Ediciones InforBooks- Una guía para la realización y supervisión de PFC en el
ámbito de la Web
Felíx Buendía García- Editorial Universidad Politécnica de Valencia
Electrónica de Documentos: Una guía práctica para aplicar la Gestión ...
By Pascual Gravina

65
ANEXOS
Entrevista
Elija la respuesta correcta de acuerdo a lo que usted considere sea la mejor opción
para él un futuro beneficio para el plantel.
1. ¿Consideras que es importante el desarrollo un sitio web para el colegio de
bachilleres?
___SI ___NO
2. ¿Mejorara el número de matrículas de los alumnos con la realización del sitio
web?
___SI ___NO
3. ¿Se beneficiara el instituto con la realización de un sitio web?
___SI ___NO
4. ¿El sitio web mejorara el proceso de difusión de las actividades del plantel?
___SI ___NO
5. ¿Los estudiantes del instituto obtendrán información de las actividades de
manera adecuada?
___SI ___NO
6. ¿Consideras que con la realización del sitio web abra mayor participación de
los alumnos en las actividades del plantel?
___SI ___NO ____INDIFERENTE
7. ¿Quiénes consideras que son las personas más beneficiadas con la
realización del sitio web?
A. Alumnos
B. maestros.

66
C. Conserjes, niños
8. ¿En qué porcentaje crees que el sitio web beneficiaria al instituto?
A. 40%
B. 50%
C. 100%
9. ¿Qué tipo de difusión consideras que es el mejor para el institución?
A. Trípticos
B. Perifoneos
C. Sitios web
10.¿en promedio que porcentaje le pondrías al tipo de difusión con la que cuenta
el instituto actualmente?
A. 30%
B. 60%
C. 100%
“Gracias por su participación “

Proyecto cobao

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (10)

Similar a Proyecto cobao

Similar a Proyecto cobao (20)

Más de Yara Anota

Más de Yara Anota (20)

Proyecto cobao