Análisis de Aplicaciones para la Creación de
Contenido Dinámico con PHP
Salvador Romero Chávez
Departamento de Sistemas y Computación, Licenciatura en Informática. Instituto Tecnológico de Durango
Durango, México
srch_17@hotmail.com
Abstract. En este documento se encuentra un poco de historia
acerca de las páginas web, así como también los tipos de páginas
web que hay que son las estáticas y las dinámicas.
Aquí se encuentran las etapas que se tienen que llevar a cavo
para la creación de una página web ya sea dinámica o estática,
pero por lo general en estos momentos de diseñan páginas web
dinámicas que son más atractivas para los usuarios. También se
comenta acerca de la planificación de una página web como es la
usabilidad, la navegabilidad y la arquitectura de la información,
que es la forma en cómo se tiene que distribuir la información
dentro de la pagina web. Algunos lenguajes de programación
para el desarrollo de contenido dinámico para una web son el
ASP, Perl, Java Script y PHP, a este último es a donde se enfoca
el documento, por lo cual se analizan algunas plataformas para
programar en este lenguaje, así como su sintaxis y escoger el
mejor programa según mis criterios para generar contenido
dinámico para una página web con el lenguaje de programación
PHP.
I. INTRODUCCIÓN
Este documento contiene información necesaria para la creación de
una página web que es desde el tipo de página web que se desea crear
y cuál es la más conveniente en estos momentos. Se encuentran las
etapas que se deben de seguir para diseñar una página web con
calidad así como la navegabilidad, la usabilidad y la arquitectura de
la información. Existen varios lenguajes para programar una página
web, pero aquí se mencionan solamente el Perl, ASP, Java Script y
PHP.
El artículo se enfoca en el lenguaje de programación PHP, por lo cual
se mencionan algunas plataformas que ayudan en la programación, se
ve la sintaxis del PHP y por último se analizan las plataformas que se
mencionan en el documento y se da un resultado según mis criterios
cual es la mejor para programar páginas web con este lenguaje
mencionado.
II. INTRODUCCIÓN AL DISEÑO WEB
En este apartado se da la información de cómo es que se inventaron
las páginas web, quien las invento y los dos tipos de páginas web que
hay que son estáticas y dinámicas.
A. Historia de la World Wide Web.
La World Wide Web, WWW o, familiarmente, “la web nació en el
año de 1990 en el CERN (Consejo Europeo para la Investigación
Nuclear).
Su desarrollador, un físico nuclear llamado Tim Berners-Lee,
buscaba una forma de publicar y compartir documentos entre sus
compañeros científicos basada en hipertexto (entramado de páginas
conectadas mediante enlaces). Con esa idea creó el primer navegador
(WorldWideWeb) y sentó las bases en las que se apoya la actual web
[1]. El gran avance de Berners-Lee fue unir hipertexto e internet.
Entre la WWW y los sistemas de hipertexto disponibles en aquel
entonces existían algunas diferencias, como por ejemplo: WWW sólo
requería enlaces unidireccionales en vez de bidireccionales, es decir,
una persona podía enlazar con otro recurso sin necesidad de obtener
un permiso del parte del propietario de dicho recurso. Con esto se
facilitaba considerablemente la implementación de servidores web y
navegadores. Otra diferencia radicaba en que la WWW era no-
propietaria permitiendo desarrollar servidores y clientes
independientes y añadir extensiones sin restricciones de licencia. Fue
en 1993, cuando el CERN anuncia que la web será gratuita para
todos [1].
La World Wide Web es un sistema hipermedia basado en el http
(Hypertext Transfer Protocol) que permite el acceso a fuentes de
información en Internet. El sistemas también interpreta otros
protocolos utilizados en Internet, como ftp, gopher y telnet. En la
Web se presenta la información como una serie de documentos a
menudo denominados "páginas web", visibles en la pantalla de un
ordenador y que se preparan utilizando el Hypertext Markup
Language (HTML). La página Web es transferida al ordenador del
usuario mediante le http, un protocolo del género cliente/servidor.
Las páginas Web generalmente residen en servidores http. El usuario
solicita una página Web existente en un servidor http mediante un
software cliente especializado (navegador o browser), bien pulsando
un enlace hipertexto o designando una dirección concreta URL en la
WWW. El servidor envía entonces la información requerida al
ordenador del usuario, el software o navegador interpreta los códigos
HTML y presenta la información contenida en la página Web de
forma inteligible en la pantalla del ordenador del usuario [2].
B. Concepto de Página Web (Estáticas y Dinámicas)
Una página web es una fuente de información adaptada para la
WWW y se visualiza a través de un navegador de internet o cliente
web.
Está compuesta por multitud de archivos que pueden ser de imagen,
de video y por supuesto el archivo del código fuente. Dicho código
está escrito en lenguaje HTML, indicando con él donde colocar cada
texto, imagen o video y la forma de éstos al colocarse en la página
[1].
Las paginas estáticas son aquellas que se construyen con lenguaje
leng
HTML, pueden presentar textos estáticos acompañados de imágenes
o archivos multimedia (puede ser sonido o video) y a parte de los
enlaces no permiten interactividad con el usuario. Son fáciles de
crear, aunque ofrecen pocas ventajas a los visitantes [1]. Un ejemplo
de una página web estática es la de los derechos humanos, que es
como estaba anteriormente porque actualmente está modificada y es
una página dinámica. A continuación se muestra la imagen de la
página web estática:
Fig. 1 Página web estática de los derechos humanos antigua.
Cómo se puede observar no existe ningún elemento en la página
que permita al usuario interactuar con ella. Como ya se mencionó
actualmente resulta muy difícil encontrar páginas web estáticas.
Las páginas dinámicas contienen elementos que permiten al
usuario interactuar con ellas o bien presentan efectos especiales.
Un ejemplo de una página dinámica sería la nueva página de de los
derechos humanos: http://www.cndh.org.mx/
Fig. 2 Página web dinámica de los derechos humanos.
Como se puede observar en la imagen, la página tiene
hipervínculos que hacen interactuar a la página con el usuario, así
como también las imágenes que se muestran en el centro de la página
web, se les da un clic y te llevan
levan a la información que muestran.
Para crear una página dinámica aparte de HTML se necesitaran
otro tipo de lenguajes, como el PHP, el JavaScript entre otros más.
Las páginas dinámicas pueden ejecutarse en el cliente (navegador) o
en el servidor [1].
III. DISEÑO WEB
Aquí se presentan las distintas etapas que forman parte de la
creación de un sitio Web. Si bien se establecen en forma cronológica
como una sucesión de actividades, el acto de la creación y puesta en
marcha un sitio Web no es lineal.l. Como en la ejecución de cualquier
proyecto, muchas etapas se desarrollan en paralelo y algunas
instancias implican volver atrás. A diferencia de un documento
registrado en otro soporte, un sitio Web no se concluye, registra y
distribuye, por el contrario
io permanece en un lugar lógico, presentado
información, creciendo, actualizándose o des actualizándose. Un
sitio Web es un ser vivo, nunca se culmina y esta característica incide
en el proceso de su creación.
A. Primera Etapa: Planificar
1) El equipo: Parte de la planificación de un sitio Web consiste
en pensar en términos de equipo de trabajo. Se trata del conjunto de
técnicos que estarán a cargo de la concepción, construcción,
evaluación y mantenimiento del sitio. El equipo se basará en la
convergencia de saberes y experiencias. Debe estar integrado por
técnicos de muy diversas disciplinas, capaces de contemplar los
distintos aspectos que están en juego. Los equipos no se construyen
de la noche a la mañana, ni a partir de una decisión administrativa
ad o
un mandato. Requieren un proceso de consolidación, que pasa por
tiempos de búsqueda, acuerdos y adecuación.
Un equipo Web debe estar en constante comunicación tanto con
aquellos que le han asignado su misión, como con sus destinatarios
(clientes
clientes o usuarios). Su éxito se basa además, en una estrecha
colaboración y comunicación entre sus miembros [3].
2) Reunir información: Una vez determinado el equipo
multidisciplinario que estará a cargo del proyecto, es deseable que se
reúna toda la información posible sobre creación de sitios Web, esto
incluye investigación sobre información tanto teórica como técnica,
búsqueda de bibliografía y normativa, así como la navegación y
análisis de aquellos sitios referenciales, próximos o pares, pasibles
pasib
de ser emulados [3].
3) Determinar la misión y los objetivos del sitio: sitio Es importante
establecer cuál será la misión del sitio, por más obvio que pueda
parecer es básico para el equipo del trabajo (en acuerdo con el marco
institucional mayor), formular la misión del sitio Web por escrito,
discutirla y perfeccionarla. Igualmente se deben establecer objetivos
cumplir por el sitio, es muy posible que estos se modifiquen con el
tiempo, pero es importante que se establezcan como referentes para
el trabajo y la acción futura. Se trata de premisas básicas para la
acción: “Se presentará...”; “Contendrá...” ; “Se priorizará..” ; “Se
tendrá presente...” ; ”Se omitirá...” . Se trata de establecer un mínimo
acuerdo de trabajo inicial al que se volverá en forma constante [3].
4) Determinar la/s audiencia/s destinadas y posibles:
posibles Un
sitio Web debe estar orientado a servir a las necesidades de sus
usuarios. Quienes elaboran una estructura Web deben conocer la
audiencia a la cual se dirigen (usuarios reales) y buscar, identificar y
conocer a los posibles usuarios (usuarios potenciales). Toda página
Web debe presentar información útil a los intereses de la audiencia a
la que se dirige y declarar sus objetivos desde un comienzo dejando
en claro que es lo que esas páginas se proponen aportar. Existe un
público específico para un producto específico y las estructuras Web
son más eficaces si se piensan y direccionan a audiencias específicas
constantemente estudiadas.
Es importante conocer nuestra primera audiencia destinada y
contemplar otras audiencias posibles, cada día es más frecuente que
los sitios Web presente accesos por perfiles donde toman en cuenta
los distintos intereses que pueden llevar a un usuario a visitar un sitio
Web. Es fundamental en esta etapa recolectar la mayor información
posible de los usuarios, de lo contrario, nunca lograremos
satisfacerlos ni con los contenidos, ni con los caminos que diseñamos
para ellos.
El conocimiento de la audiencia no se limita a esta primera etapa,
deberá ser una acción constante, a través de las mediciones de
impacto ya sea con estudios estadísticos de uso del servidor,
encuestas o conociendo las preguntas de la audiencia, se trata de una
tarea clave para la retroalimentación [3].
5) Establecer un plan de trabajo: Es necesario diseñar un plan
de trabajo, un camino tentativo que guíe las acciones futuras del
equipo. El plan de trabajo estará presente a la hora de estructurar la
información, seleccionar los contenidos, elaborar, dar forma a los
documentos y evaluar la gestión en su conjunto. También se deberán
establecer las etapas y los tiempos [3].
B. Segunda Etapa: Concebir
El equipo de trabajo ya reunido, a la luz de la información recabada
y las pautas acordadas deberá en esta etapa “pensar” el sitio Web
que se encamina a construir.
Mientras en la etapa de planificación se buscaba establecer “¿qué
suministramos?” y “¿a quién?” o “¿a quiénes?”, en esta etapa se
formula el “¿cómo?”.
Se trata de cumplir los objetivos establecidos para las audiencias ya
determinadas. Es el momento de planificar el estado futuro, pensar
libremente el punto de llegada y establecer los camiones a recorrer
[3].
1) Establecer criterios de calidad: Las decisiones de calidad
subyacen en la forma externa y visible de un sitio Web vinculada a la
arquitectura y el diseño de la información.
Básicamente se toman en cuenta aspectos vinculados a: estructura;
cumplimiento de objetivos; conocimiento de la audiencia y
adecuación; credibilidad y solvencia, autoría, características de la
URL; auspiciantes y publicidad; contenidos y valor agregado;
interactividad; accesibilidad; actualización; estructura hipertextual;
acceso gráfico a la estructura general, diseño; criterios ergonómicos,
navegabilidad; identidad visual corporativa; netiquette y
recuperación e impacto [3].
2) Determinar los contenidos: Se deberá establecer que
contenidos presentará el sitio para cumplir su misión y satisfacer los
requerimientos de la institución y la audiencia. Es necesario elaborar
un plan de desarrollo de contenidos, con información básica (a
brindar necesariamente en primera instancia) y ampliatoria, pasible
de ser presentada en una etapa posterior. Estas decisiones deben
tomarse en acuerdo con los miembros de la institución.
Los textos deben ser redactados y presentados de acuerdo a las
exigencias particulares de la escritura Web ¿Cómo deben ser los
textos a presentar en un Web? Deben ser breves, concisos y
puntuales (nadie lee la Web como un libro), muy estructurados que
permitan una visión general y la opción a ampliaciones o
profundizaciones mediante enlaces. Deben tener títulos y subtítulos
claros y directos, que permitan gran movilidad, que vinculen a otros
textos dentro y fuera del sitio Web, o sea que no sean planos y
permitan un abordaje dinámico y directo.
Las frases deben ser, cortas, simples y claras, redactadas en estilo
directo. Se debe prever además el acceso a documentos de sustento a
veces textos extensos como tratados, leyes y declaraciones, pero
deben ser opcionales [3].
3) Determinar la estructura de los contenidos: No basta con
que la información exista, debe tener una organización que facilite el
acceso y la presente como un todo. La lectura en la Web no es
secuencial y se deben suministrar las formas adecuadas para que la
navegación sea directa y provechosa.
Es básico para organizar la información, dividirla en áreas y
subordinar a cada área la información pertinente, es decir, construir
una estructura jerárquica, establecer niveles y relaciones. La
organización lógica del sitio permite que usuarios lo recorran
haciendo predicciones exitosas acerca de dónde encontrar las cosas.
En esta etapa se debe construir una representación gráfica de la
estructura a desarrollar para presentar los contenidos acordados. Esta
representación que muestra no solo los contenidos, sino también su
organización jerárquica y relaciones, se llama ordinograma [3].
Fig.3 Ejemplo de un ordinograma fuente.
4) Determinar el formato gráfico: Así como se han elaborado
pautas para reunir contenidos y estructurarlos, corresponde en esta
etapa, establecer los criterios gráficos que guiarán la construcción de
una primera versión del sitio, a continuación se menciona como es
que se debe desarrollar esto:
• El equipo de trabajo establecerá la forma más apropiada
de presentar la estructura acordada. Se trata de materializar
el ordinograma concebido en borrador a través de varias
formas posibles de organización [3].
• Se fijarán los criterios ergonómicos básicos a contemplar
[3].
• Se definirá la estructura de la página principal del sitio,
también llamada de acceso o home page [3].
• Se establecerá también la forma de navegación,
contemplando siempre varias posibilidades como: cenefa
lateral, cenefa horizontal, menús desplegables, menús con
 teclas, barra de navegación, indicador de situación, entre
