• No se han encontrado resultados

Apuntes IAW

N/A
N/A
Protected

Academic year: 2021

Share "Apuntes IAW"

Copied!
134
0
0

Texto completo

(1)

1. SERVIDORES WEB 

 

Cuando  un  usuario  se  conecta  a  Internet  y  solicita  una  página  web  a  través  de  su  barra  de  direcciones, lo que hace es establecer contacto con el ordenador que tiene almacenada esa página  web.  En  este  ordenador  está  funcionando  un  programa  que  se  conoce,  genéricamente,  como 

servidor web. Este programa busca la página solicitada en el disco duro del servidor y se la envía al 

cliente. Por analogía, el cliente es un ordenador (aquel desde el que nos conectamos a Internet) y  un  programa  cliente  (el  navegador  con  el  que  nos  conectamos  y  donde  se  muestra  la  página  solicitada). 

Cuando  desde  un  navegador  solicitamos  una  página  web,  el  ordenador  no  se  conecta  directamente al servidor de dicha página. Se conecta a uno de los servidores DNS establecidos. El  servidor  DNS  contiene  un  directorio  con  todas  las  páginas  web  del  mundo  y  las  IPs  de  los  correspondientes servidores. Así pues, el DNS busca en la lista la página solicitada y el número de  IP correspondiente. Esto es lo que se llama resolver el nombre.    SITIOS DINÁMICOS    Cuando tenemos una página escrita que utiliza únicamente las tecnologías del lado cliente (HTML  y JavaScript) se dice que es estática. Esto significa que sus contenidos son siempre los mismos. Si  queremos que cambien, debemos hacerlo nosotros, editando la página, para que los usuarios vean  los  nuevos  contenidos.  A  menudo esto  es  imposible,  debido  a  que  hay  muchas  ocasiones  en  las  que los contenidos deben ser dependientes de una solicitud por parte del usuario. 

Las  páginas  dinámicas  emplean  lo  que  se  conoce  como  programación  en  el  lado  del  servidor.  Desde  el  punto  de  vista  técnico,  la  principal  diferencia  es  que  una  página  estática,  cuando  es  llamada por un cliente, baja al navegador tal como está, y se muestra como es. Cuando el cliente  llama a una página dinámica, existe un proceso en el lado del servidor que crea en ese momento la  página, incorporando los contenidos que el cliente ha solicitado, y sirve la página recién creada al  cliente.  Otro  cliente  que  solicite  la  misma  página  con  otros  contenidos  recibirá  un  resultado  diferente. Por eso se habla de páginas dinámicas, porque su contenido puede variar y se genera en  el servidor en el momento de la solicitud.    2. INSTALACIÓN Y CONFIGURACIÓN DE SERVIDORES DE APLICACIONES WEB    ANÁLISIS DE REQUERIMIENTOS    Las páginas dinámicas se programan empleando tecnologías de servidor. Para probar y realizar las  prácticas  de  este  Módulo  necesitaríamos  tener  un  servidor  de  red  que  nos  proporcionara  los  servicios  necesarios.  En  este  caso  lo  ideal  es  tener  nuestro  propio  servidor  en  casa  para  poder  implementar  y  configurar  los  servicios  que  necesitemos.  Para  ello,  vamos  a  utilizar  un  solo  ordenador como cliente y servidor. La única diferencia es que, al llamar a las páginas así creadas,  en lugar de usar una dirección de Internet usaremos la dirección de nuestra propia máquina local.  Luego, una vez creado y probado un sitio, lo subiremos al servidor remoto que nos interese y allí  estará disponible para todo el mundo.    SERVIDOR WEB Y SISTEMA GESTOR DE BASES DE DATOS:  INSTALACIÓN Y CONFIGURACIÓN 

(2)

ataques de la Red. 

Intérprete de PHP. Cuando el usuario solicita una página desarrollada mediante esta tecnología, el 

intérprete  de  PHP,  instalado  en  el  equipo  servidor,  lee  el  código  de  dicha  página  y  lo  ejecuta. A  continuación genera una página HTML como resultado, y se la entrega al servidor web, quien se la  envía al cliente. 

Base  de  datos  MySQL.  Sirve  para  obtener  información  almacenada  en  una  base  de  datos  en  el 

servidor. MySQL posee un motor de datos muy rápido tanto grabando datos, como localizándolos  y  recuperándolos.  Además  ofrece  una  gran  seguridad  sobre  la  integridad  de  los  datos  almacenados. 

Para montar el servidor web, el intérprete de PHP y el motor de bases de datos MySQL contamos  con  una  aplicación  llamada  AppServ.  Está  disponible  en  la  dirección: 

http://www.appservnetwork.com  

  Pasos:   

(3)

 

   

(4)

    CONFIGURACIÓN DEL SERVIDOR    Hay que establecer un par de parámetros:    Primeramente todos los sitios dinámicos que realicemos deberán estar alojados en una carpeta  específicamente creada al efecto, que actuará como servidor. Por ejemplo, creamos una carpeta  llamada: C:\miswebs .    Una vez creada la anterior carpeta, accedemos a la carpeta AppServ y dentro de esta a una  llamada conf, la abrimos con un editor de texto plano y sustituimos las líneas:    DocumentRoot "c:/miswebs" y un poco más abajo <Directory "C:/miswebs">    También hay que asegurarse que la línea Servername tiene localhost.    Se guardan los cambios y se tiene que reiniciar el ordenador.    3. PROCESAMIENTO DE CÓDIGO: LENGUAJES DE SCRIPT EN CLIENTE Y SERVIDOR    PÁGINAS QUE SE PROCESAN EN EL CLIENTE. Son las que se ejecutan en el navegador del usuario.     LENGUAJES WEB DE CLIENTE    Los lenguajes que se utilizan para crear estas páginas son principalmente: HTML, Javascript , Visual  Basic Script, DHTML , CSS y Applets de Java.    HTML. El código HTML, indica básicamente dónde colocar cada texto, cada imagen o cada video y  la forma que tendrán estos al ser colocados en la página.   

Javascript.  Es  el  lenguaje  de  programación  del  lado  del  cliente  más  utilizado.  Con  Javascript 

podemos  crear  efectos  especiales  en  las  páginas  y  definir  interactividades  con  el  usuario.  El  navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para  realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el único, con que  cuenta este lenguaje es el propio navegador.  

 

Visual  Basic  Script.  Está  basado  en  Visual  Basic,  un  popular  lenguaje  para  crear  aplicaciones 

Windows. El modo de funcionamiento de Visual Basic Script para construir efectos especiales en  páginas  web  es  muy  similar  al  utilizado  en  Javascript  y  los  recursos  a  los  que  se  puede  acceder  también son los mismos: el navegador. 

(5)

navegadores modernos incluyen una nueva estructura para visualizar en páginas web denominada  capa. Las capas se pueden ocultar, mostrar, desplazar, etc.  

Para  realizar  las  acciones  sobre  la  página,  como  modificar  la  apariencia  de  una  capa,  seguimos  necesitando un lenguaje de programación del lado del cliente como Javascript o VBScript. 

 

CSS.  Son  las  siglas  de  Cascading  Style  Sheets,  en  español  Hojas  de  estilo  en  Cascada.  Es  una 

tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos  mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se  podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores...   

Applets  de  Java.  Es  otra  manera  de  incluir  código  a  ejecutar  en  los  clientes  que  visualizan  una 

página web. Se trata de pequeños programas hechos en Java, que se transfieren con las páginas  web y que el navegador ejecuta en el espacio de la página. 

La  principal  ventaja  de  utilizar  applets  consiste  en  que  son  mucho  menos  dependientes  del  navegador  que  los  scripts  en  Javascript,  incluso  independientes  del  sistema  operativo  del  ordenador donde se ejecutan. Además, Java es más potente que Javascript, por lo que el número  de aplicaciones de los applets podrá ser mayor. 

