Está en la página 1de 121

Gua Rpida

Extension Key: doc_tut_quickstart_es Derechos de Autor 2005, Emiliano Llano Daz, <emiliano.llano@modulonet.fr>

Documento publicado bajo la Open Content License (Licencia de Contenido Abierto) disponible en http://www.opencontent.org/opl.shtml

El contenido de este documento se relaciona a TYPO3 - a GNU/GPL CMS/Framework disponible de www.typo3.com

Contenido
Gua Rpida.................................................1
Introduccin....................................................................2 Qu hace?................................................................2 Pantalla de ejemplo....................................................2 Vdeo..........................................................................2 Versin PDF...............................................................2 Nota del Traductor......................................................3 Dedicado a..................................................................3 Instalacin.......................................................................4 Instalacin A archivo zip..........................................4 Instalacin B Paquete de Instalacin de Windows. .6 Verificar la instalacin.................................................9 Ms detalles acerca de la instalacin.......................11 Principios Generales....................................................12 Backend(interfaz de usuario) y frontend (interfaz de administracin)....................................................12 rbol de pginas (pagetree).....................................12 Pginas Especiales..................................................15 Contenido de la pgina.............................................19 Editar y crear pginas y contenido.............................23 Editar pginas...........................................................23 Nueva pgina............................................................25 Mover pginas..........................................................30 Parmetros de Visibilidad ocultando pginas, aparicin cronometrada, etc.....................................32 Edicin de texto enriquecido: Negritas, Cursivas, Listas de vietas, Insertar imgenes........................34 Realizar vnculos......................................................36 Tipos de elementos de contenido.............................38 Edicin en el Frontend...........................................41 Pginas protegidas con contrasea...........................44 Crear usuarios/grupos..............................................45 Crear la forma de inicio de sesin (login).................48 Crear pginas restringidas........................................49 Elementos de contenido especiales...........................51 Formulario de correo electrnico..............................51 Campo de bsqueda................................................54 Libro de visitas..........................................................56 Mapa del sitio............................................................60 Mdulo de Noticias...................................................61 Programas o aplicaciones Web..................................64 Insertando un formulario de subscripcin a un boletn informativo................................................................64 Mdulos del Backend...............................................69 Controlando los usuarios del backend...................69 Cambiando el idioma del backend.........................70 Plantillas........................................................................71 Realizando cambios a la plantilla.............................72 El campo de configuracin.......................................74 El objeto explorador..................................................75 Cambiar la plantilla?...............................................77 Contenido en columnas mltiples.............................79 Creando otro sitio Web en la base de datos?........83 Controlando dominios mltiples................................84 Iniciando nuevos sitios Web.....................................86 Desmentido acerca de las plantillas!.......................86 Archivos de imgenes.................................................88 Administrando archivos en TYPO3...........................88 Examinando el archivo de imgenes........................90 Cargando imgenes al archivo.................................91 Nota sobre el proceso de imgenes en TYPO3.......92 El mdulo de Listado y el portapapeles.....................93 Usando el mdulo de Listado con eficacia...............93 El portapapeles numrico administrando varios elementos.................................................................93 Edicin selectiva.......................................................95 Administracin de Usuarios........................................98 Mantenimiento distribuido.........................................98 Usuarios del Backend............................................98 Concediendo los permisos de usuario......................99 Grupos....................................................................104 Creando un nuevo usuario para el sitio Fan Club...... 107 Un flujo de trabajo sencillo para noticias................110 Iniciando un proceso de flujo de trabajo.................110 Configurando un flujo de trabajo.............................116 Requisitos...............................................................119 A dnde ir a partir de aqu?....................................121

Iniciando - 1

Introduccin
Qu hace?
Este tutor introduce los conceptos bsicos de TYPO3. Se le iniciar de inmediato en la construccin de un sitio Web usando TYPO3. Una vez finalizado el tutor, tendr una idea de las capacidades de TYPO3 as como de la complejidad requerida para su uso. El tutor requiere que instale ciertos programas. Si desea tener una vista previa de TYPO3 antes de instalarlo, consulte primero el sitio de demostracin en http://demo.typo3.com/. La creacin profesional de plantillas y el desarrollo usando TYPO3 no se cubren en general en esta gua. Esto se hace en el siguiente tutor- La Creacin de Plantillas Modernas, Parte 1 y a lo largo de toda la documentacin de desarrollo usando TYPO3!

Pantalla de ejemplo
Este sitio Web de ejemplo es un tutor para un club de ftbol llamado "FC Bigfeet". El sitio Web terminado se ve as:

Al crear este sencillo sitio Web aprender a: Editar y crear pginas y su contenido, insertar imgenes, tablas, listas con vietas, vnculos etc. Crear reas protegidas con contrasea en su sitio Web. Insertar contenido especial como formas para correo electrnico, zonas de bsqueda, mapas del sitio, etc. Crear un libro de visitas o un boletn de mensajes. Cambiar colores, imgenes de fondo, tipografa - an seleccionar otra plantilla! Administrar a los usuario que dan mantenimiento a las distintas partes de su sitio Web Crear un flujo de trabajo para la creacin de elementos de noticias en la pgina principal Saber cmo TYPO3 organiza las pginas en una estructura de rbol y almacena su contenido.

Vdeo
Tendremos prximamente un vdeo disponible aqu....

Versin PDF
Si prefiere leer este tutor como un documento PDF, puede descargarlo aqu.

Iniciando - 2

Nota del Traductor


No hay muchos documentos para los diseadores de TYPO3 disponibles en otros idiomas. Hay distintas razones para ello. Una muy importante es que el idioma comn de uso de la comunidad internacional de diseadores es el ingls. Aun cuando una comunidad abierta como la nuestra pudiera manejar la gran cantidad de documentos existente para TYPO3 en varios idiomas, muy pronto los diseadores estaran hablando de conceptos distintos, debido al uso de distintos idiomas. Es por esto que bsicamente todos los documentos que tratan sobre el desarrollo usando TYPO3 slo estarn disponibles en ingls y el punto central para las discusiones ser la lista de distribucin en ingls. Esta gua didctica slo sirve para ayudarle a empezar a usar TYPO3. Es por esta razn que hemos decidido permitir la traduccin del mismo a otros idiomas. Por favor no se cuestione sobre el uso de ciertas palabras inglesas mezclado con su propio idioma en la versin traducida de este documento: Si usted quiere posteriormente entender la documentacin en ingls, es importante acostumbrarse al trmino en ingls desde un principio.

Dedicado a
Deseo dedicar este tutor a: todos mis amigos de TYPO3 que encontr en las excursiones de snowboard conocindolos y dndome cuenta que las personas que se esconden detrs de una direccin electrnica valen la pena. mi querida esposa Rie gracias por tu paciencia y el amor que me has mostrado, an cuando la carga de trabajo tambin necesit de tus hombros. mi salvador, Jesucristo - gracias por crear un mundo maravilloso con todo su potencial para que nosotros los seres humanos podamos tambin crear cosas bonitas. Gracias por ser el camino, la verdad y la vida.

Feliz lectura!

Kasper

Documento traducido al espaol por Emiliano Llano Daz.

Iniciando - 3

Instalacin
TYPO3 es un programa Web basado en PHP4 y MySQL. Deber tener, por lo tanto, acceso a un servidor Web que tenga instalado PHP y MySQL para poder usar TYPO3. Si ya cuenta con un acceso a un servidor Web con PHP4 y MySQL, siga el procedimiento descrito en la seccin "Instalacin A"; Tendr que descargar un archivo comprimido, descomprimirlo en su servidor y listo! Si no tiene un servidor Web instalado, siga el procedimiento descrito en la seccin "Instalacin B" - esto es, descargar un Instalador de Windows que instala todo los programas requeridos (Apache, MySQL, PHP4 y TYPO3) en unos cuantos clic - y elimina todo posteriormente, si as lo desea.

Instalacin A archivo zip


1: Descargue el paquete QuickStart (inicio rpido)
Vaya a typo3.org para obtener el paquete quickstart.zip.

2: Descomprima el paquete en su servidor Web


En mi caso tengo un servidor Apache local funcionando. El directorio raz del sitio Web es c:\apache\htdocs y es ah donde descomprimo el paquete (esta es la misma localizacin que usa el paquete de instalacin).

3: Inicie su explorador Web


Vaya a la direccin URL donde descomprimi sus archivos:

Ver la siguiente pantalla:

... y a continuacin la pantalla (vea ms abajo) donde escribe el nombre de usuario y contrasea de la base de datos y el anfitrin local (localhost).

4: Nombre se usuario y contrasea de la base de datos y anfitrin


En mi caso no requiero de nombre de usuario ni contrasea (claro est que esto no es muy seguro :-)

Iniciando - 4

5: Crear la base de datos


A continuacin escriba el nombre de su base de datos. En mi caso seleccion "t3_quickstart". Siempre uso el prefijo "t3_" para las bases de datos de TYPO3. Esto es conveniente cuando se tienen distintas bases de datos.

6: Crear el contenido de la base de datos


El paso final es "rellenar" la base de datos. Una nueva base de datos tal como "t3_quickstart" no contiene datos, claro est este paso coloca informacin de ejemplo para nuestro sitio Web, por ejemplo usuarios, pginas, contenido etc.

Si ve el botn "GO" (continuar) en rojo, significa que ha terminado! Felicidades! Ahora requerimos verificar si todo funciona. Hay dos cosas a verificar- el frontend (interfaz de usuario) y el backend (interfaz de gestin o administracin). (Lea la seccin "Verificar la instalacin" despus del captulo "Instalacin B".)

Iniciando - 5

Instalacin B Paquete de Instalacin de Windows


Vaya a la pgina de paquetes de typo3.org y descargue el instalador "WAMP - quickstart" (gracias Ingmar) que contiene el sitio Web de QuickStart. La descarga es de 28+ MB pero merece la pena a costa del problema que se ahorra comparado a instalar el paquete en un servidor Web existente - por lo menos si desea una prueba rpida de TYPO3!

1: Descargue la instalacin
Haga clic en el vnculo de descarga y vaya a comprar una docena de dulces a la tienda ms cercana. Cuando regrese ver esta pantalla:

Haga clic en el botn "Open" para empezar la instalacin.

2: Acepte la licencia GPL!


Haga clic en el botn "Agree" (acepto) en la pantalla de la licencia. Note que por una vez puede (probablemente) aceptar la licencia sabiendo que sta le permite recibir, copiar, modificar y distribuir TYPO3 libremente con tal de que los mismos derechos se transfieran al prximo destinatario. El principio bsico GPL es que los programas continan siendo gratuitos! (Esto incluye cualquier modificacin / adicin que haga a TYPO3!). Tan slo pselo a sus amigos!

3: Opciones
Next... next... next... (siguiente, siguiente, siguiente)

TYPO3 se auto instala en su men Inicio!

Iniciando - 6

Seleccionar la carpeta de instalacin. Probablemente acepte la propuesta en este paso a menos que tenga algo ms en ella:

4: Copiado de Archivos
A continuacin se descomprimen y copian los miles de archivos relacionados con Apache, MySQL, PHP y TYPO3 a su disco duro. Esto toma un par de minutos.

Errores? Si en el proceso encuentra un error como el que se muestra a continuacin(un archivo con un nombre especial que no puede escribirse) lo ms probable es que pueda simplemente ignorarlo. S que parece un poco extrao documentar esto as, pero... :-)

5: Finalizado
Despus de instalar los archivos acaba la instalacin:

La instalacin final en "c:\apache" toma aproximadamente 140 MB de espacio del disco e incluye miles de archivos. stos no
Iniciando - 7

pertenecen todos a TYPO3 recuerde que se instala Apache, MySQL y PHP...

En el men Inicio de Windows encontrar ahora la instalacin de TYPO3:

6: Iniciar los servidores


Antes de poder jugar con TYPO3 hay que iniciar los dos servidores; "start MySQL" y "start Webserver." Cuando inicializa el servidor Web (Apache) ver una anticuada ventana de DOS. No cierre esta ventana - debe estar abierta, por otra forma el servidor Web se cerrar. Claro est que puede minimizarla. La prxima vez que inicie su ordenador y quiera trabajar con TYPO3 tendr que arrancar de nuevo el servidor Web. MySQL se instala como un servicio (tiene un icono de semforo en la barra de tareas) y ya estar ejecutndose.

7: Active su navegador de Internet


Escriba "http://localhost/" y deber ver esta pantalla:

Si ve esta pantalla significa que acab la instalacin! Felicidades! Bien, verifiquemos ahora si realmente funciona. Hay dos cosas a verificar - el frontend (interfaz de usuario) y el backend
Iniciando - 8

(interfaz de gestin) (A leer en la prxima seccin: "Verificar la instalacin")