otros [3].
• Se acordará la presentación gráfica de los distintos
niveles y áreas temáticas dentro de la estructura, y los
mecanismos de vinculación entre éstos.
• En paralelo se registrará que recursos gráficos serán
necesarios para la materialización de estos mecanismos
(logotipos, imágenes, iconos) con miras al establecimiento
de una identidad visual corporativa [3].
• Se establecerá también la paleta de colores, los tipos de
letras a usar y sus tamaños, los cabezales y los pies de cada
página también según niveles [3].
5) Creación de documentos de trabajo interno: El equipo
Web, establece, a lo largo de su gestión tanto en su relacionamiento
con el marco institucional, como en la interna de su trabajo:
premisas útiles, pautas y políticas generales para guiar su acción.
Es deseable que esa información se consolide en la creación de
documentos. Algunos equipos de trabajo crean estos documentos
como páginas Web de acceso restringido que permanecerán
asociadas al sitio Web en creación, a las que llaman “páginas
silenciosas” [3].
Se trata de un excelente recurso, tanto para efectuar el trabajo como
para evaluarlo y perfeccionarlo. Sirven para legar metodología,
normalizar, transferir tareas, mantener la calidad y, en el caso de
algunas entidades que lideran áreas como las redes académicas y los
organismos gubernamentales, pautar la creación de nuevos sitios. Los
documentos que pueden ser generados son plan de trabajo, premisas
de acción y trabajo, manual de estilo y caja de herramientas [3].
C. Tercera Etapa: Construir, Visualizar y Testear
Una vez que un sitio Web ha sido planeado y concebido,
corresponde su materialización en una estructura tentativa a ser
analizada y confrontada con los propósitos iníciales, antes de ser
puesta a dominio público. En paralelo se deberán acordarán las
condiciones de técnicas del servidor y las normas de seguridad que
garanticen la operativa [3].
1) Construyendo y evaluando: La construcción del sitio se
sustenta en recursos visuales y auditivos en estructuras hipertextuales
e interactivas.
Una vez creado el prototipo del sitio toma vida, deberá recorrerse,
corroborando la normalización de cada nivel, y las relaciones de los
niveles entre sí, así como los enlaces no jerárquicos que permiten una
navegación global. Se deberá también, corroborar el cumplimiento
de las pautas acordadas en las etapas anteriores, en términos de
contenidos, estructura de la información, formato gráfico y criterios
de calidad [3].
La mejor manera de evaluar el éxito de la construcción es por
medio de pruebas con los usuarios, sería ideal que se evalúe el
prototipo con usuarios próximos considerados audiencia destinada.
Si se ha acordado presentar la información según perfiles de usuario,
es este el momento de recorrer los caminos pensados e incluso
presentar estos perfiles a sus destinatarios. Se podrá ver allí si se ha
contemplado adecuadamente las necesidades de cada perfil [3].
2) La página de acceso o principal: Los sitios Web giran en
torno a su página de acceso. Esta cumple una función clave, es la
puerta de entrada a toda la estructura desarrollada, la representa.
Desde la página de acceso se debe poder visualizarse la estructura
completa del sitio y las formas de recorrerlo. Le corresponde
responder al usuario las siguientes preguntas:
• ¿Dónde está?
• ¿Quién está a cargo?
• ¿Qué puede encontrar?
• ¿Cómo?
Ha de contener los datos completos del sitio, su nombre y el de la
entidad que lo genera, el o los logotipos, los acrónimos si los hubiera,
datos de los responsables, dirección, teléfonos, correo electrónico,
derechos de autor y fecha de actualización. Deber suministrar
también una breve explicación breve del propósito del sitio, y si
corresponde, de la misión de la organización que lo presenta [3].
3) Decisiones de Navegación: Las opciones de navegación
deben ser claras, de formato constante (siempre el mismo icono en el
mismo sitio). Poder recorrer el sitio sin perderse mediante la
presencia de una barra de navegación, de un mapa del sitio, un
sumario, un buscador interno indica preocupación por brindar
orientación al usuario. Es recomendable que la estructura sea simple,
e indique, en cada paso, los caminos posibles, nada puede quedar
escondido o “ser descubierto” accidentalmente. Por otra parte la
necesidad de “scroll” debe ser minimizada, cuando los documentos
lo requieran por su extensión debe permitirse accesos puntuales.
El número de clicks que debe efectuar el usuario para acceder a los
contenidos buscados debe minimizarse. Se debe atender si: el usuario
sabe dónde está; puede ir a la página que lo llevó a la actual; tiene
acceso directo a la página principal; puede acceder al resto del
menú; puede acceder al nivel inmediatamente anterior; existe un
enlace que lo lleve a lo alto del documento; le es posible saltar a
diferentes apartados dentro de una misma página y, por supuesto, si
sabe qué tiene para recorrer [3].
4) Identidad Visual Corporativa: Todas las páginas de un sitio
Web deben mantener una imagen homogénea. Un sitio Web debe
tener una identidad visual que permita identificarlo y asociarlo, no
solo a partir de un logotipo o del uso de determinados colores, es
deseable: la utilización de los mismos iconos, siempre en los mismos
lugares. Si los iconos proliferan, si se usan distintos iconos para
acceder a una misma función, o si existe una infinidad de fondos, el
usuario no identifica claramente el sitio como un todo, además no
lograra asociar un recurso gráfico específico de una función
determinada. Por otra parte la utilización de elementos gráficos
comunes a todas las páginas, favorece la rapidez de carga de éstas, al
aprovechar el caché que incorporan los navegadores [3].
D. Cuarta Etapa: La Promoción
Se debe tener siempre presente que un sitio Web es un espacio de
acción para un producto, o la extensión de institución, un ámbito a
ser cuidado y promocionado como una herramienta más de
mercadeo. La promoción de un sitio Web debe responder a un plan.
Existen muchas formas distintas de efectuar esa tarea, todas pueden
coexistir, ninguna debe ser descartada y a continuación se mencionan
algunas de ellas:
• Registro en buscadores y directorios. Por el solo hecho
de existir, su página es pasible de ser incorporada a estas
estructuras. Sin embargo es deseable que el equipo Web
seleccione una lista de buscadores y directorios donde
darse de alta. Este tipo de registro garantiza algunos
 criterios de tematización así como cierto rigor en los