Como  desventajas  en  relación  con  Javascript  cabe  señalar  que  los  applets  son  más  lentos  de  procesar  y  que  tienen  espacio  muy  delimitado  en  la  página  donde  se  ejecutan,  es  decir,  no  se  mezclan con todos los componentes de la página ni tienen acceso a ellos. Es por ello que con los  applets  de  Java  no  podremos  hacer  directamente  cosas  como  abrir  ventanas  secundarias,  controlar Frames, formularios, capas, etc. 

 

PÁGINAS  WEB  DEL  SERVIDOR.  Estas  páginas  descargan  al  servidor  algunos  trabajos,  ofrecen 

respuestas inmediatas a las acciones del usuario y permiten la utilización de algunos recursos de la  máquina local.  

Las  páginas  del  servidor  son  útiles  en  muchas  ocasiones.  Con  ellas  se  puede  hacer  todo  tipo  de  aplicaciones web. Desde agendas a foros, sistemas de documentación, estadísticas, juegos, chats,  etc.  Son  especialmente  útiles  en  trabajos  en  los  que  se  tiene  que  acceder  a  información  centralizada, situada en una base de datos en el servidor, y cuando por razones de seguridad los  cálculos no se pueden realizar en el ordenador del usuario.  

Son  necesarias  porque  para  hacer  la  mayoría  de  las  aplicaciones  web  se  debe  tener  acceso  a  muchos  recursos  externos  al  ordenador  del  cliente,  principalmente  bases  de  datos  alojadas  en  servidores de Internet. 

 

LENGUAJES WEB DE SERVIDOR 

 

PHP,  Hypertext  Preprocesor.  Es  un  lenguaje  de  programación  del  lado  del  servidor  gratuito  e 

independiente de plataforma, rápido, con una gran librería de funciones y mucha documentación.  Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones  en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una  página con el código HTML resultante de la ejecución de PHP. Como la página resultante contiene  únicamente código HTML, es compatible con todos los navegadores. 

(6)

Este  lenguaje  de  programación  está  preparado  para  realizar  muchos  tipos  de  aplicaciones  web  gracias  a  la  extensa  librería  de  funciones  con  la  que  está  dotado.  La  librería  de  funciones  cubre  desde cálculos matemáticos complejos hasta tratamiento de conexiones de red.   Algunas de las más importantes capacidades de PHP son: compatibilidad con las bases de datos  más comunes, como MySQL, mSQL, Oracle, Informix, y ODBC, por ejemplo. Incluye funciones para  el envío de correo electrónico, upload de archivos, crear dinámicamente en el servidor imágenes  en formato GIF, incluso animadas y una lista interminable de utilidades adicionales.         CGI, Common Gateway Interface. Es el sistema más antiguo que existe para la programación de 

las  páginas  dinámicas  de  servidor.  Actualmente  se  encuentra  un  poco  desfasado  por  diversas  razones  entre  las  que  destaca  la  dificultad  con  la  que  se  desarrollan  los  programas  y  la  pesada  carga que supone para el servidor que los ejecuta.  Los CGI se escriben habitualmente en el lenguaje Perl, sin embargo, otros lenguajes como C, C++ o  Visual Basic pueden ser también empleados para construirlos.    ASP, Active Server Pages. Es la tecnología desarrollada por Microsoft para la creación de páginas  dinámicas del servidor. ASP se escribe en la misma página web, utilizando el lenguaje Visual Basic  Script o Jscript (Javascript de Microsoft).    JSP, Java Server Pages. En castellano vendría a decir algo como Páginas de Servidor Java. Es, pues,  una tecnología orientada a crear páginas web con programación en Java.    LENGUAJE XML.    XML, con todas las tecnologías relacionadas, representa una manera distinta de hacer las cosas,  más  avanzada,  cuya  principal  novedad  consiste  en  permitir  compartir  los  datos  con  los  que  se 

(7)

fiable, fácil. Además, XML permite al programador y los soportes dedicar sus esfuerzos a las tareas  importantes cuando trabaja con los datos, ya que algunas tareas tediosas como la validación de  estos  o  el  recorrido  de  las  estructuras  corre  a  cargo  del  lenguaje  y  está  especificado  por  el  estándar, de modo que el programador no tiene que preocuparse por ello.  

Vemos  que  XML  no  está  sólo,  sino  que  hay  un  mundo  de  tecnologías  alrededor  de  él,  de  posibilidades,  maneras  más  fáciles  e  interesantes  de  trabajar  con  los  datos  y,  en  definitiva,  un  avance  a  la  hora  de  tratar  la  información,  que  es  en  realidad  el  objetivo  de  la  informática  en  general.  XML,  o  mejor dicho,  el  mundo  XML  no  es  un  lenguaje,  sino varios  lenguajes,  no  es una  sintaxis,  sino  varias  y  no  es  una  manera  totalmente  nueva  de  trabajar,  sino  una  manera  más  refinada  que  permitirá que  todas  las  anteriores  se  puedan  comunicar entre  sí  sin problemas, ya  que los datos cobran sentido. XML es interesante en el mundo de Internet y el e‐bussiness, ya que  existen muchos sistemas distintos que tienen que comunicarse entre sí.     4. COMPROBANDO EL FUNCIONAMIENTO    Para probar que el servidor funciona, creamos un archivo llamado pruebaApache.htm con el block  de notas.    <html> <body> Apache funcionando </body> <7html>       Para probar que funciona PHP, creamos el archivo pruebaPHP.php.    <?php> phpinfo(); ?>  

(8)

 

   

(9)

 

Un sistema de gestión de contenidos (en inglés content management system , abreviado CMS ) es  un  programa  que  permite  crear  y  administrar  contenidos,  principalmente  en  páginas  web.  Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del  sitio.  El  sistema  permite  manejar  de  manera  independiente  el  contenido  y  el  diseño,  además  permite la fácil y controlada publicación en el sitio a varios editores.  

Un CMS siempre funciona en el servidor web en el que esté alojado el portal. El acceso al gestor se  realiza  generalmente  a  través  del  navegador  web,  y  se  puede  requerir  el  uso  de  FTP  para  subir  contenido.  Cuando  un  usuario  accede  a  una  URL,  se  ejecuta  en  el  servidor  esa  llamada,  se  selecciona el esquema gráfico y se introducen los datos que correspondan de la base de datos. La  página se genera dinámicamente para ese usuario, el código HTML final se genera en esa llamada.  Normalmente se predefine en el gestor varios formatos de presentación de contenido para darle  la flexibilidad a la hora de crear nuevos apartados e informaciones.     2. TIPOS DE GESTORES DE CONTENIDOS MAS UTILIZADOS  Plataformas de Gestión de Contenido Drupal (PHP) . Poderoso CMS muy conocido por la calidad  de su código y por la seguridad que brinda, es estable y de actualización continua, configuración  sencilla,  instalación  ágil,  importante  cantidad  de  módulos  y  temas  visuales,  excepcional  documentación y comunidad activa y muy amigable, gran concepto de nodo.    Mambo (PHP). CMS muy fácil de usar, pero con posibilidades un poco limitadas.    Joomla. Este es el CMS mas usado en internet, grandes portales de todo tipo se han montado bajo  este poderoso gestor de contenido, por su variedad de plantillas, además de su amplia comunidad  de desarrolladores libres que sacan diversos módulos para poder instalarlos.     TIPOS DE GESTORES DE CONTENIDO PARA FOROS    SMF Simple Machines Forum , abreviado SMF , es un gestor de contenidos gratuito. Se encuentra  orientado a la creación de comunidades on‐line, teniendo como eje phpBB es un sistema de foros  gratuito  basado  en  un  conjunto  de  paquetes  de  código  programados  en  el  popular  lenguaje  de  programación  web  PHP  y  lanzado  bajo  la  Licencia  pública  general  de  GNU,  cuya  intención  es  central  la  gestión  de  foros.  Escrito  enteramente  en  PHP  utiliza  MySQL  la  de  proporcionar  fácilmente, y con amplia posibilidad de personalización, una herramienta para crear comunidades.    

