UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS …Guía #1: Adquisición de servicio webhosting gratuito...

Administración de Contenidos en Internet 1 / 21

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS

ESCUELA DE COMPUTACIÓN

CICLO: 02/2013

GGUUIIAA DDEE LLAABBOORRAATTOORRIIOO ##11 Nombre de la Práctica: Adquisición de servicio webhosting Lugar de Ejecución: Centro de cómputo Tiempo Estimado: 2 horas con 30 minutos MATERIA: Administración de Contenidos en Internet DOCENTES: Téc. Hugo Ernesto Dimas / Ing. Ricardo Ernesto Elías

I. OBJETIVOS En esta guía de práctica se pretende: 1. Determinar el servicio de webhosting apropiado a las necesidades. 2. Desarrollar habilidad en la configuración y mantenimiento de un websosting. 3. Visualizar la diferencia entre espacio de almacenamiento y nombre de dominio. 4. Estar en capacidad de subir un sitio web con las herramientas de administración brindadas por un servicio de webhosting. 5. Utilizar un cliente FTP y demostrar capacidad y habilidad para configurarlo.

II. INTRODUCCIÓN TEÓRICA Definición de webhosting En la actualidad el alojamiento web (webhosting) es visto como un servicio en Internet que brinda la posibilidad de almacenar información que puede ser desde una página web, hasta imágenes, vídeos, documentos y cualquier otro recurso que sea accesible vía web. El propósito de adquirir un servicio de webhosting es lograr que un sitio web esté disponible de forma permanente en Internet. Para ello es necesario que la información del sitio esté alojada en un servidor web que permanezca conectado a Internet en todo momento y la obtención de un nombre de dominio.

Tipos de webhosting Los servicios de webhosting se suelen clasificar atendiendo al tipo de servicio y al costo del servicio prestado: � Alojamiento gratuito. � Alojamiento compartido. � Servidor virtual. � Servidor dedicado. � Alojamiento de archivos. Nombres de dominio El nombre de dominio es el nombre que identifica a un sitio web, viene a ser algo así como la marca del sitio web, que será única en todo el Internet. El propósito principal de los nombres de dominio y del sistema de nombres de dominio en Internet es traducir las direcciones IP de cada nodo activo en la red a palabras fácilmente memorizables y fáciles de recordar. Gracias al sistema de nombres de dominio no es necesario ingresar direcciones IP en la barra de direcciones de un navegador.

Guía #1: Adquisición de servicio webhosting gratuito

Administración de Contenidos en Internet 2

Seleccionar el servicio de webhosting apropiado a las necesidades Antes de pagar un centavo por el servicio de webhosting es conveniente examinar diferentes posibilidades, lo que significa que debe dedicar algún tiempo, que puede llevarle horas, días o semanas para evaluar las características que le ofrece cada alternativa de alojamiento web, incluyendo las gratuitas y las de pago. Generalmente, si está conociendo por primera vez el tema del alojamiento web para comprender cómo funciona la administración de sitios web en línea, lo mejor es hacerlo con un servicio de webhosting gratuito, aunque esto puede significar que no pueda escoger su propio nombre de dominio. Si el caso es que usted ha sido contratado como desarrollador de una empresa o negocio para desarrollar el sitio web de ésta, lo mejor es que de una sola vez adquiera el nombre de dominio para la empresa y adquiera el servicio de webhosting de pago, o un servidor virtual o uno dedicado. Esto lo determinará el tamaño y características del negocio. Características a evaluar del servicio de webhosting Las características que deben evaluarse de un servicio de webhosting antes de contratarlo deben ser por lo menos los siguientes, para el caso de necesitar soporte para una apliación web del lado del servidor con acceso a datos:

• Servicio de nombre de dominio no amarrado al servicio de webhosting. • Espacio de almacenamiento.

• Servicio de correo electrónico. • Soporte para bases de datos. • Número de bases de datos que se pueden crear.

• Soporte para lenguajes del lado del servidor.

• Servicio FTP para administración remota del sitio web. • Soporte de solución de problemas las 24 horas del día, todos los días del año.

