12325625991 2 manual de instalacion y habilitacion typo3

Upload: arocopa

Post on 14-Jul-2015

179 views

Category:

Documents


0 download

TRANSCRIPT

Universidad de La Frontera Instituto de Informtica Educativa

Manual

Instalacin y Habilitacin de TYPO3

h t t p : / / w w w . l a z o s . c [email protected] :: Telfono (56-45) 325252 :: Montevideo 0780, Temuco, Chile :: www.lazos.cl

ndice1. INTRODUCCIN ....................................................................................... 3 2. PRE-REQUISITOS PARA INSTALAR TYPO3 ......................................................... 4 2.1 Instalacin Apache versin 2.0 o superior ........................................... 4 2.2 Instalacin PHP............................................................................ 4 2.3 Instalacin MySql ......................................................................... 5 2.4 Configuracin Php.ini .................................................................... 5 2.4 Iniciacin de Servicios ................................................................... 6 3. INSTALACIN CMS TYPO3 ........................................................................... 7 3.1 Descarga de archivos para la Instalacin Typo3. ................................... 7 3. CONFIGURACIN BSICA .......................................................................- 11 -

2

1. INTRODUCCINTYPO3 se define dentro de los CMS (Content Management System) o gestor de contenidos, ya que es una herramienta especializada en la gestin de los contenidos que se publican en la Web. Esta herramienta cuenta con dos planos bsicos de visualizacin del sitio Web que se pueden gestionar: El frontend que consiste en la vista que va a tener un usuario que visita cualquier sitio Web visible en Internet y el backend que consiste en la vista que la herramienta ofrece para llevar a cabo la gestin o administracin del sitio Web. Dicha vista se accede a travs de un procedimiento de autenticacin, de modo que slo las personas autorizadas podrn acceder. Typo3 puede ser configurable, personalizable y ampliable con las propias utilidades que incorpora o mediante la instalacin de extensiones o funcionalidades realizadas para este gestor de contenido, adems podemos decir que es una aplicacin de software libre que se sustenta sobre la estructura LAMP, y que gracias a ello posibilita que exista un gran soporte y multitud de desarrollos paralelos concernientes a las extensiones y a la actualizacin o robustez de este. Una caracterstica a destacar sera el uso de un lenguaje propio denominado TypoScript, que tiene cierta similitud a los lenguajes orientados a objetos. Este lenguaje tiene por objeto realizar una configuracin ms exhaustiva del sitio Web. Por su estructura e incorporacin de su propio lenguaje hacen que typo3 tenga una cuerva de aprendizaje alta, por lo que se requiere de dedicacin y bastantes horas de estudio de la herramienta. En el presente documento se dar a conocer la instalacin, habilitacin y configuracin bsica para la construccin de un sitio en typo3.

3

2. PRE-REQUISITOS PARA INSTALAR TYPO3Al momento de realizar la instalacin de Fedora Core 5, puede instalar los paquetes apache, php y mysql que vienen con la distribucin. Las instalaciones se facilitan al ocupar el editor grafico Yumex; de lo contrario, siga los pasos siguientes:

2.1 Instalacin Apache versin 2.0 o superior1. Cambie al usuario root: [sitiotypo3@localhost ~]# su password: 2. Busque va repositorio yum, el paquete httpd. [root@localhost ~]# yum search httpd 3. Instale el paquete va repositorio yum: [root@localhost ~]# yum install httpd

2.2 Instalacin PHP1. Cambie al sper usuario root: [sitiotypo3@localhost ~]# su password: 2. Busque el paquete va repositorio yum. [root@localhost ~]# yum search php 3. Instale el paquete va repositorio yum. [root@localhost ~]# yum install php 4. Verifique la versin php. [root@localhost ~]# php --version

4

2.3 Instalacin MySql1. Cambie al sper usuario root: [sitiotypo3@localhost ~]# su password: 2. Buscar el paquete va repositorio yum. [root@localhost ~]# yum search mysql [root@localhost ~]# yum search mysql-server 3. Instale el paquete va repositorio yum: [root@localhost ~]# yum install mysql [root@localhost ~]# yum install mysql-server 4. Inicialice temporalmente el servidor mysql, con el fin de configurar el password de la cuenta del usuario root y posteriormente detenga el servicio mysql. [root@localhost ~]# /etc/init.d/ mysqld start [root@localhost ~]# /usr/local/mysql/bin/mysqladmin -u root password "clave" [root@localhost ~]# /etc/init.d/ mysqld stop