TIPOS DE GESTORES DE CONTENIDO CMS PARA BLOGS   

WordPress  es  un  sistema  de  gestión  de  contenido  enfocado  a  la  creación  de  blogs  (sitios  web 

periódicamente actualizados). Desarrollado en PHP y MySQL, bajo licencia GPL. WordPress se ha  convertido en el CMS más popular de la blogosfera.    B2Evolution es uno de los CMS para creación de blogs como alternativa a Wordpress. Dispone de  temas y plugins variados al estilo de los CMS extensibles.   

(10)

CMS, se trata de editores del tipo WYSIWYG con los que se puede ver el aspecto final del  documento a medida que se elabora.    Gestión de contenidos. Cuando un usuario crea un documento, se almacena en una base de datos  junto con otras informaciones de interés. Así mismo, se consignan también los usuarios a los que  se ha dado de alta, la estructura del portal, los estilos y temas utilizados, además de toda la  información generada a partir de las funcionalidades del CMS.    Publicación de contenidos. Cuando el usuario da por terminado un contenido, puede publicarlo  en ese mismo momento o bien programarlo para que aparezca en una fecha concreta.    Presentación del CMS. Se pueden utilizar desde cualquier navegador y permiten establecer el  idioma, el huso horario e incluso la moneda deseada.    4. JOOMLA. REQUERIMIENTO DE FUNCIONAMIENTO E INSTALACIÓN    Es un CMS dinámico que permite la creación de sitios web para la publicación de noticias, difusión  de la información de cualquier tipo, portales corporativos, sitios web para comercio electrónico,  etc. 

Es  una  aplicación  web  que  se  distribuye  con  licencia  pública  general  GPL.  En  buena  parte  está  escrita en PHP y puede descargarse en el sitio oficial del proyecto http://www.joomla.org  Los elementos básicos para su funcionamiento son:     Base de datos MySQL. Almacena en tablas diferenciadas toda la información del sitio, así  como gran parte de la configuración del sistema.     Motor PHP. Ejecuta órdenes de búsqueda, almacenamiento, consulta y modificación sobre  la  base  de  datos.  Los  datos  obtenidos  se  transforman  en  páginas  web  que  son  interpretadas, mostradas por los navegadores y entendibles para los usuarios.     Servidor HTTP Apache.    En cuanto al aspecto y funcionalidad, los elementos básicos ofrecidos por Joomla son:    Plantillas (templates). Es la parte del software que determina la apariencia, la disposición de los  módulos, etc.   

Extensiones  (módulos  y  componentes)  para  generar  formularios  dinámicos;  la  gestión  de 

documentos; crear galerías de imágenes multimedia; el comercio electrónico; foros, blogs y chats;  calendarios;  servicios  de  directorio;  boletines  de  noticias;  el  registro  de  datos;  la  publicación  de  anuncios; la gestión de suscripción. 

 

Los  diferentes  requerimientos  de  funcionamiento  y  ayuda  están  en  la  página  web  http://ayuda.joomlaspanish.org/ayuda‐joomla 

(11)

en  una  carpeta  creada  dentro  de  la  que  tenemos  como  localhost  (UT  1,  pág.  4).  Realizamos  los  siguientes pasos:                                                                                     

(12)

                        Creación de la base de datos:                                                 

(13)

backend (el centro de administración).    FRONTEND. Consta de los siguientes elementos:     Logo Joomla!   Menú con enlaces a las secciones del portal.   Banner publicitario.   Barra de navegación .   Menú principal.   Últimas noticias incorporadas en el portal.   Contenidos más visitados.   Zona donde el administrador muestra alguna noticia o comunicado de interés.   Zona central con noticias.   Zona de encuestas.   Zona de usuarios en línea.   Zona de enlaces relacionados con el proyecto Joomla!   Formulario para el registro de usuarios.   Zona de sindicación.   Zona de accesibilidad.    Todas estas zonas son configurables.    BACKEND. Es solo accesible para determinados perfiles de usuario. Desde la página principal del  portal web de Joomla, el administrador se puede conectar de dos formas:    1. Proporcionando el nombre de usuario y la contraseña del administrador al rellenar el  formulario de conexión.  2. Seleccionando la opción Administración del bloque de recursos.      A partir de este momento accedemos a varios botones de acceso rápido a diferentes acciones y  una barra de menús desplegable. 

(14)

 

PRÁCTICA 1.  PERSONALIZACIÓN IDIOMA 

  Con esta práctica tienes que conseguir que el entorno este en idioma español. Para ello tienes que  hacer los pasos:    1. Descarga e instalación de las extensiones para el front y para el back. La descarga la puedes  hacer desde la dirección:  http://extensiones.joomlaspanish.org/    2. Activación del idioma español.    El aspecto final debe ser:        7. CONFIGURACIÓN GLOBAL Y ASPECTO DE JOOMLA    CONFIGURACIÓN DEL SITIO   Metadatos. Información sobre los datos del sitio web. es importante definirlos para que los  motores de búsqueda puedan localizar el portal.  SEO (SearchEngineOptimization). Proceso de optimización de un sitio y que consiste en aplicar  diversas técnicas para que los buscadores de internet sitúen el portal basado en Joomla! en las  primeras posiciones dentro de sus páginas de resultados en función de términos y frases clave.   

(15)

Configuración del sistema. Contiene la palabra secreta que es la contraseña cifrada del  administrador.  Parámetros de la depuración de errores. Permiten depurar el sistema o el idioma.  Parámetros de la caché. Activan el uso de la caché del navegador para agilizar el acceso a  contenidos ya descargados.  Configuración de la sesión. Establece el tiempo que durará la sesión de los usuarios registrados. Al  cabo de ese tiempo, se forzará de nuevo el registro.         

(16)

configurar la base de datos y el servidor de correos.    CONFIGURACIÓN DE PERMISOS  Entre otras opciones permite y deniega el registro de los usuarios y activa o no las cuentas de los  nuevos usuarios.     

(17)

 

Joomla! establece dos grandes grupos de usuarios:   

Usuarios  del  administrador  (backend):  son  usuarios  que  pueden  acceder  a  la 

administración del portal.  Tipos: 

  .  Mánager  o  gestor:  En  el  menú  Sitio  tiene  acceso  a  una  parte  restringida  de  las  opciones del panel de control, como el gestor multimedia. En Opciones, puede acceder a  los ítems de menú pero no crearlos o eliminarlos.. Dispone de todos los permisos para la  gestión de los contenidos. 

  .  Administrador:  Además  de  todos  los  permisos  del  mánager,  puede  ocuparse  de  la  gestión de los menús y los usuarios (excepto el súper administrador) y encargarse de la  instalación de componentes y módulos, aunque no de las plantillas ni de los idiomas.    .  Súper  administrador:  posee  acceso  total  y  absoluto  a  toda  la  administración  del  portal.   