Verificar la instalacin
Verficar el frontend (interfaz de usuario)
El frontend (interfaz de usuario) es un trmino para el sitio Web que TYPO3 y se refiere a lo que sus visitantes vern - ste es el producto que TYPO3 crea para usted! El frontend debe estar visible en la URL que escribi (en mi caso http://localhost/quickstart /). Deber ver la siguiente pantalla un segundo despus:

Puede hacer clic en los vnculos en el men a la izquierda para explorar las pginas del sitio Web.

Verificar el backend (interfaz de administracin)


El backend es el trmino usado para la interfaz de administracin que se usa para gestionar el contenido de frontend de su sitio Web. En el backend revisa y crea las pginas requeridas. Se accede al backend a partir del subdirectorio "typo3/" de la raz de la instalacin. As que intente teclear "typo3 / " despus de "... /quickstart / ":

Iniciando - 9

Acceso Log in
Ahora escriba el nombre de usuario "admin" y la contrasea"password":

CONSEJO: Asegrese de habilitar las galletas en su navegador de Internet! Si se desactivan las cookies no se puede acceder al servicio! Si escribi el nombre de usuario y contrasea correcta se le mostrar la siguiente pantalla:

Iniciando - 10

Ahora, por segunda vez- y esta vez realmente - felicidades! TYPO3 se ha instalado correctamente, el frontend est trabajando y el backend lo ha dejado entrar. Est listo para seguir jugando con el modelo.

Ms detalles acerca de la instalacin


Por favor note que esta gua sencilla slo le muestra los requisitos ms bsicos y se dise para hacer que pueda empezar rpidamente a probar y desarrollar. Cuando requiera instalar y configurar TYPO3 en ambientes de produccin o desarrollo serio deber leer y entender los problemas de fondo descritos en el documento Instalacin y actualizacin de Typo3. Ms an, existe una lista de correo y archivos para conseguir ayuda en los problemas de la instalacin.

Iniciando - 11

Principios Generales
Backend(interfaz de usuario) y frontend (interfaz de administracin)
Como ya sabe de la instalacin, TYPO3 se divide en dos reas - el backend y el frontend. Mientras que el frontend est disponible a todos los usuarios y navegadores de Internet - es el sitio Web que TYPO3 produce - slo usted y sus contribuidores de contenido tienen acceso al backend - la administracin del sitio Web. Se requiere siempre un nombre de usuario y una contrasea.

Mdulos del Backend (interfaz de administracin)


Hay muchos mdulos dentro del backend en el men de la izquierda. Cuando quiera revisar y crear pginas, seleccione el mdulo "Page" (pgina):

Cada mdulo despliega su propio contenido. Puesto que usted es el administrador, tendr acceso a todos los mdulos. Pero hay otros usuarios "normales" - ellos slo tienen acceso a los mdulos que usted ha seleccionado para ellos! Intente abrir los distintos mdulos en el men y ver cmo cambia la informacin del marco de contenido.

rbol de pginas (pagetree)


El encabezado "Web" del men se llama un mdulo principal y todos los mdulos listados bajo l son los "submdulos". Todos los mdulos bajo el mdulo principal "Web" mostrarn una vista dual en el marco de contenido - el rbol de pginas (izquierdo n1) y el mdulo de contenido con respecto a una pgina del rbol de pginas (derecha n2). El rbol de pginas puede expandirse haciendo clic en los iconos del ms/menos (n 3). Esto trabaja exactamente como las carpetas en su propio ordenador. Puede pensar en el rbol de pginas como en una estructura de directorio dnde las pginas Web se organizan en una jerarqua con pginas principales, pginas subalternas y sub-subalternas, etc.

Haciendo clic en ttulos e iconos


La siguiente cosa importante a saber sobre el rbol de pginas es que usted puede hacer clic tanto en el icono de la pgina como en su ttulo - y esto hace la diferencia! Si hace clic en el ttulo de la pgina ver que el mdulo activo muestra su contenido en el marco de la derecha:

Iniciando - 12

En este caso el mdulo "Pgina" es el activo por lo que ver el contenido de la pgina en el marco de la derecha. De aqu puede editarlo y realizar otras acciones que discutiremos muy pronto Si hace clic en el icono de la pgina en lugar del ttulo, aparecer un men sensible al contexto o emergente:

Aviso: Si usa un navegador antiguo, el men no aparecer cerca del icono sino en el marco superior del backend. Ms an, tenga paciencia - el men podra tomar unos segundo en aparecer! En el men emergente puede seleccionar opciones que se relacionan a esta pgina! La mayora de ellos son obvios - intente jugar con algunas opciones. Para este ejemplo he seleccionado "Show" (mostrar) que significa que se abrir otra ventana en el navegador y ver esta pgina especfica como se muestra en el frontend:

Iniciando - 13

Note cmo se mostr esta pgina en la nueva ventana al llamar a la secuencia de comandos (script) ".../quickstart/index.php? id=13" (n 1). En TYPO3 cada pgina se guarda en la base de datos (en una tabla llamada "pages") y cada uno de estos registros de pgina tiene un nmero nico (uid). Aqu el parmetro llamado "id" se fij al valor "13" - y al parecer este es nmero de identificacin de la pgina llamada This week" (esta semana) en el rbol de pginas! Ms an, puede ver que el contenido de la pgina (n 2) es el mismo que vio (si lo not) en el marco izquierdo del mdulo de Pgina (page) cuando hizo clic en el ttulo! Regresaremos a ello ms tarde. Note el encabezado de la pgina (n 3) - aqu se muestra el ttulo de la pgina que vimos ("This week") pero la pgina padre en el rbol de pginas - "Results" tambin se muestra. Esto comunica la lgica del rbol de pginas que la pgina "This week" es una sub-pgina (hija) de la pgina "Results" (padre). La ltima cosa a notar es el men en el marco izquierdo. ste refleja claramente la jerarqua que tambin vimos en el rbol de pginas:

Implementacin tcnica de padres e hijos


Esta seccin es para aquellos que quieren entender los fundamento tcnicos de cmo trabaja la estructura de rbol en la base de datos.

Iniciando - 14

Tcnicamente la relacin entre una pgina y sub-pginas se establece a travs del campo "pid" (id de padre/id de la pgina) en la tabla de pginas de la base de datos - el campo "pid" de "This week" contendr los valores "uid" de la pgina llamada "Results". Al mantener el ratn sobre el icono de la pgina "Results" unos segundos, ver aparecer la siguiente lnea de texto:

Esto le informa que la pgina "Results" tiene el nmero uid "4". Sabemos que la pgina "This week" tiene el uid "13" (y las pginas "Last week" y "Report results" respecivamente los nmeros uids 12 y 11). Si vamos al mdulo "phpMyAdmin" y examinamos la tabla "pages" (que contiene todos los registros de encabezado de pgina) podremos ver la relacin con facilidad:

Claramente las tres sub-pginas relacionadas con "Results" tiene el valor de su campo "pid" con el nmero "4" tal y como lo podramos esperar. Hemos entonces aprendido que Las pginas (y por cierto todos los otros registros!) se identifican de forma inequvoca por su nmero de campo "uid" llamado tambin "id" Las pginas (y todos los otros registros!) apuntan a la pgina padre a travs del valor almacenado en el campo "pid".

Pginas Especiales
Quiz haya notado que algunas pginas del rbol de pginas no se mostraron en el men del sitio Web. Las pginas son estas:

Iniciando - 15

No poner en el men (Not in Menu)


La pgina "Log in" (n 1) no se muestra pues tiene un atributo que especifica "Not in menu" (no poner en el men). Esto es til si desea crear una pgina que no debe aparecer como un elemento del men por una u otra razn. An as, puede acceder a ella creando un vnculo manual o escribiendo su nmero de id directamente en la direccin URL! El atributo "Not in menu" se activa editando el encabezado de la pgina:

Pgina de acceso restringido


La pgina "Team pages" (n 2) no est visible debido a que cuenta con el atributo de acceso restringido. Esto significa que slo se muestra cuando un usuario e la interfaz (frontend) se encuentra registrado. Esto se ve en ms detalle en otra seccin de este tutor. En trminos generales esto consiste en editar el encabezado de la pgina y seleccionar el grupo de usuarios que tienen accedo a ella:

sysFolders - qu significa esto?


Finalmente las dos carpetas llamadas "sysFolders" no se muestran (n 3). Se crea un sysFolder de forma similar a como se crea una pgina "Not in menu" (que no aparezca en el men) sencillamente seleccionando "sysFolder" como el tipo de pgina (vea la imagen anterior). Pero, qu significa esto? Bueno, las pginas predeterminadas creadas en TYPO3 se usan para mostrar un contenido en el sitio Web. Aparecen en el men y tienen un ttulo. 95% de todas las pginas se usan de esta forma. Pero algunas pginas tambin pueden servir como simples contenedores de la informacin de la base de datos que no se deben mostrar en el sitio Web visible. Para esto se usan las pginas del tipo sysFolders! selas al igual que las carpetas de su sistema de archivos en el ordenador que almacenan distintos elementos de una forma organizada! Siguiendo la misma analoga, las pginas sysFolders son "carpetas" que organizan elegantemente los elementos de la base de datos dentro de TYPO3. En este caso especfico, las pgina "Users" del tipo sysFolder contiene a los usuarios del sitio Web que pueden acceder de forma privilegiada (volveremos a este punto ms adelante). Puede ver el contenido de sysFolder usando la seccin "List" (Listar) (esto es "Explorer" dentro de TYPO3...):

Iniciando - 16

Atajos (Shortcuts)
Aparte los distintos tipos de pginas que no se muestran en el men, hay otros dos tipos misteriosos de pginas que muestran un "icono de atajo" (mtodo abreviado):

Un atajo o mtodo abreviado es una caracterstica interesante si cuenta con una pgina (vaca, sin contenido) que debe llevar hacia otra pgina directamente! Esto es muy conveniente si desea que, por ejemplo, aparezca el vnculo dentro del men! En nuestro caso, la pgina "Home" nos lleva a la pgina principal y la de "Results" a la de "This week". Intntelo!

Se crea el atajo editando el tipo de pgina. Para la pgina "Home" esto se ve as:

Iniciando - 17

Se usa el Examinador de Elementos (Element Browser) para seleccionar la pgina a la que se hace referencia. El Examinador de Elementos se usa para crear este tipo de relaciones entre registros y archivos en las formas de edicin de TYPO3. Puede encontrar ms detalles acerca del Examinador de Elementos aqu. Para la pgina "Results" el atajo es un poco ms complejo sencillamente salta a la primera sub-pgina que encuentra! En nuestro caso esta es la pgina "This week":

El modo atajo (Shortcut mode) es una opcin secundaria del campo "Shortcut to page" (atajo a la pgina) Que significa que este campo slo se muestra (en el marco o paleta superior) cuando se hace clic en el icono "More options..." (ms opciones) (vea la imagen superior).

Ayuda accesible!
Bueno y qu otras cosas interesantes hacen los tipos de pgina? Puede averiguarlo directamente si hace clic en el icono "?" que se encuentra a lado del campo:

Iniciando - 18

Se le mostrar la siguiente ventana:

A esto se le conoce como ayuda contextual y la puede encontrar en casi todos los elementos de TYPO3 donde se requiere informacin acerca de su funcionalidad. sela! Es fcil y est a su alcance cuando trabaja dentro del sistema!

Contenido de la pgina
Ahora que ya hemos dado un vistazo rpido al rbol de pginas, visto como su estructura se refleja en la jerarqua del men del sitio Web, cmo se puede visualizar las distintas pginas, etc. la siguiente pregunta que se plantea es cmo se organiza el contenido dentro de una pgina? Veamos una vez ms el contenido de la pgina "This week":

Iniciando - 19

La pgina se forma de tres elementos de contenido de pgina - numerados en la imagen del 1 al 3. Debido a que cada elemento de contenido puede tener un tipo distinto, puede crear pginas con una estructura muy flexible! En este caso, la pgina consiste de un elemento de contenido tipo "Text" (texto) y dos del tipo "Table" (tabla).

Nota al pie: TYPO3 un CMS (sistema gestor de contenido) basado en elementos


Este mtodo de construir pginas es un concepto fundamental en la mayora de los sitios Web construidos con TYPO3. El mtodo de crear pginas con elementos de contenido tambin es usado en otros sistemas CMS (sistema gestor de contenidos) modernos. Esto hace que TYPO3 sea un CMS "basado en elementos". Esto da mucha flexibilidad pero conserva la consistencia en el diseo de las pginas puesto que esto es uno de los objetivos de los sistemas CMS! El mtodo alternativo es uno ms fijo dnde cada pgina tiene un nmero determinado de reas de contenido por ejemplo uno para el ttulo, texto del cuerpo e imgenes. TYPO3 tambin puede hacer esto (cualquier cosa que le guste!) pero probablemente no desee eso al final. Si tiene preguntas tcnicas acerca de tcnicas de creacin de plantilla profesionales, elementos de contenido, etc. por favor consulte las guas didcticas "Modern Template Building" (Creacin de plantillas modernas), Parte 1 y Partes 2 y 3. Por ahora, por favor note que estos documentos estn a un nivel ms alto que este y que debe dar un paso a la vez si es un principiante de TYPO3.

Orden de los elementos de contenido


Bien, volviendo a los elementos de contenido de una pgina Web; deles un vistazo en el backend:

Iniciando - 20

Haga una comparacin de las vistas que se obtienen en el frontend y el backend. Puede ver cmo los elementos del backend son claramente los mismos que los del frontend? Intente reestructurar un elemento del backend subindolo en el orden:

Lo que le dar este orden desde la parte superior:

... el sitio Web ahora se ve as:

Iniciando - 21

Pgina padre de los elementos de contenido


Esto es para aquellas personas que quieren entender el lado tcnico de elementos de contenido y pginas: Recuerda que el registro de la pgina tiene un campo, "pid", que apunta a la pgina padre? Bueno, pues los elementos de contenido de la pgina (registros) y cualquier otro registro de la base de datos configurados a partir del backend de TYPO3 tambin los tienen. Si vemos de nuevo en la seccin phpMyAdmin veremos que los elementos de contenido de la pgina (tabla: "tt_content") con identificadores (uid) 18-20 apuntan a la pgina con uid "13" el identificador uid correspondiente a la pgina "This week":

Esto es lgico!

Iniciando - 22

Editar y crear pginas y contenido


Editar pginas
Sabemos que las pginas almacenan su contenido visible en elementos de contenido de la pgina. Editar la pgina consiste precisamente en modificar esos elementos de contenido! Es realmente sencillo editar el contenido de la pgina en TYPO3. Slo seleccione la seccin Pgina (n 1), haga clic en el ttulo de la pgina que desea editar (n 2) y, dentro de la vista "Columnas" (n 3), haga clic en el icono de edicin (n 4) del elemento de contenido de pgina que desea cambiar:

Esto hace que se muestre la forma de edicin:

En primer lugar, el tipo de campo "Type:" (n 1) le informa el contenido del elemento de contenido de la pgina, en este caso "Text" (texto). Tambin podra ser "Table" (tabla) (como ya vimos anteriormente), "Image" (imagen), "Text w/Image" (texto con imagen) etc. Valo usted mismo! Cada tipo de elemento de contenido tiene su propia forma y campos y al insertar distintos elementos se obtiene una gran diversidad en su sitio Web. El campo "Header" (encabezado) (n 2) contiene el encabezado mientras que el de "Text" (n 3) el contenido del cuerpo. En la pgina Web esto corresponde a:

Iniciando - 23

Intente cambiar el valor del campo de encabezado y luego haga clic en "Save document and view page" (guardar documento y ver la pgina):

Debido a que uso la opcin "Save document and view page" su resultado se le muestra automticamente en la ventana de frontend en unos segundos:

Lo que TYPO3 hizo fue enviar los cambios al servidor Web, actualizar la base de datos con la nueva informacin, limpiar la memoria temporal de pginas visitadas y regenerar la vista el cambio de refleja de inmediato en lnea y aquellos que se encuentren navegando en su sitio Web vern el nuevo encabezado en lugar del anterior! As de fcil y rpido es mantener sus pginas Web con TYPO3!

CONSEJO: Otra forma de activar la edicin de pginas


En lugar de forjarse su camino a partir de la seccin Page, luego el rbol de pginas, etc. tambin existe el elemento "Edit Item" (editar elemento) en el men contextual (clic derecho) que le lleva directamente a la seccin Page:

Iniciando - 24

CONSEJO: Edicin rpida ahrrese un clic de ratn...


Si desea un acceso rpido a los elementos de contenido de pgina, puede cambiar la vista del mdulo Page a "QuickEdit" en lugar de "Columns" (columnas) de esta forma se muestra de inmediato el primer elemento de contenido de una pgina:

Nueva pgina
Crear una pginas nueva es muy fcil. Puesto que las pginas siempre se organizadas en forma jerrquica dentro del rbol de pginas tendr que determinar primero la posicin de la pgina. Claro est que puede cambiar posteriormente su eleccin. Para crear una nueva pgina use el mdulo Page en la vista Columns para iniciar el asistente de New Page (nueva pgina) ste le ayudar a encontrar la posicin correcta dnde insertar la pgina:

Aparecer, a continuacin, un selector de posicionamiento. Al usarlo podr determinar visualmente la posicin correcta para la nueva pgina:

Finalmente aparecer la forma para la nueva pgina donde puede proporcionar su ttulo:

Iniciando - 25

Guarde el documento y cirrelo. Deber actualizarse el rbol de pginas:

Si ahora hace clic en el icono de pgina de la nueva pgina "Topscorer" ver que el men del frontend tambin se actualiz automticamente!

Note que la pgina corresponde al identificador id "27" por lo que la nueva pgina recibi automticamente el nmero de "uid" "27" que se le asign durante su creacin. La pgina an est en blanco - necesitamos crear los elementos de contenido de pgina y su informacin!

Creando elemento de contenido de pgina


En el mdulo Page (pgina), haga clic en el ttulo de la pgina de "Topscorer" dentro del rbol de pginas y luego en el botn "Create page content" (crear contenido de pgina):

Iniciando - 26

Ver de inmediato un bonito formulario (vea imagen inferior). Este le permite seleccionar una tipo de elemento de contenido de pgina como se mencion anteriormente, distintos tipos de elemento de contenido crean diferentes tipos de pgina Web. Creemos el tipo "Text with image below (Texto con la imagen inferior):

Obtiene esta forma de inmediato. Ahora escriba un texto falso y seleccione una imagen de su unidad de disco duro (busque una imagen pequea jpeg):

Haga clic en "Save document" (guardar documento). La imagen se enva al servidor Web y se adjunta al elemento de contenido de la nueva pgina. Si todo va bien, el resultado deber asemejarse a esto:
Iniciando - 27

Que en la pgina Web se ver as:

Insertando otro elemento de contenido


De regreso al mdulo Pgina, el nuevo elemento de contenido se muestra claramente:

Aviso: Falta la miniatura? Si no ve una pequea imagen aqu, probablemente TYPO3 no este configurado correctamente para usar ImageMagick. Quiz este sea el caso si no uso el paquete de instalacin de Windows (vea la seccin de instalacin de esta gua didctica). Por favor refirase a la informacin para instalaciones encontrada en typo3.org y los archivos de lista de correos sobre la instalacin. Puede completar este tutor sin que esta caracterstica funcione.

Haga clic en el botn "New content" (nuevo contenido) para crear otro elemento de contenido con una lista de vietas despus de esta:

Esta vez tendremos que realizar otra seleccin adems de la primera- dnde debe ir el elemento? Antes o despus del elemento de contenido de pgina activo?

Iniciando - 28

Lo insertamos despus del activo. Ahora slo tenemos el contenido de la lista de vietas:

Note que el "Type" (tipo) se preseleccion como "Bullet list" (vietas) esto podra haberse seleccionado manualmente. Puede cambiarlo ms tarde! Si desea, puede solicitar informacin de los distintos tipo de elementos de contenido: Recuerda el pequeo icono "?" ?- la ayuda est siempre a su alcance!

Ahora la pgina contiene dos elementos de contenido, uno del tipo "Text w/Image" y otro "Bullet list" - en ese orden:

En el mdulo Pgina, esto se ve as:

Iniciando - 29

Administracin de elementos de contenido


Acaba de usar el Asistente de Nuevo contenido" para crear el contenido de una nueva pgina. Sin embargo, los asistentes de TYPO3 slo hacen que una tarea comn se realice de forma rpida y simple llevndolo directamente a las opciones importantes. Pero en realidad puede seleccionar, poner a punto y controlar a mano todas las caractersticas. Comprender esto conforme avance en su trabaja con TYPO3. Tome su tiempo para explorar los botones y opciones. Hay muchas posibilidades y slo puede conseguir conocerlas si se toma el tiempo para jugar con ellas! He aqu algunos ejemplos de caractersticas de la interfaz que puede probar:

La creacin de una nueva elemento de contenido de la pgina despus del primero pueden hacerse con el botn n 1. El elemento predefinido es de tipo "Texto" - cmbielo al adecuado. El botn "Move record down (mover registro hacia abajo, n 2) puede usarse para cambiar el orden entre muchos elementos de contenido dentro de la misma pgina/columna. Igualmente, puede usar los botones Copy, Cut y Paste after (Copiar, Cortar y Pegar Despus de) del men contextual (n 8) tambin le permiten mover elementos a otras pginas! El botn "Hide/Unhide" (Ocultar/Mostrar, n 3) es una manera rpida de cambiar si el elemento se muestra o no (modificando su atributo Hide). El cubo de basura (n 4) le permite eliminar el elemento totalmente (aunque puede restaurarse si lo hace por accidente). El botn Edt in Rich Text Editor (Modificar en un editor de texto, n 5) es interesante si necesita editar slo el rea de texto del elemento de contenido. Esto le mostrar una ventana "completa" para revisar el texto - interesante si hay mucho que modificar! Haciendo clic en el icono en los elementos de contenido de la pgina har que aparezca un men contextual para el elemento. Finalmente, puede no slo modificar un elemento de contenido de una pgina sino dos (o ms) haciendo clic en el icono de edicin de columna (n 7).

Mover pginas
Mover una pgina es muy fcil usando el Asistente disponible en el mdulo Pgina. Digamos que queremos mover la pgina "Topscorer" de su posicin actual despus de "Sitemap" en la seccin de la "Home":

Ver una rama en el rbol de pginas y al hacer clic en la pgina superior se avanza un nivel:

Iniciando - 30

Al hacer un slo clic, de una forma lgica, hemos movido la pgina a su nueva posicin:

El rbol de pginas se actualiza de inmediato:

Usando la caracterstica de Cortar y Pegar para mover una pgina


El asistente "Move page" (mover pgina) es la herramienta ms intuitiva para los principiantes. Sin embargo, cuando se desea un panorama ms amplio de la forma de mover elementos incluyendo pginas en TYPO3 deber usar el portapapeles interno. Trabaja de forma similar al de Windows: Realiza un clic derecho en un documento, selecciona "Cut" (cortar), a continuacin hace un clic derecho en la carpeta donde desea insertarla y selecciona "Paste" (pegar). El mismo principio existe en TYPO3. Usemos esta tcnica para mover de nuevo la pgina: "Corte" la pgina:

y luego "Paste after" (pegar despus de) la pgina "Report results":

Iniciando - 31

Haga clic sobre "OK" (Aceptar):

Eso es todo! La pgina est de nuevo en su posicin inicial:

Antecedentes: Cuidado conceptos consistentes a bordo!


Note que el mismo principio de copiar/cortar/pegar puede usarse, adems de para pginas, a los elementos de contenido de las mismas - bueno, de hecho, cualquier elemento de la base de datos o archivo que TYPO3 gestiona se ajusta a esta funcionalidad! Esto es un buen ejemplo de la forma en que TYPO3 usa el mismo concepto de consistencia a travs de todo el sistema por lo que una vez que se aprende un concepto, muchas de las otras caractersticas cobran sentido. Si abre sus sentidos a este punto tendr muchas experiencias del tipo "Aj!" cuando vea cmo estos detalles fueron diseados para ajustarse unos a otros.

Parmetros de Visibilidad ocultando pginas, aparicin cronometrada, etc.


Una caracterstica que encontrar en mucho elementos - en particular en pginas y sus elementos de contenido son los campos de control de publicacin o configuracin de visibilidad. Son similares a esto para las pginas:

y para los elementos de contenido se encuentran en la parte inferior de la forma:

Iniciando - 32

Ocultando una pgina


Intente activar la bandera "Hide page" (ocultar pgina):

El icono de la pgina cambia de color a una escala de grises y tiene ahora una pequea aspa roja sobre ella -Se encuentra ahora oculta!

Esto significa que no podr ver la pgina en la interfaz del usuario (frontend):

(Es muy importante que seleccione "Show" para la pgina "Last week"!) Ahora vea el resultado... no hay pgina "This week!

Sin embargo, si intenta ir directamente a la pgina "This week" de todas formas la ver:

... esto se debe a que cuando se encuentra en el modo administrador (backend) puede obtener una vista previa (preview) de las pginas ocultas tal y como lo indica el recuadro en la parte inferior de la pgina:

Iniciando - 33

Pero! - esto slo es para los administradores. Nadie ms podr visualizar la pgina antes de que usted cambie sus atributos nuevamente!

Pginas cronometradas y elementos de contenido


Probablemente el ajuste de visibilidad ms tpico es ocultar pginas y elementos de contenido. Es tan comn que tiene su propio elemento en los mens de contexto:

Pero tambin puede determinar cundo una pgina debe mostrarse en lnea esto es: en qu fecha! Por ejemplo, escriba "d+10" en el campo "Start time" (hora de inicio):

Automticamente la fecha cambia a la fecha actual ms 10 das! Si guarda la pgina y mantiene el ratn sobre el icono tambin podr ver este ajuste reflejado:

Y adivine qu! - esta pgina no es visible pero lo ser automticamente el 11 de abril de 2003, 10 das despus! Es as de fcil controlar la publicacin de informacin basada en tiempos de inicio. El mismo principio funciona, claro est, para el campo "Stop" (Detener) as como para los elementos de contenido de pgina, elementos de noticias, elementos de libro de invitados - nmbrelo. Mismo principio - muchos lugares - fcil de entender.

Edicin de texto enriquecido: Negritas, Cursivas, Listas de vietas, Insertar imgenes


Cuando est trabajando con el texto de sus pginas puede las mismas opciones a las que est acostumbrado a usar en su procesador de texto. Si est usando TYPO3 con Microsoft Internet Explorer tendr acceso a un Editor (RTE) para el campo del texto del cuerpo de su pgina. El Texto Enriquecido significa que puede aplicar formato al texto adems de simplemente escribirlo. Intente editar el campo de texto del cuerpo en la nueva pgina "Topscorer":
Iniciando - 34

Seleccione el texto "my first" y haga clic en "B" (Bold: Negritas) para convertirlo en negritas:

Al usar los botones "B", "I", "U" y "Centrado" (center justify) puede lograr este aspecto en su prrafo fcilmente:

Haga clic en el botn "Save document and view page" (guardar documento y ver pgina). Ver la siguiente imagen en el frontend:

Creando una lista de vietas


Puede crear una lista de vietas fcilmente. Simplemente haga clic en el icono "Bulleted list" (lista de vietas) y escriba unas cuantas lneas:

Guarde y visualice el frontend le mostrar:

Iniciando - 35

Consideraciones acerca del "contenido enriquecido"


Como podr ver - esto le da dos opciones: a) Crear una lista de vietas en lnea" en los campos de texto de cuerpo o b) los crear como elementos de contenido separados? Puede mezclar los dos mtodos. Personalmente yo encuentro ms conveniente crear simplemente listas de vietas dentro del texto del cuerpo usando RTE - pero si alguien con Microsoft Internet Explorer va a editar la lista generalmente esto es muy difcil! Y puede tener razones polticas para no insertar listas de vietas directamente en el texto del cuerpo (guardando el texto del cuerpo "limpio").

