CFE

y control, febrero - Agosto 2015.

Instrumentacion

Proyecto practicas
profesionales:

Pagina
web para la consulta del departamento de
y control
instrumentacion
Practicante: Pineda Molina Christopher Isaac

Responsable directo del desarrollo del proyecto: Ing. Martin Alberto Perez
Moreno
Resumen
del proceso, de los datos e instrucciones necesarias que se llevaron a cabo
El siguiente documento es la recopilacion

expuesta en este reporte abarca desde colocar el

para poder poner en funcionamiento la pagina
web. La informacion

administrador de contenido en el servidor hasta el modelado final de la pagina

web.
Keywords

Html, servidor, pagina

web, administrador de contenido, base de datos, ftps, php, hosting, cfe, unidad 3, unidad 4.
y control, Reporte del proyecto para las practicas

CFE, Instrumentacion
profesionales
E-mail:cristo.pineda@hotmail.com

Indice
1
1.1
1.2
1.3

Introduccion
1
de la pagina

Justificacion
web . . . . . . . . . . . . . . . . 1
Objetivo general . . . . . . . . . . . . . . . . . . . . . . . . . 1

Marco teorico
.......................... 1

2 Desarrollo
1
2.1 Hosting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
del hosting
Creacion

2.2 CPANEL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
y configuracion
de la base de datos.
Creacion

2.3 Administrador de contenidos . . . . . . . . . . . . . . . . . 3

del administrador de contenidos WordPress
Configuracion
Instalar WordPress con el cliente FTP

2.4 Modelado de la pagina

....................3

2.5 Codigo
HTML . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Referencias

1. Introduccion
de la pagina

1.1 Justificacion
web
Debido a la modernizacion de la tecnologa que es fundamental en estos tiempos, se vio la necesidad de crear una
pagina web que permita a los ingenieros del a rea de instrumentacion y control utilizar los medios digitales que proporcionan
algunos administradores de contenido para la disposicion de
informacion de dicha a rea.
1.2 Objetivo general
Fortalecer y facilitar la comunicacion y trafico de informacion del a rea de instrumentacion y control a traves del diseno
de una pagina web.

1.3 Marco teorico

Para poder entender el proceso de creacion de una pagina
web es necesario tener nocion y conocimiento de los siguientes conceptos:
Servidor WEB: Es un ordenador o maquina informatica que esta al servicio de otras maquinas, ordenadores
o personas llamadas clientes y que le suministran a estos, todo tipo de informacion.
Alojamiento WEB: Es el servicio que provee a los
usuarios de Internet un sistema para poder almacenar
informacion, imagenes, vdeo, o cualquier contenido
accesible va web.
DNS: son las siglas de Domain Name System. Es un
sistema por el que se asocia una informacion con un
nombre de dominio.
FTP: acronimo de File Transfer Protocol o Protocolo
de transferencia de archivos. Es un protocolo utilizado
para la transferencia de archivos entre un cliente y un
servidor, permitiendo al cliente descargar el archivo desde el servidor o al servidor recibir un archivo enviado
desde un cliente.
Sistema de gestion de contenidos: Un sistema de administracion de contenidos (Content Management Systems o CMS) es un software que se usa para facilitar la
creacion de sitios Web, ya sea en Internet o en una intranet. El CMS permite manejar de manera independiente
el contenido y el diseno.

2. Desarrollo


Proyecto practicas
profesionales:

y control 2/5
Pagina
web para la consulta del departamento de instrumentacion

2.1 Hosting
Para que una pagina web funcione se necesita un lugar
donde alojarla, esto lo puede ofrecer un servidor de Hosting.
La principal ventaja de los hosting gratuitos o propios es que
no se debe de pagar nada para poder usarlos ya que son gratis y
segun el que elijamos podemos encontrar algunos con espacio
mas que suficiente para nuestra pagina web.

del hosting
2.1.1 Creacion

Al ver los diferentes proveedores de hostings se eligio el

de 260MB.net ya que ofrece gratis FTP, PHP 5, MySQL aparte de que administran y mantienen su propia red de hosting
agrupada a traves de cargas balanceadas.
Para ello, se accedio a la pagina web http://260mb.net/
index.php/hosting-gratis/registrar-cuenta
donde nos registramos y damos de alta.

Figura 2. Visualizacion del CPANEL.

En el CPANEL se administrara elementos como:
Crear cuentas y listas de correo
Crear cuentas ftp
Instalar scripts
Administrar las bases de datos
Administrar archivos
Revisar los registros
y configuracion
de la base de datos.
2.2.1 Creacion

Dentro de CPANEL en el apartado Bases de Datos MySQL.

Llenamos un formulario donde se ingreso un nombre para la
base de datos, un usuario para la base de datos y una contrasena.
Figura 1. Formulario para darte de alta en el hosting.

Acto seguido se nos indicara que la activacion fue realizada con e xito y se nos enviara un correo electronico con la
informacion detallada de nuestros datos de acceso.