PRÁCTICA 1 

  Crear un usuario perfil manager y otro con perfil administrador.    Usuarios del sitio (frontend): son usuarios que pueden acceder a determinadas secciones  de la parte pública.  Tipos: 

  .  Registered:  Puede  acceder  a  las  zonas  de  la  parte  pública  de  Joomla!  a  las  que  el  administrador asigne este nivel de acceso. Es el perfil de la mayor parte de los usuarios  del portal. 

  .  Author:  Se  le  permite  enviar  artículos,  pero  no  publicarlos  ni  tampoco  editar  los  escritos  por  otros  usuarios.  Su  tarea  queda  pendiente  hasta  que  un  administrador  los  aprueba. 

  .  Editor:  Puede  enviar  artículos  y  editar  los  de  otros  usuarios,  pero  no  puede  publicarlos.    . Publisher: Dispone de permisos para enviar, modificar y publicar sus artículos o los  de otros usuarios.  A estos usuarios cabe añadir los anónimos, quienes no se registran en el portal y tienen  acceso a las partes que el administrador configura como públicas (Public).   

PRÁCTICA 2

    Crear un usuario con el perfil "Registered".    Traduce al castellano el nombre del módulo que permite la conexión de los usuarios con  cuenta en el portal.   

(18)

(corazón o núcleo de Joomla!), complementan y desarrollan toda la potencialidad del sistema. Son  extensiones los componentes, los módulos, los plugins, los idiomas y las plantillas (templates).  

Los  Componentes  son  quizá  las  aplicaciones  más  importantes  que  juegan  un  papel  fundamental  en  la  gestión  de  contenidos  de  Joomla!  Son  pequeños  programas  independientes entre sí, que están junto al núcleo de Joomla!, o bien se descargan aparte,  y posteriormente se instalan desde el panel de Administración de Joomla!. 

Cada  componente  tiene  su  propia  tabla  en  la  base  de  datos  de  Joomla!  y  también  sus  propios  archivos.  Esto  es  precisamente  lo  que  les  da  una  independencia  en  el  funcionamiento  y  no  interfieren,  en  general,  unos  con  otros.  Además,  esto  brinda  la  posibilidad de que pueden ser instalados o desinstalados en cualquier momento, es decir,  el  sistema  permite  un  asincronismo  temporal  en  la  instalación/desinstalación  de  estas  aplicaciones.  

Hay  distintos  tipos  de  componentes  y  de  muy  diversas  funcionalidades  (se  designa  el  nombre de los componentes con el prefijo "com_"):  

 

Componentes que funcionan en el Front‐end y en la Administración de Joomla! Ejemplos:  com_content, com_weblinks, com_newsfeeds, etc. 

Componentes  que  funcionan  exclusivamente  en  la  Administración  de  Joomla!  Ejemplos:  com_frontpage, com_login, com_massmail, com_templates, etc. 

Componentes  que  funcionan  exclusivamente  en  el  Front‐end,  no  son  tan  comunes,  generalmente son creados por desarrolladores independientes. 

Componentes  que  combinan  su  funcionamiento  con  módulos,  generalmente  la  gran  mayoría. Ejemplos: com_banners, com_polls, com_login, etc. 

 

Los  Módulos  son  aplicaciones  mucho  más  simples  que  los  componentes  y  generalmente  son  una  extensión  o  complemento  de  algún  componente.  Los  módulos  muestran  información secundaria, simplificada y breve que toman de la base de datos. Pero también  tienen funciones más importantes que llevar a cabo: pueden publicar los enlaces del menú,  recoger datos de acceso mediante un formulario, etc. 

 

Los  Plugins  son  aplicaciones  que  literalmente  “interceptan”  los  artículos  de  contenido  (documentos o ítems de componentes) antes de ser mostrados y publicados en el sistema,  y  le  agregan  información  adicional  o  lo  “alteran”  en  forma  dinámica,  completando  así  el  contenido total que va a ser entregado al navegador del usuario final. Los plugins pueden  ser  llamados  mediante  comandos  especiales,  o  se  pueden  mostrar  de  forma  predeterminada para ciertos contenidos/componentes. Originalmente, el término utilizado  era  Mambot,  y  era  ésta  la  función  que  desempeñaban,  pero  su  denominación  cambia  porque  los  plugins  ofrecen  posibilidades  mucho  más  amplias,  pueden  mejorar  la  funcionalidad en el ámbito del entorno de trabajo. 

Los Idiomas son paquetes de archivos que, una vez instalados, permiten que el Front‐end y  el Back‐end esté expresado en un idioma determinado. 

 

Las  Plantillas  (Templates)  deciden  cómo  se  muestra  el  espacio  web,  tanto  el  Front‐end  como el Back‐end, en el navegador del usuario. 

(19)

manipular plantillas de terceros o crear las suyas propias, es necesario que sepa en cada momento  cómo situar lo que se visualizará en el Front‐end.     

GESTIÓN DE PLANTILLAS 

  En Joomla los contenidos van por un lado y el diseño por otro. En cualquier momento podremos  modificar  el  diseño  de  todo  (o  parte)  del  sitio  Web  sin  alterar  el  contenido  de  los  artículos  publicados o la estructura de secciones y categorías (organización interna). 

 

Las plantillas en Joomla son muy importantes, pues definirán la ubicación de pequeños programas  (módulos)  que  permitirán  hacer  operaciones  tan  importantes  como  acceder  al  sitio  (login),  mostrar  ciertos  contenidos,  banners,  ubicar  columnas  y  otros  elementos  de  nuestro  sitio  Web.  Una  plantilla  bien  diseñada  supondrá  prácticamente  el  70%  del  triunfo  de  nuestra  Web.  De  ahí  que uno de los primeros procesos a realizar una vez instalado Joomla, tras la configuración básica,  sea la selección e instalación de una plantilla (y es recomendable que ésta vaya a ser la definitiva,  o luego tendremos muchos problemas)    Desde el Gestor de Plantillas, al que se accede en el menú "Extensiones ‐> Gestor de Plantillas"  podremos realizar muchas operaciones con las que ya tenemos instaladas, pero Joomla, además  permite la instalación de nuevas plantillas que podemos descargar gratuitamente de Internet.    POSICIONES DE MÓDULOS EN UNA PLANTILLA   

Cada  plantilla  distribuye  de  forma  diferente  las  distintas  zonas  de  contenidos  (módulos)  en  diferentes posiciones dentro de la página. Aunque posteriormente veremos en otro capítulo qué  son los "módulos" y para qué sirven, ahora nos interesa conocer que cada plantilla tiene una serie 

de  espacios  dedicados  a  la  ubicación  de  módulos  de  Joomla.  Esto  es  muy  importante  pues 

definirá  la  ubicación  de  ciertos  controles  y  pequeños  programas  en  nuestra  página,  como  el  formulario de acceso, un menú, una encuesta... Estas zonas están predefinidas en la plantilla y no  pueden  ser  modificadas,  salvo  que  tengamos  conocimientos  en  el  desarrollo  de  plantillas  (PHP,  xHTML, CSS...) 

 

Cada espacio dedicado a ubicar módulos recibe un nombre que lo identificará posteriormente en  el  "gestor  de  módulos":  top,  right,  left,  user1,  user2...  user32.  Cada  plantilla  tiene  sus  propios  "huecos"  y  los  ubica  en  posiciones  diferentes.  En  ocasiones  reciben  nombres  similares,  aunque  cada plantilla puede seguir su propio esquema de posiciones de módulos. Por ejemplo, si el hueco  para módulos ocupa la columna de la derecha, a este espacio se le denominará "right", o si ocupa  la zona superior, se le denominará "top".    Una práctica común en el diseño de sitios Web con Joomla es conocer estos espacios para ubicar  módulos, pues son muy importantes. A veces es conveniente contar con un esquema en papel de  la posición de estas zonas (lo puedes dibujar a mano), para posteriormente conocer dónde situar  nuestros módulos. Hay algunas plantillas que acompañan una imagen "JPG" con la posición de las  zonas para módulos.   

(20)

    newsflashload            Position top 1          Position top 2      Position top 3  ....    Cada "hueco" o zona de módulos permite la inserción de uno o varios módulos.   