Administración de un sitio web usando FTP Un sitio web que se aloja en un servidor en Internet puede ser administrado en el propio servidor o remotamente. Para administrar el sitio en el propio servidor es necesario utilizar un panel de control proporcionado por el proveedor del servicio de webhosting. Esto tiene algunas desventajas, como el hecho que tiene que estar conectado a Internet en todo momento que intente editar un script en el servidor y guardarlo. En el caso de utilizar un cliente FTP, sólo necesitará conectarse en dos momentos, cuando descargue los archivos del servidor y cuando intente actualizar archivos que se han editado localmente en el servidor. Uno



de los programas FTP clientes más utilizados es el FileZilla. Con este cliente FTP instalado en la computadora se puede administrar un sitio web de forma remota. Configuración de un sitio web para administrarlo vía FTP Para configurar un sitio web remoto en el FileZilla, primero ejecuta el programa desde el botón Inicio del Windows XP, Vista o Windows 7. Al iniciar el FileZilla, lo primero que debería hacer es configurar el sitio web que va a administrar. Esto se hace desde el menú Archivo en la opción Gestor de sitios… En el cuadro de diálogo Gestor de sitios puede dar clic en el botón Nuevo sitio para iniciar la configuración de un nuevo sitio:

Al dar clic en el botón Nuevo sitio aparecerá un nuevo icono en la sección Seleccione el sitio del diálogo, justo debajo de la carpeta raíz Mis sitios. Estos sitios representan carpetas locales en el disco de la computadora donde está instalado el cliente FTP.



Es necesario establecer el servidor, el puerto, que por defecto es el puerto 21 (o 2121), el protocolo, el modo de acceso y el usuario y la contraseña, en caso de que no elija el modo de acceso anónimo. Este usuario y contraseña le debe ser proporcionado en el servicio de webhosting en el que se registró o que contrató.

Si la configuración es exitosa, al hacer clic en el botón Conectar debería obtener el siguiente resultado:

En el panel izquierdo de la ventana encontrará los archivos en la carpeta local, en tanto que a la derecha se le mostrarán las carpetas y archivos remotos (los del servidor).



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

1 Guía de práctica #1: Adquisición de servicio de webhosting 1

2 Computadora con sistema operativo Windows instalado 1 3 Conexión a Internet 1

IV. PROCEDIMIENTO Ejercicio #1: Adquirir servicio de webhosting 1. Inicie el navegador de su preferencia: Internet Explorer, Firefox, Chrome, Safari, Opera, etc. 2. Ingrese en la barra de dirección del navegador la siguiente dirección http://www.000webhost.com/.

3. Lea el contenido de la página que carga y cuando esté claro del servicio de webhosting que ofrecen, haga clic en el botón Order Now, bajo la columna Free Hosting.

3. Ingrese los datos de su cuenta de alojamiento web, teniendo en cuenta que si ya posee un dominio registrado en Internet podrá llenar la casilla I want to host my own domain (domain must be registered already), de lo contrario, deje vacía la anterior y llene en su lugar or, I will choose your free subdomain (recommended). Si el subdominio seleccionado ya existe, la misma página le advertirá y tendrá que digitar uno nuevo. Este paso requerirá que ingrese una frase de seguridad, cuyo propósito es evitar el ataque de programas robots especializados en llenado de formularios.

III. MATERIALES Y EQUIPO

Llenar únicamente si ya posee un nombre de dominio registrado en Internet. De lo contrario, dejarlo vacío. Este es el servicio que utilizaremos para

el propósito de la práctica de laboratorio.



4. Si todo va bien al crear la cuenta debería aparecer una página como la siguiente:

Si algo está mal en los datos ingresados en el formulario se le indicará en el mismo formulario que se llenó. Y tendrá que corregir esos datos que presenten problemas. 5. El sitio web automáticamente lo redirigirá a la siguiente página web y a la vez le enviará un correo electrónico a la dirección de correo que ingresó en el formulario de registro.



6. Cuando haya verificado que recibió un correo electrónico del servicio de webhosting 000webhost, haga clic en el enlace Enter Control Panel. Es muy probable que al hacerlo se le solicite ingresar su cuenta de correo y contraseña con la que realizó el registro de la cuenta.