resúmenes y la categorización [3].
• Incorporar el sitio Web al mensaje corporativo. Es
deseable añadir la URL (Universal Resource Locator). Del
sitio, en todos los documentos corporativos: textos, correos
electrónicos, carátulas de informes, ediciones, publicidad
en todos los medios y en la papelería en general [3].
• Es importante presentar el sitio en las listas de difusión,
el correo electrónico y los servicios de noticias, así como
en páginas que recopilen enlaces a sitios similares [3].
• Intercambiar anuncios gráficos conocidos como
“banners”. Es posible intercambiar “banners” con sitios
que se consideren relevantes y prestigiosos. Aquellos sitios
Web que enlazados, se ofrecen generalmente, a poner a
modo de reconocimiento un “banner”. Es importante no
poner “banners” por obligación o reciprocidad, si no hay
criterios de calidad detrás de esa decisión. El “banner” es
parte de la marca, no solo debe usarse responsablemente, si
va ser creado debe ser diseñado responsablemente, tiene
que evocar la estética del sitio Web, ser claro, quedar
asociado rápidamente a la identidad visual corporativa, ser
“liviano” y no una imagen pesada que conlleve
dificultades de carga [3].
E. Quinta Etapa: Evaluar
La evaluación es un factor esencial en la construcción, ejecución y
mantenimiento de un sitio Web. Se trata de una actividad que se
efectúa en forma constante, a lo largo de todas las etapas del
proyecto Web. Es deseable que una vez que el sitio Web este en
línea la evaluación continúe en forma sistemática, con el fin de
garantizar la su vigencia y calidad [3].
La información obtenida a través de las diferentes formas de
evaluación permite:
• Confrontar la planificación y concepción con el producto.
• Identificar carencias de contenido; diseño y actualización.
• Identificar dificultades operativas y de navegación.
• Conocer el impacto en los usuarios; así como las páginas
más exitosas o menos visitadas.
• Conocer necesidades no contempladas hasta ahora.
• Optimizar y establecer nuevos perfiles de usuarios.
• Conocer el comportamiento del sitio frente a las
herramientas de recuperación de información.
Apenas creado el sitio Web corresponde un análisis global que
atienda a su calidad y cohesión:
• ¿Cumple la misión que inicialmente se le asignó?
• ¿Tiene los contenidos pensados?
• ¿Han sido estructurados con claridad y calidad?
• ¿Posee un formato gráfico adecuado?
• ¿Posee una identidad visual corporativa?
• ¿Tiene dificultades de operatividad?
• ¿Sigue las pautas de calidad establecidas?
• ¿Están funcionando los enlaces internos? ¿Y los externos?
• ¿Existen carencias o lagunas? ¿Cuáles?
Una vez en marcha el sitio Web debe ser evaluado también por su
impacto.
Es deseable crear un plan de evaluaciones periódicas para los
distintos aspectos a atender: actualización de contenidos, chequeo de
enlaces, incorporación de documentos, entre otros mas, se debe
designar también los responsables de cada evaluación dentro del
equipo. Este plan de evaluación debe ser también evaluado
periódicamente [3].
F. Sexta etapa: Puesta al Día y Evolución
El mantenimiento y la actualización son tan o más importantes que
el crecimiento en términos de número de páginas o enlaces, sobre
todo si estas incorporaciones no son cuidadas. Ningún sitio Web es
bueno o confiable solamente por su magnitud. Tan constante como la
evaluación y a consecuencia de ella, se debe crear un plan de
mantenimiento y desarrollo que contemple los resultados de la
evaluación y el cumplimiento de los objetivos del sitio y la entidad
que le dio origen [3].
Debe contemplarse también el perfeccionamiento y la adopción de
nuevas formas tanto técnicas como de contenido, para optimizar las
prestaciones brindadas [3].
Es importante determinar dentro del equipo de trabajo: ¿quién
actualiza? ¿qué se actualiza y cada cuánto tiempo?; ¿qué
información se revisa? ¿quién la revisa y cada cuánto tiempo?; ¿qué
información es de actualidad? ¿quién la incorpora y cómo?; ¿dónde
se almacena después? y ¿cómo se la recupera? [3].
Es deseable que el plan de mantenimiento y desarrollo adquiera
forma gráfica. La actualización y el desarrollo de un sitio Web, es la
prueba de su credibilidad más allá del impulso inicial de su creación
y es también la garantía de su vigencia [3].
IV. PLANIFICACIÓN DEL DISEÑO WEB
A. Navegabilidad
La navegabilidad es la capacidad que tiene el usuario de
desplazarse por un sitio web en cuestión. La navegabilidad se
concentra, en primer lugar, en la página de inicio de un sitio web, y
debe guardar una relación estrecha con la satisfacción de necesidades
de los diferentes tipos de usuario que visitan el lugar [4].
Puede llevarse a cabo un conjunto de preguntas sobre los enlaces, las
cuales nos serán de utilidad para mejorar la navegabilidad del sitio:
• ¿Los enlaces son fácilmente reconocibles como tales? ¿Su
caracterización indica su estado (visitados, activos,…).
• ¿Es predecible la respuesta del sistema antes de hacer clic
sobre el enlace?
 • ¿Se ha controlado que no haya enlaces que no llevan a