2.4 Configuracin Php.iniAl instalar los archivos bsicos para utilizar un servidor local, es necesario editar algunos valores del archivo de configuracin php.ini. Para realizarlo, siga las instrucciones siguientes. Edite el archivo php.ini: [sitiotypo3@localhost ~]# su password: [root@localhost ~]# vi /etc/php.ini Introduzca el siguiente texto. Presiones la tecla i para desbloquear el editor. .. memory_limit = 40M . allow_url_fopen = On .~ [INSERT]

Presionar la tecla ESC, luego :x y la tecla ENTER para salir.

5

2.4 Iniciacin de ServiciosCorresponde en esta seccin, iniciar los servicios de mysql y apache. Inicie el servicio mysql.

[root@localhost ~]# /etc/init.d/mysql start

Inicie el servicio Apache.

[root@localhost ~]# /etc/init.d/httpd start

6

3. INSTALACIN CMS TYPO33.1 Descarga de archivos para la Instalacin Typo3. Para descargar el dummy-4.0.1.tar.gz y typo3_src-4.0.1.tar.gz, vaya a www.typo3.org pgina oficial del Proyecto Typo3. Haga clic en la seccin download, y se desplegar una pgina con opciones para la descarga como muestra la Fig. 1.

Figura 1: Descarga de dummy y typo3_src desde pgina oficial Typo3.

1. Descargue y descomprima los archivos en /var/www/html: [sitiotypo3@localhost ~]# su password: [root@localhost ~] # cp typo3_src-4.0.1.tar.gz /var/www/html [root@localhost ~] # cp dummy-4.0.1.tar.gz /var/www/html [root@localhost ~] # cd /var/www/html [root@localhost html] # tar -xzvf typo3_src-4.0.1.tar.gz [root@localhost html] # tar -xzvf dummy-4.0.1.tar.gz [root@localhost html] # ln -sf /var/www/html/typo3_src-4.0.1/ dummy-4.0.1/typo3_src 2. Cambie los permisos y propietario. [root@localhost ~] # chmod -R 777 dummy-4.0.1 typo3_src-4.0.1 [root@localhost ~] # chown -R apache:apache dummy-4.0.1 typo3_src-4.0.1

7

3. El servicio mysql debe estar corriendo. Cree una base de datos mysql, una cuenta de usuario y password. [root@localhost ~]# mysql -u root -p password : mysql>create database typo3_sitiotypo3; mysql>GRANT ALL PRIVILEGES ON typo3_workflow.* TO portal_typo3@"localhost" IDENTIFIED BY 'typo3_portal_pass' WITH GRANT OPTION; mysql>exit; [root@localhost ~]# 4. Cambie el nombre de la carpeta dummy a sitiotypo3 o el nombre que se quiera para el sitio que esta creando. [root@localhost ~]# mv dummy-4.0.1 sitiotypo3 5. Abra un navegador y revise la pgina: http://localhost/sitiotypo3/typo3. Haga clic en Aceptar en la ventana con el mensaje de alerta que se despliega. 6. Siga los pasos de configuracin. Se solicita usuario y clave; dichos datos corresponden a los recin creados para la base MySql que se configuro (Fig. 2): Username: portal_typo3 Password: typo3_portal_pass

Figura 2: Nombre de usuario y clave de la base de datos typo3.

8

En la opcin So make sure this database is empty, seleccione la base de datos que se creo para este ejemplo typo3_sitiotypo3 (Fig. 3).

Figura 3: Seleccionar base de datos creadas para typo3.

Deje seleccionada la opcin que se encuentre por defecto en Please select a database dump; haga clic en el botn Import database (Fig. 4).

Figura 4: Importar base de datos typo3.

9

Una vez finalizada la instalacin, se despliega un mensaje de confirmacin, con las opciones de ir a backend, frontend o men de instalacin (Fig.5). Si desea ir a frontend, an no existe un template configurado por lo que mostrar un mensaje de error. Si desea ingresar a backend, debe ingresar en el Username: admin y el en el Password: password.

Figura 5: Fin de la instalacin y opciones de ingreso a typo3.

10

3. CONFIGURACIN BSICAAsegrese que los servicios de Apache, MySQL y Typo3 estn correctamente instalados. Cree un archivo con el cdigo que se muestra a continuacin; gurdelo con el nombre template.html en el directorio /fileadmin/template/site/template.html (sitio Web). En este caso el directorio utilizado fue /var/www/html/sitiotypo3/fileadmin/template/site. Este archivo ser necesario para construir el tmplate de nuestro sitio. TEMPLATE BASICO INSERTE AQUI SU LOGO