El RTE en ms detalle
El editor de texto enriquecido Rich Text Editor puede ser de fcil uso, pero tambin tiene una serie de retos tcnicos cuando se investigan los detalles. Existe una documentacin extensiva del tema aqu. Lea ms informacin a fondo acerca de RTE y cmo configurarlo aqu.

Realizar vnculos
Los hipervnculos son el pegamento de Internet por decirlo de alguna forma. En TYPO3 ya cuenta con vnculos creados automticamente para usted puesto que el hecho de crear pginas en la estructura jerrquica del rbol de pginas ha generado automticamente el men en el marco izquierdo. Pero quiz desee unir un fragmento de texto a otra pgina informativa, un archivo, otro sitio Web o una direccin de correo electrnica, correcto? Esto es muy fcil si usted usa al editor de texto enriquecido: Simplemente marque el texto y haga clic en el icono "Insert link" (insertar vnculo):

Luego haga clic en la pgina de visitantes (guest book):

... y el texto queda vinculado:

En el frontend esto producir un vnculo, tal y como lo espera. Haga clic sobre l y llegar directamente al libro de visitas!

Iniciando - 36

Tras bambalinas
Ya le informramos antes que podra ser un problema usar el editor de texto enriquecido si desea editar el texto llano posteriormente. Puede simular esto al editar todo el elemento de contenido y seleccionando la opcin "Disable Rich Text Editor"(Desactivar editor de texto enriquecido) localizada en la parte inferior de la forma (antes de editarla):

El campo "Text" (texto) se ver ahora como un campo ordinario de la forma:

En primer lugar puede ver que el vnculo a la pgina de "Guestbook" fue creado por una etiqueta especfica de TYPO3, <link>, combinada con el id de la pgina. Esto facilita la labor de aquellas personas sin RTE que desean modificar los vnculos! Suficientemente sencillo como para escribir a mano. (Nota:: El marcador interno "<link>" se convierte al equivalente HTML "<a> " cuando se genera la pgina). Aparte de eso tambin puede ver que la lista de vietas se convirti a una serie de lneas encapsulada en etiquetas <typolist> - tambin propias a TYPO3. stas tambin se convierten a una lista de vietas usando la plantilla cuando se genera la pgina posteriormente. La primera lnea contiene el cdigo HTML estndar para los atributos de negrita, cursiva y subrayado as como la alineacin al centro de todo el prrafo.

Otros tipos de vnculos?


Puede crear vnculos a ficheros locales o pginas Web externas an a elementos de contenido especficos dentro de una pgina (vea la pgina "Last week" para un ejemplo en el que podr descubrir la tcnica usted mismo!). Finalmente, se pueden crear vnculos a direcciones de correo electrnico. Muy sencillo. Ahora que hemos deshabilitado el editor de texto enriquecido, por qu no usar el icono del Asistente para desplegar un editor de pantalla completa?:

Ahora escriba un nuevo elemento de la lista de vietas, marqelo y haga clic en "Insert link (Insertar vnculo). A continuacin seleccione Email (Correo electrnico) en el men de tipos de vnculos y escriba su direccin de correo electrnico:

Iniciando - 37

El resultado debe ser el esperado despus de guardar el documento:

- un vnculo que abre el cliente de correo electrnico del usuario y lo prepara para enviar un nuevo mensaje:

Tipos de elementos de contenido


Como usted ya lo sabe, hay varios elemento de contenido de pgina disponibles y al combinarlos tiene la llave para crear pginas Web diversificadas en la que cada una es distinta.

Como una regla general mientras ms abajo se encuentra el elemento dentro del men, mucho ms avanzado y raro es su uso. El de uso ms comn es Text o Text w/Image (texto o texto con imagen).

Asistentes
Note que algunos elementos estn asociados a un asistente. Por ejemplo, intente editar una de los listas de resultados de la pgina "This week":

El campo "Text", que normalmente slo contiene texto puro ahora tiene el contenido de la tabla organizado de una forma aparentemente sistemtica:

Iniciando - 38

La tabla se construye al interpretar cada lnea en el campo "Text" como un rengln de la tabla. Una vez realizado esto, la lnea vertical ( |) se usa para separar cada una de las columnas. Esta es la forma a bajo nivel que funciona y puede mantenerse a mano. Sin embargo, el "Table Wizard (Asistente de Tablas) es la herramienta adecuada para la mayora de las personas (ve la imagen superior en la parte derecha). Al hacer clic sobre este icono, aparecer una forma con los campos designados as como los botones adecuados para agregar, borrar y mover los elementos. Por ejemplo, agregar un nuevo rengln es muy fcil:

Y luego se procede a aadir el contenido al nuevo rengln:

Una vez guardado el contenido dentro del asistente y de regreso al campo de texto, el contenido verdadero se ve as:

Al desplegar la pgina en la interfaz de usuario (frontend) se obtiene esto:

Si se est preguntando cmo se cambio el color del fondo - siga leyendo!

Iniciando - 39

Opciones secundarias - "Paletas"


TYPO3 ha considerado, desde su creacin, el concepto de campos de forma primarios y secundarios. Las formas de edicin en TYPO3 contienen muchos campos y puede extenderse an ms. Pero al mostrar muchos campos al mismo tiempo, su apreciacin global se vuelve difcil para el usuario medio. Particularmente si es usted un principiante y ya muchas nuevas cosas a considerar y memorizar. El concepto de campos primarios y secundarios significa que normalmente usted slo ve los ms importantes y tpicamente utilizados campos de la forma (primarios). Las opciones ms detalladas estn ocultas en los campos secundarios que se muestran slo bajo demanda. Considere esta forma:

Tres campos mostrados - fcil apreciacin global. Pero si hace clic en uno de los botones al lado de los campos, encontrar opciones secundarias en la paleta (marco superior):

Esto es muy inteligente - tenemos muchas opciones, muchos detalles pero no se muestran hasta que los necesitemos para evitar confusiones. El lado negativo es cuando necesita uno de estas opciones secundarias y no se acuerda detrs de qu icono" (o si usa mucho el campo) - puede entonces ser confusa su localizacin! Por consiguiente, puede activar la opcin Show secondary options (Mostrar opciones secundarias) localizada en la parte inferior de todas las formas de edicin:

El resultado es un forma muy grande y posiblemente confusa. Pero con todas las opciones disponible:

Iniciando - 40

Note como cada rengln de opciones corresponden exactamente al contenido de la paleta en el marco superior como si hiciese clic en el icono "More options" (ms opciones).

Cmo cambiamos el color de fondo de la tabla? En las opciones secundarias del selector "Layout" (distribucin):

(La etiqueta "Color 2" se refiere al color del mismo nombre configurado en la plantilla del sitio Web.)

Edicin en el Frontend
La nota final acerca de la edicin de pginas es aquella contenida dentro del propio frontend. Hay muchas formas de hacer la misma tarea, pero con el tiempo apreciar esta caracterstica de TYPO3 pues le corresponder a usted determinar la mejor forma de realizar una tarea invirtiendo el menor tiempo posible. La edicin en el frontend no es slo un nuevo botn- probablemente sea una revolucin en la forma en la que los contribuidores de contenido trabajen en el sistema. Probablemente ya ha notado los pequeos iconos de edicin que aparecen en la pgina Web:

Iniciando - 41

Intente hacer clic en uno de ellos:

Instantneamente se le muestra una forma en la que puede editar el campo del encabezado y su informacin relacionada de inmediato!

Intente cambiar el texto del encabezado y luego haga clic en "Save document and close" (Guardar documento y cerrar) se le muestra de nuevo la pgina Web y notar de inmediato los cambios realizados:

De esto se trata la edicin frontend - una forma muy intuitiva, fantstica para corregir pequeos errores, realizar ajustes, excelente para aquellos contribuidores de su equipo que no tienen las habilidades necesarias, etc. Es un mtodo de edicin sensible al contexto poder puro a su alcance.

Pueden todos editar mis pginas?


No, claro que no slo si se registran en la interfaz de administracin backend. De otra forma los iconos estn ocultos y si se hace clic en uno de ellos la peticin se rechaza. Intntelo usted mismo entre en el backend:

Si an ve la pgina de frontend con iconos intente hacer clic en uno de ellos ver esta pantalla en lugar del la forma de edicin:

Iniciando - 42

... y luego, al actualizar la pgina Web, los iconos desaparecern:

Ahora, vaya a la pgina http://localhost/quickstart/typo3/ (usuario = "admin", contrasea = "password")

Ms informacin
La caracterstica de edicin del frontend se describe con ms detalle en esta pgina edicin en el Frontend.

Iniciando - 43

Pginas protegidas con contrasea


Ahora ya sabe cmo crear y editar pginas! No fue tan difcil verdad? Es muy fcil convertirse en un administrador Web usando TYPO3. Ms tarde aprender a delegar el trabajo! Lo interesante de un sistema CMS es que puede tener a varias personas que administran y llenan el contenido del mismo sitio Web! Manteniendo el control total sobre los derechos de acceso, etc. Dejamos esta descripcin para el final de este documento. Una parte del trabajo consiste en realizar pginas Web que todo el mundo pueda ver. Pero, qu pasa si desea que slo una parte tenga acceso? - en este caso slo nuestros compaeros del equipo de ftbol. Podemos agregar una proteccin por contrasea? Esto ya fue realizado en el Sitio Web "FC Bigfeet":

Estas pginas dentro del rbol de pginas slo son accesibles a partir del frontend slo si cuenta con el nombre de usuario y contrasea correcta!

Iniciando una sesin


Si desea iniciar su sesin como un nuevo usuario, proceda a la pgina "Log in":

Escriba el nombre de usuario "john" y la contrasea football" (la contrasea y el nombre son los mismos para TODOS los usuarios para su conveniencia, puede cambiar esto ms adelante). Asegrese de respetar las maysuculas y minsculas al escribir el nombre y la contrasea: "John" no trabajar - use "john"...

Haga clic en el botn "Login" (iniciar sesin) ver de inmediato las pginas reservadas "Team pages" (a menos de que haya hecho algo mal...)

Iniciando - 44

Note tambin que las pginas que anteriormente se encontraban ocultas estn ahora visibles:

Crear usuarios/grupos
Antes de que pueda crear un acceso a las pginas restringidas, deber contar con por lo menos un usuario o grupo. Estos pueden crearse durante, despus y antes de la creacin de su sitio Web. El orden no es importante.

Usuarios del Frontend y del Backend


Un momento! Cuantos tipos de usuarios existen? Bueno, slo hay dos tipos. Recuerde que hay dos reas principales en TYPO3 el frontend (interfaz de usuario del sitio Web) y el backend (administracin). Un usuario del frontend (iconos naranjas) puede iniciar una sesin en el sitio Web pero no puede cambiar el contenido (puesto que no tienen nada que ver con el backend!). Sin embargo, existen puesto que nos permite restringir el acceso a la informacin del sitio Web! Los usuario del frontend (tambin llamados usuarios del sitio Web) se crean dentro del sistema en el que los requerimos. En nuestro caso creamos una carpeta del sistema llamada "Users" (usuarios) que contendr tanto a los usuarios como a los grupos. El nico requisito que tiene que cumplir este lugar de almacenamiento para los usuarios del frontend es que tenemos que informar a la plantilla que es aqu donde tiene que buscar a los usuarios cuando se transmite una peticin de iniciar sesin vea ms informacin acerca del tema en la seccin de Plantillas.

Iniciando - 45

Si quiere crear aplicaciones Web usando perfiles de usuario en TYPO3 probablemente usar los usuarios del frontend como base para una extensin que pueda agregar campos adicionales a la tabla de usuarios de la base de datos puede as almacenar y gestionar informacin personalizada sobre los usuarios de su sitio Web! Un usuario de backend (icono azul) trabaja en el backend y se encarga de cambiar la informacin entre bastidores. Debido a que los usuarios del backend realizan la administracin de un sitio Web, no tienen nada que ver con las restricciones de acceso del propio sitio Web (qu slo es parcialmente cierto, puesto que los usuarios del backend tambin pueden tener una vista previa de las pginas ocultas del frontend). Los usuarios del Backend slo pueden crearse en un lugar - en la raz de rbol de pginas (pid = 0) - y slo por aquellos usuarios del backend que son "admin" (administradores) (tiene la bandera admin activa indicada por el icono color rojo!) puesto que son ellos los nicos usuarios con acceso a los archivos de la raz del rbol de pginas:

Los tres usuarios azules del backend (n 1) estn configurados para que pueden dar mantenimiento slo a una parte del sitio Web encontrar ms informacin en la seccin seccin de usuarios posteriormente. . Los grupos de usuarios del backend (n 2) tambin seran azules si la bandera "Access list" (lista de acceso) no se hubiese activado - perdneme por ello... Finalmente el usuario "admin" (n 3) con el que estamos trabajando - es rojo porque tiene acceso total y sin restricciones a cualquier parte del sistema!

Editando un usuario o un grupo


Como puede ver, ya tenemos un sysFolder (carpeta de sistema) con un grupo de usuarios y dos usuarios. El grupo de usuarios "Team" slo contiene el ttulo. No hay configuracin ni parmetros. Los usuarios "john" e "irene" se configuraron bsicamente de la misma forma - slo un nombre de usuario, contrasea y membresa a un grupo:

(Ah, es cierto! No ha usado an el mdulo de Lista entonces, qu tan difcil es esto? Slo haga clic en el icono a lado del nombre de John y aparecer un men emergente. Ya le habamos advertido - observe los patrones para la aplicacin de conceptos consistentes!) He aqu el perfil de John:

Iniciando - 46

Creando un usuario
Intentemos crear un usuario. Puesto que los elementos del frontend (tales como pginas, elementos de contenido de pginas, artculos de noticias, etc.) son slo elementos de una base de datos dentro de TYPO3, el mismo proceso puede usarse para la creacin de usuarios de la interfaz. Por lo tanto est seccin es tambin otra introduccin general a la creacin de nuevos elementos! Listo? Es sencillo. Primero, haga clic en el icono de la pgina donde desea crear un nuevo elemento:

Ahora seleccione el elemento "sitio Web user" (usuario del sitio Web):

... y proporcione la informacin. En este caso se requieren los campos de nombre de usuario, contrasea y grupo:

Guarde el usuario. Si hace clic en el nombre "Users" de sysFolder ver este listado (claro est, suponiendo que el mdulo "List" fue el ltimo que us en el backend):

Iniciando - 47

Vaya ahora a la forma de inicio de sesin y vea si funciona:

Crear la forma de inicio de sesin (login)


Ya tenemos una forma de inicio de sesin. Pero qu sucede si deseamos otra en la pgina de inicio? Es esto un problema? No, debido a que TYPO3 construye el contenido de las pginas como una serie de elementos de contenido y, como ya sabe, puede insertar un recuadro de inicio de sesin como un elemento de contenido ms dentro de la pgina de inicio! La pregunta principal es saber su posicin dentro de los otros elementos. Creemos ahora una forma usando los comandos: Page module -> clic en "FC Bigfeet" -> "New content"

"Login form":

Seleccione su posicin:

Renmbrela y gurdela:

Iniciando - 48

Si proporcion una referencia de pgina en el recuadro "Send to page" (enviar a pgina), se enva el usuario a esa pgina. Esto se usa con para dirigir directamente al usuario a la seccin de acceso restringido. En este caso dejaremos vaca la casilla para que el usuario se encuentre al final en la misma pgina la pgina principal. En la interfaz de usuario ver esto:

Como puede ver ya iniciamos una sesin como "newuser". Puede intentar cerrar la sesin y volver a abrirla. Al final tendra que ver el funcionamiento.

Crear pginas restringidas


Ahora tiene los siguientes elementos: Usuarios y sus grupos Una forma de inicio de sesin (por favor lea sobre las constantes en la seccin Plantillas para saber informacin importante acerca de configurar el almacenamiento del identificador de pgina para la forma de inicio de seccin) Ahora requiere... restringir ciertos accesos!

Restrinjamos toda la seccin llamada "Youth Section":

Seleccione el acceso de forma que slo se permita a aquellos que son miembros del grupo "Team":

Iniciando - 49

Ahora gurdela. El icono de la pgina cambia. Coloque el ratn sobre el icono:

Vea! El acceso se restringe al grupo "Team". Intente cerrar la sesin y volver a iniciarla. Trabaja?

Uy!
Intente cerrar la sesin y ver una de las pginas de la seccin "Youth Section". Ver que puede visualizar estas pginas! Entonces slo se protegi la pgina principal de la seccin "Youth Section"? S, es cierto se requiere incluir la bandera adicional - "Include subpages" (incluir sub-pginas). Edite el encabezado de la pgina y active la bandera (localizada en la parte inferior de la forma):

El icono de la pgina cambia a una flecha doble hacia adelante - esto le indica que todos las sub-pginas tambin estn protegidas!

CONSEJO: "Include subpages" (incluir sub-pginas) no slo afecta la configuracin de acceso sino si una pgina se oculta o si tiene la hora de inicio o fin activada. Por lo tanto, puede ocultar o programar el despliegue de toda una seccin al usar este parmetro!

Las opciones de acceso


De forma bsica, la restriccin de acceso trabaja de la siguiente forma: Se selecciona un grupo de usuarios de un sitio Web, eso es todo. De ese punto en adelante slo debe definir los usuarios que son miembros de un grupo. Grupos... Ah!, es cierto, slo tenemos un grupo por el momento: El grupo "Team". Si agrega ms grupos podr crear distintas reglas de acceso para distintos usurarios! Por ejemplo "john" puede ser un miembro de "Team" y tener acceso a la seccin "Team". "irene" puede ser un miembro de un nuevo grupo usado para acceder de forma restringida a la seccin "Youth section" y automticamente el usuario obtendr el acceso requerido! El usuario "newuser" (que creamos anteriormente) podra ser miembro de ambos grupos - por lo que tendra acceso a las dos secciones! Por que no lo intenta! Juegue un momento con las opciones. Finalmente la opcin "Hide at login" (ocultar al iniciar sesin) significa que la pgina no ser visible cuando el usuario inicia su sesin! Esto es til cuando se cuenta con pginas con informacin que slo conciernen a los usuarios que an no inician una sesin. Claro est que la opcin "Show at any login" (mostrar en cualquier inicio de sesin) es el opuesto- esto es, habilita la pgina para el usuario que ha iniciado la sesin. No se requiere ser miembro de un grupo en particular si ya inici la sesin, ver la pgina.

Iniciando - 50

Elementos de contenido especiales


Ya conoce los elementos de contenido de pginas en general. As que ya sabe cmo trabajan. En esta seccin nos gustara mostrarle simplemente unos cuantos ejemplos de elementos de contenido especiales que no obstante son bastante populares. Por ejemplo cmo puede hacer una forma de correo electrnico? O un campo de bsqueda para buscar dentro del contenido de su sitio? Qu tal un libro de registro de invitados? Pues bien, simplemente siga leyendo y ver el uso de todos estos elementos.

Formulario de correo electrnico


Ya tenemos un campo definido para el correo electrnico en nuestro sitio Web. Si navega hasta la pgina "Contact" lo ver:

El elemento de contenido que crea el formulario dentro del backend se ve as en el mdulo Page (pgina):

A propsito, note que la pgina "Thank you" es una subalterna de "Contact"! Ahora, edite el elemento. Esto es lo que ve:

Iniciando - 51

El contenido es aparentemente ms del "estilo cdigo" que al usar el elemento de contenido "Table" (tabla)! Pero, como de costumbre, haga clic en el botn del icono del Asistente y podr editar el contenido con una herramienta que hace todo mucho ms fcil!:

Como puede ver, los cdigos se han transformado en un bonito formulario. Cada campo dentro del formulario se cre con controles visuales. Para un campo se debe determinar un nombre (n 1), claro est, y un tipo de campo (n 2). Estas son las partes visibles. Tambin se debe dar al campo un nombre interno (n 3) que es el que se mostrar en el correo electrnico que el destinatario recibe. En el caso de los tipos "Input field" (campo de entrada), tambin puede especificar un valor predefinido (n 4). Para los campos de correo electrnico existen tres valores comunes a definir: El nombre del botn de envo (n 5), la lnea del asunto (n 6) y, finalmente, la direccin de correo electrnico del destinatario (n 7). Esta persona es normalmente usted! O cualquier otra persona de su equipo que deba recibir este tipo de correos.

Agregando un campo de seleccin


Ahora intentemos agregar una lista de seleccin donde se pueda seleccionar un elemento. En "FC Bigfeet" tenemos los artculos calendarios, revista del club y lpiz que podemos enviar por correo. Sencillamente seleccione el tipo "Selector box" (caja de lista):

A continuacin haga clic en el botn "Refresh without saving" (actualizar sin guardar) que no almacena el contenido, slo actualiza el formulario!

Posteriormente rellene esta informacin:

Iniciando - 52

El contenido del campo es obvio (n 1). El campo llamado "item_to_send" (artculo a enviar, n 2) no est visible en la pgina Web, pero, como ya se explic antes, es el nombre que el destinatario ver para identificar esta seleccin. Finalmente, cada valor que desee dentro de la lista de seleccin es una lnea dentro de este campo de texto (n 3) as de simple. Guarde el contenido del asistente y despliegue la pgina:

As de fcil!

Notas Adicionales
Ahora, dentro del backend, la nueva lista se agreg dentro de las lneas de cdigo del campo "Configuration" (configuracin). Si quieres saber cmo se realiza, hecho un vistazo a la lnea y podr darse cuenta de la sintaxis pudiendo crear los campos del formulario sin necesidad de utilizar el asistente:

Si pierde la paciencia, siempre puede buscar ayuda en el documento TSref donde existe una seccin que describe los detalles. Pero, le advertimos, puede no estar acostumbrado al nivel tcnico detallado que se emplea! Otro detalle importante a notar es el campo "Jump to page" (ir a la pgina) que informa a TYPO3 la pgina que debe desplegar cuando se enva el formulario.

En otras palabras, cuando el usuario rellena el formulario y hace clic sobre el botn "Send form!" (enviar formulario!), se le mostrar esta pgina que contiene... un elemento de contenido de pgina ordinario con esta informacin:

Iniciando - 53

Muy sencillo- verdad? Muy flexible.

Encontrando errores
Si usa un servidor Windows siempre existe la posibilidad de que la funcin enviar correo no trabaje adecuadamente. Si enva el formulario y obtiene un mensaje de error de PHP, probablemente no cuente con el servidor SMTP o cualquier otro requerido por PHP para enviar correos. En los sistemas UNIX normalmente esto funciona sin ninguna otra configuracin.

Campo de bsqueda
El siguiente proyecto consiste en realizar un campo de bsqueda. Esto es an mucho ms sencillo y ya hemos creado uno para usted dentro de la pgina Search (bsqueda):

El evento es si mismo es extremadamente simple:

Bsicamente consiste en un elemento de contenido cuyo tipo es Search (Bsqueda) -eso es todo. En este caso tambin existe un campo "Send to page" (Enviar a pgina) que no se utiliza. El campo realiza la misma funcin que "Jump to page" (Ir a la pgina) dentro de un formulario de correo electrnico. Esto es, informa al elemento la pgina que muestra la informacin de la peticin de bsqueda (que contiene otro elemento de contenido Search para mostrar los resultados). Si no se le informa la pgina que debe mostrar al finalizar la bsqueda, se mostrar la pgina activa. Esto es el comportamiento normal de un campo de bsqueda.

Realizando una bsqueda


Si se realiza una bsqueda de la palabra results (resultados) se le mostrarn dos pginas:

Iniciando - 54

Intente hacer clic en el ttulo "Report results" (mostrar resultados):

Se desplegar la pgina de resultados con las palabras que busca resaltadas en rojo. Verdaderamente bonito, verdad?

Bsqueda con ndices?


El elemento de bsqueda predefinido que utiliz busca directamente dentro de la pgina y dentro de los registros de elementos de contenido de pgina. Esto es suficientemente eficiente para sitios Web pequeos Puede obtener tambin una bsqueda ms profesional basada en ndices, si as lo desea. De hecho puede obtener cualquier funcin para la cual se haya escrito una extensin (hablaremos ms tarde de ello). Por ahora puede intentar http://typo3.org como ejemplo de mquina de bsqueda con ndices de ofrece TYPO3:

El conjunto de resultados desplegar algo similar a esto:

Iniciando - 55

Note que el resultado se organiza en secciones y se ordena de acuerdo al porcentaje de importancia. La extensin que realiza esto se llama "indexed_search" y puede encontrar su manual de uso y ms informacin aqu.

Libro de visitas
Un libro de visitas es una adicin fcil de realizar. Normalmente los elementos tales como libros de visitas, foros de mensajes, foros de noticias, etc. se realizan a travs de extensiones - y las extensiones requieren instalarse primero. Algunas de ellas requieren importarse de un repositorio en lnea, TER (TYPO3 Extension Repository) si an no estn disponibles en nuestro servidor. Para instalar una extensin, tal como un libro de visitas, sencillamente se accede al Administrador de Extensiones, Extension Manager (EM), y se hace clic en el icono instalar extensin:

Dentro de la vista "Loaded extensions" (extensiones cargadas), podr ver todas aquellas disponibles:

Insertando el libro de visitas en una pgina


Tal y como se realiz con el formulario de correo electrnico y el campo de bsqueda, un libro de visitas - y normalmente cualquier otra aplicacin Web (llamada mdulo o plugin dentro de la terminologa de TYPO3) se inserta a travs de un elemento de contenido de pgina que acta como un marcador para la funcionalidad deseada:

Iniciando - 56

El tipo "Insert plugin" es el selector principal, mientras que el secundario Plugin se usa para determinar el tipo de mdulo. Esta opcin muestra algunas de las extensiones instaladas:

Ya contamos con un libro de visitas general - creemos ahora uno para la seccin "Team pages" (pginas del equipo) que requiere que el usuario se identifique con su nombre y contrasea: Vaya al mdulo Page (Pginas), haga clic sobre el ttulo de la pgina "Team pages" dentro del rbol de pginas y seleccione el Asistente de nueva pgina "New page" (vea las secciones anteriores para ms informacin):

Escriba el ttulo de la pgina:

Guarde y cierre la pgina. Ahora cree el contenido:

Seleccione el mdulo "Guestbook" (libro de visitas):

Iniciando - 57

Y ahora adivine qu tan fcil es insertar noticias y foros de mensajera... :-)

Guarde el formulario obtenido:

Note el contenido del campo "CODE" (cdigo). Ver que contiene algunos de los cdigos de texto que hacen que el libro de visitas aparezca. Una buena razn para utilizar el asistente de nuevo contenido ("New content") para insertar elementos! El asistente tiene los valores predefinidos. Claro est que puede escribir el ttulo y otros elementos de contenido de la pgina - pero el objetivo principal de este ejercicio es insertar el elemento libro de visitas:

Y - voila! - aparece el libro de visitas! (vera datos de prueba en esta imagen...)


Iniciando - 58

Dnde se almacena el contenido del libro de visitas?


Si quiere administrar su libro de visitas - por ejemplo para eliminar registros falsos, tal como el del ejemplo anterior sencillamente dirjase al mdulo Page (pgina) para la pgina correspondiente y ver todos los elementos de libro de visitas adems de los elementos de contenido de pgina normales:

Se est preguntando cmo editar los datos? Slo haga clic en el icono del libro de visitas (recuerde, tome en cuenta los conceptos de consistencia!):

Lo mismo se aplica a un foro de mensajes. Pero no todos los mdulos listan sus elementos dentro del mdulo Page (pgina), por lo que generalmente debemos de utilizar el de List (lista) para administrar los elementos si deseamos un mtodo consistente:

Esto nos lleva al punto principal - los registros de un libro de visitas tambin forman elementos de la base de datos de TYPO3 al igual que las pginas, los elementos de contenido de pginas, usuarios, etc.. Podemos editarlos, ocultarlos, borrarlos y copiarlos o pegarlos utilizando el conjunto de herramientas del sistema ya conocidos -el concepto de consistencia muy pronto se enamorar de l!

Iniciando - 59

Mapa del sitio


No invertiremos mucho tiempo explicando la forma de insertar un mapa de sitio - ya conoce el principio. Un elemento de contenido de un cierto tipo con ciertos parmetros adicionles:

Note el campo "Starting point" (punto de inici) - que determina el lugar a partir del cual comienza el mapa. De forma similar, los otros parmetros del "Menu type" (tipo de men) utilizan este valor. En lugar de insertar un mapa de sitio, tambin se pueden usar otros tipos de listas de vnculos basados el la estructura de la pgina y los elementos de contenido de las pginas:

Le invitamos a que juegue con todas las alternativas. Recuerde - cuando requiera ayuda la encontrar siempre al alcance:

Iniciando - 60

Mdulo de Noticias
El mdulo de noticias usado en el sitio Web es el de la extensin "mininews". Asegrese de que est instalado (Extension Manager, Administrador de Extensiones):

Puesto que ya se encuentra instalado, podemos proceder ahora a investigar cmo se utiliza el mdulo. A diferencia importante del libro de visitas, el mdulo mininews se inserta tanto en la pgina principal como en la de noticias. La primera pgina muestra solamente las tres primeras lneas de la noticias:

Ya al hacer clic sobre el vnculo "[more...]" (ms...), se muestra al usuario la pgina de noticias con todo el contenido:

Los elementos de contenido en el backend


En la parte inferior de la pgina principal encontrar este elemento de contenido si procede al mdulo Page (Pgina):

El contenido es:

Iniciando - 61

Primero que nada, note que el "Listing mode" (modo listado) - una lista de seleccin especficamente prevista para el elemento del mdulo tiene seleccionado "Frontpage teaser" (invitacin en la primera pgina) de forma tal que slo se inserta la invitacin y no el archivo. Como segundo punto, el campo "Starting point" (punto de inicio) se utiliza para indicar la pgina donde el archivo - que contiene toda la informacin - se encuentra. Dentro de la pgina News (noticias) se inserta un elemento similar, solamente el campo "Listing mode" es distinto:

Y, dnde se almacenan los elementos de noticias?


Recuerde el libro de visitas. Los nuevos elementos forman parte, como cualquier otro, de los registros de las bases de datos que TYPO3 utiliza. La mejor forma de obtener un panorama general de los elementos que se encuentran en una pgina es utilizando el mdulo Lista (listar). Intentmoslo:

Y cmo se editan?

Iniciando - 62

Y cmo se crea uno nuevo?

Creemos que las imgenes hablan por si mismas...

Flujograma de noticias
Qu pasa si deseo que otra persona escriba los artculos de noticias? Y qu pasa si deseo revisar estos artculos antes de que se publiquen? Puede hacer esto TYPO3? Esto es una situacin en la cual se requiere un flujo de trabajo. Explicaremos esto un poco ms adelante dentro de este tutor utilizando una situacin sencilla tal como sta. Un poco de paciencia.

Iniciando - 63

Programas o aplicaciones Web


El trmino "Aplicacin Web" se usa para los "programas informticos" dentro de un sitio Web que realizan a ciertas tareas que incluyen en proceso de datos en tiempo real. Un ejemplo de ello es un libro de visitas, una mquina de bsqueda, un foro de mensajes, un formulario para el clculo del costo de un seguro, un formulario de registro de membresa en lnea, una agenda en el cual se pueden buscar las direcciones, todos stos son ejemplos de programas Web.

Muchos de los programas utilizados hoy en da funcionan independientemente con su propio sistema de administracin. Los sistemas de gestin de contenido tambin contienen estas caractersticas pero normalmente la funcionalidad se encuentran integrada al marco del trabajo
TYPO3 es un sistema de este ltimo tipo una plataforma de programas Web - que le ayuda enormemente, no solamente en administrar y utilizar este tipo de aplicaciones sino tambin en desarrollarlas! Al utilizar el administrador de extensiones, la instalacin y distribucin se realiza con un solo clic, mientras que KickStarter puede iniciar su propio programa en 2 minutos. Si est interesado en estas caractersticas, vea el vdeo Episode" localizado en la pgina de vdeos en typo3.org. Adems de ello, existe un gran nmero de tutores que explican la creacin de extensiones para TYPO3, por ejemplo el realizado por Oliver Hofmann. Note que esto es un tema de usuarios avanzados y puesto que consideramos que apenas comienza no espere entender ni desarrollar ningn programa antes de que tenga un poco ms de experiencia utilizando TYPO3.

Paradigma del administrador de contenido a partir de un rbol de pginas?


Cuando se realiza una clasificacin de los sistemas de gestin de contenido, encontrar que algunos de ellos abordar el problema a partir de un marco de trabajo para aplicaciones mientras que otros utilizan un rbol de pginas. TYPO3 pertenece a esta ltima categora. Sin embargo, esto no compromete de ninguna forma el estado de TYPO3 como un Gestor de Contenidos con Marco de Aplicaciones. En lugar de ello, al usar un rbol de pginas se mejora la habilidad para servir de marco de trabajo ofreciendo, a la vez, una divisin lgica al utilizar un rbol de pginas como contenedor lgico para tal tipo de aplicaciones. En otras palabras: Puede tener tanto un libro de visitas, un sistema de noticias, un formulario de administracin de usuarios y una calculadora de costo de seguros en el mismo sistema sin que tales elementos se mezcla debido a que cada uno de ellos trabaja solamente en los lmites de una sola pgina. Todos los elementos del programa se almacenan ah, todas las transacciones las realiza el mismo mdulo sobre el mismo identificador de pgina. Esto tiene sentido y orden! Debido a esto, al basar la estructura del sistema en un formato de rbol de pginas se obtiene la fuerza del sistema an cuando cientos de programas Web dentro del marco de trabajo necesiten una estructura organizacional.

Extender la funcionalidad de TYPO3 utilizando aplicaciones Web de otros?


Veamos la forma en la cual podemos extender TYPO3 usando un programa Web que no se incluye en el sistema. Para ello, requerir conectarse a TER (TYPO3 Extension Repository, repositorio de extensiones) a partir del EM (Extension Manager; Administrador de Extensiones) e importar, instalar y aplicar un sistema de suscripcin a un boletn informativo.

Insertando un formulario de subscripcin a un boletn informativo


Generalmente se debe proceder primero a typo3.org y buscar el programa requerido. Una vez encontrado se requiere instalar.

Iniciando - 64

Al buscar un mdulo de suscripcin a un boletn, encontramos una que parece cumplir con nuestras expectativas. Note como el autor de esta extensin puso la documentacin a su disposicin (n 1). Es importante entender esto, puesto que la documentacin de TYPO3 se organiza junto con cada extensin. En otras palabras, dnde puede encontrar informacin relacionada al mdulo de suscripcin a un boletn? En typo3.org junto con la extensin! Por lo tanto, al buscar la documentacin primero se requiere identificar la extensin para la cual se requiere la ayuda y luego proceder a esta extensin dentro de typo3.org.

Importar
Dentro del EM puede conectar al TER y encontrar la extensin "da_newsletter_subscription":

La conexin toma algunos segundos y luego aparecer la siguiente lista:

La extensin se importa despus de unos segundos y ver el siguiente mensaje si no hubo problemas:
Iniciando - 65

En la lista de extensiones disponibles, "Available extensions", podr encontrar el mdulo de suscripcin a boletines en la seccin "Frontend Plugins" (mdulos de la interfaz de usuario):

Instlelo y acepte la opcin "Make updates", que crea automticamente todas las tablas y campos requeridos dentro de la base de datos...

Dentro de la lista "Loaded Extensions" (extensiones cargadas) podr ver que el nuevo mdulo que se agreg:

Y ahora cmo lo uso?


Bueno, pues tenemos suerte que el autor de la extensin realiz el manual! Dentro de typo3.org puede acceder al ndice y consultar una gua detallada de la creacin tanto del formulario de subscripcin, las categoras as como de la forma de obtener el reporte de los subscriptores del sistema. Claro que no repetiremos todo eso una vez ms aqu! Es por eso que se escribe el manual de uso del mdulo. Resumiendo: Hemos creado una nueva pgina, un elemento de contenido, dos categoras y una lista de seleccin de edad:

Iniciando - 66

Se requerir al realizar un poco ms de trabajo (cambios en la plantilla) pero podr ver todo esto en vdeo que le muestra un proceso de creacin en vivo. Y, claro est, todo se encuentra documentado dentro de la seccin de configuracin del manual que encontrar en typo3.org. El formulario resultante ser similar al siguiente:

El punto final consiste en la extraccin de la lista de suscriptores, funcionalidad proporcionada por un mdulo de backend que se instal al mismo tiempo que la extensin:

Como podr ver, cuando se activa el mdulo del backend, la pgina que contiene la aplicacin Web del frontend tambin se activa y se muestra la lista. Esto nos lleva a otro punto interesante podemos agregar una subscripcin no slo a una pgina sino a todas las que deseemos en nuestro sitio Web y llevar un control de la situacin y un perfecto orden. Todo esto gracias al marco de trabajo de rbol de pginas! Para mayor informacin acerca de la extraccin avanzada de subscriptores, consulte el manual para el Mdulo de Subcripcin a Boletn Informativo.

Cmo cambiar el idioma del formulario de subscripcin?


Muchos mdulos han sido traducidos a otros idiomas: Sin embargo, el Ingls es el idioma base que se requiere para todas las extensiones. Si existe una traduccin podr activarla al editar el campo "Setup" (configuracin) del registro de plantillas de su sitio Web insertando la siguiente lnea de cdigo:
page.config.language = dk

Esto activar el dans (dk) dentro del formulario que ahora se ver as:

Iniciando - 67

Puede obtener ms informacin de los registros de plantillas dentro de la seccin de plantillas de este tutor. Por ahora dejamos este ejemplo tal cual sin ninguna explicacin puesto que esto constituye en si mismo una ciencia. Aprenderemos esto posteriormente. Por ahora vea el vdeo de explicacin localizado en nuestro sitio Web.

Iniciando - 68

Mdulos del Backend


Controlando los usuarios del backend
Que tal si llevamos un registro de los usuarios que han accedido al sistema? Podemos hacerlo? Bueno, claro est. Pero ya existe una extensin que provee un mdulo para la interfaz de administracin solamente con ese fin. Por lo tanto, al igual que antes, debemos de importar la extensin "Login User Tracking" (seguimiento de usuarios que han iniciado una sesin) a partir del TER:

Instlelo, "Make updates" (Realizar actualizaciones) (agrega una tabla de estadsticas a la base de datos):

y volver a cargar el backend:

Ahora ya tenemos el nuevo mdulo de backend instalado dentro del mdulo "Web" principal:

Antes de que el registro de inicio de sesin funcione dentro de la interfaz de usuario, tendremos que habilitarla dentro del la plantilla de registros (tal y como lo hicimos para el idioma en el formulario de boletines informativos):
config.tx_loginusertrack_enable = 1

Desafortunadamente esto no est bien documentado (an) y hay que buscar en el cdigo fuente del mdulo para averiguar cmo se realiza esto. Grave fallo del autor de la extensin (vea el vdeo para averiguar la forma en que se realiza esto).

Puesto que acaba de instalar el mdulo tendr que cerrar y abrir la sesin varias veces dentro de la interfaz usuario. Una vez realizado esto, el mdulo de seguimiento de usuarios "User Track" le mostrar una bonita lista de todos los inicios de sesin:

El "Sess. lgd" le informa el tiempo que el usuario estuvo dentro de la sesin parece ser que no tuve mucha paciencia... :-)

Cambiando el idioma del backend


Una nota adicional en este punto podra ser la forma de cambiar el idioma de la interfaz de gestin. Esto es realmente fcil.
Iniciando - 69

Los usuarios pueden hacerlo ellos mismos si tienen acceso al mdulo de configuracin Setup:

Seleccione de la lista otro idioma y haga clic en el botn "Save Configuration" (guardar configuracin) que se localiza en la parte inferior de la pgina. Vuelva a cargar la interfaz de gestin. Ver ahora que los mdulos se encuentran en dans:

Iniciando - 70

Plantillas
Durante todo este documento quiz se pregunt una y otra vez cmo puedo cambiar el color verde del fondo? O cmo puedo colocar mi propio logotipo? y la tipografa que requiero es Times y no Arial ni Verdana. Antes de abordar estos temas debe entender un concepto fundamental acerca de cmo trabajan la mayora de los CMS: separan el contenido de la presentacin. Esto significa que las pginas del contenido se almacenan dentro de una base de datos sin los colores, tipografa o imgenes de fondo adjuntas. Esta informacin se localiza en plantillas y hojas de estilo que se aplican normalmente a todo el sitio Web cuando se muestran las pginas. Por lo tanto, un slo cambio a una plantilla afectar la apariencia global de todas las pginas del sitio Web. Esta es una importante y poderosa caracterstica de los programas CMS. Si quiere convencerse an ms, pregunte a alguien que haya diseado un sitio Web basado en archivos HTML con cientos de pginas y que desea cambiar el diseo del sitio..

Contenido esttico y dinmico


Considere el sitio Web "FC Bigfeet":

Partes dinmicas: En este sitio Web el men (n 1), los encabezados de pgina (n 2) y la seccin "Last update" (ltima actualizacin; n 4) son partes dinmicas indirectas de la pgina. Esto significa que cambian de una pgina a otra automticamente. No podemos modificar directamente estos elementos en cada una de las pginas. Se encuentran programados dinmicamente como parte de la plantilla. Sin embargo, el rea de contenido (n 3) es una parte dinmica directa de la pgina puesto es aqu donde el contenido especfico de cada una de las pgina se inserta. Podemos modificarla al agregar, eliminar y ordenar los elementos de contenido de la pgina. Esta rea no forma parte de la plantilla (exceptuando el formato de color y tipografa) puesto que lo controlamos directamente usando los elementos de contenido. Partes estticas: Adems de las partes dinmicas de la plantilla que consiste siempre del mismo logotipo (n 5), la misma imagen (n 6) y color de fondo (n 7). estas secciones tambin forman parte de la plantilla (tal y como las partes dinmicas indirectas) pero nunca cambian debido a una accin. Son siempre las mismas en cada pgina.

Registros de plantillas?
Cmo implementa TYPO3 este principio? Puede leer informacin a fondo acerca de la forma recomendada para crear sitios Web profesionales en el tutor Creando Plantillas Modernas. Sin embargo, este tutor est escrito para profesionales que
Iniciando - 71

trabajan con profesionales de diseo de sitios Web, desarrolladores, etc. Por lo tanto, el nivel es un poco ms alto que lo que podra indicar su ttulo. El punto importante es el registro de plantillas. Este es el elemento de control que le dice a TYPO3 cmo manejar una cierta rama del rbol de pginas. Esto le parecer un poco confuso al principio, pero de hecho es altamente consistente con lo que ya aprendi y es mucho ms claro ms adelante cuando quiera realizar muchos sitios dentro del mismo rbol de pginas incluyendo plantillas mltiples. Si observa con entendimiento nuestra sencillo sitio Web FC Bigfeet, ver que la pgina raz contiene un registro de plantilla:

Realizando cambios a la plantilla


Intentemos cambiar algunas cosas en el registro de plantilla, "NEW SITE, based on standard" (nuevo sitio basado en estndar). Sencillamente edtelo:

El campo "Constants" (constantes) en las plantillas estndar es normalmente el lugar donde se cambian ciertos valores. Estas constantes se insertan posteriormente dentro del campo Configuracin y muchos otros lugares. Un cambio a una constante puede significar que se modifican los parmetros de otros sitios dentro del cdigo de configuracin final TypoScript de la plantilla. En nuestro caso, agregaremos el color rojo como fondo dentro del marco del men (vea la figura anterior). Una vez que guarde el registro de plantillas, haga clic en la opcin "Clear all cache" (Limpiar memoria provisional) dentro del men "Admin Functions" (funciones administrativas):

Siempre haga esto si edita el registro de plantilla directamente (no se requiere si usa el mdulo Template; Plantillas).

El resultado es:
Iniciando - 72

Puede tambin jugar con todos los otros valores!

El editor de constantes
La mejor forma de administrar stos cambios es usando el mdulo plantillas (Templates) dentro de la vista "Constant Editor" (editor de constantes):

Puede acceder a una gran cantidad de opciones aqu. Existen explicaciones visuales para la mayora de los elementos y puede seleccionar entre varias categoras. Tambin puede encontrar aqu los colores de fondo del men dentro de la categora Basic (bsica):

Note que en realidad est usando un asistente que edita las constantes antes de llamar a "menu.bgCol"!

De la misma forma, puede cargar y cambiar imgenes para utilizar como logotipos o fondos:

Aqu cambiamos la imagen de fondo activa para que ahora sea el logotipo (n 1) y utilizando el botn "Browse" (n 2; Examinar) puede localizar una nueva imagen dentro de su disco duro para utilizarse como logotipo pronto tendr un sitio Web para su compaa y no para un club de ftbol!
Iniciando - 73

No hay ms razn para seguir explorando estas caractersticas puesto que son obvias y la nica forma de familiarizarse con ellas es modificndolas y viendo lo que pasa. A modificarlas!

Configurando la carpeta de la interfaz de usuario?


Recuerda el cambio necesario dentro de la plantilla antes de que el registro de acceso del usuario del frontend funcionara? Discutiremos un poco ms de ello aqu. Cuando se muestra el formulario de inicio de sesin, requiere saber en qu pgina (sysFolder) buscar a los usuarios estn permitidos acceder al sistema. Esto se realiza configurando una constante - "styles.content.loginform.pid" al valor uid de la carpeta de sistema de usuarios (sysFolder "Users"). En este gen lo la identificacin de usuarios del almacenamiento de la carpeta es el nmero 14 (uid de sysFolder):

Por lo que requerimos configurar el nmero "14" en este campo:

Este campo se encuentra dentro de los 64 valores listados dentro de la categora CONTENT (contenido) del editor de constantes Constant Editor. Puede, claro est, determinar el valor manualmente dentro del campo "Constants".

El campo de configuracin
La mejor forma de editar la configuracin de una plantilla o campo de constantes es utilizando la vista "Info/Modify" (informacin/ modificar). Aqu obtiene un acceso directo a los campos del registro de plantilla. Esto se hace para ayudar aqullos desarrolladores que utilizan constantemente esta caracterstica:

(Note que hay un vnculo (n 1) debajo del bloque de men que permite ir directamente al registro de plantilla completo si as lo requiere).
Iniciando - 74

El campo de configuracin encontrar unas cuantas lneas:

Las lneas contienen cdigos un tanto extraos que requieren ms explicacin y un conocimiento anterior para poder modificarlos correctamente. No se preocupe por el momento. La primera lnea, n 1, inserta un mapa de sitio alternativo al predefinido (bastante aburrido), a continuacin se configura una hoja de estilo para la pgina (n 2). Esto lo utiliza el mdulo "mininews" que realiza todo su formato utilizando un CSS (hoja de estilo) (al contrario de otras partes de esta plantilla estndar que utilizaban la etiqueta <font> principalmente). Finalmente encontramos la configuracin para el mdulo de envo de boletines informativos (n 3). Esto se realiza para asegurarse que el suscriptor no requiera primero recibir un correo electrnico con el vnculo para su suscripcin. A continuacin se configur el idioma dans (n 4) y se habilit la caracterstica de seguimiento de inicio de sesin de los usuarios (n 5). esto es slo una breve descripcin. Recuerde que estas opciones no son obvias. Requerir obtener ms informacin de varias fuentes (por ejemplo de TSref) antes de poder entenderlas completamente. Por el momento puede concluir que el campo de configuracin es aparentemente el lugar donde se realiza este tipo de configuracin. A todos estos datos los llamamos TypoScript!