ningún sitio?
• Las imágenes enlace, ¿se reconocen como clicables?
¿Incluyen un atributo ‘title’ describiendo la página de
destino?
• ¿Se ha evitado la redundancia de enlaces?
La planificación de los recursos y estrategias de navegación a la
hora de diseñar un sitio web es fundamental para conseguir un
resultado óptimo de localización de la información y de orientación
para el usuario [5]. Por esa razón, se han valorado tres elementos que
son los siguientes:
1. Menú de contenidos siempre visible y en el mismo lugar.
2. La consistencia en la terminología utilizada, que proporciona
coherencia y homogeneidad al sitio web.
3. La presencia de botones de navegación que permitan recorrer el
sitio web de manera lógica [5].
B. Usabilidad
La usabilidad aporta el enfoque imprescindible para que las páginas
de una empresa o entidad tengan el suficiente atractivo para que el
visitante no sólo se quede y las visite, sino que regrese en el futuro.
Para ello el diseño de las páginas, sus funciones, mensajes y
contenidos deben estar diseñados e implantados para que lo pueda
usar cualquier persona [6]. Los beneficios que la usabilidad puede
aportar al diseño de una página web son importantes ya que reduce el
costo del desarrollo de la página y a los usuarios les facilita su uso y
como consecuencia de ello les agrada y van a ingresar más usuarios a
consultar la página.
La usabilidad es una característica que mide qué tan intuitiva y fácil
de usar es una página web para el usuario común [7].
Mide 3 grandes aspectos como se muestra a continuación:
1.- El diseño estructural de ambientes de información compartidos.
2.- El arte y la ciencia de organizar y rotular sitios web, intranets,
comunidades en línea y software para soportar la usabilidad y la
buscabilidad (la capacidad de poder buscar y encontrar un sitio).
3.- Una emergente comunidad de práctica enfocada en la aplicación
de principios del diseño y la arquitectura en el paisaje digital [8].
Siguiendo con la definición anterior por los fundadores de AIfIA,
se da especial importancia a la organización y rotulado de los
sistemas. La organización de la información es materia central de la
biblioteconomía. El rotulado consiste en poner un nombre o etiqueta
a cada uno de los elementos de la clasificación, a las categorías.
También pasa por poner títulos a cada página y dar nombre a todos
los botones que realizan una acción en el sistema. Todos ellos deben
ser descritos en el lenguaje de los usuarios y conservarán cierta
consistencia, formando parte de un único sistema [8].
AIfIA incorpora también en el segundo punto el diseño del
software a que forma parte de los sistemas de información, es una
definición inclusiva que recoge todas las dimensiones descritas por
Garrett en su modelo “los elementos de la experiencia de usuario”,
como se muestra en la figura 5. Es bajo esta noción amplia de AI,
que abarca elementos como el diseño de información y diseño de
interacción, que proponemos el presente artículo y su modelo final
[8].

Fig. 4 Características de la usabilidad.