AL llenar esos datos creara una lista de las bases de datos

creadas donde se puede observar: Bases de datos MySQL,
Usuario MySQL y Host MySQL. Estos 3 datos y la contrasena son los que se necesitaran para modificar el archivo
wp-config.php para la instalacion de WordPress (administrador de contenidos) en nuestra pagina web que se realizara
mas adelante.

2.2 CPANEL
Una vez teniendo los datos de nuestro hosting se podra
tener acceso al panel de control, dentro del panel de control
existen distintas a reas. Podremos ver normalmente un a rea de
informacion de la cuenta, un a rea de administrador de archivos
y una tercera a rea con la que podremos acceder a las bases de
datos.

Figura 3. Listado de las bases de datos en el hosting .


Proyecto practicas
profesionales:

y control 3/5
Pagina
web para la consulta del departamento de instrumentacion

2.3 Administrador de contenidos

Al investigar los diferentes tipos de administrador de contenidos y ver que Wordpress es el mas usado y te permite
crear y desarrollar tu pagina web de una manera profesional,
sencilla y vistosa se opto por usarlo.
del administrador de contenidos Word2.3.1 Configuracion
Press

Descargamos la u ltima version de WordPress de su sitio oficial http://wordpress.org/download/ todos los archivos
deberan colocarse en el directorio raz del servidor o en su
defecto la carpeta que el distribuidor del servicio de hosting
indico que debe ir el administrador de contenido que en este
caso fue la public.

Figura 5. Software FTPS.

2.4 Modelado de la pagina

Una vez que se realizo con e xito todo el proceso para que
nuestra pagina web tuviera instalado el WordPress pasamos
al modelado de nuestra pagina.
Las condiciones de la pagina web eran que fuera sencilla,
vistosa y se pudieran subir los archivos de los libros de la
unidad 3 y 4.
Por ese motivo y siguiendo el modelado estandar de las paginas web, se empezo por poner como vista principal el logotipo
de la empresa (CFE) y la leyenda legal de dicha web.

Figura 4. WordPress.

Dentro de los archivos descomprimidos se modifico el

archivo wp-config-sample.php a wp-config.php
2.3.2 Instalar WordPress con el cliente FTP

Con el software especializado FTPS se conecto al hosting

introduciendo los siguientes datos:
Servidor: el que me proporciono el proveedor Port: 21.
Usuario: el que me proporciono el proveedor de hosting.
Contrasena: la que me proporciono el proveedor.
Posteriormente solo se escogieron los archivos y carpetas de
WordPress y con el software se transmitieron.
La pantalla del cliente FTP se divide en dos mitades: la de la
izquierda muestra el contenido de tu PC, la de la derecha el
del servidor. Primero situate en la carpeta del servidor donde
quieras traspasar los archivos.

Figura 6. vista principal.


Proyecto practicas
profesionales:

y control 4/5
Pagina
web para la consulta del departamento de instrumentacion

La pagina web tiene en la parte superior un menu de

navegacion con varias pestanas las cuales nos llevaran a las
otras vistas de la pagina web como por ejemplo la informacion
del taller as como el apartado donde se podran subir los
archivos que se requieran de los libros de las unidades 3 y 4.

Figura 7. Apartado para subir archivos unidad 3 y 4.

Figura 8. Apartado Acerca de.


Proyecto practicas
profesionales:

y control 5/5
Pagina
web para la consulta del departamento de instrumentacion

2.5 Codigo
HTML

Figura 9. Codigo HTML.

Referencias
[1]

http://www.gianoliveira.com/wordpress-de-local-aremoto.html

[2]

http://instalar-wordpress.com/

[3]

Disenar su propia pagina web

Autor Lilian Hobbs
Editor Marcombo, 1999
ISBN 8426712355, 9788426712356
N. de paginas 206 paginas

[4]

Dispositivos y sistemas de comunicacion inalambrica

Dr. Jose Manuel Rodrguez Ascariz

[5]

ASP: active server pages ; programacion facil de paginas,

Web dinamicas
Autores Christian Wenz, Christian Trennhaus, Andreas
Kordwig
Editor Marcombo, 2001
ISBN 8426713106, 9788426713100
N. de paginas 384 paginas

[6]

Diseno basico de paginas web en HTML Internet / Vertice

Autor Equipo Vertice
Editor Editorial Vertice, 2009
ISBN 8499310346, 9788499310343
N. de paginas 200 paginas

[7]

Compendium HTML: con XHTML, DHTML, CSS,

XML, XSL y WML ; libro de trabajo, obra de consulta,
gua practica
Volumen 1308 de Gran libro Marcombo multimedia
Autor Gunter Born
Editor Marcombo, 2001
ISBN 8426713084, 9788426713087
N. de paginas 974 paginas

[8]

Como hacer tu propia pagina web gratis

Autor Jason Matthews
Traducido por Miguel Segura
Editor Babelcube Inc., 2015
ISBN 1633396398, 9781633396395
N. de paginas 97 paginas