El objeto explorador
Como una nota final para el campo de configuracin (por el momento) introduciremos el objeto explorador Object Browser:

esta herramienta muestra visualmente el rbol de objetos de un TypoScript (secuencia de comandos de TYPO) a partir del campo de configuracin. Si se dio cuenta de la lnea TypoScript que configura el idioma dans ("page.config.language = dk") puede ver claramente la lgica de esta arborescencia. Note que el TypoScript no es realmente un lenguaje de secuencias de comandos con estructuras de control sino un lenguaje de configuracin a travs de declaraciones que crea una informacin jerrquica que se utiliza ntegramente para dar instrucciones al interprete de plantillas de qu es lo que debe hacer y en qu orden tal como la base de registro en Windows. Si TYPO3 cuenta con un lenguaje de secuencia de comandos, ste se trata de PHP! Por lo tanto TypoScript no es una nueva tecnologa patentada que debi llamarse XSLT o algo similar en todo caso TypoScript es un lenguaje de
Iniciando - 75

configuracin inevitable y en este caso brillante para unir todas las partes externas (tales como contenido, plantillas, PHP y XML, etc.). Claro est, tendr que aprenderlo. No hay alternativa, el grado de conocimiento que tendr ser la profundidad a la cual quiero utilizar TypoScript. Aprender ms del tema en otros tutores. Regresemos al trabajo: Si activa la opcin "Enable Object Links" (habilitar objetos de vnculo; localizada en la parte inferior de la pgina) podr cambiar los valores visuales del entorno:

Haga clic sobre la propiedad que desee editar:

cambie su valor y guarde:

As de fcil! Pero cmo podremos saber qu significa la opcin? Requerir tener un poco ms de conocimiento, pero el asistente TS le ayudar con la sintaxis cuando sabe lo que est buscando: Para el objeto "page.config" (configuracin de pgina) existen propiedades que se despliegan al utilizar el asistente TSreference:

En el dilogo que aparece podr buscar la propiedad requerida del objeto. Es aqu donde requiere saber qu propiedades se aplican al objeto especfico de pgina (en nuestro caso "page.config"):

La siguiente pantalla le muestra convenientemente las propiedades disponibles.

Esta informacin se obtiene directamente de los manuales en lnea y tambin dentro de typo3.org. Vea el objeto CONFIG en TSref.

TSref
La referencia TypoScript (TSref) es un documento comn dentro de la coleccin de TYPO3. Contiene la descripcin de todos
Iniciando - 76

los objetos TypoScript que puede usar para crear plantillas dentro de TYPO3. Es el manual que le informa el contenido que puede colocar dentro del campo de configuracin de un registro de plantilla. Antes de que acceda directamente a TSref note que esto slo tiene sentido cuando ya se sabe lo que se est buscando! Es el manual de referencia que lista todas las propiedades. Slo tiene utilidad y se vuelve indispensable - si se sabe la propiedad que se busca.

Aprendiendo TypoScript a partir de ejemplos


La mejor forma de aprender por s mismo es utilizando el documento TypoScript by Example. Este manual, tiene una multitud de ejemplos ordenados como mini tutores de temas relacionados con TypoScript.

Cambiar la plantilla?
En nuestro caso la plantilla FC Bigfeet se basa en la estndar llamada "BUSINESS". Es de aqu de dnde vienen todas las otras configuraciones que se despliegan dentro del objeto examinador. Puede ver la estructura dentro de la vista "Template Analyzer" (analizador de plantillas) en el mdulo plantillas Template:

Todos los elementos de la arborescencia representan lo que TypoScript predefine para el contenido de la plantilla. As que cuando hecha un vistazo al campo constante o configuracin para el registro de la plantilla principal "NEW SITE, based on standard" (n 1) se dar cuenta de dnde vienen los datos. El interprete los incluy a partir de la plantilla esttica. Si quiere ver el contenido de cada elemento, haga clic sobre su ttulo.

Plantillas estticas
La plantilla esttica "styles.sitemap.gs" se incluy para obtener un mapa de sitio en forma de rbol. El archivo de plantilla esttica "Ext:da_newsletter_subscript..." se agreg para obtener la configuracin deseada de la suscripcin a boletines informativos (vea el vdeo recomendado anteriormente). Finalmente, la plantilla esttica "template; BUSINESS" (plantilla estndar) es el elemento clave de la forma en que se presenta nuestro sitio Web. Todo esto se puede editar a partir del registro de plantilla. Vaya al mdulo lista y edtelo:

Iniciando - 77

Claramente el campo "Include static" (incluir esttico), contiene las plantillas estticas, tal como ya lo vimos, (n 1 y n 2). El campo "Include static (from extensions)" ,incluir esttico (de extensiones), contiene la referencia al archivo de plantilla esttico de la extensin de boletines (n 3). Las opciones "Clear" y "Rootlevel" (limpiar y nivel de raz) normalmente slo se activan para plantillas principales (n 4).

Generalmente las plantillas estticas no se utilizan mucho en sitios profesionales realizados con TYPO3. La razn es que la mayora de los sitios Web requieren normalmente trabajo personalizado que requieren modificar el cdigo de TypoScript. Las plantillas estticas contienen cdigo general de TypoScript y son muy tiles, pero limitadas en ciertos aspectos. Sin embargo, en casi toda plantilla, an en los diseos personalizados, se incluye una esttica para desplegar los elementos de contenido de pgina. Esto se hace puesto que crear las plantillas y el cdigo de despliegue para el nmero total de elementos de contenido es un trabajo muy laborioso y tiene sentido reutilizar el cdigo existente.

Cambiar la plantilla
intentaremos ahora utilizar otra plantilla estndar que no sea "BUSINESS". Dentro del campo "Include static" (incluir esttica) elimine la plantilla BUSINESS y sustityala por CANDIDATE:

Guarde el resultado y haga clic en el botn "Clear All Cache" (limpiar memoria temporal) y verifique ahora el sitio Web:

Iniciando - 78

Como puede ver, los elementos contenidos son los mismos as como el color de fondo y la hoja de estilo utilizada para los resmenes - pero la plantilla es distinta! Esto es lo que hacen las plantillas: Cambiar la estructura global del sitio web. As de fcil puede usted modificar el diseo de un sitio Web de 10, 100 o 1000 pginas en TYPO3 - una simple cambio a la plantilla afecta a todas las pginas! Esta nueva plantilla tiene una caracterstica que no se encontraba en la anterior: Existe una columna en el borde en la cual podemos colocar contenido.

Contenido en columnas mltiples


La pgina TSconfig
El primer paso consiste en modificar la opcin "Page TSconfig" que evita que TYPO3 despliegue otras columnas aparte de la "Normal" en el mdulo Page. Edite el encabezado de la pgina raz "FC Bigfeet":

Iniciando - 79

Agregue "0,3" a la lista que se muestra aqu:

Esto le indica al mdulo Page que debe desplegar tanto la columna Normal (0) como la del borde (3). Si desea averiguar qu otras opciones puede modificar, haga clic en el botn "TS" que se cuenta en la parte derecha de la ventana. En el dilogo desplegado encontrar la opcin mod.SHARED":

esto le mostrar la propiedad "colPos_list" que incluye una descripcin de su funcin. Si hace clic sobre la propiedad se le transferir de nuevo al campo TSconfig.

Guarde el encabezado de la pgina y vaya de nuevo al mdulo Page ver ahora una columna adicional de contenido:

Ahora intent agregar un elemento de contenido en ella. Haga clic en el icono "New" (nuevo):

Iniciando - 80

Ahora seleccione el elemento comn Text" (texto) y rellene la informacin deseada:

Note que el contenido del campo "Columns" (columnas) en la opcin secundaria del campo "Type" (tipo) tiene le valor "Border" (Borde). Es precisamente esta configuracin que hace que el elemento de contenido aparece en la columna del Borde y no en la Normal! Este campo de predefini antes de la creacin de la forma. Haga clic en el botn "Save document and close" (guardar documento y cerrar). Una vez ms en el mdulo Page ver el nuevo contenido presentado en la columna de la derecha, tal y como se esperaba:

Siempre se mostrar en la posicin derecha del sitio Web! Verifique tambin el frontend:

Todo parece haber salido bien!

Iniciando - 81

Entendiendo "Page TSconfig"


El pequeo cambio que hicimos en el campo "TSconfig" en la pgina raz fue interesante. Consisti en un cdigo de configuracin que afecto la forma en que el backend trabaja - en esa posicin particular del rbol de pginas! "Page TSconfig" es, por lo tanto, un concepto poderoso que le permite afinar el comportamiento de los mdulos, el editor de texto enriquecido (RTF) y otros elementos. La sintaxis del cdigo corresponde a la de TypoScript el mismo usado para los registros de plantillas. Pero no tiene nada que ver con las plantillas dentro del frontend - slo con la configuracin interna de las caractersticas. Este caso, como ya lo pudo ver, habilita otra columna de contenido dentro del mdulo Page! Si no sabe qu propiedades de TSconfig puede modificar, consltelas en la referencia dentro de typo3.org. sta opcin en particular se encuentra documentada en esta pgina (busque el encabezado "Shared options for modules (mod.SHARED)"; opciones compartidas para mdulos).

Verificando Page TSconfig


Para ver la configuracin de pgina TSconfig para cualquier punto del rbol de pginas, utilice el mdulo Info (informacin) dentro de la vista "Page TSconfig":

como puede ver, es el mismo tipo de estructura que se muestra dentro del examinador de objetos Object Browser.

Deshaciendo los cambios de la plantilla


Antes de continuar cambiaremos de nuevo la plantilla a BUSINESS. Si an no realiza cambios al registro de plantillas puede realizar esto sencillamente haciendo clic sobre el botn deshacer esto restaurar el estado previo del registro dentro de la base de datos. Seleccione "Edit" (editar) en el registro de plantilla:

Una vez realizada la actualizacin, verifique el resultado comprobando que la plantilla esttica se encuentra en su estado previo:

Iniciando - 82

(si ste no es el caso, realice el cambio manualmente). Puede tambin cambiar el color de fondo de la constante de men (menu.bgCol) a #007000.

Encontrar ms informacin de la caracterstica Deshacer/Historial de TYPO3 aqu.

Creando otro sitio Web en la base de datos?


TYPO3 tiene la propiedad de poder crear varios sitios Web dentro de la misma base de datos! Esto es una poderosa caracterstica llamada "multi sitio". El principio es que se puede crear un nuevo sitio Web a partir de cualquier pgina dentro del rbol de pginas. La forma de indicar la pgina de inicio (pgina raz) de un nuevo sitio Web en TYPO3 es insertando un registro de plantilla. Si cree que un registro de plantillas es una forma extraa de crear plantillas ver ahora porque es una solucin eficiente a este problema esto se debe a que el registro de plantillas se vuelve un elemento de control que se insertan en una pgina para comenzar un nuevo sitio. En cuanto se requiere ms de un sitio Web dentro del rbol de pginas se usa el concepto que explicamos aqu para hacer esto posible. Intentmoslo ahora:

Creando una nueva rama


Primero requerimos crear una nueva pgina bajo la activa y agregarle nuevas pginas. Este ser el inicio de un nuevo sitio Web de un club de admiradores:

"Fan club" es la nueva pgina raz del sitio. Intente visualizarla:

No parece estar bien:

Por qu? La respuesta consiste en el principio explicado anteriormente no hemos creado an un registro de plantilla para la pgina raz por lo que TYPO3 no sabe que esto se trata de la pgina raz. La forma ms sencilla de resolver esto es proceder al mdulo Template (plantillas), seleccionar la vista "Info/Modify" (informacin/modificar) y utilizar el asistente:

Seleccione una plantilla estndar que desee usar como base de su nuevo sitio Web:
Iniciando - 83

Confirme la creacin de la nueva plantilla y vaya al mdulo List para verificar la existencia de un nuevo registro de plantilla:

Ahora viene la parte interesante resuelve que esto el problema? Vaya de nuevo al frontend:

S, s lo hizo! Claro est que las pginas estn vacas puesto que an no existe el contenido. Tambin requerimos configurar la plantilla utilizando el "Constant Editor" (editor de constantes) para modificar el color y todas las otras caractersticas. Esto constituye el nuevo paso. Probablemente no constituye una sorpresa para usted que el identificador de pgina enviado al navegador fue el "34" el identificador de la pgina del sitio. Pero cul de los dos sitios Web de la base de datos se despliega si no enviamos el identificador? La respuesta es el primero de ellos: "FC Bigfeet". Bueno, si ste es el caso cmo se hacen para que una persona pueda visitar nuestro nuevo sitio? Lea un poco ms adelante...

Controlando dominios mltiples


Cunado se desea administrar varios sitios Web dentro de la base de datos de TYPO3 se debe asegurar que se cuenta con un dominio separado para cada uno de ellos. Por ejemplo, el sitio Web "FC Bigfeet" puede tener el dominio "www.fcbigfeet.com" y el del club de admiradores "fanclub.fc-bigfeet.com" y "www.fanclub.fc-bigfeet.com". El reto consiste ahora en asegurarse que los visitantes vean el contenido correcto cuando accedan al sitio Web adecuado.
Iniciando - 84

Esto consiste en un proceso en tres partes: Asegurarse de que el DNS de todos los dominios apunte al servidor Web (trivial y no relacionado con TYPO3) Configurar el servidor Web para que dirija todas las peticiones de los tres dominios al del definido por TYPO3 (.../quickstart/) - por lo que una visita a cualquiera de los 3 dominios terminar en el sitio principal "FC Bigfeet". Finalmente, crear un registro de dominio para cada uno de ellos que desee que terminen en el sitio Web "Fan Club".

Esto se realiza agregando un nuevo elemento a la pgina raz "Fan Club":

A continuacin escriba el nombre del dominio:

Guarde el registro. Cree uno nuevo. Esta vez se trata del dominio alterno "www.fanclub.fc-bigfeet.com". Puesto que este es un dominio que usamos de "seguridad" queremos que se redirija a "fanclub.fc-bigfeet.com". Esto se realiza as:

Gurdelo y vea la pgina en el mdulo de lista:

Iniciando - 85

Los dos registros se encuentran en el despliegue del mdulo List en los elementos de pgina de "Fan club". Si configur todo correctamente y escribe la direccin "http://fanclub.fc-bigfeet.com" se le mostrar el nuevo sitio Web y en la direccin URL "http://www.fc-bigfeet.com" obtendr en anterior (predefinido). Claro est que esto no funcionar si an no registra estos dominios. Tras bambalinas esto es lo que sucede: TYPO3 detecta el nombre del dominio. A continuacin intenta buscar el registro del dominio. Si existe (por ejemplo "fanclub.fc-bigfeet.com") entonces TYPO3 se bloquea usando la pgina como la raz del sitio. Esto significa que todas las peticiones a los identificadores de las pginas deben estar dentro de la rama donde se encontr el registro del dominio. Si se solicita un identificador de pgina de "FC Bigfeet" dentro del dominio "fanclub.fc-bigfeet.com" entonces TYPO3 mostrar la pgina principal del sitio Web "Fan Club".

Iniciando nuevos sitios Web


Usando el asistente de nueva plantilla
La caracterstica "Create template for a new site" (crear plantilla para un nuevo sitio Web) de la vista "Info/Modify" es muy practica para iniciar un nuevo sitio Web.

Si la utiliza sin antes seleccionar una plantilla estndar de todas formas obtendr un nuevo registro de plantilla pero sin contenido definido y slo unas cuantas lneas falsas de TypoScript para empezar. Esta es la forma normal en la que un profesional inicia un nuevo sitio personalizado y a partir de ello usar sus conocimientos de TypoScript para continuar. Es este precisamente el procedimiento recomendado en el tutor "Modern Template Building, Part 1" (Creacin de plantillas modernasParte 1)..

Un marco de trabajo para nuevos proyectos?


Cuando desea iniciar su propio sitio Web normalmente se comienza con una base de datos en blanco. Si desea empezar un sitio con la base de datos en blando, sin pginas, sin contenido y slo un usuario administrador, descargue entonces el paquete Dummy" (maqueta) de typo3.org. Consiste en una maqueta de diseo bsica para nuevos proyectos. Puesto que an no conoce en detalle TYPO3 o si es un poco flojo quiz deba empezar sus proyectos a partir del paquete "QuickStart" - el que est usando aqu! La razn a esto es que ya cuenta con varias pginas, usuarios, plantillas, contenido, etc. Slo requerir eliminar la plantilla, crear una nueva, organizar las pginas y agregar el contenido deseado a las pginas existentes eliminando el que no requiera. Probablemente se ala mejor idea si requiere empezar inmediatamente.

Desmentido acerca de las plantillas!


Puesto que las "plantillas" son el punto crucial de las posibles implementaciones con un CMS es importante recalcar que este tutor no explota a profundidad todas las posibilidades disponibles en las plantillas de TYPO3. Se utiliz a propsito una plantilla sin chiste que le da un toque de aficionado al sitio. Esto se realiz para no perderse en los detalles. Recuerde que el objetivo de este tutor es ensearle los principios de YPO3. Estos principios tambin se aplican a los profesionales que usan el producto, pero la realizacin de las plantillas hace toda la diferencia. Nota: Este tutor se basa en un sitio Web completamente funcional con una plantilla definida. No ha (por lo menos en detalle) aprendido a crear su propio diseo personalizado. En el resto (casi todo) del tutor describiremos esto - el sitio "FC Bigfeet" slo sirve para una introduccin al tema - la personalizacin de plantillas es un tema avanzado no descrito aqu!

Datos acerca de las plantillas y sus posibilidades