Fig. 5 Los elementos de la experiencia de usuario.
C. Arquitectura de la Información
La arquitectura de la información se divide a su vez en dos grupos
que son los siguientes:
La arquitectura de información (AI) se ocupa del diseño estructural
de los sistemas de información, su problema central es la
1.- Diseño de interacción. Para crear interacción con las
organización, recuperación y presentación de información mediante
aplicaciones, y que sean intuitivas, deben ser diseñadas de acuerdo
el diseño de ambientes intuitivos [8].
con las estructuras mentales y lenguaje de los usuarios lo cual se
La definición de la arquitectura de la información más aceptada se
logra a través de una serie de métodos que incorporan la
divide en tres fases:
investigación de usuarios como parte central del proceso de diseño.
En términos abstractos, el comportamiento percibido por el usuario
en la interacción con el sistema debe resultar cortés y amable [8].
2.- Diseño de interfaces. Busca organizar cada página o pantalla del
sistema de la manera más clara posible. En esta área la clave es
priorizar mediante el contraste. Las restricciones de tamaño y
resolución de pantallas no dejan espacio para la sutileza, todos los
elementos deberán estar ordenados en una clara prioridad visual que
facilite su entendimiento [8].
Las interfaces de un sitio web normalmente deben reunir
elementos comunes a la estructura del sitio (ej.: sistemas globales de
navegación) con componentes particulares de cada página. Una vez
más conocer las necesidades, lenguaje y estructuras mentales de los
usuarios será fundamental para el éxito del diseño logren satisfacer
adecuadamente las necesidades de los usuarios [8].
V. LENGUAJES ORIENTADOS AL DISEÑO WEB
A. Asp (Active Server Pages)
ASP es un lenguaje de programación para Web y con la ayuda de
HTML pues se puede crear una página Web.
Hay que destacar que ASP es una tecnología propietaria de Microsoft
y que el uso de esta tecnología implica el uso de los productos de
Microsoft [9].
Fig. 6 Función de las paginas ASP.
Ciertamente ASP es una mezcla entre una página HTML y un
programa que da como resultado una página HTML que es enviada
al cliente (navegador) [9].
B. Perl
Perl es la alternativa más popular a PHP, seguramente porque es el
lenguaje más antiguo también dentro de las alternativas. En internet
nos encontramos numerosos recursos que utilizan Perl, muchos de las
aplicaciones "open source" requieren tener Perl instalado
correctamente. Perl tiene una ventaja y es que es muy flexible, y
también tiene una gran cantidad de módulos ya escritos.
Bien escritos los scripts en Perl se asemejan bastante a PHP. La
principal causa de la sucia apariencia de Perl es por la afición de sus
desarrolladores a la escritura en "una línea" empaquetando
numerosas funcionalidades en una sola línea de código [10].
La potencia de Perl a la hora de procesar grandes cantidades de
datos lo hace realmente popular a la hora de desarrollar aplicaciones
del lado del servidor, aprender Perl o Php es básico a la hora de
desarrollar aplicaciones Web [10].
C. Java Script
Se trata de un lenguaje de programación del lado del cliente,
porque es el navegador el que soporta la carga de procesamiento.
Gracias a su compatibilidad con la mayoría de los navegadores
modernos, es el lenguaje de programación del lado del cliente más
utilizado [10].
La programación de Javascript se realiza dentro del propio
documento HTML. Esto quiere decir que en la página se mezclan los
dos lenguajes de programación, y para que estos dos lenguajes se
puedan mezclar sin problemas se han de incluir unos delimitadores
que separan las etiquetas HTML de las instrucciones Javascript [11].
La razón de mayor peso es que es utilizado por millones de páginas
webs para validar formularios, crear cookies, detectar navegadores y
mejorar el diseño, su fácil aprendizaje lo hace un lenguaje muy
demandado [10].
D. Php
PHP usa una mezcla entre interpretación y compilación para
intentar ofrecer a los programadores la mejor mezcla entre
rendimiento y flexibilidad.
PHP compila para tu código una serie de instrucciones (llamadas
opcodes) siempre que estas son accedidas. Estas instrucciones son
entonces ejecutadas una por una hasta que el script termina. Esto es
diferente a la manera convencional de compilación de lenguajes
como C++ donde el código es compilado a código ejecutable que es
después ejecutado. Php es recompilado cada vez que se solicita un
script. Una ventaja importante de interpretar el código es que toda la
memoria usada por tu código es manejada por PHP, y el lenguaje
automáticamente vacía esta memoria cuando el script finaliza. Esto
significa que no tenemos que preocuparnos de las conexiones a la
base de datos, porque PHP lo hará por nosotros [10].
Aunque el lenguaje se puede usar para realizar cualquier tipo de
programa, es en la generación dinámica de páginas web donde ha
alcanzado su máxima popularidad. En concreto, suele incluirse
incrustado en páginas HTML (o XHTML), siendo el servidor web el
encargado de ejecutarlo [12].
Algunas de las características de su enorme popularidad son:
• Es un lenguaje libre. Puede descargarse de
http://www.php.net [12].
• Está disponible para muchos sistemas (GNU/Linux,
Windows, UNIX, entre otros) [12].
• Tiene una extensa documentación oficial en varios idiomas
(disponible libremente en http://www.php.net) [12].
• Existen multitud de extensiones: para conectar con bases
de datos, para manejo de sockets, para generar documentos
PDF, para generar dinámicamente páginas en Flash, entre
otros [12].
• Al ejecutarse en el servidor, los programas PHP lo pueden
usar todo tipo de máquinas con todo tipo de sistemas
operativos [12].
 • En caso de que un cliente falle (por error hardware, virus,
entre otros) se puede seguir usando el sistema desde otro
cualquiera que tenga un navegador web con conexión al
servidor [12].

Así pues, el esquema de una petición sería como sigue:

Fig. 7 Petición al servidor de PHP.

Php es uno de los lenguajes de programación más populares, la gran

fluidez y rapidez de sus scripts y su prometedor futuro, desarrollar
aplicaciones Webs utilizando lenguajes como C o COBOL son cosas
del pasado [10].

VI. LENGUAJE PHP

A. Plataformas para el Desarrollo de Php

Fig. 8 Ventana del Notepad++.

1) Notepad++: Es un editor gratuito de código fuente, que

soporta varios lenguajes de programación y se ejecuta en MS
Windows.
Este proyecto, basado en el componente de edición Scintilla (un
poderoso editor), está escrito en C++ utilizando directamente la API
de win32 y STL (lo que asegura una velocidad mayor de ejecución y
un tamaño más reducido del programa final), se distribuye bajo los
términos de la Licencia Pública General de GNU [13].
Este es un proyecto maduro. Sin embargo, se puede observar que, al
tratarse del proyecto de un solo hombre, aún no carece de errores y sí
de algunas características que son las siguientes: sintaxis coloreada y
envoltura de sintaxis, wysiwyg, sintaxis coloreada a elección del
usuario, autocompletado, multi-documento, multi-vista, soporte para
buscar/reemplazar expresiones regulares, soporte completo para
arrastrar y colocar, posición dinámica de las vistas, detección
automática del estado del documento, herramienta de zoom,
funcionamiento bajo entornos multilingües, puntos de marca,
resaltado de paréntesis y sangría, grabación y reproducción de
macros [13].
 Fig. 9 Ventana del Php designer.

2) Php designer: Es una potente herramienta para aquellos