Ingrese al Backend del sitio typo3: http://localhost/sitiotypo3/typo3. La cuenta por defecto es: 1) Username: admin. 2) Password: password

Figura 6: Acceso a backend de typo3.

Cree una pgina para el home del sitio, para esto vaya al men de administracin del typo3, elija en el modulo Web el tems Functions. En el men desplegado a la derecha, haga clic derecho sobre New TYPO3 site y elija new (Fig. 7).

Figura 7: Crear nueva pgina que ser el home del sito que se esta creando.

En la pantalla que se despliega seleccione la opcin Page (Inside).

Figura 8: Seleccin para crear pgina para este caso seria el home del sitio.

- 12 -

En la ventana desplegada deshabilite el check Hide page, en la opcin Pagetitle escriba el nombre home y finalmente guarde la pgina, para esto haga clic en el icono disquete con una cruz (Fig. 9).

Figura 9: Crear pgina.

En el mdulo Web seleccione el tems Functions; haga clic sobre la pgina home previamente creada, en la pantalla que se despliega en la seccin CREATE MULTIPLE PAGES en cada cuadro de texto ingrese el nombre de las pginas que desee crear, para este ejemplo se ingresarn tres sub-pginas (login, menu1, menu2) y finalmente presione el botn Create pages (Fig. 10).

Figura 10: Crear mltiples pgina que darn origen al men del sitio.

- 13 -

Una vez creadas las pginas, en el modulo Web del men de typo3, seleccione Template y haga clic en la pgina home, luego en la ventana que se despliega haga clic en la opcin Create template for a new site (Fig. 11).

Figura 11: Crear template al sitio.

En la ventana que se despliega, haga clic en New Site Si se despliega la imagen de la figura 12.

Figura 12: Agregar nuevo template al sitio.

- 14 -

Si la imagen desplegada es distinta a la figura 12, busque la opcin Click here to edit whole template record y haga clic sobre ella (Fig. 13).

Figura 13: Editar template record de typo3.

Luego se despliega la ventana que muestra la figura 14.

Figura 14: Formulario para el ingreso del contenido para crear el template.

- 15 -

En la seccin Setup ingrese el siguiente cdigo typoscript. Recuerde el archivo template.html que se creo, el est en relacin directa con este cdigo. config.admPanel =0 # PAGE subnavigation temp.subnavigation_html = HMENU temp.subnavigation_html.entryLevel = 0 temp.subnavigation_html.1 = TMENU temp.subnavigation_html.1.wrap = | temp.subnavigation_html.1 { expAll = 1 NO { linkWrap = | allWrap = | } ACT < .NO ACT = 1 } # Default PAGE object: page = PAGE page.typeNum = 0 page.bodyTagMargins = 0 page.noLinkUnderlune = 0 page.10 = TEMPLATE page.10 { template = FILE template.file = fileadmin/template/site/template.html workOnSubpart = DOCUMENT_BODY subparts.CONTENT = TEXT subparts.CONTENT < styles.content.get subparts.CONTENT.wrap = | subparts.NAVIGATION = TEXT subparts.NAVIGATION < temp.subnavigation_html subparts.RIGHT = TEXT subparts.RIGHT < styles.content.getRight } plugin.tx_fileupload_pi1.FEuserHomePath.field = username plugin.tx_fileupload_pi1.path = fileadmin/home plugin.tx_vcdarchive_pi1.editorGroup = 15 plugin.tx_vcdarchive_pi1.language = es

- 16 -

Luego de ingresar el cdigo quedara como muestra la figura 15.

Figura 15: Ingreso cdigo typoscript para crear el template del sitio.

En la misma pantalla de trabajo en la seccin Include static, seleccione Css styled content (css_styles_content) (Fig. 16).

Figura 16: Seleccionar el estilo que viene con typo3.

Limpie el cache de typo3; para esto haga clic en las opciones del men de administracin en el modulo Admin Functions en las siguientes opciones (Fig. 17): Clear cache in typo3conf Clear FE CACHE Obs.: Se recomienda hacer esto cada vez que se realice una accin dentro del backend de typo3 para que se vean reflejado los cambios realizados por backend en el frontend del sitio.

Figura 17: Limpiar cache de typo3.

- 17 -

Para poder tener una vista mas amplia del contenido de una pgina o la estructura de esta debe hacer los siguiente: Haga clic en el men de administracin, en el modulo Web seleccione list luego en el rbol de pgina seleccione home. Luego seleccione las opciones que se indican a continuacin (Fig. 18): Extended view. Show Clipboard. Localization View.

Figura 18: Vista ampliada del contenido u estructura de la pgina.

- 18 -