• No se han encontrado resultados

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

N/A
N/A
Protected

Academic year: 2021

Share "UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN"

Copied!
14
0
0

Texto completo

(1)

UNIVERSIDAD DON BOSCO

FACULTAD DE ESTUDIOS TECNOLÓGICOS

ESCUELA DE COMPUTACIÓN

CICLO: 02/2015

GUIA DE LABORATORIO #5

Nombre de la Práctica: Instalación y creación de sitios con WordPress Lugar de Ejecución: Centro de cómputo

Tiempo Estimado: 1 hora con 40 minutos

Asignatura: Desarrollo de Aplicaciones Web con Gestores de Contenidos Docentes: Blanca Iris Cañas/Rebeca Benítez/Manuel Guandique

I. OBJETIVOS

En esta guía de práctica se pretende que el estudiante sea capaz de:

1. Obtener el paquete instalador de WordPress en los sitios oficiales del programa. 2. Instalar y configurar WordPress localmente y en un servidor web en línea. 3. Personalizar el sitio web creado con WordPress.

4. Utilizar con facilidad el tablero de controles (escritorio) para la administración del sitio web.

II. INTRODUCCIÓN TEÓRICA

WordPress es un sistema de gestión de contenido o CMS (por sus siglas en inglés, Content Management System) enfocado a la creación de blogs (sitios web periódicamente actualizados). Ha sido desarrollado en PHP para entornos que ejecuten MySQL y Apache, bajo licencia GPL y código modificable, y su fundador es Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS más popular de la blogosfera y en el más popular con respecto a cualquier otro CMS de aplicación general. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características como gestor de contenidos.

Otro motivo a considerar sobre su éxito y extensión es la enorme comunidad de desarrolladores y diseñadores, encargados de desarrollarlo en general o crear complementos y temas para la comunidad. En agosto de 2013 era usado por el 18,9% de todos los sitios existentes en internet. WordPress nació del deseo de construir un sistema de publicación personal, elegante y con una buena arquitectura. Basado en PHP, MySQL y con licencia GPL, WordPress pone especial atención a la estética, estándares web y usabilidad.

En principio, está configurado para usar un blog por sitio o instalación, pero también es posible tener varios blogs con varias o una única base de datos desde la versión 3.0.

III. MATERIALES Y EQUIPO

Para la realización de la guía de práctica se requerirá lo siguiente:

No. Requerimiento Cantidad

(2)

IV. PROCEDIMIENTO

Ejercicio #1: Instalación de WordPress

1. Descargar el archivo del paquete WordPress desde el sitio web oficial de WordPress (www.wordpress.org) y guardarlo en alguna carpeta en el disco fijo de su computadora.

Figura 1. Sitio web oficial de WordPress.

2. Extraer los archivos del paquete de WordPress seleccionado en la carpeta web del servidor. En el caso de Wamp, esa carpeta es www.

Figura 2. Extracción de archivos del paquete de instalación.

3. Espere a que finalice el proceso de extracción del archivo comprimido del WordPress.

4. Verificar que se ha extraído el paquete con la creación de la carpeta WordPress dentro de la carpeta web.

Figura 3. Paquete de instalación de WordPress dentro de carpeta web.

5. En el navegador de su preferencia ingrese la dirección http://localhost/wordpress. Puede ocurrir que en la primera pantalla que se cargue en el navegador se muestre un listado de idiomas de los cuales habrá que elegir uno para realizar la instalación en dicho idioma, si esta pantalla no se presenta, la instalación se realizará por defecto en inglés.

(3)

Figura 4. Selección de idioma de instalación.

6. Leer las indicaciones para continuar con la creación del archivo de configuración wp-config.php con el instalador de WordPress y luego dar clic en el botón ¡Vamos a ello!

Figura 5. Verificación de las direcciones solicitadas.

7. Proporcionar los datos necesarios para crear la base de datos necesaria para utilizar WordPress presionando el botón Enviar. Los datos a ingresar en esta parte son los siguientes:

 Nombre de la base de datos: wpudb

 Nombre de usuario: root (es el usuario por defecto de MySQL en Wamp)

 Contraseña: vacía (por defecto para el usuario root no hay contraseña establecida)  Servidor de la base de datos: localhost

(4)

Figura 6. Ingresar los datos del nombre de la base de datos, el nombre de usuario de MySQL, La contraseña, el host de la base de datos y el prefijo que utilizará para las tablas.