PRÁCTICAS SOBRE LA INSERCIÓN DE ALGUNOS MÓDULOS EN NUESTRA PLANTILLA 

  PRÁCTICA 1. En position‐3 (Right 2) de BizBlue poner un módulo con visualización de fotos  aleatorias. PASOS:      ‐ Buscar extensión e instalarla.    ‐ Administrador de módulos. Nuevo y seleccionar Tipo de módulo.    ‐ Título, posición, subir fotos,...    PRÁCTICA 2. En position‐4 (Right 3) de BizBlue poner un módulo calendario. PASOS:      ‐  Buscar extensión e instalarla.    ‐ Administrador de módulos. Nuevo y seleccionar Tipo de módulo.    ‐ Título, posición, ...    PRÁCTICA 3. En posición newflashload (bannersload) de BizBlue poner otro módulo de fotos  aleatorias. Puesto que ya está instalada la extensión, pasamos directamente a crear el nuevo  módulo.    PRÁCTICA 4. Quitar logo con propiedades de la plantilla.    PRÁCTICA 5. Cambiar foto de cabecera desde el directorio corrrespondiente.    PRÁCTICA 6. Cambiar el título del Menú principal y del formulario de acceso. Se accede a Gestión  de Módulos y se cambia el Título.   

(21)

¿En qué orden se crean los contenidos? ¿Cómo empezar? y ¿cómo seguir?   

Una vez que ya está Joomla instalado, configurado y funcionando, debes comenzar por orden de  importancia a: 

 

1. Definir  y  crear  los  "contenedores"  de  primer  orden  (los  que  engloban  todo):  las 

CATEGORÍAS. 

 

2. Crear  los  "contenedores"  de  segundo  orden  (que  pertenecen  a  las  CATEGORÍAS):  las  SUBCATEGORÍAS. 

 

3. Cargar la información pertenecientes a sus propias secciones/categorías.    

4. Definir  y  crear  la  navegabilidad  o  "menús"  (los  accesos  que  van  a  tener  los  navegantes/usuarios a esos documentos web publicados).    Los puntos 3 y 4 (incluso los puntos 1, 2, 3, y 4) pueden ir alternándose. Pero muchos principiantes  tratan de crear los menús o los enlaces primero, y luego los contenidos. No tardan en darse cuenta  que "no saben cómo hacer". Esto es un error, el orden correcto es así:   

creación  y  publicación  de  categoría  >>  creación  y  publicación  de  subcategoría  >> 

creación y publicación de los documentos >> construcción del menú de navegación 

 

CONTENIDOS 

 

Desde el punto de vista de la gestión de contenidos, Joomla! permite una clasificación de artículos 

de  contenidos  organizados  dentro  de  categorías,  y  pueden  ser  manipulados  fácilmente  para 

modificar su clasificación y la navegación que se realizará a través de ellos.    

Se  puede  necesitar  que  un  determinado  artículo  de  contenido  no  esté  definido  dentro  de  una  sección/categoría. Hablamos, por tanto, de contenidos no clasificados.  

 

Aparte,  se  puede  decidir  que  haya  contenidos  archivados.  Archivar  un  artículo  de  contenido  supone decidir que sigue activo, pero no se encuentra clasificado dentro de la categoría original.  De  hecho,  supone  crear  una  estructura  paralela  de  categorías,  identificadas  de  igual  forma,  e  incluso, permite realizar vínculos en los menús a estas categorías o artículos “archivados”.  

 

Tomar buenas decisiones en las categorías y subcategorías que sirvan para clasificar y visualizar los  contenidos  es,  sin  duda,  una  de  las  tareas  que  deben  ser  mejor  meditadas  para  poder  tener  un  buen sitio web.  

Los contenidos pueden ser creados, editados y publicados desde el Frotn‐end y desde el Back‐end,  pero  las  opciones  de  creación  de  categorías  para  su  clasificación,  ordenación,  archivado  y  eliminación deben ser gestionadas desde el Back‐end.  

 

(22)

necesitemos. Incluso pueden mostrarse diferentes menús dependiendo de la página por la que se  esté  navegando.  Cada  menú  debe  tener  un  nombre  de  identificación  único  usado  internamente  por Joomla!. Un menú sólo es visible en el sitio web si el correspondiente módulo mod_mainmenu  está habilitado (publicado). 

  

Joomla!  utiliza  un  único  módulo  de  menú,  llamado  internamente  “mod_mainmenu”.  Los  menús  que se han creado en la instalación están asociados a instancias de este módulo. Y cada vez que se  crea o elimina un menú se actúa sobre la instancia de este.   Pensar detenidamente qué menús, con qué elementos de menú y dónde serán accesibles y para  qué usuarios, será una parte determinante en la elaboración de nuestro sitio web, sin duda.    CREACIÓN DE UN MENÚ EN JOOMLA 1.6    El proceso de creación de un menú en Joomla 1.6 no es una tarea sencilla. En realidad, es una de  las más complejas, dado que se deben seguir una serie de pasos y las configuraciones requieren de  ingresar una buena cantidad de parámetros, los que deben ser comprendidos en su totalidad para  obtener buenos resultados.  La complejidad del sistema de creación de menús deriva de la importancia de los mismos y de la  cantidad de funciones que cumplen. El proceso de creación de un menú consta de tres pasos: 

1. Crear  el  menú,  que  consiste  simplemente  en  crear  el  espacio,  el  módulo,  donde  se  colocarán los elementos del menú. 

2. Creación de los elementos de menú.  3. Ubicación y publicación del módulo menú. 

 

Creación del módulo menú 

La  creación  de  un  nuevo  menú  tiene  como  primer  paso  la  instalación  de  un  módulo  de  características  especiales,  como  son  los  menús.  Para  cumplir  este  paso,  deberemos  acceder  al 

Gestor de Menús, empleando el ícono correspondiente del Panel de Control o a través de Menús  / Gestor de Menús del menú principal del Administrador de Joomla 1.6. 

 

La ventana que se aparecerá es un listado de los menús existentes. Este listado, como podemos  ver  en  la  imagen  de  abajo,  tiene  en  el  eje  vertical  la  lista  de  todos  los  menús  que  contiene  la  página. El eje horizontal está dividido en columnas, que son las siguientes: 

1. Casillas de verificación, mediante las cuales se pueden seleccionar uno o más menús para  realizar acciones en bloque, como borrar. En caso de que se realice una selección múltiple  y  se  emplee  una  acción  que  solo  puede  realizarse  en  un  menú  a  la  vez,  como  editar,  el  menú que se abrirá para la edición será el último de la lista seleccionada. 

2. Título  y  tipo  de  menú,  contenidos  en  la  misma  celda.  Además  de  dar  la  información  mencionada,  son  enlaces  que  dirigen,  el  título,  al  gestor  de  elementos  de  menú  con  los  elementos  filtrados  para  este  menú  en  forma  exclusiva,  y  el  tipo  de  menú  dirige  a  la  ventana de edición de menús correspondiente a este mismo menú. 

3. Número de elementos de menú, columna que a su vez está dividida en tres columnas, que  informan  cada  una  de  ellas,  la  cantidad  de  elementos  publicados,  los  elementos  no  publicados  y  la  cantidad  de  elementos  que  se  encuentran  en  la  papelera.  Cada  uno  de  estos  números,  también  son  enlaces  que  dirigen  al  gestor  de  elementos  de  menú,  que 

(23)

en diferentes posiciones, como ya veremos más adelante. Esto dota a Joomla 1.6 de una  gran flexibilidad en la presentación de las páginas.  5. Información del número de identificación del menú (ID).    Para crear un nuevo menú, deberemos hacer clic en el botón “Nuevo” de la barra de herramientas  que se encuentra en la parte superior del listado. Con esto, accedemos a la siguiente ventana:    En este formulario, encontramos dos campos obligatorios y uno opcional. En el primer campo se  debe  colocar  el  título  del  menú;  en  el  segundo,  el  tipo  de  menú;  un  último  campo  opcional,  permite insertar una descripción del menú. 

 

