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 P erez Moreno Resumen ´ del proceso, de los datos e instrucciones necesarias que se llevaron a cabo El siguiente documento es la recopilaci on ´ ´ expuesta en este reporte abarca desde colocar el para poder poner en funcionamiento la p agina web. La informaci on ´ administrador de contenido en el servidor hasta el modelado final de la p agina 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 pr ´ ´ CFE, Instrumentaci ´ Instrumentaci on pr acticas profesionales E-mail:
[email protected]
´ 1.3 Marc Marco o te te´orico
´Indice Indice ´ Intr Introd oduc ucci cion ´ de la pagina ´ 1.1 Justificaci Justificaci´on web . . . . . . . . . . . . . . . . 1.2 1.2 Obje Objeti tiv vo gen gener eral al . . . . . . . . . . . . . . . . . . . . . . . . . 1.3 Marco Marco te teo´ ric rico . . . . . . . . . . . . . . . . . . . . . . . . . .
1
2
Desarrollo
1 1 1 1
1
2.1 2.1 Host Hostin ing g........ ...... ...... ..... ......2 ´ del hosting Creacion
2.2 2.2 CPANEL ANEL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 ´ y configuraci on ´ de la base de datos. Creacion
2.3 2.3 Admi Admini nist stra rado dorr de de cont conten enid idos os . . . . . . . . . . . . . . . . . 3 ´ del administrador de contenidos WordPress • Configuraci on Instalar WordPress con el cliente FTP
2.4 Modelado Modelado de la p´ pa´ gina . . . . . . . . . . . . . . . . . . . . 3 ´ igo HTML 2.5 2.5 Codi od HTML . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Referencias
5
´ 1. Introduccion ´ de la pagina ´ 1.1 Just Justificac ificaciion web Debido a la modernizaci on o´ n de la tecnolog´ tecnolog´ıa ıa que es fundamental en estos tiempos, se vio la necesidad de crear una pagina a´ gina web que permita a los ingenieros del ´ del ´area area de instrumentaci´ tacion o´ n y control utilizar los medios digitales que proporcionan algunos administradores de contenido para la disposicion o´ n de informaci´on on de dicha area. a´ rea.
1.2 Objeti Objetivo vo general general Fortalecer y facilitar la comunicaci´ comunicacion o´ n y tr´ trafico a´ fico de informacion o´ n del ´ del ´area area de instrumentaci instrumentaci´on ´ y control a trav´ traves e´ s del diseno ˜ de una p´agina agina web.
Para poder entender el proceso de creaci´ creacion o´ n de una p´ pagina a´ gina web es necesario tener noci on o´ n y conocimiento de los siguientes conceptos: maquina a´ quina inform´ informatia´ tiServidor WEB: Es un ordenador o m´ ca que est´ esta´ al “servicio” de otras m´ maquinas, a´ quinas, ordenadores o personas llamadas clientes y que le suministran a es´ tos, todo tipo de informaci on.
Alojamiento WEB: Es el servicio que provee a los usuarios de Internet un sistema para poder almacenar informaci´ informacion, o´ n, im´ imagenes, a´ genes, v´ v´ıdeo, ıdeo, o cualquier contenido accesible v´ v´ıa ıa web. DNS: son las siglas de Domain Name System. Es un sistema por el que se asocia una informaci on o´ n con un nombre de dominio. FTP: acr onimo o´ nimo 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 gesti on o´ n de contenidos: Un sistema de administraci on ´ de contenidos (Content Management Systems o CMS) es un software que se usa para facilitar la creaci´ creacion o´ n de sitios Web, ya sea en Internet o en una intranet. El CMS permite manejar de manera independiente independiente el contenido y el dise no. ˜
2. Desarrollo
´ Proyecto practicas profesionales: Pagina ´ web para la consulta del departamento de instrumentaci´on y control — 2/5
2.1 Hosting Para que una p´agina 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 seg´un el que elijamos podemos encontrar algunos con espacio m´as que suficiente para nuestra p´agina web.
´ del hosting 2.1.1 Creacion
Al ver los diferentes proveedores de hostings se eligi o´ 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 trav´es de cargas balanceadas.
Para ello, se accedi´o a l a p´agina web http://260mb.net/ index.php/hosting-gratis/registrar-cuenta
donde nos registramos y damos de alta.
Figura 2. Visualizaci´on 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 configuraci on ´ 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 contrase˜na.
Figura 1. Formulario para darte de alta en el hosting.
´ fue realiActo seguido se nos indicar´a que la activacion zada con ´exito y se nos enviar´a un correo electro´ nico con la informaci´on 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 contrase˜na son los que se necesitaran para modificar el archivo “wp-config.php” para la instalaci o´ n de WordPress (administrador de contenidos) en nuestra pagina web que se realizara m´as adelante.
2.2 CPANEL Una vez teniendo los datos de nuestro hosting se podr a´ tener acceso al panel de control, dentro del panel de control existen distintas ´areas. Podremos ver normalmente un ´area de informaci´on de la cuenta, un ´area de administrador de archivos y una tercera ´area con la que podremos acceder a las bases de datos.
Figura 3. Listado de las bases de datos en el hosting .
´ Proyecto practicas profesionales: Pagina ´ web para la consulta del departamento de instrumentaci´on y control — 3/5
2.3 Administrador de contenidos Al investigar los diferentes tipos de administrador de contenidos y ver que Wordpress es el m´as usado y te permite crear y desarrollar tu pa´ gina web de una manera profesional, sencilla y vistosa se opt´o por usarlo. ´ del administrador de contenidos Word2.3.1 Configuracion Press
Descargamos la u´ ltima versi´on de WordPress de su sitio oficial http://wordpress.org/download/ todos los archivos deber´an colocarse en el directorio ra´ız 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 p´agina Una vez que se realizo´ con ´exito todo el proceso para que nuestra p´agina web tuviera instalado el WordPress pasamos al modelado de nuestra p a´ gina. Las condiciones de la p a´ gina 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 est a´ ndar de las p a´ ginas web, se empez´o 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 modific o´ 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 conect´o al hosting introduciendo los siguientes datos:
Servidor: el que me proporciono el proveedor Port: 21. Usuario: el que me proporciono el proveedor de hosting. Contrase˜na: la que me proporciono el proveedor. Posteriormente so´ lo 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 situ´ ate en la carpeta del servidor donde quieras traspasar los archivos.
Figura 6. vista principal.
´ Proyecto practicas profesionales: Pagina ´ web para la consulta del departamento de instrumentaci´on y control — 4/5
La p´agina web tiene en la parte superior un men u´ de ´ con varias pesta˜nas las cuales nos llevaran a las navegacion otras vistas de la p´agina web como por ejemplo la informaci´on del taller as´ı como el apartado donde se podr a´ n 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: Pagina ´ web para la consulta del departamento de instrumentaci´on y control — 5/5
´ 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]
Dise˜nar su propia p´agina web Autor Lilian Hobbs Editor Marcombo, 1999 ISBN 8426712355, 9788426712356 N.º de p´aginas 206 p´aginas
[4]
Dispositivos y sistemas de comunicaci on ´ inal´ambrica Dr. Jos´e Manuel Rodr´ıguez Ascariz
[5]
ASP: active server pages ; programaci´on f ´acil de p´aginas, Web din´amicas Autores Christian Wenz, Christian Trennhaus, Andreas Kordwig Editor Marcombo, 2001 ISBN 8426713106, 9788426713100 N.º de p´aginas 384 p a´ ginas
[6]
Dise˜no b´a sico de p´a ginas web en HTML Internet / V´ertice Autor Equipo V´ertice Editor Editorial V e´ rtice, 2009 ISBN 8499310346, 9788499310343 N.º de p´aginas 200 p´aginas
[7]
Compendium HTML: con XHTML, DHTML, CSS, XML, XSL y WML ; libro de trabajo, obra de consulta, gu´ıa pr´actica Volumen 1308 de Gran libro Marcombo multimedia Autor G¨unter Born Editor Marcombo, 2001 ISBN 8426713084, 9788426713087 N.º de p´aginas 974 p a´ ginas
[8]
C´omo hacer tu propia p´agina web gratis Autor Jason Matthews Traducido por Miguel Segura Editor Babelcube Inc., 2015 ISBN 1633396398, 9781633396395 N.º de p´aginas 97 p´aginas