programadores que trabajen con php.
El programa ayuda a hacer más claro el código fuente y a ahorrar
tiempo gracias a sus múltiples herramientas y utilidades específicas
para php.
Php designer incluye las librerías más comunes de php así como los
scripts y códigos prediseñados más utilizados. Además permite
utilizar la función de autocompletar el código mientras escribes y
coloreará el texto para hacer más clara su lectura.
El programa dispone de un entorno claro y cómodo para el
programador. Php designer es totalmente gratuito.
3) Netbeans: La plataforma NetBeans permite que las
aplicaciones sean desarrolladas a partir de un conjunto de
componentes de software llamados módulos. Un módulo es un
archivo Java que contiene clases de java escritas para interactuar con
las APIs de.
NetBeans y un archivo especial (manifest file) que lo identifica
como módulo. Las aplicaciones construidas a partir de módulos
pueden ser extendidas agregándole nuevos módulos. Debido a que
los módulos pueden ser desarrollados independientemente, las
aplicaciones basadas en la plataforma NetBeans pueden ser
extendidas fácilmente por otros desarrolladores de softwareNetBeans
es un proyecto de código abierto de gran éxito con una gran base de
usuarios, una comunidad en constante crecimiento, y con cerca de
100 socios en todo el mundo. Sun MicroSystems fundó el proyecto
de código abierto NetBeans en junio 2000 y continúa siendo el
patrocinador principal de los proyectos.

Fig. 10 Ventana de Netbeans.

 Fig. 11 Ventana del PDT-Eclipse.

4) Pdt-eclipse: Es un IDE para PHP, es 100% gratis, la version 2.1

pesa aproximadamente 140 MB, disponible para las plataformas
Windows, Linux, MacOs; tiene las mismas características que
Netbeans y Zend Studio.
5) Zend studio: Los expertos en php consideran a zend studio
como el entorno IDE más maduro y con más características útiles. la
última versión ofrece manipulación avanzada de bases de datos y
otras mejoras. Algunas características de este programa son las
siguientes: perfiles, analizador de código, soporte para cvs,
inspectores, soporte ftp, depuración remota, descripción de funciones
en la terminación de código, búsqueda de ficheros, impresión,
sangrado de código [14].

Fig. 12 Ventana del Zend studio.

B. Introducción al Lenguaje Php
b) Con \n
1) Sintaxis básica: print (“<P>Párrafo 1</P>\n”);
Código PHP print (“<P>Párrafo 2</P>\n”);
• PHP es sensible a las mayúsculas.
Código HTML <P>Párrafo 1</P>
• ¿Cómo se incrusta en la página web? <P>Párrafo 2</P>
• <?PHP ... ?> Salida Párrafo 1
• recomendado, siempre
disponible Párrafo 2
• <?= expresión ?> Inclusión de ficheros externos:
• equivale a <? echo expresión include()
?> require()

• Las instrucciones se separan con un ; como en C. La marca
final ?> implica un ;
• Comentarios: como en C, /* … */ y //
• Ambos incluyen y evalúan el fichero especificado.
• Diferencia: en caso de error include() produce un warning
y require() un error fatal.
• Se usará require() si al producirse un error debe
interrumpirse la carga de la página [15].

• Para imprimir: echo y print Ejemplo:

• echo: muestra una o más cadenas. <HTML>

• echo cadena1 [, cadena2…]; // no es una función. <HEAD>
<TITLE>Título</TITLE>

echo “Hola mundo”; <?PHP

echo “Hola “, “mundo”; // Incluir bibliotecas de funciones
require ("conecta.php");
• print: muestra una cadena. require ("fecha.php");
• print cadena; // no es una función require ("cadena.php");
require ("globals.php");

print “Hola mundo”; ?>

print “Hola “ . “mundo”; </HEAD>
<BODY>
Ejemplo: <?PHP
include ("cabecera.html");
<HTML> ?>
<HEAD> // Código HTML + PHP
<TITLE>Mi primer programa en PHP</TITLE> ...
</HEAD> <?PHP
<BODY> include ("pie.html");
<?PHP ?>
print (“<P>Hola mundo</P>”); </BODY>
?> </HTML>
</BODY>
</HTML> [15]

Uso de \n para generar código HTML legible. 2) Tipos de datos:

a) Sin \n PHP soporta 8 tipos de datos primitivos:

print (“<P>Párrafo 1</P>”);
Código PHP
print (“<P>Párrafo 2</P>”); • Tipos escalares: boolean, integer, double, string.
• Tipos compuestos: array, object.
<P>Párrafo 1</P><P>Párrafo 2</P> • Tipos especiales: resource, NULL .
Código HTML
El tipo de una variable no se suele especificar. Se decide en tiempo
de ejecución en función del contexto y puede variar [15].
Salida Párrafo 1
Párrafo 2
Uso de \n para generar código HTML legible.
Funciones de interés: $$a = "mundo";
print "$a $hola\n";
• La función gettype() devuelve el tipo de una variable [15]. print "$a ${$a}";

• Las funciones is_type comprueban si una variable es de un Resultado:

tipo dado: is_array(), is_bool(), is_float(), is_integer(), hola mundo
is_null(), is_numeric(), is_object(), is_resource(), hola mundo
is_scalar(), is_string().
Ejemplo de variables variables: página internacionalizada 1 en
• La función var_dump() muestra el tipo y el valor de una español:
variable. Es especialmente interesante con los arrays [15].
<?PHP
Tipo integer (números enteros): 27, -5, 0. $mensaje_es="Hola";
Tipo double (números reales): 1.234, -5.33. $mensaje_en="Hello";
Tipo boolean (lógico): Valores: true, false (insensibles a las $idioma = "es";
mayúsculas). El 0 y la cadena vacía tienen valor false. $mensaje = "mensaje_" .
$idioma;
Tipo string: Las cadenas se encierran entre comillas simples o
print $$mensaje;
dobles:
?>
• ‘simples’: admite los caracteres de escape \’ (comilla
simple) y \\ (barra). Las variables NO se expanden. Como se ve en la figura 13 es como se vería en la página web en el
• “dobles”: admite más caracteres de escape, como \n, \r, \t, idioma español:
\\, \$,\”. Los nombres de variables SÍ se expanden.

Ejemplo:
$a = 9;
print ‘a vale $a\n’; // muestra a vale $a\n
print “a vale $a\n”; // muestra a vale 9 y avanza una línea
print “<IMG SRC=‘logo.gif’>”; // muestra <IMG SRC=‘logo.gif’>
print “<IMG SRC=\”logo.gif\”>”; // muestra <IMG
SRC=“logo.gif”>

• Acceso a un carácter de la cadena: La forma es $inicial =

Fig. 13 Salida del código “hola” en español.
$nombre{0};
Ejemplo de variables variables: página internacionalizada 2 en
3) Variables:
inglés:
 Las variables siempre van precedidas de un $ <?PHP
 El nombre es sensible a las mayúsculas. $mensaje_es="Hola";
 Comienzan por letra o subrayado, seguido de letras, $mensaje_en="Hello";
números o subrayado. $idioma = "en";
 Variables predefinidas: $GLOBALS, $_SERVER, $mensaje = "mensaje_" .
$_GET, $_POST, $_COOKIES, $_FILES, $_ENV, $idioma;
$_REQUEST, $_SESSION print $$mensaje;
 Ámbito: globales al fichero (excepto funciones) o locales a ?>
una función.
Como se ve en la figura 14 es como se vería en la página web en el
Ejemplo: idioma inglés:
$valor = 5;
print “El valor es: “ . $valor . “\n”;
print “El valor es: $valor\n”; // ojo: comillas dobles
Resultado:
El valor es: 5.

Variables variables.

• Se pueden crear nombres de variables dinámicamente.