Creación de elementos de menú 

 

Para  crear  elementos  de  menú,  podemos  acceder  de  varias  formas  al  gestor  de  elementos  de 

menú. En primer lugar, desde la pestaña ubicada en la parte superior del gestor de menús, que 

permite intercambiar las vistas con el gestor de elementos de menú. Como ya se mencionó antes,  también puede accederse a los elementos de menú de un menú específico a través del título del  menú del listado de menús. 

Cuando estamos creando los elementos de un menú específico, la vía más directa de acceder a  ellos  es  la  última.  En  la  parte  superior  del  listado  de  elementos,  se  encuentra  un  buscador  que  permite filtrar las búsquedas por nivel de acceso, estado de publicación, por menú, por nivel de  menú y por lenguaje, para el caso de que optemos por editar elementos correspondientes a varios  menús diferentes.    Para generar un nuevo elemento de menú, debemos cliquear en “Nuevo”, abriéndose la siguiente  ventana: 

(24)

 

En la sección de la izquierda se encuentran los datos fundamentales del elemento. 

 

El  primer  campo  es  el  que  podremos  seleccionar  el  tipo  de  elemento.  Cuando  hacemos  clic  en  “Seleccionar”, se abre la siguiente ventana: 

(25)

Hay un campo título del menú un campo en el que se puede introducir un alias, que puede ser  utilizado,  entre  otras  funcionalidades,  para  ser  utilizado  en  otros  menús.  A  continuación,  un  campo permite la introducción de notas, que se refiere a cualquier anotación que pueda resultar  útil. 

En el campo siguiente se muestra el link del elemento, que puede ser editado de forma tal que se  genere  una  URL  más  amigable  que  las  que  Joomla  1.6  genera  por  defecto.  En  las  listas  desplegables que se encuentran a continuación, es posible seleccionar el estado de publicación, el  nivel de acceso, el menú al que corresponde, elemento padre para el caso de que se trate de un  elemento de sub‐menú, el “target” o la forma en que se abrirá el objetivo (misma ventana, nueva  ventana con navegación o nueva ventana sin navegación).  Debajo se encuentra dos botones de radio que permiten hacer que la página a la que se accede  desde el elemento es la página por defecto o página principal. Esta función permite modificar la  página de inicio del sitio.  Luego encontramos dos listas desplegables que posibilitan seleccionar el idioma y la plantilla con  que  se  mostrará.  Esto  también  es  novedad  en  Joomla  1.6,  y  habilita  a  la  utilización  de  varias  plantillas en un mismo sitio, así como múltiples lenguajes.    Tipos de elemento de menú    Dentro de cada tipo de elemento de menú, nos encontramos con distintos tipos de presentación  de los contenidos. Los contactos pueden presentarse de las siguientes formas:   Listado de categorías: muestra un listado de las categorías de contacto. Lista de contactos en una categoría. Contacto individual. Contactos destacados.  Los feed de noticias pueden mostrarse de las siguientes formas:   Lista de todas las categorías de feed de noticias. Lista de feeds de noticias de una categoría. Un feed de noticias en particular.  Los enlaces también pueden ser mostrados en tres formas:   Listado de todas las categoría de enlaces. Lista de enlaces dentro de una categoría. 

Envío  de  enlaces:  muestra  un  formulario  con  el  que  se  pueden  enviar  enlaces  desde  el 

frente de la página. 

Los elementos relacionados con los artículos muestran los siguientes tipos: 

Artículos  archivados:  en  esta  vista  se  muestran  todos  los  artículos  que  se  encuentran 

archivados.   Artículo individual: muestra un único artículo cuando se accede desde este elemento. Listado de categorías: muestra todas las categorías de artículos. Blog de categoría: Muestra la introducción de los artículos de una categoría en formato de  blog, permitiendo configurar si se mostrarán en una o más columnas.   Lista de una categoría: Muestra todos los artículos de una categoría específica. Artículos destacados. 

Crear  artículo:  Permite  la  creación  de  un  artículo  desde  el  frente  de  la  página.  Esta 

(26)

Los elementos relacionados con la gestión de usuarios, brindan acceso a distintas funcionalidades  y utilidades propias de los usuarios.   Formulario de acceso para usuarios registrados.   Acceso al perfil de usuario.   Página de edición de perfil de usuario.   Formulario de registro.   Recordatorio de nombre de usuario.   Restablecimiento de contraseña. 

Cuando  se  selecciona  un  elemento  de  menú  tipo  Wrapper,  lo  que  aparece  en  la  página  es  un  Iframe de una URL especificada en la configuración del elemento de menú. 

Los  links  del  sistema  son  utilidades  que  permiten  acceder  a  distintas  funcionalidades,  como  enlaces externos o internos, un alias de elemento de menú (es decir, una copia de un elemento  contenido en otro menú) o un separador de texto.    Otras opciones:      A la derecha de la ventana “Nuevo Elemento de Menú”, nos encontramos con dos pestañas que  abren  dos  formularios  desplegables.  En  el  primero  de  estos  formularios  se  pueden  introducir  metadatos opcionales. El manejo de estos elementos pueden contribuir en el posicionamiento de  la página en buscadores. 

   

 

El  primer  campo  corresponde  a  una  descripción  del  título  del  enlace  del  menú.  Luego,  la  posibilidad de insertar un estilo CSS propio al enlace del menú. También es posible insertar una 

imagen  del  menú,  mediante  el  empleo  de  un  enlace  que  se  ubicará  en  el  campo  existente,  o 

(27)

UT7: INI. A LA PROG. DE DOCUMENTOS WEB UTILIZANDO LENGUAJES DE SCRIPT DE SERVIDOR    Pagina:1 

UNIDAD DE TRABAJO 7: INICIACIÓN A LA PROGRAMACIÓN DE DOCUMENTOS WEB 

UTILIZANDO LENGUAJES DE SCRIPT DE SERVIDOR 

  1. CONCEPTOS Y CLASIFICACIÓN    PÁGINAS WEB DINÁMICAS   

Llamaremos  dinámicas  a  las  páginas  cuyos  contenidos  sí  pueden  ser  modificados  –de  forma  automática  o  mediante  la  intervención  de  un  usuario–  bien  sea  desde  el  cliente  y/o  desde  el 

servidor.  Para que esas modificaciones puedan producirse es necesario que algo o alguien especifique: qué,  cómo, cuándo, dónde y de qué forma deben realizarse, y que exista otro algo o alguien capaz de  acceder, interpretar y ejecutar tales instrucciones en el momento preciso.  Igual que ocurre en la vida cotidiana, las especificaciones y las instrucciones requieren: un lenguaje  para definirlas; un soporte para almacenarlas y un intérprete capaz de ejecutarlas.    Scripts   

Se  llama  script  a  un  conjunto  de  instrucciones  escritas  en  un  lenguaje  determinado  que  van 

incrustadas  dentro  de  una  página  WEB  de  modo  que  su  intérprete  pueda  acceder  a  ellas  en  el 

momento en el que se requiera su ejecución. 

Cuando  se  incrustan  scripts  en  una  página  WEB  empiezan  a  convivir  en  un  mismo  documento  informaciones destinadas a distintos intérpretes. 

Por  una  parte,  el  código  HTML  que  ha  de  ser  interpretado  por  el  navegador,  y  por  la  otra,  los 

scripts que han de ser ejecutados –dependiendo del lenguaje en el que hayan sido escritos– por su  intérprete correspondiente. 

La  manera  de  diferenciar  los  contenidos  es  delimitar  los  scripts  marcando  su  comienzo  con  una  etiqueta de apertura <script> y señalando el final con una etiqueta de cierre </script>. 