Asentamos aqu algunas de las posibilidades de las plantillas de TYPO3 para que las tenga presentes: Puede crear cualquier diseo de la forma que lo prefiera. Puede tener un nmero indeterminado e mens. Puede tener estilos y plantillas mltiples. Puede crear pginas en cualquier idioma. Puede tener distintas reas (columnas) de contenido en una pgina. Puede integrar todo tupo de datos externos usando mdulos escritos en PHP. Puede agregar programas Web que se ejecuten en distintas pginas de TYPO3. Puede extender todas las caractersticas de TYPO3 usando PHP (con compatibilidad hacia atrs!). Puede realizar casi todo algunas cosas son muy fciles (las ms comunes), otras son difciles (las menos comunes).

Si desea saber ms acerca de la lista de caractersticas de TYPO3, las puede encontrara en typo3.com.

Iniciando - 86

Desarrollar sitios Web profesionales con TYPO3


El tutor "Modern Template Building, Part 1" (Creacin de plantillas modernas- Parte 1) es el documento a leer si desea pasar a la construccin de plantillas como principiante a nivel profesional. El documento forma la secuencia lgica al finalizar este por lo que contine leyendo!

Iniciando - 87

Archivos de imgenes
Administrando archivos en TYPO3
Veamos otro mdulo interesante el de archivos (File):

Esto funciona bajo el mismo principio que el mdulo List para los elementos de base de datos contiene un rbol de carpetas y una vista de lista de los archivos de la carpeta. La carpeta predefinida que se despliega (para los usuarios "admin") es la "fileadmin/" localizada en el directorio "quickstart/". Aqu ya existe una pequea imagen de archivo. Estos archivos no se usan directamente en el sitio Web. Si queremos usarlos requerimos a) crear un vnculo desde el elemento de contenido o b) elegir los archivos en el proceso de seleccionar los archivos a partir del elemento de contenido.

Usando archivos en los elementos de contenido


La tcnica descrita anteriormente es la ms comn. Intente insertar un elemento de imagen en la pgina frontal del sitio "Fan Club":

Y en lugar de transferir una imagen a la vez usando el botn "Browse" (examinar), puede seleccionar archivos mltiples que ya existan en el servidor:

Una vez guardada la pgina, los archivos quedan vinculados al registro. Note que al contrario que lo que se pudiera pensar,
Iniciando - 88

los archivos se mueven ahora a la carpeta uploads/pics/ (transferir/imgenes) donde TYPO3 almacena las imgenes relacionadas con los elementos de contenido de pgina.

Y en la pgina principal tendr un bonito bloque de imgenes:

Note que existen muchas opciones relacionadas a las imgenes en TYPO3. Habilite la opcin "Show secondary options" (Mostrar opciones secundarias) y convnzace usted mismo:

Iniciando - 89

La opcin ms importante es la lista "Position" (Posicin, n 1). Esta opcin le indica a TYPO3 la localizacin del bloque de imgenes (recuerde que hay tres) en relacin al texto. Esto es muy importante, claro est, cuando se usa el elemento "Text w/Image" (texto con imagen). El selector "Columns" (columnas) (n 2) es el responsable de organizar las imgenes en columnas, En este caso "2". La opcin "Border" (borde; n 3) permite rodear las imgenes con un borde negro que las realza. El campo "Width" (ancho; n 4) determina el ancho del bloque de las imgenes en pxeles tambin muy til. La lista "Link" (vnculo, n 5) permite vincular las imgenes a menos que se use la opcin "Click-enlarge" (agrandar al hacer clic; n 6) que habilita un vnculo para todas las imgenes que abre una nueva ventana con una versin ms grande de la propia imagen. Finalmente, el campo "Caption" (ttulo) determina el texto que aparecer debajo de la imagen. Y finalmente recuerde:

El pequeo icono "?" - es a la ayuda a su alcance: Utilcelo!

Examinando el archivo de imgenes


Si usa el mdulo de Images (imgenes) en lugar del de Filelist tendr una vista ms detallada de las imgenes:

Alternativamente puede habilitar la vista en miniaturas dentro del mdulo Filelist:

Iniciando - 90

... quiz esto sea suficiente para trabajar:

Cargando imgenes al archivo


Una forma de enviar las imgenes al servidor Web sera usando un FTP. Claro est que puede transferir los archivos directamente del mdulo File (archivo). Slo haga clic en el icono de la carpeta:

Esto le mostrar el formulario donde puede cargar los archivos:

De forma similar los archivos pueden renombrarse, copiarse, borrarse, etc todo con las funciones existentes en los mens contextuales con los que ya est familiarizado:

Iniciando - 91

Nota sobre el proceso de imgenes en TYPO3


Si no tuvo suerte no ver algunas de las imgenes en su servidor. Esto puede deberse a que ImageMagick no fue detectado por su servidor. Si usa el paquete de instalacin de Windows para instalar el sitio QuickStart no debera tener problemas. Pero si uso una instalacin personalizada y no lo hizo usted mismo probablemente no vio lo que sucedi. Tendr que consultar la documentacin de instalacin disponible para resolver el problema. Tambin recuerde que existe una lista de correo para sus preguntas de instalacin.

Iniciando - 92

El mdulo de Listado y el portapapeles


El mdulo List contiene poderosas caractersticas para administrar el contenido de la base de datos. Pensemos en esto un momento: Todas las pginas y contenidos de pginas relacionadas entraron en el mdulo Page - As fue diseado! Toda la edicin relacionada con las plantillas se realiz en el mdulo Template - tambin diseado para ello! Pero a nivel ms bsico, tras bambalinas, el mdulo List es el sitio ltimo para administrar tanto las pginas, elementos de contenido de pgina, registros de plantillas, registros de dominio, usuarios y grupos, elementos de libros de visita y todos los otros elementos que TYPO3 puede gestionar.

Usando el mdulo de Listado con eficacia


Quiz ya tuvo la oportunidad de usar el portapapeles para mover un elemento de contenido de una pgina a otra. Pero veamos que sucede tras bambalinas:

El la pgina "This week" tenemos tres elementos de contenido. Vea el contenido de la pgina usando el mdulo List, habilite la opcin Clipboard" (portapapeles) y seleccione "Copy" para un elemento. Note como el elemento se registra en el portapapeles que se muestra (requerir actualizar el mdulo List antes de poder verlo). Si selecciona otro elemento el primero se elimina. "Cutting" (cortar) los elementos sigue el mismo proceso slo se registra como "Cut" (cortado). Si habilita la opcin "Extended view" (vista extendida) podr ver todo un panel de botones que le dan una panoplia de opciones de atajos en lugar de tener que usar el men contextual cada vez:

Intente jugar con los botones aqu!

El portapapeles numrico administrando varios elementos


De vuelta al portapapeles seleccione uno de los "numricos":

Iniciando - 93

Puede deshabilitar los elementos para seleccionar del portapapeles por lo que puede tener no slo uno si no varios elementos a seleccionar al mismo tiempo. Seleccione los primeros dos elementos y haga clic en el botn "Transfer..." (transferir):

Los elementos se registran para "cortarse" al portapapeles:

Pegarlos en otra pgina es slo cuestin de ir a la pgina respectiva y hacer clic en el icono "Paste into" (pegar en):

Una vez que confirma la advertencia...

... ver que los dos elementos se mueven a la parte superior de la pgina y que el portapapeles n 1 se vaca:

Iniciando - 94

Administrando archivos
Puede hacer la misma accin con archivos dentro del mdulo Filelist. Un vistazo rpido y ver que el principio es el mismo:

Edicin selectiva
El mdulo de lista tambin usa opciones para otros propsitos edicin selectiva mltiple. Para habilitar esto, primero haga clic el ttulo dentro del mdulo List (n 1):

Iniciando - 95

Esto habilita el modo extendido. Aqu podr seleccionar campos adicionales de la tabla que desea ver (n 2). Seleccione el campo "Type" (tipo). Esto hace que el campo "Type" aparezca adems del "Header" (Ttulo) que ya aparece aqu.

Editando todos los encabezados


Sencillamente haga clic en el pequeo lpiz a un lado de la etiqueta "Header":

Ver esto a continuacin:

Esta caracterstica le permite editar el mismo campo para una gran cantidad de registros de una sola vez! Muy practico! Puede hacer lo mismo tanto para el campo Header y Type a la vez - slo use de nuevo el lpiz de edicin:

El resultado ser prcticamente el mismo pero con un campo adicional:

Iniciando - 96

La caracterstica interesante es que puede habilitar slo algunos de los registros mostrados:

Ahora obtendr - ya lo ha adivinado? - slo los dos seleccionados!

Material muy poderoso. Ahora haga sus propios clculos para el resto de los botones! Juegue con todas las opciones ahora que tiene la oportunidad de probar con este sitio Web.

Iniciando - 97

Administracin de Usuarios
Mantenimiento distribuido
Los pasos finales en nuestro esfuerzo para hacer que el sitio Web para "FC Bigfeet" sea funcional es ver el mantenimiento distribuido un requisito fundamental a un CMS. Ya hemos discutido la diferencia entre los usuarios de frontend y backend y como estos ltimos se localizan en la raz del rbol de pginas:

Usuarios del Backend


Ya existen tres usuarios para la interfaz de administrador. Veamos que podemos hacer con ellos. La mejor forma de hacer esto es terminando la sesin de administrador e iniciando una como uno de estos usuario, uno a la vez. Todas las contraseas con "football" por el momento.

"christine"

Cuando inicia una sesin como "christine" ver lo siguiente cuando active el mdulo Page para la edicin:

Slo una pgina! S, a "christine" slo se le permite editar una pgina: "This week". Esta es su responsabilidad. No queremos que se ocupe de nada ms slo de esta pgina. Muy interesante slo se le permite ver la pgina de la que se encarga. No slo refleja la administracin de permisos sino que ayuda a que el sistema sea ms intuitivo y amigable. Como podr ver, no todos los mdulos del backend se le
Iniciando - 98

muestran a Christine. El men de la izquierda slo contiene los mdulos "Page" y "View" adems de "Help" que no requiere permisos especiales.

"jonathan"
Ahora inicie la sesin como "jonathan":

Jonathan es el entrenador de la seccin juvenil del club por lo que tiene relacin con una sola seccin. Tal como en el caso de Christine, slo puede ver lo que le corresponde.

Contrariamente a Christine a la que se le dio acceso al mdulo Filelist: si ve el detalle ver que hay una ligera diferencia con respecto al usuario "admin":

La carpeta raz no es "fileadmin/" sino directamente la carpeta de imgenes.

Concediendo los permisos de usuario


Ahora deseamos saber la forma en que los usuarios "jonathan" y "christine" fueron configurados. Cmo lo hizo el encargado? Bueno, inicie la sesin como "admin" para averiguarlo! Intente seleccionar "Edit" para los dos usuarios, "jonathan" y "christine". Ver que sus perfiles son "idnticos" en dos reas: Tienen el mismo grupo de membresa (n 1) y ambos tienen "DB mount" (n 2, la pgina de inicio para sus arborescencias individuales). Pero a jonathan tambin se le permite accesos a los mdulos "file" y "file_list" (n 3) y, adicionalmente, se le
Iniciando - 99

asign "Image Archive" (Archivar imgenes; n 4). Esto tiene sentido si lo piensa puesto que estas caractersticas son las que not cuando inicio la sesin como si fuese este usuario.

Montar archivos
La asignacin para montar archivos asignados a "jonathan" est en relacin a un simple registro creado en el rbol de pginas:

Si lo edita vera lo lgico de la configuracin:

Iniciando - 100

Simplemente, el directorio "Image_Archive/" (n 1) se proporciona como PATH (camino) y el campo "BASE" se configura para para interpretar el camino relativo al directorio "fileadmin/" (n 2). As de simple. Cuando se configura la relacin de Jonathan a este registro, tendr ese directorio montado como su mdulo Filelist.

Montar una DB (base de datos)


El concepto de montar una base de datos es muy sencillo de entender bsicamente consiste en apuntar dentro del rbol de pginas a la pgina que se desea sea la raz que vea el usuario correspondiente. Como puede ver, no podra ser ms fcil dar acceso a una parte determinada del rbol de pginas a un usuario - slo configure el valor de los campos a la pgina correspondiente. O, por qu no? a dos pginas. Puede agregar tantos puntos de montaje de bases de datos como lo desee!

Permisos de la pgina
Tenga en cuenta que si el usuario no tiene permiso de acceso de lectura a la pgina o sub pginas donde se montan la base de datos, no importa lo que se haya configurado, no funcionar! Entonces qu es un acceso de lectura? Bueno, cada pgina tiene una configuracin de permiso de acceso tal como en un sistema de archivos de un servidor UNIX hay un usuario propietario, un grupo propietario y luego permisos de configuracin para cada una de las cinco categoras: leer la pgina, editarla, borrarla, crear contenido para la pgina y sub pginas. Normalmente la configuracin predefinida es suficiente y al utilizar el montaje de base de datos para asignar el acceso se facilita la tarea. Si tiene problemas, cambie todos los permisos a on (activos) - deber ver que la lnea respectiva se llena de asteriscos verdes (vea la imagen inferior). Claro est, si de verdad quiere saber el detalle de todo esto tendr que consultar el documento Inside TYPO3 en l obtendr una descripcin detallada del proceso. Probablemente la mejor forma de mostrarle cmo configurar los permisos sea viendo los permisos activos dentro del rbol de pginas. Esto se hace a partir del mdulo "Access" (Acceso).

Iniciando - 101

Cuando analice el propietario de las pginas podr ver que varias de ellas pertenecen a "jonathan". Probablemente haya sido el creador. Cuando crea una pgina, automticamente se vuelve el propietario de ella. El punto importante es que el grupo "GENERAL" es el propietario de las pginas a las que Jonathan y Christine tienen acceso y puesto que ambos son miembros de este grupo, tambin tienen acceso a las mismas pginas (sin embargo siempre estn restringidos a trabajar con sus propias bases de datos montadas). La nica accin que no pueden realizar por lo menos "christine" que no es la propietaria de la pgina "This week" es borrarla siendo miembro del grupo GENERAL. Puede ver esto cuando hace clic sobre uno de los lpices:

Como puede ver, la opcin "Delete page" (borrar pgina) no est activa para el grupo propietario de una de estas pginas. Puede cambiar la opcin si requiere que Christine la pueda borrar pero probablemente no sea una buena idea hacerlo. De hecho, quiz deba restringir an ms los derechos de acceso no permitindole crear pginas ni editar el ttulo de las mismas:

Iniciando - 102

El resultado se observa en esta imagen de los permisos disponibles:

Validacin de la configuracin
Usando el mdulo "User Admin" puede ahora validar que "christine" tiene los permisos correctos para esta pgina:

Podr ver de inmediato los permisos combinados de este usuario:

Las primeras dos asteriscos verdes significan "Read page" (leer pgina) y "New content on page" (nuevo contenido en la pgina) el asterisco rojo significa "no puede editar, borrar o crear nuevas pginas".

La misma vista para jonathan podra ser:

Esto indica claramente lo que ya esperbamos controla el montaje de archivos y del sitio Web como ya habamos experimentado anteriormente. Sin embargo, Jonathan no puede borrar la pgina principal "Youth Section".

El mdulo de administracin de usuarios User Admin es una herramienta importante para evaluar la configuracin de los usuarios, compararlos, etc. Es indispensable cuando se tienen muchos usuarios y se quiere asegurar el control sobre sus derechos.
Iniciando - 103

Grupos
Echemos un vistazo al grupo GENERAL al cual pertenecen "jonathan" y "christine" - qu hay en l?

El punto importante a notar es "Include Access Lists" (incluir lista de acceso) puesto que la razn por la cual tenemos toda esa lista de opciones. Adems de aquellas que pertenecen al grupo tambin encontraremos las de montaje de bases de datos y archivos que se aplican a todos los usuarios que son miembros de este grupo.

Mdulos
Al analizar la lista de accesos notar qu (n 1) la membresa a este grupo no garantiza el acceso al mdulo Web, Page y List (desgraciadamente requerir saber que estos cdigos son los equivalentes de los nombres que ya sabe a partir del men...).

Tablas (modificar)
Como segundo punto se muestran aquellas tablas que "jonathan" y "christine" pueden editar y listar (n 2). Es esto cierto? Pueden slo ver las pginas y las tablas de contenido de las pginas? Intentemos iniciar la sesin como "jonathan" y crear un nuevo elemento:

Iniciando - 104

Muy interesante slo se puede crear pginas y elementos de contenido de pginas. No es posible crear ni usuarios, ni elementos de libro de visitas o de noticias. Slo pginas y elementos de contenido. Por qu esto? Bueno, puesto no deseamos asignar a Jonathan esta tarea. El no est a cargo de las noticias!

Tipos de pginas
El campo (n 3) dicta que tipo de pginas pueden seleccionar Jonathan y Christine - o los miembros del grupo GENERAL. Hagamos de nuevo la "prueba Jonathan" y tratemos de editar el encabezado de una pgina:

Intentemos crear sysFolder iniciando la sesin como Jonathans. Tendremos xito?

No. Lo sentimos, Jonathan no puede hacerlo.

Permitir campos de exclusin


Esto es una larga lista. Pero importante y poderosa! Pero se requiere de un poco de fondo para entenderlo: Cuando las tablas y campos de configuran en TYPO3 (en la matriz global interna de PHP, $TCA) algunos campos se marcan como "excludeFields" (campos de exclusin). Esto significa que los campos no pueden editarse a menos de que se otorgue un permiso especial esto es lo que hace la lista "Allowed Excludefields" list does! Esto es fcil de entender si echamos un vistazo a lo que "jonathan" puede ver cuando edita el encabezado de la pgina:

Iniciando - 105

No hay una gran cantidad de campos. Particularmente si lo compara con el usuario "admin":