En este paso, puede ocurrir que se obtenga un mensaje que indique que no pudo seleccionarse la base de datos indicada:

Figura 7. Pantalla de error en la selección de la base de datos.

Para solucionar lo anterior, lo que hay que hacer es crear la base de datos haciendo uso de la consola de MySQL o de alguna interfaz gráfica para MySQL como phpMyAdmin y posteriormente presionar el botón Inténtalo de nuevo.

8. Si todo va bien, tendría que indicarse que todo ha sido correcto y presionar el botón Ejecutar la instalación.

(5)

9. Proporcione la información de configuración del sitio web WordPress que acaba de instalar, llenando cada uno de los campos de formulario que se muestran a continuación y dando clic en el botón Instalar WordPress.

Figura 9. Ingreso de la información de configuración de la cuenta de administrador del sitio web.

10. Si la instalación se llevó a cabo correctamente deberá llegar a la siguiente página, en donde tendrá que presionar el botón Acceder para ingresar el usuario y contraseña que se ha escogido en el paso anterior.

Figura 10. Presionar el botón acceder para ingresar al sitio web WordPress.

11. Ingresar el usuario y contraseña para acceder al área de administración (Escritorio) de WordPress.

(6)

Figura 11. Ingresar el usuario y contraseña para acceder al área administrativa de WordPress. 12. Observe el tablero de controles o Escritorio (Dashboard) de WordPress.

Figura 12. Escritorio (Dashboard), back-end en WordPress. Ejercicio #2: Personalización del sitio web

1. Primero ingresemos al front-end del sitio y observemos el diseño que WordPress brinda por defecto identificando cada una de las partes de la página.

(7)

2. Ingresar al tablero de administración (Escritorio o Dashboard) de WordPress. Para ello, debe digitar en la barra de direcciones del navegador lo siguiente: http://localhost/wordpress/wp-admin.

3. En el tablero (Escritorio o Dashboard) de WordPress presione el botón Personaliza tu sitio (Customize Your Site)

4. En el panel de la izquierda observar las distintas pestañas que se utilizan para poder personalizar el sitio web.

5. Procede a cambiar el tema activo, eligiendo el tema Twenty Thirteen del listado mostrado, siendo éste el tema predeterminado para la versión anterior de WordPress.

(8)

6. De clic en la pestaña Identidad del sitio, para poder personalizar el título y la descripción corta del sitio web.

(9)

7. Seleccione un color para el texto con el selector de color en la pestaña Colores (Colors).

8. Seleccione la imagen que desea que aparezca en el encabezado del sitio. Tiene que escoger entre las tres imágenes propuestas por WordPress en la ficha Imagen de cabecera (Header Image).

(10)

9. Establezca en la pestaña Portada estática la opción Tus últimas entradas como forma de presentación de la página de inicio del sitio (portada). Realmente, esta es la opción que viene seleccionada de forma predeterminada. La otra opción es Una página estática, que no utilizaremos.

10. Presione el botón Guardar y Publicar (Save & Publish) en el panel de la izquierda para guardar los cambios realizados.

11. Ingrese a la página de inicio (portada) del sitio web usando el navegador de su preferencia. Ejercicio #3: Edición de la entrada predeterminada.

1. Dentro del tablero de controles (Escritorio o Dashboard) haga clic sobre la opción Entradas→Todas las entradas (PostsAll Posts) en el menú de la parte izquierda.

(11)

2. Hacer clic en Editar (Edit) debajo del título de la entrada. En este momento la única entrada es ¡Hola Mundo! (Hello world).

3. Cuando cargue el contenido de la entrada, cambiar el título ¡Hola Mundo! (Hello world) por Facultad de Estudios Tecnológicos y en el texto de la entrada borrar el que aparezca y digitar en su lugar lo siguiente:

La Facultad de Estudios Tecnológicos forma parte del conjunto de Facultades que conforman la Universidad Don Bosco y mantiene en su oferta académica siete carreras, con características muy peculiares que la hacen ser una opción muy conveniente para aquellos que desean obtener una titulación universitaria en tiempo relativamente corto e incorporarse al mundo laboral para desarrollar y aplicar los conocimientos, habilidades y destrezas adquiridos en su formación técnica. Es importante mencionar que la carga académica en estas carreras se distribuye de la siguiente forma: formación teórica: 40% y formación práctica: 60%. De esta manera, los estudiantes tienen más horas de trabajo en talleres y laboratorios, en los cuales aprenden a aplicar los conocimientos teóricos que le son transmitidos por el cuerpo de docentes altamente calificados que posee la Universidad.