Enlace Enter Control Panel



7. Una vez hecho lo anterior podrá ingresar al Cpanel. Si no se le solicita iniciar sesión, obvie el paso 6.

8. Una vez haya ingresado al Panel de control, vamos a subir nuestro primer sitio web al servidor remoto en 000webhost. Para esto tendrá que buscar en la página la sección Files, para dar clic en el icono File Manager:

9. Dentro del Administrador de archivo (File manager), podrá realizar la administración de los archivos en la carpeta web, que para el caso de este servidor es public_html.

10. En la carpeta raíz que tiene asignada en el servidor 000webhost podrá observar archivos de configuración y la carpeta web public_html, que es donde deberá subir sus archivos para publicar los sitios web en Internet.



Debe hacer clic en el enlace a dicha carpeta para ingresar. Inicialmente, solo debería aparecer el ítem Up, que sirve para moverse hasta la carpeta padre, en este caso, la carpeta raíz. Para la imagen mostrada, ya se han creado la carpeta udb y los archivos números.css y solonumeros.php. En el caso suyo, únicamente tendrá el enlace Up.

11. Vamos a crear una carpeta nueva en public_html, donde alojaremos los archivos del sitio que subiremos, que será uno de los ejercicios de la guía 11 de Lenguajes Interpretados en el Cliente del ciclo pasado. Primero, lo haremos subiendo archivo por archivo al servidor y luego explicaremos, cómo se puede subir toda la carpeta del sitio comprimida. Dentro del administrador de archivos debemos hacer clic en Nuevo directorio (New dir).

12. Podrá crear más de un directorio de una sola vez. En este caso solo crearemos uno que llamaremos países, así que solo llenará la primera caja de texto, luego deberá dar clic al cheque verde para enviar el dato del nombre de la carpeta:

13. Verifique que la carpeta se ha creado, volviendo a la carpeta public_html, que es donde se deseaba crear la carpeta paises. Luego hay que dar clic en el enlace con el nombre de esa carpeta:

14. Estando dentro de la carpeta paises, damos clic en el botón Upload, para comenzar a subir archivos a esta carpeta:



15. En la página para subir archivos del 000webhost, en la parte izquierda, hacemos clic sobre el botón Seleccionar archivo. Luego en el diálogo Abrir, buscamos en el disco de nuestra computadora local, el primer archivo a cargar al servidor. Después repetimos el proceso para subir uno a uno, todos los archivos que requiere nuestra aplicación. Al tener todos los archivos seleccionados hacemos clic en el icono del cheque verde

NOTA: Debe tomar en cuenta las restricciones de la cuenta gratuita para los archivos que subirá. En el caso de 000webhost son las siguientes:

16. Una vez haya terminado de subir los archivos de su sitio en la carpeta países en el servidor remoto damos clic en el icono regresar de la página anterior, con lo cual deberíamos ver los archivos ya alojados dentro de la carpeta paises, como se puede observar a continuación:

17. Dentro de los recursos necesarios para que este ejemplo funcione, necesitamos las imágenes, que vienen dentro de la carpeta de imágenes. En vista de que son varias, vamos a utilizar la funcionalidad de subir un archivo comprimido que alojaremos adentro de la carpeta paises.



18. Verifique que la página generada reporte que todos los archivos han sido subidos al servidor de forma correcta. El mensaje debe ser como el siguiente:

19. Al regresar a la carpeta países, debería existir ahora, además de los cuatro archivos subidos en el paso 16, una carpeta llamada img. Como se puede verificar en esta imagen:

20. Podemos verificar que todas las imágenes están dentro de la carpeta img, dando clic e ingresando en esta:



21. Ahora vamos a crear la base de datos que requiere este ejemplo, pero en el servidor 000webhost. Para ello debemos regresar al Cpanel y en la sección Software/Services, buscar el icono MySQL. Damos clic allí.

22. Al ingresar a MySQL, observaremos una página en donde podemos administrar las bases de datos disponibles y también, podremos crear nuevas bases de datos, con el límite de bases de datos para el servicio de webhosting gratuito, que para el caso de 000webhost son dos:

23. Como puede observar, las nuevas bases de datos que se crean, siempre deben llevar su cuenta de usuario como prefijo del nombre que le quiera asignar. Esto es algo que nos obligará a editar nuestro script de conexión, si no lo habíamos tomado en cuenta durante el desarrollo del sitio localmente. Ingresamos entonces el nombre de la base de datos en Nombre de la base de datos (MySQL database name). El resto de datos Usuario de MySQL (MySQL user name), contraseña del usuario MySQL (Password for MySQL user) y Ingresar contraseña nuevamente (Enter password again) debe ingresarlos como se indica. La contraseña a utilizar será aci$tud3nt.



24. Debe guardar los datos reportados por el servidor, una vez creada la base de datos. Podrá observar que el usuario asignado a esta base, solo le permite acceder a esta base de datos, no a la(s) otra(s) bases en el servidor MySQL. Guarde esta información porque la utilizará para editar el script de conexión de su sitio web.

26. A continuación, vamos a ejecutar el script MySQL que creará las tablas de nuestra base de datos países, que en el servidor tiene el nombre: a4320823_paises. Para ello debe acceder de nuevo al Cpanel y dar clic en el icono phpMyAdmin para acceder a la base de datos:

27. Al dar clic en phpMyAdmin podrá tener acceso a enlaces hacia las bases de datos de su sitio web, en el caso del ejemplo que mostramos existen dos (cantidad máxima para alojamiento gratuito en 000webhost). En el caso suyo, solo debería aparecer una. A menos que se haya registrado con anterioridad en 000webhost usando esta cuenta y hubiera creado una base de datos en ese momento. Deberá dar clic en el enlace Enter phpMyAdmin correspondiente a la base de datos a4320823_paises.



28. Cuando esté en el phpMyAdmin, puede utilizar el enlace SQL en las fichas del panel central de la página de administración de phpMyAdmin:

29. En el siguiente paso debe copiar todas las líneas del script países.sql, que viene adjunto en esta guía de práctica, copiarlos y luego pegarlos en el área de texto de la pestaña SQL que abrió en el paso previo. Cuando pegue las líneas haga en el botón Go para ejecutar las instrucciones en el servidor MySQL y crear las tablas de la base de datos.



30. Si se ejecutó correctamente el script, deberá observar en el panel izquierdo del phpMyAdmin la tabla país, como única tabla de la base de datos a4320823_paises.



31. Puede hacer clic en la tabla pais y navegar por las tablas de la base de datos para verificar los registros de la tabla.

32. Al dar clic en el enlace país del panel izquierdo del phpMyAdmin, cargará la estructura de la tabla país:

33. Para examinar los registros de la tabla país, puede dar clic en la pestaña Browse en el panel central:

34. Ahora que ya tenemos la base de datos montada en el servidor, solo falta editor el script de conexión, que está en el script prevlinks.php. Para acceder, debe volver a la ventana del Cpanel e ingresar al Administrador de archivos (File manager). Al ingresar, debe ir a la lista de archivos en la carpeta países en el servidor y dar clic en el enlace Edit correspondiente, que aparece en la sección Actions del Administrador.