• La variable variable toma su nombre del valor de otra
variable previamente declarada [15].
Fig. 14 Salida del código “hola” en inglés.
Ejemplo:
$a = "hola";
 Estructura selectiva if-else:
4) Constantes:
if (condición1)
• Definición de constantes: if (condición) sentencia 1
define (“CONSTANTE”, “hola”); sentencia else if (condición2)
print CONSTANTE; sentencia 2
if (condición) ...
• No llevan $ delante. else if (condición n)
sentencia 1
• Sólo se pueden definir constantes de los tipos escalares sentencia n
else
(boolean, integer, double, string). else
sentencia 2
sentencia n+1
5) Expresiones y operadores:
Mismo comportamiento que en C.
Operadores aritméticos: Las sentencias compuestas se encierran entre llaves.
• +, -, *, /, %, ++, -- elseif puede ir todo junto.
Operador de asignación: Ejemplo de estructura selectiva if-else:
• =
Operadores combinados: .=, +=, y otros más. <?PHP
• $a = 3; $a += 5; a vale 8 if ($sexo == ‘M’)
• $b = “hola ”; $b .= “mundo”; b vale “hola mundo” $saludo = "Bienvenida, ";
• Equivale a $b = $b . “mundo”; else
$saludo = "Bienvenido, ";
Operadores de comparación: $saludo = $saludo . $nombre;
• ==, !=, <, >, <=, >= y otros. print ($saludo);
?>
Operador de control de error: @. Antepuesto a una expresión, evita Esto se ve en la figura 15.
cualquier mensaje de error que pueda ser generado por la expresión

Operadores lógicos:
• and (&&), or (||), !, xor
• and/&& y or/|| tienen diferentes prioridades

Operadores de cadena:
• concatenación: . (punto)
• asignación con concatenación: .=
Precedencia de operadores (de mayor a menor):

• ++, -- Fig. 15 Ejemplo if-else.

• *, /, %
• +,- Estructura selectiva switch.
• <, <=, >, >=
• ==, != switch (expresión)
• && {
• || case valor_1:
• and sentencia 1
• or break;
case valor_2:
6) Estructuras de control: sentencia 2
break;
…
Estructuras selectivas:
case valor_n:
• if-else
sentencia n
• switch break;
default
Estructuras repetitivas: sentencia n+1
• while }
• for
• foreach Mismo comportamiento que en C, sólo que la expresión del case
puede ser integer, float o string.
Ejemplo de estructura selectiva switch: Estructura repetitiva for:
for (inicialización; condición; incremento)
switch ($extension) sentencia
{
case ("PDF"): Mismo comportamiento que en C.
$tipo = "Documento Adobe PDF";
break; Ejemplo de estructura repetitiva for:
case ("TXT"):
$tipo = "Documento de texto"; <?PHP
break; print ("<UL>\n");
case ("HTML"): for ($i=1; $i<=5; $i++)
case ("HTM"): print ("<LI>Elemento $i</LI>\n");
$tipo = "Documento HTML"; print ("</UL>\n");
break; ?>
default: El resultado de esto se ve en la figura 18.
$tipo = "Archivo " . $extension;
}
print ($tipo);
El resultado de esto se ve en la figura 16.

Fig. 18 Ventana de ejemplo de la estructura for repetitiva.

7) Funciones:
Fig. 16 Ventana del ejemplo switch.

Estructura repetitiva while: Ejemplo:

while (condición) function suma ($x, $y)
sentencia {
Mismo comportamiento que en C. $s = $x + $y;
return $s;
Ejemplo de estructura repetitiva while: }
$a=1;
<?PHP $b=2;
print ("<UL>\n"); $c=suma ($a, $b);
$i=1; print $c;
while ($i <= 5) Por defecto los parámetros se pasan por valor.
{ Paso por referencia:
print ("<LI>Elemento $i</LI>\n"); function incrementa (&$a)
$i++; {
} $a = $a + 1;
print ("</UL>\n"); }
$a=1;
?> incrementa ($a);
El resultado de esto se ve en la figura 17. print $a; // Muestra un 2

Argumentos por defecto:

function muestranombre ($titulo = "Sr.")

{
print "Estimado $titulo:\n";
}
muestranombre ();
muestranombre ("Prof.");

Fig. 17 Ventana de ejemplo de la estructura while repetitiva .

Salida: Algunos ejemplos:

Estimado Sr.: Funciones de manipulación de cadenas.

Estimado Prof.: Funciones de fecha y hora.
Funciones de arrays.
Los argumentos con valores por defecto deben ser siempre los Funciones de ficheros.
últimos: Funciones matemáticas.
Funciones de bases de datos.
function muestranombre ($nombre, $titulo= "Sr.") Funciones de red.
{
print "Estimado $titulo $nombre:\n"; Algunas bibliotecas requieren la instalación de componentes
} adicionales.
muestranombre (“Fernández”); Todas las funciones de biblioteca están comentadas en la
muestranombre (“Fernández”, "Prof."); documentación de PHP.

Salida: Funciones de manipulación de cadenas.

explode(). Divide una cadena en subcadenas
Estimado Sr. Fernández: array explode (string separator, string string [, int limit])
Estimado Prof. Fernández:
rtrim(), ltrim(), trim(). Eliminan caracteres a la derecha, a la
8) Tablas: izquierda o por ambos lados de una cadena.
stringrtrim ( string str [, string charlist])
Sintaxis:
array ([clave =>] valor, ...) strstr(). Busca la primera ocurrencia de una subcadena.
La clave es una cadena o un entero no negativo. El valor puede ser de
cualquier tipo válido en PHP, incluyendo otro array. strtolower() / strtoupper(). Convierte una cadena a minúscula /
mayúscula.
Ejemplos:
$color = array (‘rojo’=>101, ‘verde’=>51, ‘azul’=>255); strcmp() / strcasecmp(). Compara dos cadenas con/sin distinción de
$medidas = array (10, 25, 15); mayúsculas.

Acceso: strlen(). Calcula la longitud de una cadena.

$color[‘rojo’] // No olvidar las comillas
$medidas[0] Funciones de fecha y hora.
El primer elemento es el 0. date(). Formatea una fecha según un formato dado.

La estructura de control foreach permite iterar sobre arrays. Ejemplo:

Sintaxis: $fecha = date ("j/n/Y H:i");
foreach (expresión_array as $valor) print ("$fecha");
sentencia
foreach (expresión_array as $clave => $valor) Resultado:
sentencia 26/9/2005 17:36

Ejemplos: strtotime().Convierte una fecha en un timestamp de UNIX.