Las características principales de la Facultad de Estudios Tecnológicos son:

Carreras de corta duración. Las carreras técnicas tienen una duración de 4 ciclos académicos (dos años).

Rápida inserción laboral. Por el diseño curricular de las carreras. El egresado del técnico tiene la oportunidad de insertarse laboralmente dentro de su campo de trabajo y contribuir al desarrollo del país.

Capacitación técnica de alto nivel. Contar con talleres y laboratorios equipados con tecnología de punta, desarrollan en el profesional habilidades productivas en cada área de trabajo, conformando una ventaja para su inserción laboral, ya que las prácticas se hacen en equipos a escala real. Carrera con pertinencia al desarrollo nacional del país. Los planes de estudio se han desarrollado en consulta con los sectores productivos del país, para dar respuesta a la demanda laboral de las empresas contratantes.

Conveniencia de horarios. Algunas de las carreras se ofrecen en dos jornadas de estudio: matutino (de 7 am. a 1 pm. de lunes a viernes) y vespertino-nocturno (de 4 a 8 pm. de lunes a viernes y sábado de 1 a 5 pm.). Esto da oportunidad, a aquellos alumnos que trabajan, de continuar una carrera universitaria de mucho futuro.

Está conformada por tres coordinaciones, que son: Coordinación de Biomédica y Electrónica.

Coordinación de Eléctrica y Mecánica. Coordinación de Computación.

4. El resultado debe ser como se muestra a continuación. Dentro de este contenido, después del primer párrafo crear un espacio para insertar una imagen al contenido, presionando el botón

(12)

5. En la página Insertar multimedia (Insert Media) presionar el botón Selecciona archivos (Select Files) para buscar el archivo de imagen a utilizar en la entrada. Tenga en cuenta el tamaño máximo del archivo que se puede adjuntar (8MB).

6. Seleccione la imagen de su disco a subir e insertar dentro de la entrada.

7. Al presionar el botón Abrir podrá visualizar la imagen seleccionada en el servidor y en la página previa Insertar multimedia. Presione el botón Insertar en la entrada (Insert Into Post) luego de haber ingresado toda la información de la imagen, que puede ver a continuación.

(13)

8. Seleccione la imagen y céntrela con los botones de la barra de herramientas del editor WYSIWYG.

9. Actualice la entrada con el botón Actualizar (Update) y visualice en la página de portada el resultado.

(14)

V. DISCUSIÓN DE RESULTADOS

1) Elimine la base de datos y los archivos de WordPress del servidor local.

2) Repita el proceso de instalación en su servidor local con la versión en español de WordPress. 3) Enviar en un documento PDF con sus datos y con las capturas de pantallas y descripciones

correspondientes que evidencien los resultados obtenidos en esta parte de la práctica.

VI. INVESTIGACIÓN COMPLEMENTARIA

1) Cree una cuenta dentro del servidor web en español (https://es.wordpress.com/) que WordPress ofrece a sus usuarios bajo el subdominio www.misitio.wordpress.com, donde en lugar de misitio usted deberá colocar su número de carnet, y ese será el subdominio que permitirá el acceso a su sitio web. Luego, deberá de crear un manual de instalación de WordPress bajo este servidor gratuito. El documento deberá estar bien estructurado, apoyándose de las respectivas capturas de pantallas y descripciones de los pasos que ilustren el proceso que siguió para la creación de su sitio. Enviar el resultado final en formato PDF con sus datos personales y con el enlace que permitirá a su docente de laboratorio tener acceso al sitio web en línea creado.

Referencias

Documento similar

En primer lugar, se va a realizar el contraste de Chow para concluir si hay cambio estructural desde el segundo trimestre de 2009, lo que nos indicará si

De non ser así, as facturas non poderán tramitarse para o pago, e a USC, a través do responsable de asuntos económicos do centro da USC que solicitou os seus servicios Rexeitará

[r]

[r]

SECUNDARIA COMPRENDE LOS

[r]

Este fichero sirve como información auxiliar para relacionar el código hash asignado al id y al nombre de usuario de cada usuario registrado en el

Asegurar una calidad mínima en los datos es una de las tareas más difíciles de conseguir para los organismos públicos cuyo objetivo es publicar datos lo más rápidamente posible