35. En las primeras líneas del script prevlinks.php encontrará la sección de código que tiene que ver con la conexión a la base de datos. Debe cambiar los datos de las variables siguientes: $host (quitar "localhost" y poner "mysql16.000webhost.com", $user (quitar "dltop" y colocar en su lugar "a4320823_paises"), $pass (quitar "dltop" y colocar en su lugar " aci$tud3nt ") y $db (cambiar "países" por "a4320823_paises"). Es decir, la sección de código siguiente: <?php $host = "localhost"; $user = "dltop"; $pass = "dltop"; $db = "paises"; $cn = new mysqli($host, $user, $pass, $db); $qr = "SELECT pais, capital, idioma, moneda, ba ndera, escudo FROM pais "; $qr .= "WHERE idpais='" . $_GET['id'] . "'"; $rs = $cn->query($qr); $pais = $rs->fetch_object(); ?>

Deberá tener ahora lo siguiente: <?php $host = "mysql16.000webhost.com"; $user = "a4320823_paises"; $pass = "aci$tud3nt"; $db = "a4320823_paises"; $cn = new mysqli($host, $user, $pass, $db); $qr = "SELECT pais, capital, idioma, moneda, ba ndera, escudo FROM pais "; $qr .= "WHERE idpais='" . $_GET['id'] . "'"; $rs = $cn->query($qr); $pais = $rs->fetch_object(); ?>

36. Ahora solo resta abrir el navegador y ejecutar el script prevlinks.html. Ingresando la siguiente dirección: http://lisfet.herobo.com/paises/prevlinks.html (usted tendrá que reemplazar el dominio de este enlace por el que le hayan asignado cuando se registró en 000webhost). Ejercicio #2: Adquirir servicio de webhosting en http://byethost.com 1. Ingrese en el navegador de su preferencia la siguiente dirección: http://byethost.com.

2. En la página web del sitio, haga clic en Free hosting para iniciar el registro del servicio.

3. Lea detenidamente las características principales del sitio web, tanto las resumidas como las completas,

poniendo especial atención a los servicios que ofrece, poniendo especial interés en el soporte de PHP y MySQL:



4. Al final de la página anterior, busque al final de las características del servicio el enlace de registro para

obtener el servicio:

5. Llene el formulario de registro con los datos que le son solicitados:



6. Al cargar la página después de hacer clic en Registrar, vaya a la cuenta de correo electrónico que utilizó en el registro y siga las instrucciones para activar su nueva cuenta en el servicio de alojamiento web.

7. Active su cuenta ingresando a su correo electrónico y copiando el enlace de activación para cargarlo en

una nueva página web.

8. Presione el botón Continue que se cargará en la página que ingresó.

9. Espere a que se active su cuenta chequeando el contador de segundos.

10. Lea los datos de su cuenta al terminar el conteo.



11. Ingrese al sitio web que acaba de crear utilizando el enlace proporcionado de su Home page (página de

inicio).



12. Ahora, ingrese al área de administración del sitio web que también le proporcionó el servicio de webhosting. Para ingresar proporcione el nombre de usuario y contraseña que le fue proporcionado en el

mensaje de correo electrónico que le enviaron a su cuenta. (http://panel.byethost.com/).

13. Utilice el panel administrativo para ingresar al Administrador de archivos (Online File Manager).

14. Practique subiendo el mismo sitio anterior a este servicio de alojamiento web, creando también la base de

datos correspondiente (países.sql).

V. DISCUSIÓN DE RESULTADOS 1) Adquiera un servicio de webhosting en uno de los siguientes servicios gratuitos:

a) http://www.xtreemhost.com b) http://www.100webspace.com c) http://www.awardspace.com d) http://eohost.com e) http://www.000webhost.com

f) http://www.nixiweb.com g) https://x10hosting.com h) http://260mb.net i) http://byethost.com j) http://www.zettahost.com

2) Utilice la herramienta de administración Cpanel y cree una base de datos con dos o tres tablas, a lo sumo.

Cree al menos cuatro scripts PHP y una página de menú para llamar a los cuatro scripts anteriores que deberán ser mantenimientos para las tablas creadas. Debe poderse insertar registros, eliminar registros, modificar registros y consultarlos (solo haga la consulta de todos los registro, no filtre datos).

VI. INVESTIGACIÓN COMPLEMENTARIA 1) Busque en internet un servicio de webhosting gratuito que le ofrezca ejecución de scripts PHP y soporte

para bases de datos MySQL, regístrese y cree un nuevo sitio web con PHP que realice consultas a una base de datos sencilla, con una sola tabla y que nos muestre información de esa tabla al cargar.

2) Siguiendo los pasos de la configuración de un cliente FTP, configure el FileZilla para que pueda administrar el sitio web que alojó en su servicio de webhosting gratuito desde una computadora remota. En caso de no tener salida FTP desde el centro de cómputo realícelo desde la conexión de su casa.

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS …Guía #1: Adquisición de servicio webhosting gratuito...

Documents

Transcript of UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS …Guía #1: Adquisición de servicio webhosting gratuito...