Lo que no está contenido entre esas etiquetas se considerará código HTML. 

La  posibilidad  de  insertar  en  un  mismo  documento  scripts  desarrollados  en  distintos  lenguajes  obliga a especificar cuál se ha utilizado en cada caso, para que en el momento en el que vayan a  ser ejecutados se invoque el intérprete adecuado.  Para ello, dentro de la propia etiqueta de apertura (<script>) se inserta una referencia al tipo de  lenguaje con esta sintaxis: language="nombre"  Por ejemplo:  <script language="PHP"> ... ... instrucciones .. ... </script>

indicaría que las instrucciones están escritas con la sintaxis de PHP. Por el contrario, en este otro supuesto:

<script language="JavaScript"> ...

... instrucciones .. ...

(28)

UT7: INI. A LA PROG. DE DOCUMENTOS WEB UTILIZANDO LENGUAJES DE SCRIPT DE SERVIDOR    Pagina:2  Para el caso concreto de PHP, existe una sintaxis alternativa, mucho más cómoda y que es la que  se usa habitualmente. Es la siguiente:    <? ... ...instrucciones.. ... ?> <? hará la misma función que <script language="PHP"> y ?> será equivalente a </script>.    Lenguajes del lado del servidor    Un lenguaje es del lado del servidor cuando la ejecución de sus scripts se efectúa, por instancia de  este  –el  servidor–,  antes  de  dar  respuesta  a  la  petición,  de  manera  que  el  cliente  no  recibe  el  documento original sino el resultante de esa interpretación previa. 

Cuando  se  usan  estos  tipos  de  lenguaje  el  cliente  recibe  un  documento  en  el  que  cada  script  contenido en el original habrá sido sustituido por los resultados de su ejecución.  Esto es algo a tener muy en cuenta, porque, en este caso, los usuarios no tendrán la posibilidad de  visualizar el código fuente, mientras que cuando se trata de lenguajes del lado del cliente siempre  es posible visualizar los scripts, bien sea de forma directa –mirando el código fuente de la página  recibida– o leyendo el contenido de ficheros externos –vinculados a ella– que son bastante fáciles  de encontrar en la caché del navegador.  La utilización de este tipo de scripts requiere que el intérprete del lenguaje sea accesible –esté del  lado– desde el propio servidor. ¿Cómo resuelve sus dudas el servidor? 

Dado  que  en  unos  casos  el  servidor  debe  entregar  el  documento  original  –páginas  estáticas  o  páginas dinámicas en las que se usan lenguajes del lado del cliente– mientras que en otros casos – páginas dinámicas usando lenguajes del lado del servidor– tiene que devolver el resultado de la  ejecución de los scripts, es razonable que te preguntes: ¿cómo sabe el servidor lo que debe hacer  en cada caso? La respuesta es simple. Eso hay que decírselo. Y se le dice de una forma bastante  simple. Se indica al poner la extensión al documento.   Si en la petición se alude a un documento con extensión .htm o .html el servidor entenderá que  esa página no requiere la intervención previa de ningún intérprete de su lado y entregará la página 

tal  cual.  Si  en  esa  petición  se  aludiera  a  una  extensión  distinta  –.php,  por  ejemplo–  el  servidor 

entendería que antes de servir la página debe leerla y requerir al intérprete de PHP que ejecute  los scripts desarrollados en ese lenguaje (en caso de que los contuviera) y devolvería al cliente el  documento que resultara de las eventuales ejecuciones de tales scripts.    Requisitos para el uso del lenguaje PHP    De acuerdo a lo comentado en los párrafos anteriores y en los esquemas que tenemos  la derecha,  el uso del lenguaje PHP requiere tener instalado y configurado:  • Un software de servidor  –configurado para interactuar con el intérprete de PHP– que soporte el protocolo HTTP y que en  nuestro caso será el denominado servidor Apache.  • El intérprete de PHP. 

(29)

UT7: INI. A LA PROG. DE DOCUMENTOS WEB UTILIZANDO LENGUAJES DE SCRIPT DE SERVIDOR    Pagina:3  • Un software de servidor de bases de datos capaz de ser gestionado mediante funciones propias  de PHP.    Utilizaremos el servidor de bases de datos conocido como MySQL.    2. INSTALACIÓN DEL EDITOR DE PHP    Instalación del editor Php Coder Pro!   

A  lo  largo  del  curso  va  a  sernos  de  gran  utilidad  el  uso  un  editor  de  textos  que  nos    permita  identificar los números de línea de nuestros scripts y que a la vez nos ayude –mediante resaltado  de textos– a depurar la sintaxis. 

Existen  multitud  de  editores  y  podrás  utilizar  –a  tu  gusto–  este  o  cualquier  otro  que  uses  habitualmente.  El  hecho  de  sugerirte  este  obedece  a  al  hecho  de  que  es  gratuito,  bastante 

completo, consume pocos recursos y se va actualizando periódicamente.   

3. PÁGINAS PHP   

Las  páginas  PHP  pueden  ser  páginas  web  normales  a  las  que  se  cambia  la  extensión,    poniendo 

.php en vez de .htm ó .html. 

En una página cuyo nombre tenga por extensión .php se pueden insertar instrucciones –escritas  en lenguaje PHP– anteponiendo <? a la primera instrucción y escribiendo después de la última ?>.  A cada uno de estos bloques de instrucciones le llamaremos un script. 

No  existe  límite  en  cuanto  al  número  de  scripts  distintos  que  pueden  insertarse  dentro    de  una  página. 

(30)

UT7: INI. A LA PROG. DE DOCUMENTOS WEB UTILIZANDO LENGUAJES DE SCRIPT DE SERVIDOR    Pagina:4    4. SINTAXIS    La primera instrucción PHP que conoceremos será esta:   

echo "un texto..";   La instrucción echo seguida de un texto entrecomillado hará que el PHP escriba en la página web  resultante lo contenido en esa cadena de texto.  Al final de cada instrucción debemos insertar siempre un punto y coma (;)  El (;) indicará a PHP que lo que viene a continuación es una nueva instrucción.  Para facilitar la depuración los scripts no suelen escribirse dos instrucciones en una misma línea. 

print "un texto..";

 

La  instrucción  print  tiene  una  función  similar  –no  es  exactamente  la  misma–  a  la  descrita  para 

echo.   

print ("un texto..");  

Esta  es  otra  posibilidad  –la  más  habitual–  de  utilizar  print.  Aquí  encerramos  entre  paréntesis  la  cadena  que  pretendemos  que  aparezca  impresa  en  la  página  web.  El  hecho  de  que  utilicemos  paréntesis no nos evita tener que encerrar la cadena (texto) a imprimir entre comillas. 

 

Comillas dentro de comillas 

 

Existen dos tipos de comillas: dobles « " » (SHIFT+2) y sencillas « ' » (tecla ? en minúsculas). 

Cuando  es  preciso  anidar  comillas  deben  utilizarse  tipos  distintos  para  las  exteriores  y  para  las  interiores.  Para que una etiqueta echo interprete unas comillas como texto –y no como el final de la cadena–  es necesario anteponerles un signo de barra invertida(\).  En ningún caso –ni con echo ni con print– está permitido sustituir las comillas exteriores (las que  encierran la cadena) por \". Esta sintaxis solo es válida para indicar a PHP que debe interpretar las  comillas como un carácter más.    La primera página en PHP 

Observemos  este  código  fuente.  Como  verás,  se  trata  de  una  página  web  muy  simple  que  no 

contiene ningún script PHP. Hemos guardado esa página con el nombre ejemplo1.html y luego la  hemos vuelto a guardar –sin modificar nada en sus contenidos– como ejemplo1.php.    <html> <head> <title>Aprendiendo PHP</title></head> <body>