La razn de la diferencia es que a) La mayora de los campos en la tabla de pginas se marcan como "excludeFields" puesto que no pueden editarse de forma predefinida - y b) Que el grupo GENERAL slo permite acceder a algunos de estos "excludeFields" de acuerdo a la lista que incluye los campos "Type", "Hide page", "Start" y "Stop" (Tipo, Ocultar pgina, inicio, fin).

De hecho, podemos estar contentos que Jonathan pueda editar los campos "Type", "Hide page", "Start" y "Stop" puesto que
Iniciando - 106

no podra hacerlo si el grupo GENERAL no asignase esos permisos en particular.

Bloqueo de registros?
Quiz not que en el proceso de iniciar o cerrar la sesin de algunos usuarios aparece un icono como el que se muestra en la siguiente imagen:

Esto slo es una advertencia al usuario para indicarle que alguien ms est trabajando en la pgina lo registros no estn verdaderamente bloqueados en TYPO3 puesto que se permite el acceso a los mismos a los usuarios que tienen los derechos suficientes. Esta advertencia es para evitar conflictos al modificar una misma pgina.

Creando un nuevo usuario para el sitio Fan Club


Bueno, con todo nuestro conocimiento ya podemos crear un nuevo usuario que se encargar del segundo sitio Web en nuestra base de datos el sitio Fan Club.

Paso 1: Crear el usuario


Los usuarios son slo registros cree el registro "Backend user" (usuario de interfaz de administracin):

Proporcione el nombre del usuario y la contrasea (football), membresa a un grupo y el montaje de DB (base de datos):

Guarde el nuevo usuario "phil".

Paso 2: Verifique el nuevo usuario


Dentro del mdulo User Admin (administracin de usuarios) , verifique que se le concedi a phil el acceso adecuado al sitio "Fan Club":

Iniciando - 107

Uy! Un error tpico. No existen los permisos de acceso a la pgina. Pero esto es fcil a cambiar vaya al mdulo Access:

Paso 3: Determinar los permisos correctos para la pgina


Edite los permisos para la pgina raz del sitio:

Y ahora configure el propietario y el grupo y asegrese de que se selecciona la configuracin recursiva esto aplica los cambios de la pgina raz a todos los subniveles hasta el primero de ellos:

Ya tenemos la configuracin adecuada:

Paso 4: Comprobacin final


Dentro del mdulo "User Admin" verifique la configuracin final de "phil":
Iniciando - 108

Paso 5: Probar el nuevo usuario


Finalmente inicie la sesin como "phil". Un buen truco es usar el botn "SU" (Switch User; cambiar de usuario) dentro del mdulo User Admin - esto cierra la sesin activa y la abre como el nuevo usuario (claro est que esto slo funciona para los usuarios "admin"...):

Parece ser que el nuevo usuario "phil" est bien configurado tiene acceso a las pginas del nuevo sitio Web!

As de fcil.

Iniciando - 109

Un flujo de trabajo sencillo para noticias


Muchas veces se requiere algo ms que la asignacin de permisos para que un usuario edite partes de un sitio Web puede requerir asignar la tarea a un usuario que no puede publicarla hasta que la persona responsable revise el contenido final. Un flujo de trabajo sirve para establecer dicho ciclo de aprobacin. En otros casos slo consiste de una forma til de colaborar transmitiendo el contenido de una pgina de una persona a otra dentro de un grupo de trabajo Cmo se usa esto en la prctica cerrar? Dentro del sitio "FC Bigfeet" ya uso un flujo de trabajo. En ste se especificaba un usuario news que reciba la tarea (tarea pendiente) de crear nuevos elementos de noticias para el sitio Web. Al terminar, el usuario enva de nuevo la tarea pendiente al destinatario que revisar el contenido y, si todo est bien, finalizar el proceso lo que significa que el elemento se mueve automticamente al archivo de noticias y posiblemente se muestre tambin dentro de la pgina principal. Antes que nada, echemos un vistazo al usuario llamado "news". Intente abrir la sesin como "news" (contrasea "football"):

Ya se habitu a utilizar el mdulo Page para realizar cierto nmero de tareas pero el usuario "news" tiene restringido el acceso de forma tal que solamente podr ver el mdulo Task Center (centro de tareas). Esto debe ser suficiente para l puesto que slo debe verificar las tareas pendientes dentro de su buzn de entrada (mismo que se encuentra vaco en este punto puesto que an no se asignan tareas).

Iniciando un proceso de flujo de trabajo


Cierre de nuevo la sesin y regres al backend como usuario "admin". Intentar iniciar un nuevo proceso de flujo de tareas al asignar una tarea pendiente (To-Do) al usuario "news".

Crear la tarea
Vaya al mdulo Task Center (centro de tareas), y haga clic en "Tasks" (tareas)...

Ahora cree un nuevo flujo de trabajo. Slo existe uno por el momento (se le mostrar cmo configurar otros posteriormente):

Ahora tendr que rellenar un formulario como el siguiente:

Iniciando - 110

La parte ms importante consiste en seleccionar destinatario (n 1). ste puede ser un grupo o un usuario especfico. Hemos seleccionado al usuario "news" tal y como lo habamos ya planeado. A continuacin colocaremos un ttulo (n 2) dio una descripcin (n 4) esto es simplemente una descripcin del trabajo para que el usuario sepa lo que tiene que hacer cuando lo vea. Fije la fecha lmite (n 3) para llevar un control de aquellas tareas que se retrasan (esperando que esto no suceda). Finalmente, puede hacer que el sistema envi un correo electrnico (n 5) al destinatario cuando se haga clic sobre el botn "Create" (crear). Si el destinatario no es exactamente el tipo que siempre est usando TYPO3, enviarle un correo electrnico es una muy buena idea! (requiere que la funcin de correo electrnico de PHP ya funcione). Una vez finalizada la creacin de nuevas tareas, se le mostrar una vez ms todos los elementos pendientes:

Lo elementos "Outgoing To-Do items" (elementos pendientes salientes) son aquellos que acaba de crear y que esperan una accin de parte de otra persona. En este caso el usuario "news". Haga clic en el ttulo si desea ver los detalles:

Iniciando - 111

Como podr ver, la informacin ya est ah. An no se asigna el estado del usuario "news".

Aceptando la tarea
Inicie la sesin como usuario "news": CONSEJO: Si crear una nueva ventana del Navegador de Internet de Microsoft a partir del icono existente en su escritorio de trabajo (contrariamente a crearla utilizando el atajo CTRL+N) podr iniciar una nueva seccin como otro usuario el usuario "news" y tener dos ventanas distintas cada una de ellas con un usuario diferente. Esto es posible puesto que el Navegador de Internet no comparte las galletas (cookies) entre las dos ventanas. Dentro del Centro de Tareas el usuario "news" ver lo siguiente:

Interesante. La tarea "News" ya est ah! Haga clic en el marco de la izquierda. Ahora podr ver los detalles tal como lo realiz anteriormente con el usuario "admin":

Iniciando - 112

Como usuario "news" seleccion "Add Status" (agregar estado) a "Begin task now" (iniciar tarea) y luego cre una nota tal como "OK!" e hiz clic sobre el botn Send new Status (enviar nuevo estado). Ahora ver aparecer el formulario para un nuevo elemento de noticias:

El elemento fue creado como parte del estado "Begin task now" (iniciar tarea) que agreg. ste elemento se adjunta ahora a la tarea y todo lo que requiere hacer es rellenar el contenido. Una vez realizado esto, haga clic sobre el botn "Save document and close" (guardaran documento y cerrar) para regresar al centro de tareas (Task Center). Si hace clic sobre el ttulo del elemento pendiente una vez ms, se le muestran los detalles de la actualizacin:

Iniciando - 113

Como puede ver el elemento se adjunta aqu y al hacer clic al lpiz de edicin de puede proceder a modificarlo hasta que est listo para informar al usuario "admin" que su trabajo termin.

Cuando el elemento est listo para su publicacin (en su opinin) puede cambiar su estado a "Pass on to another user/group" (enviar a otro usuario/grupo). Esto tambin puede utilizarse para enviar la tarea a otro colega que debe resolver si se publicar o no. Seleccione el destinatario (en este caso solamente el "Sender"; remitente), agregue una nota as considerar esto necesario y haga clic sobre el botn "Send new status" (enviar nuevo estado).. Ahora la lista de tareas pendientes se encuentra vaca, esperando un nuevo trabajo.

Finalizando el flujo de trabajo


una vez ms como usuario "admin" ver que la lista de tareas pendientes se le ha devuelto:

Si hace clic sobre el ttulo del elemento ver los detalles. Haga clic sobre el lpiz de edicin para revisar el contenido:

Iniciando - 114

Aparte de verificar el contenido de los nuevos elementos, tambin tendr que determinar si vale la pena colocar el elemento en la pgina principal. Este campo no est accesible al usuario "news" es un campo de exclusin excludeField. Una vez satisfecho con el elemento, puede activar el paso final al seleccionar "Finalize workflow" (finalizaron flujo de trabajo) dentro de la lista "Add Status" (agregar estado):

Eso es todo. Este paso finalmente mueve los elementos de noticias al archivo correspondiente y los hace disponibles en el frontpage:

"Done" (Finalizado)
El ltimo paso consiste en mover el elemento de las tareas pendientes a la papelera de reciclaje: Sencillamente active la opcin "Done" (finalizado) y luego la accin "Delete marked To-Do items" (borrar elementos pendientes marcados):

Iniciando - 115

Configurando un flujo de trabajo


El flujo de trabajo que acabamos de recorrer se configura como un registro dentro de la raz del rbol de pginas. Como todos los registros dentro de la raz del rbol de pginas, tiene que ser el usuario administrador admin para editarlos y crearlos:

Tal registro contiene estos campos:

Iniciando - 116

Adems del ttulo y descripcin (n 1), el registro define en primer lugar de qu tabla (n 2) de elementos de TYPO3 se crea. Esto significa que el sistema de flujo de trabajo puede utilizarse para controlar el proceso de creacin no slo de las pginas, elementos de contenido de pgina o elementos de noticias, sino de cualquier elemento!

Iniciando - 117

Obviamente algunas tablas son ms interesantes que otras en este contexto pero el principio se aplica a todas.

La Pgina bosquejo
El siguiente principio importante es la "Draft Page" (pagina de anteproyecto o de bosquejo (n 3). La carpeta de sistema sysFolder "News items draft page" (pgina bosquejo de elementos de noticias) se crea como un repositorio seguro de donde el usuario "news" puede realizar sus creaciones sin peligro. El sysFolder trabaja como una pgina de anteproyecto. Cuando el usuario "news" establece el estado "Begin task now" (iniciar tarea) el elementos de noticias adjunto a la tarea se crea automticamente en esta carpeta.

El elemento de noticias se conserva en esta carpeta hasta que el proceso de trabajo finaliza y lo aprueba el remitente luego se elimina del directorio y se inserta dentro de la pgina "News" ( tal y como lo indica el campo "Move to page when finalizing"; mover a pgina cuando se finaliza, n 6).

Grupos destino y revisin de usuarios


Entre la pgina bosquejo y la pgina final (Draft page y "Final page") encontrar la configuracin de los campos "permissions" (permisos) para el flujo de trabajo. En "Target groups for workflow" (grupos destinos para el flujo de trabajo) se puede especificar los usuarios que recibirn la tarea para crear el elemento. En ste caso slo aqullos usuarios que son miembros del grupo "News editor" recibe en la tarea. El flujo de trabajo aqu es sencillo "[Editor] -> [Autor] -> [Editor]". En algunos casos se puede incluir a un tercero. El flujo de trabajo podra ser entonces "[Editor] -> [Autor] -> [Revisor] -> [Editor]". Si se es su caso, deber crear una relacin al revisor utilizando el campo n 5. Finalmente, el campo "Unhide when finalizing" (mostrar al finalizar) indica que se mostrar el elemento cuando se termina la tarea. Olvidamos algo? Ah, s, no hemos discutido el campo "Groups allowed to assign workflow" (grupos que pueden asignar un flujo de trabajo). Dejemos que el pequeo icono "?" hable por s mismo:

Iniciando - 118

Slo recuerde...

Requisitos
Para que este flujo de trabajo funcione en trminos de permisos para el usuario "news" requerir cumplir con ciertos requisitos.

El grupo de miembros
El usuario news" es miembro del grupo "News editor" (editores de noticias). Ese grupo tiene que la opcin "Access Lists" (lista de acceso) activa, tal como el grupo "GENERAL" que ya conocemos. Pero la configuracin, claro est, es diferente:

Cmo puede ver (imagen inferior) slo los mdulos Usuario y Centro de Tareas estn habilitados. La tabla de Noticias es la nica que se puede editar. As mismo, la opcin Allowed Excludefields (campos de exclusin permitidos) son seleccionados en relacin a la tabla News (noticias):

Los permisos de la pgina de bosquejo


Claro est que estos permisos deben estar configurados adecuadamente. En este caso, como estamos creando elementos de una pgina, podemos utilizar esta configuracin (vea la imagen inferior). El grupo "News editor" es el propio tallo y cuenta con los permisos necesarios para crear nuevos contenidos de pgina:
Iniciando - 119

Montar la base de datos


Requeriremos tambin montar la base de datos, an cuando no haya un rbol de pginas disponible para el usuario "news":

Esto se debe a que el sistema de permisos predefinidos de TYPO3 verificar si la pgina donde se crea el registro pertenece a la base de datos montada por el usuario.

Pendientes del flujo de trabajo


Contamos con una pequea lista de pendientes de desarrollo dentro del sistema de flujo de trabajo de TYPO3. La ms obvia es la necesidad de poder volver a reciclar los elementos existentes dentro de un nuevo flujo de trabajo. Esto an no es posible. Si esto cambia en un futuro, infrmenos para eliminar sta seccin... :-)

Iniciando - 120

A dnde ir a partir de aqu?


Bueno, esto concluye el tutor Gua Rpida. Probablemente se incluyeron ms temas de los debidos, pero esto no puede hacer dao puesto que con TYPO3 tendrn material para aprender todos los das durante los siguientes tres meses. Primero que nada mucho trabajo y nada de juego lleva al aburrimiento por lo que conviene que comience a jugar con TYPO3. Explrelo! Haga clic en todos los botones ahora que puede! Algn da tendr un sitio serio en produccin y no querr ponerse a experimentar con caractersticas que nunca antes utiliz verdad? No se retenga ahora.

Otras guas didcticas


Existen otras guas didcticas en las que puede aprender a usar an ms TYPO3: "Modern Template Building" (Creacin de plantillas modernas) es un tutor dividido en tres partes que consta de dos documentos. La Parte 1 es el siguiente paso lgico despus de haber terminado ste tutor. Las Partes 2 y 3 es para aquellos usuarios que ya tienen experiencia desarrollando con PHP. Tutor "GoLive" (nombre original) es una versin en miniatura del tutor "Modern Template Building". Usa el mismo enfoque utilizando un archivo HTML y le muestra cmo crear las distintas partes de la plantilla. Los tutores "Frames" y "References" (marcos y referencias) es la continuacin del tutor "GoLive". Fue de contra ms informacin acerca de temas para aquellos usuarios que no desarrollan (Usuarios/Administradores) en el popular tutor "Handbuch fr Redakteure" (manual del redactor) de Werner Altmann en alemn. Consiste en un manual de usuario acerca de la creacin, edicin, creacin de contenido, etc. Si usted es un desarrollador avispado y desea crear extensiones. puede intentar el tutor de Oliver Hofmann - Creating a basic extension (creando una extensin bsica). Karsten Hachmeister tiene tambin su popular guide (gua popular). Los documentos "Backend programming" y "Templates, TypoScript & beyond" (Programacin de la interfaz de administrador y Plantillas, secuencias de comandos y ms all) son tutores tcnicos que demuestran cmo integrar su propio cdigo PHP con TYPO3. Sin embargo, no realzan la arquitectura de extensiones de TYPO3.

Obteniendo ayuda
Requerir seguir este vnculo - listas de correo.

Referencias y manuales
Del otro lado del rbol de documentaciones de TYPO3 encontrar varias referencias y manuales. TSref - the indispensable "TypoScript bible" lista todas las propiedades del ncleo de los objetos de secuencias de comandos TypoScript. Para aquellas extensiones con mdulos requerir buscar la tabla de propiedades de sus respectivos documentos, no en TSref. TypoScript by Example la coleccin de ejemplos de TypoScript, mucho ms fcil comparada con TSref. Un enfoque mucho ms sencillo para aprender el funcionamiento interno de la creacin de poderosos mens grficos y otros objetos utilizando TypoScript. Inside TYPO3 es el manual del ncleo de TYPO3 para aquellos desarrolladores con amplia experiencia puesto que, contiene la descripcin a bajo nivel de los conceptos del ncleo de TYPO3. Un documento muy importante si requiere entender los principios de fondo.

El siguiente paso: Creando plantillas personalizadas


Por ltimo, pero no por ello menos importante: su siguiente paso! El captulo 2. Como crear sus propias plantillas personalizadas con TYPO3. La mayor parte de lo que queda por aprender de tutores y otros recursos para desarrolladores, es cmo disear sus propias plantillas. Como ya lo hemos mencionado varias veces, el siguiente paso consiste en consultar el tutor "Modern Template Building, Part 1". (Creacin de plantillas modernas). El tutor lo lleva de la mano a travs de un caso en el cual tres personas: un desarrollador, un diseador y un creador de contenido, crean un sitio Web. Le recomendamos consultarlo.

Gracias por leer hasta aqu y bienvenido a nuestra comunidad!

- Kasper Skrhj ...finalmente la ltima pgina en la noche de un mircoles.

Traducido al espaol por Emiliano Llano Daz.

Iniciando - 121