foreach ($color as $valor)
print “Valor: $valor<BR>\n”; Ejemplo:
foreach ($color as $clave => $valor) $fecha = date ("j/n/Y", strtotime(“5 april 2001"));
print “Clave: $clave; Valor: $valor<BR>\n”; print ("$fecha");

Salida: Resultado:
5/4/2001
Valor: 101
Valor: 51 Funciones de arrays.
Valor: 255 array_count_values(). Calcula la frecuencia de cada uno de los
Clave: rojo; Valor: 101 elementos de un array.
Clave: verde; Valor: 51
Clave: azul; Valor: 255 array_search(). Busca un elemento en un array.

9) Bibliotecas de funciones: count(). Cuenta los elementos de un array.

sort(), rsort(). Ordena y reindexa un array (r=decreciente)

Existen muchas bibliotecas de funciones en PHP.
ksort(), krsort(). Ordena por claves un array (r=decreciente)
 VI. RESULTADOS

TABLA I
TABLA COMPARATIVA DE LAS DISTINTAS PLATAFORMAS PARA EL DESARROLLO DE PHP

Programa/C Idioma en Autocomplet Multidoc Resalt- Fácil Facilidad Manej Multi- Gratu- Man- Base de To-
aracteríst-ica español. ado de umento. ado de man- de o de platafo- ito. ejo datos tal.
código. sintaxis ejo. compila- proye- rma. de integr-
. ción. ctos base ada.
grand- de
es. datos
.
Notepad+
+ 8/1
1

PHP
Designer 8/1
1

NetBeans
10/
11

PDT-
Eclipse 9/1
1

Zend
Studio 8/1
1

TABLA II
RESULTADO DE LOS PUNTOS OBTENIDOS

Programa. Acumulado. Equivalente.

Notepad++ 8/11 72.72%

PHP Designer 8/11 72.72%

NetBeans 10/11 90.90%

PDT-Eclipse 9/11 81.81%

Zend Studio 8/11 72.72%

 VII. CONCLUSIONES
Como se ve, todos los programas que se compararon, en la
actualidad son muy eficientes para el desarrollo de PHP y la mayoría
de ellos se pueden ejecutar en cualquier plataforma, unos programas
son más complejos que otros. Pero al aprender a utilizar uno de estos
programas nos ayuda mucho en el desarrollo de contenido dinámico
para una página web.
En la tabla donde se hizo la comparación de los programas, el
programa que salió más alto según las características que yo
consideré que debe tener el programa es el NetBeans, ya que nada
mas le falta tener una característica que es la de base de datos
integrada.
Pero el que yo considero que es el mejor de estos programas es el
Zend Studio porque trae muchas características que facilitan mas el
desarrollo de PHP, y el motivo por el cual salió bajo es que este
programa no es multiplataforma y aparte de esto no es gratuito, así
que si se quiere adquirir se tiene que pagar por él y no puedes
ejecutarlo en cualquier sistema operativo.
La conclusión a la que llegue es que si se quiere desarrollar PHP
sin ningún costo y con un buen programa que facilite la
programación, yo recomiendo a NetBeans y si se cuenta con el
dinero suficiente para comprar el Zend Studio, lo recomiendo en
lugar de NetBeans, aunque este último también es muy bueno.
RECONOCIMIENTOS
Agradezco a todas aquellas personas que me apoyaron en la
elaboración de este trabajo. Agradezco sobre todo a Dora Luz
González Bañales quien fue la persona que me oriento y apoyo en la
elaboración del documento.
También agradezco a los autores de las referencias bibliográficas
que gracias a su información pude concluir con este trabajo.
REFERENCIAS
[1] Publicaciones vértice. “Diseño de páginas web 2”. [en
línea].
<http://books.google.com.mx/books?id=Oe3ZB03eRngC&
printsec=frontcover&client=firefox-
a#v=onepage&q=&f=false> [Consulta: 7 septiembre
2009].
[2] Albarellano, Francisco. “Historia de internet. Periodismo
Especializado”. [En línea]Año2006
<http://www.newsmatic.epol.com.ar/index.php?Accion=Ve
rArticulo&NombreSeccion=UNIDAD%202&aid=12972&
pub_id=147> [Consulta: 22 septiembre 2009].
[3] García de León, Alicia. “Etapas en la creación de un sitio
web”. En: Biblios, 2002, octubre-diciembre, v.14,pp.18
<http://dialnet.unirioja.es/servlet/articulo?codigo=293019
> [Consulta: 26 octubre 2009].
[4] Jaime Alonso. “Comunicar en el Web: Propuesta de
Criterios para Analizar Sitios en Internet” [en línea].
Facultad de Comunicación y Documentación Universidad
de Murcia
(España).<teknokultuhttp://teknokultura.rrp.upr.edu/pdf/al
onso.pdfra.rrp.upr.edu> [Consulta: 16 noviembre 2009].
[5] Pinto Molina María, José Luis Alonso berrocal, José
Antonio Cordón García, Viviana Fernández Marcial,
Carlos García Figuerola, Javier García marco, Carmen
Gómez Camarero, Ángel Francisco Zazo y anne-vinciane
Doucet. “Análisis cualitativo de la visibilidad de la
investigación de las universidades españolas a través de sus
páginas web”. [En línea]. Universidad de granada,
universidad de salamanca, universidad de san pablo CEU,
universidad de Zaragoza, universidad de Málaga.
<http://redc.revistas.csic.es/index.php/redc/article/view/15
7/211>
[Consulta: 16 noviembre 2009].
[6] Lorés Jesús, Toni Granollers. “La Ingeniería de la
Usabilidad y de la Accesibilidad aplicada al diseño y
desarrollo de sitios web”. [En línea].
Departament Informatica, universitat de Lleida, campus de
cappont.
<http://griho2.udl.es/mpiua/TrabajosRelacionados/IngUsa
bWEB%28JLores_TGranollers%29.pdfZ>. [Consulta: 16
noviembre 2009].
[7] Ortega Elodia. “La usabilidad y el diseño web". [En línea].
Universidad de sonora. Departamento de psicología y
ciencias de la comunicación. < psicom.uson.mx>.
[Consulta: 16 noviembre 2009].
[8] Baeza-Yates Ricardo, Cuauhtémoc Rivera Loaiza y Javier
Velasco Martín. “Arquitectura de la información y
usabilidad en la web”. [En línea]. <
http://www.elprofesionaldelainformacion.com/contenidos/2
004/mayo/1.pdf>. [Consulta: 17 noviembre 2009].
[9] Acosta Pintado Eliana. “Lenguaje de programación para
Web: ASP”. [En línea]. Universidad católica Santo
Toribio de Mogrovejo. Facultad de educación. <http:
//www.scribd.com/doc/2413026/Lenguaje-de-
programacion-para-Web-ASP>. [Consulta: 27 noviembre
2009].
[10] Muñoz Casanova Diana Cecilia. “Introducción a la teoría
de Lenguajes”. [En línea]. Universidad Nacional del
Santa. Facultad de ingeniería.
<http://www.scribd.com/doc/4750046/HISTORIA-DE-
LOS-LENGUAJES-DE-PROGRAMACION>. [Consulta:
27 noviembre 2009].
[11] Pedregosa Pareja Miguel Ángel. Diseño y Programación de
Páginas Web, España 2005, pp 385.
[12] Palomo Duarte Manuel, Montero Pérez Ildefonso.”
Programación en PHP a través de ejemplos”. [En línea].
Departamento de Lenguajes y Sistemas Informáticos.
Universidad de Cádiz. Universidad de Sevilla.
Departamento de Lenguajes y Sistemas Informáticos.
<http://www.scribd.com/doc/16948557/Programacion-
PHP-a-traves-de-ejemplos>. [Consulta: 27 noviembre
2009].
[13] Belmonte Maira. “About Notepad++”. [En línea]. <
http://notepad-plus.sourceforge.net/es/site.htm>.
[Consulta: 28 noviembre 2009].
[14] Möhrke Carsten. “Exploración del Entorno de Desarrollo
Zend Studio 4 DESARROLLO RÁPIDO”. [En línea].
<http://www.linux-magazine.es/issue/10/Zend.pdf>.
[Consulta: 29 noviembre 2009].
[15] González Romano José Mariano. “Lenguaje PHP básico”.
[En línea]. <http://www.scribd.com/doc/32773/PHP-
Basico>. [Consulta: 29 noviembre 2009]