Esta es una página supersimple </body>

(31)

UT7: INI. A LA PROG. DE DOCUMENTOS WEB UTILIZANDO LENGUAJES DE SCRIPT DE SERVIDOR    Pagina:5 

Si visualizamos ambos ejemplos veremos que los resultados son idénticos.   

Los primeros script PHP   

Editemos  la  página  anterior  (ejemplo1.php)  y  añadámosle  nuestra  primera  etiqueta  PHP  guardándola como ejemplo2.php. Este sería el código fuente:    <html> <head> <title>Aprendiendo PHP</title></head> <body>

Esta es una página super simple <?

echo "¿Aparecerá esta linea?"; ?> </body> </html> Veamos ahora un ejemplo con las diferentes opciones de uso de las comillas (ejemplo3.php):  <html> <head> <title>Aprendiendo PHP</title></head> <body> <?

/* Las instrucciones PHP son las que aparecen en rojo. Las etiquetas en azul intenso son el código HTML.

Todo lo que aparece en este color son líneas de comentario de las que hablaremos más adelante.

Cuando rescribas estos primeros scripts bastará que incluyas las instrucciones escritas en rojo */

/* ponemos <br> al final del texto para que cuando se aparecerá en una línea diferente */

# aquí utilizamos solo unas comillas

echo "Este texto solo lleva las comillas de la instrucción<br>";

# aquí anidaremos comillas de distinto tipo

echo "La palabra 'comillas' aparecerá entrecomillada<br>";

# esta es otra posibilidad invirtiendo el orden de las comillas

echo 'La palabra "comillas" aparecerá entrecomillada<br>';

# una tercera posibilidad en la que utilizamos un mismo

# tipo de comillas. Para diferenciar unas de otras anteponemos # la barra invertida, pero esta opción no podríamos utilizarla # al revés.

# No podríamos poner \" en las comillas exteriores.

echo "La palabra \"comillas\" usando la barra invertida<br>"; ?>

</body> </html>

PRÁCTICA 1 

Crea un subdirectorio en el LOCALHOST de tu servidor y ponle como nombre practicas. Escribe con  tu  editor  un  script  similar  al  ejemplo3.php  utilizando  print  y  print()  en  vez  de  echo.  Guarda  el  documento en la carpeta practicas con el nombre practica1.php y comprueba su funcionamiento.  Recuerda que para visualizarlo deberás escribir en tu navegador: 

(32)

UT7: INI. A LA PROG. DE DOCUMENTOS WEB UTILIZANDO LENGUAJES DE SCRIPT DE SERVIDOR    Pagina:6  http://localhost/practicas/practica1.php    LÍNEAS DE COMENTARIO  ¿Por qué usar líneas de comentario?  A primera vista pueden parecer inútiles. ¿Para qué recargar las páginas con contenidos que no se  van a ver ni ejecutar?  Las líneas de comentario sirven para poder recordar en un futuro qué es lo que hemos hecho al  escribir un script y por qué razón lo hemos hecho así.  A medida que vayamos avanzando verás que en muchos casos tendremos que aplicar estrategias  individuales para resolver cada problema concreto.  Cuando necesites hacer una corrección o una modificación al cabo de un tiempo verás que confiar 

en  la  memoria  no  es  una  buena  opción.  Es  mucho  mejor  utilizar  una  línea  de  comentario  que 

confiar en la memoria.  

Para  insertar  comentarios  en  los  scripts  de  PHP  podemos  optar  entre  varios  métodos  y  varias  posibilidades:  • Una sola línea  Basta colocar los símbolos // al comienzo de la línea o detrás del punto y coma que señala el final  de una instrucción. También se puede usar el símbolo # en cualquiera de las dos posiciones.  • Varias líneas  Si un comentario va a ocupar más de una línea podremos escribir /* al comienzo de la primera de  ellas y */ al final de la última. Las líneas intermedias no requieren de ningún tipo de marca. 

Los  comentarios  para  los  que  usemos  la  forma  /*  ...  */  no  pueden  anidarse.  Si,  por  error,  lo  hiciéramos, PHP nos dará un mensaje de error.    Ensayando líneas de comentario (ejemplo4.php)    <HTML> <HEAD> <TITLE>Ejemplo 4</TITLE> <BODY> <?

// este comentario no se verá en la página

echo "Esto se leerá <BR> "; // Esto no se leerá /* este es un comentario de

múltiples líneas y no se acabará hasta que no cerremos así.... */

echo "Este es el segundo comentario que se leerá<BR>";

# Este es un comentario tipo shell que tampoco se leerá # Este obviamente tampoco

echo ("Aquí el tercer texto visible"); #comentario invisible /* Cuidado con anidar

(33)

UT7: INI. A LA PROG. DE DOCUMENTOS WEB UTILIZANDO LENGUAJES DE SCRIPT DE SERVIDOR    Pagina:7  multilínea con estos*/

a PHP no le gustan */ ?> </body> </html> Al ejecutarlo nos dará un error. Esto es una muestra, de la importancia que tiene el evitar anidar  los comentarios    En el ejemplo4a hemos quitado el /* que va delante de «comentarios» y el */ que va después de  «multilínea con estos» y funciona perfectamente.    <HTML> <HEAD> <TITLE>Ejemplo 4a</TITLE> <BODY> <?

// este comentario no se verá en la página

echo "Esto se leerá <BR> "; // Esto no se leerá /* este es un comentario de

múltiples líneas y no se acabará hasta que no cerremos así.... */

echo "Este es el segundo comentario que se leerá<BR>"; # Este es un comentario tipo shell que tampoco se leerá # Este obviamente tampoco

echo ("Aquí el tercer texto visible"); #comentario invisible /* Cuidado con anidar

a PHP no le gustan */ ?> </body> </html>  

PRÁCTICA 2 

Escribe  un  script  en  el  que  se  utilicen  las  funciones  print,  print()  y  echo  añadiendo  –con  los  diferentes formatos– líneas de comentario que expliquen la sintaxis de cada una de las funciones.  Guárdalo como practica2.php en el directorio practicas y comprueba su funcionamiento.    CONSTANTES    Una constante es un valor –un número o una cadena– que no va a ser modificado a lo largo del  proceso de ejecución de los scripts que contiene un documento.  Para mayor comodidad, a cada uno de esos valores se le asigna un nombre, de modo que cuando  vaya a ser utilizado baste con escribir su nombre.  Cuando ponemos nombre a una constante se dice que definimos esa constante. 

Referencias

Documento similar

A partir de los resultados de este análisis en los que la entrevistadora es la protagonista frente a los entrevistados, la información política veraz, que se supone que

&#34;No porque las dos, que vinieron de Valencia, no merecieran ese favor, pues eran entrambas de tan grande espíritu […] La razón porque no vió Coronas para ellas, sería

Cedulario se inicia a mediados del siglo XVIL, por sus propias cédulas puede advertirse que no estaba totalmente conquistada la Nueva Gali- cia, ya que a fines del siglo xvn y en

The part I assessment is coordinated involving all MSCs and led by the RMS who prepares a draft assessment report, sends the request for information (RFI) with considerations,

Ciaurriz quien, durante su primer arlo de estancia en Loyola 40 , catalogó sus fondos siguiendo la división previa a la que nos hemos referido; y si esta labor fue de

información que el individuo puede procesar por su sistema nervioso, y los factores relacionados van a influir en las habilidades y destrezas sociales, que pondrá al uso al

A este servidor se le conoce como servidor principal y centraliza la gestión de usuarios, la lista de actividades, el calendario de las actividades que pueden realizar estos

Así, antes de adoptar una medida de salvaguardia, la Comisión tenía una reunión con los representantes del Estado cuyas productos iban a ser sometidos a la medida y ofrecía