Implementación De Páginas Web

Edgar Duvier Mora Celeita

Mayo 2018.

Ministerio de Tecnologías de la Información y las Comunicaciones

Organización Internacional del Trabajo (OIT)
Instituto Colombiano de Aprendizaje (INCAP)
 ii
CONTENIDO

1. INTRODUCCION .................................................................................................................. 1
2. OBJETIVOS ........................................................................................................................... 2
2.1 Objetivo General ............................................................................................................. 2
2.2 Objetivos Específicos...................................................................................................... 2
3. MARCO TEORICO................................................................................................................ 3
3.1 Linux ............................................................................................................................... 3
3.1.1 Distribución de Linux ................................................................................................. 3
3.2 Ubuntu............................................................................................................................. 5
3.3 VirtualBox....................................................................................................................... 5
3.4 XAMPP ........................................................................................................................... 6
3.5 PHP ................................................................................................................................. 6
3.6 CMS ................................................................................................................................ 6
3.7 WordPress ....................................................................................................................... 7
4. METODOLOGIA ................................................................................................................... 8
5. CONCLUSIÓN ..................................................................................................................... 15
6. LISTA DE REFERENCIAS ................................................................................................. 16
7. CIBERGRAFÍA .................................................................................................................... 16
 iii
Glosario

ARPANET (Advanced Research Projects Agency Network): Fue creada por encargo del
Departamento de defensa de los Estados Unidos como medio de comunicación para los
diferentes organismos americanos. El primer nodo se creó en la universidad de California y fue
la espina dorsal de Internet hasta 1990, tras finalizar la transición al protocolo TCP/IP en 1983.

CERN: Es el Centro Europeo para la Investigación Nuclear (Centre Européen pour la Recherche
Nucléaire, en francés). Se trata de un laboratorio de investigación en Física de partículas.

Dominio: Un dominio es una colección de nodos relacionados de alguna manera.

DNS (Domain Name System): Es un conjunto de protocolos y servicios (base de datos

distribuida) que permite a los usuarios utilizar nombres en vez de tener que recordar direcciones
IP numéricas.

Hipertexto: El hipertexto es una tecnología que organiza una base de información en bloques
distintos de contenidos, conectados a través de una
serie de enlaces cuya activación o selección provoca la recuperación de información.
HTML (Hyper Text Markup Language): Lenguaje de marcación de hipertexto es un
lenguaje informático diseñado para estructurar textos y presentarlos en forma de hipertexto, que
es el formato estándar de las páginas web.

HTTP: Es el protocolo de la Web (WWW), usado en cada transacción. Las letras significan
Hyper Text Transfer Protocol, es decir, protocolo de transferencia de hipertexto.

Hyperlinks : También denominado enlace, hiperenlaces o link, en inglés, se trata de las

especificaciones que permiten saltar de un documento a otro dentro de un sitio web o dentro de
toda la Red, sólo con pulsar sobre él; puede ser un texto o una imagen.

ICANN (Internet Corporation for Assigned Names and Numbers): Es una organización sin fines
de lucro que opera a nivel internacional, responsable de asignar espacio de direcciones numéricas
de protocolo de Internet (IP), identificadores de protocolo y de las funciones de gestión [o
administración] del sistema de nombres de dominio de primer nivel genéricos y de códigos de
países.

INTERNET: Es una red de redes a escala mundial de millones de computadoras interconectadas

con el conjunto de protocolos TCP/IP.

IP (Internet Protocol): El IP es un protocolo que pertenece al nivel de red. Tiene únicamente la

misión de transportar información, sin comprobar la integridad que contiene ésta.
 iv
ISP (Internet Service Provider):Proveedor de Servicios de Internet empresa dedicada a conectar a
Internet la línea telefónica de los usuarios.

MÓDEM: Es un acrónimo que proviene de la palabra inglesa modem,( construida a partir de

modulator/demodulator).Un módem es un modulador y desmodulador de datos que participa en
una comunicación como ETCD; su uso mas común y conocido es en transmisiones de datos por
vía telefónica.

TCP/IP : Es la base del Internet que sirve para enlazar computadoras que utilizan diferentes
sistemas operativos, incluyendo PC, minicomputadoras y computadoras centrales sobre redes de
área local y área extensa.

PÁGINA WEB: Una página de Internet o página Web es un documento electrónico que contiene
información específica de un tema en particular y que es almacenado en algún sistema de
cómputo que se encuentre conectado a la red mundial de información denominada Internet.

PROTOCOLO: En el contexto de una red de computadoras un protocolo es un conjunto de

reglas formales que permiten a dos nodos de la red establecer comunicación de forma no
ambigua.

RED: Una red de ordenadores son varios ETDs conectados a través de un protocolo común o
mediante ETCD que hagan de traductores entre los distintos protocolos de red usados.

SERVIDOR: Una aplicación informática que realiza algunas tareas en beneficio de otras
aplicaciones llamadas clientes.

URL: Uniform Resource Locutor, es decir, localizador uniforme de recursos. El URL es la

cadena de caracteres con la cual se asigna dirección única a cada uno de los recursos de
información disponibles en Internet.

WEB: World Wide Web, o simplemente Web, es el universo de información accesible a través
de Internet.

World Wide Web (del inglés, Telaraña Mundial): La Web o WWW, es un sistema de
hipertexto que funciona sobre Internet. Para ver la información se utiliza una aplicación llamada
navegador web para extraer elementos de información (llamados "documentos" o "páginas web")
de los servidores web (o "sitios") y mostrarlos en lapantalla del usuario.

W3C (World Wide Web Consortium): Consorcio de la Web o Telaraña Mundial

(http://www.w3.org/), abreviadamente W3C, es una organización que produce estándares
para la Telaraña Mundial o World Wide Web.
 1
1. INTRODUCCION

Las nuevas tendencias en estos días son el uso y manejo de información promedio de Páginas Web

tanto por medio de Internet, Extranet e Intranet. Todo esto dará como resultado más interacción

entre usuarios y organizaciones, generando así una audiencia masiva aumentando la credibilidad de

la información de dicha información que publique o venda sus productos o servicios por medio de

una Página De Internet, explorando así nuevas oportunidades de negocio los cuales podrán

enriquecer la organización como tal, así como una menor pérdida de información, explotando las

tecnologías, lo cual podrá permitir la creación de aplicaciones en Web más interactivos y fáciles de

manejar

Una página Web es un documento situado en una red informática al que se accede mediante enlaces

de hipertexto, y éste es aquel texto que contiene elementos a partir de los cuales se puede acceder a

otra información (Diccionario de la Lengua Española, 2003).

El tema del presente proyecto surge con el motivo de dar mayor utilidad a la página informativa de

una empresa denominada Celta Topografía, esto debido a que gracias a la implementación de nuevas

tecnologías surge la necesidad de desarrollar sitios web para asi proveer a lo nuevos y antiguos

clientes toda la información de nuestros productos, servicios e información que necesiten de la

empresa.
 2
2. OBJETIVOS

2.1 Objetivo General

Realizar una propuesta sobre la creacion de la página Web de la empresa Celta Topografía,
con la finalidad de que esto permita un acercamiento a sus clientes y de esta manera tener
una comunicación más directa y actualizada constantemente

2.2 Objetivos Específicos

2.2.1 Investigar las necesidades de información requeridas por todos los clientes o

usuarios

2.2.2 Realizar una propuesta sobre la creación de la página Web de la empresa para

que los clientes puedan conocer los servicios y productos de esta

2.2.3 Determinar qué tipo de página web está más acorde a utilizar en la creación de

la misma
 3

3. MARCO TEORICO

3.1 Linux

LINUX (o GNU/LINUX, más correctamente) es un Sistema Operativo como MacOS, DOS o

Windows. Es decir, Linux es el software necesario para que el ordenador permita utilizar
programas como: editores de texto, juegos, navegadores de Internet, etc. Linux puede usarse
mediante un interfaz gráfico al igual que Windows o MacOS, pero también puede usarse
mediante línea de comandos como DOS.
Linux tiene su origen en Unix. Éste apareció en los años sesenta, desarrollado por los
investigadores Dennis Ritchie y Ken Thompson, de los Laboratorios Telefónicos Bell.
Andrew Tanenbaum desarrolló un sistema operativo parecido a Unix (llamado Minix) para
enseñar a sus alumnos el diseño de un sistema operativo. Debido al enfoque docente de Minix,
Tanenbaum nunca permitió que éste fuera modificado, ya que podrían introducirse
complicaciones en el sistema para sus alumnos.
Un estudiante finlandés llamado Linus Torvalds, constatando que no era posible extender Minix,
decidió escribir su propio sistema operativo compatible con Unix.
En aquellos momentos el proyecto GNU (GNU's Not Unix), que Richard Stallman había iniciado
hacía ya casi diez años, comprendía un sistema básico casi completo. La excepción más
importante era el kernel o núcleo, que controla el hardware.
Torvalds decidió aprovechar el sistema GNU y completarlo con su propio núcleo, que bautizó
como Linux (Linux Is Not UniX). El sistema conjunto (herramientas GNU y núcleo Linux)
forma lo que llamamos GNU/Linux

3.1.1 Distribución de Linux

Arch Linux, una distribución basada en el principio KISS, con un sistema de desarrollo
continuo entre cada versión (no es necesario volver a instalar todo el sistema para
actualizarlo).

Canaima, es un proyecto socio-tecnológico abierto, construido de forma colaborativa,

desarrollado en Venezuela y basado en Debian.

CentOS, una distribución creada a partir del mismo código del sistema Red Hat pero
mantenida por una comunidad de desarrolladores voluntarios.

Chakra project, una popular distribución para escritorio, inicialmente basada en Arch
Linux, actualmente se encuentra en un desarrollo independiente.

Debian, una distribución mantenida por una red de desarrolladores voluntarios con un
gran compromiso por los principios del software libre.
 4
Dragora y Trisquel, que van adquiriendo importancia entre las distribuciones que sólo
contienen software libre.

Elementary OS Es una distribución Linux basada en Ubuntu 12.04

Fedora, una distribución lanzada por Red Hat para la comunidad.

Fuduntu, distribución ligera y rápida basada en Fedora y orientada al uso en notebooks.

Gentoo, una distribución orientada a usuarios avanzados, conocida por la similitud en su

sistema de paquetes con el FreeBSD Ports, un sistema que automatiza la compilación de
aplicaciones desde su código fuente.

Huayra, distribución Educativa, desarrollada por el estado Argentino, desde el Anses

/Programa Conectar Igualdad. Está basada en Debian Jessie con entorno de escritorio
MATE.

Knoppix, fue la primera distribución live en correr completamente desde un medio

extraíble. Está basada en Debian.

Kubuntu, la versión en KDE de Ubuntu.

Linux Mint, una popular distribución derivada de Ubuntu.

Mageia, creada por ex trabajadores de Mandriva, muy parecida a su precursor.

Mandriva, mantenida por la compañía francesa del mismo nombre, es un sistema

popular en Francia y Brasil. Está basada en Red Hat.

openSUSE, originalmente basada en Slackware es patrocinada actualmente por la

compañía SUSE (Micro Focus International).

PCLinuxOS, derivada de Mandriva, pasó de ser un pequeño proyecto a una popular

distribución con una gran comunidad de desarrolladores.

Puppy Linux, versión para equipos antiguos o con pocos recursos que pesa unos 130
MiB.

Red Hat Enterprise Linux, derivada de Fedora, es mantenida y soportada

comercialmente por Red Hat.

Slackware, una de las primeras distribuciones Linux y la más antigua en

funcionamiento. Fue fundada en 1993 y desde entonces ha sido mantenida activamente
por Patrick J. Volkerding.

Slax, es un sistema Linux pequeño, moderno, rápido y portable orientado a la

modularidad. Está basado en Slackware.
 5
Tuquito Basada en Ubuntu, distribución desarrollada en Argentina con buenas
interfaces gráficas y drivers universales. Recomendada para usuarios iniciales.

Trisquel Distribución 100 % libre, utiliza el núcleo Linux-Libre y es apropiada para

usuarios finales.

Ubuntu, una popular distribución para escritorio basada en Debian y mantenida por
Canonical.

Zorin OS, distribución basada en Ubuntu y orientada a los usuarios de Windows que
quieren pasar a Linux de la forma más fácil y sencilla posible.

El sitio web DistroWatch ofrece una lista de las distribuciones más populares; la lista
está basada principalmente en el número de visitas, por lo que no ofrece resultados muy
confiables acerca de la popularidad de las distribuciones.

3.2 Ubuntu

Ubuntu es una distribución Linux que ofrece un sistema operativo predominantemente enfocado
a ordenadores de escritorio aunque también proporciona soporte para servidores.
Basada en Debian GNU/Linux, Ubuntu concentra su objetivo en la facilidad de uso, la libertad
en la restricción de uso, los lanzamientos regulares (cada 6 meses) y la facilidad en la instalación.
Ubuntu es patrocinado por Canonical Ltd., una empresa privada fundada y financiada por el
empresario sudafricano Mark Shuttleworth.
El nombre de la distribución proviene del concepto zulú y xhosa de ubuntu, que significa
“humanidad hacia otros” o “yo soy porque nosotros somos”. Ubuntu es un movimiento
sudafricano encabezado por el obispo Desmond Tutu, quien ganó el Premio Nobel de la Paz en
1984 por sus luchas en contra del Apartheid en Sudáfrica. El sudafricano Mark Shuttleworth,
mecenas del proyecto, se encontraba muy familiarizado con la corriente. Tras ver similitudes
entre los ideales de los proyectos GNU, Debian y en general con el movimiento del software
libre, decidió aprovechar la ocasión para difundir los ideales de Ubuntu. El eslogan de Ubuntu –
“Linux para seres humanos” (en inglés “Linux for Human Beings”) – resume una de sus metas
principales: hacer de Linux un sistema operativo más accesible y fácil de usar.

3.3 VirtualBox

Oracle VM VirtualBox es un software de virtualización para arquitecturas x86/amd64.

Actualmente es desarrollado por Oracle Corporation como parte de su familia de productos de
virtualización. Por medio de esta aplicación es posible instalar sistemas operativos adicionales,
conocidos como «sistemas invitados», dentro de otro sistema operativo «anfitrión», cada uno con
su propio ambiente virtual. Entre los sistemas operativos soportados (en modo anfitrión) se
encuentran GNU/Linux, Mac OS X, OS/2 Warp , Microsoft Windows, y Solaris/OpenSolaris, y
dentro de ellos es posible virtualizar los sistemas operativos FreeBSD, GNU/Linux, OpenBSD,
OS/2 Warp, Windows, Solaris, MS-DOS y muchos otros.
VirtualBox ofrece algunas funcionalidades interesantes, como la ejecución de maquinas virtuales
de forma remota, por medio del Remote Desktop Protocol (RDP), soporte iSCSI, aunque estas
opciones no están disponibles en la versión OSE.
 6
En cuanto a la emulación de hardware, los discos duros de los sistemas invitados son
almacenados en los sistemas anfitriones como archivos individuales en un contenedor llamado
Virtual Disk Image, incompatible con los demás softwares de virtualización.
Otra de las funciones que presenta es la de montar imágenes ISO como unidades virtuales
ópticas de CD o DVD, o como un disquete.
Tiene un paquete de controladores que permiten aceleración en 3D, pantalla completa, hasta 4
placas PCI Ethernet (8 si se utiliza la línea de comandos para configurarlas), integración con
teclado y ratón.

3.4 XAMPP

XAMPP es un paquete de software libre (dicho en clase), que consiste principalmente en el

sistema de gestión de bases de datos MySQL, el servidor web Apache y los intérpretes para
lenguajes de script PHP y Perl. El nombre es en realidad un acrónimo: X (para cualquiera de los
diferentes sistemas operativos), Apache, MariaDB/MySQL, PHP, Perl. A partir de la versión
5.6.15, XAMPP cambió la base de datos MySQL por MariaDB, un fork de MySQL con licencia
GPL.

El programa se distribuye con la licencia GNU y actúa como un servidor web libre, fácil de usar
y capaz de interpretar páginas dinámicas. A esta fecha, XAMPP está disponible para Microsoft
Windows, GNU/Linux, Solaris y Mac OS X.

3.5 PHP

PHP, acrónimo recursivo en inglés de PHP Hypertext Preprocessor (procesador de hipertexto), es

un lenguaje de programación de propósito general de código del lado del servidor originalmente
diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de
programación del lado del servidor que se podían incorporar directamente en un documento
HTML en lugar, de llamar a un archivo externo que procese los datos. El código es interpretado
por un servidor web con un módulo de procesador de PHP que genera el HTML resultante.
PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que
puede ser usada en aplicaciones gráficas independientes. Puede ser usado en la mayoría de los
servidores web al igual que en muchos sistemas operativos y plataformas sin ningún costo.
Fue creado originalmente por Rasmus Lerdorf en el año 1995. Actualmente el lenguaje sigue
siendo desarrollado con nuevas funciones por el grupo PHP.2 Este lenguaje forma parte del
software libre publicado bajo la licencia PHPv3_01, es una licencia Open Source validada por
Open Source Initiative. La licencia de PHP es del estilo de licencias BSD, esta licencia no tiene
restricciones de copyleft" asociadas con GPL.

3.6 CMS

Un sistema de gestión de contenidos (en inglés: Content Management System, más conocido por
sus siglas CMS) es un programa informático que permite crear una estructura de soporte
(framework) para la creación y administración de contenidos, principalmente en páginas web,
por parte de los administradores, editores, participantes y demás usuarios.1
 7
Cuenta con una interfaz que controla una o varias bases de datos donde se aloja el contenido del
sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es
posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin
tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada
publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el
contenido al sistema y otro de nivel superior (moderador o administrador) que permite que estos
contenidos sean visibles a todo el público (los aprueba).
CMS son las siglas de Content Management System, que se traduce directamente al español
como Sistema Gestor de Contenidos.2 Como su propio nombre indica, es un sistema que nos
permite gestionar contenidos. En líneas generales, un CMS permitiría administrar contenidos en
un medio digital y para el caso particular que nos ocupa, un CMS permitiría gestionar los
contenidos de una web.

3.7 WordPress

WordPress es un software gratuito o herramienta de gestión de contenidos, también llamado

CMS (Content Management System), diseñada para crear y mantener fácilmente un Blog, un
sitio Web o una Tienda Online.
Esta plataforma vio la luz en el año 2003. Básicamente fue pensada para crear y gestionar
cualquier tipo de blogs, es decir, fue diseñada como un instrumento que permitía subir textos e
imágenes y publicarlos dándoles un formato y diseño determinado.
Entre las peculiaridades que le han convertido en uno de los gestores más utilizados del mundo,
está el hecho ser de código abierto (open surce) y lo simple que llega a ser su instalación un
hosting y su posterior uso.
 8
4. METODOLOGIA

1. Descargamos la máquina virtual para poder crear un ordenador virtual en el que

podremos instalar cualquier otro sistema.

2. Una vez obtenida procedemos a descargar el sistema operativo que necesita para
su trabajo, en este caso descargaremos Ubuntu
 9

3. Una vez instalado el S.O en la maquina virtual se procederá a descargar el paquete

de sistema de gestión de bases de datos MySQL, el servidor web Apache y los
intérpretes para lenguajes de script PHP y Perl. XAMPP

4. Una vez descargado, damos permisos y abrimos el terminal

 10

5. Ahora abrimos una terminal en la carpeta y nos autenticamos como root con el
comando “sudo su” y escribimos ./nombre_del_archivo para ejecutarlo. Y de
inmediato se abrirá el instalador.

6. Comenzará la instalación de XAMPP

 11

7. Clic en NEXT para continuar.

8. Comienza la instalación.
 12

9. Después de instalar, nos abrira una ventana grafica donde podremos arrancar,
detener y reiniciar el servidor

10. Para comprobar si tenemos el servidor en marcha, basta con abrir el navegador
teclear la dirección http://localhost donde crearemos un nuevo usuario y a la vez
una base de datos con este usuario.
 13
11. Procedemos a descargar Wordpress, descomprimimos y Abre tu terminal y
ejecuta este comando:
sudo mv wordpress /opt/lampp/htdocs/

12. Para instalar el WordPress es necesario abrir el navegador teclear la dirección

http://localhost/wordpress y procederemos a utilizar los datos de la base de datos
creada en XAMPP
 14

13. Debemos otorgar permisos para que en la carpeta wordpress podamos hacer
modificaciones para ello abrimos el terminal y escribimos
Sudo du <para conceder permisos de usuario>
Chmod -R 0777 /opt/lampp/htdocs/wordpress <para otorgar los permisos a la
carpeta>

14. El último paso: ahora visita la dirección http://localhost/Wordpresss > adelante >
rellena los espacios en blanco con Database = "WordPress"; Username = "root";
Password = "root" igual que los ejemplos que has seguido antes. Vea la foto abajo.
 15

5. CONCLUSIÓN

 Existen varios métodos para desarrollar y crear una pagina web, pero en este caso
utilizaremos un servidor local, WordPress nos sirvió perfectamente para la creación una
web empresarial, entendiendo como tal una página donde podamos informar sobre todo
lo que concierne a nuestra empresa o negocio: quiénes somos, servicios, clientes, etc.
Gracias a la multitud de plantillas disponibles para WordPress podremos conseguir
diseños muy variados para nuestra web, que podrían ir desde una web con diseño
minimalista y que muestre poca a información, a webs completas que carguen muchos
datos en cada página.
 Si bien este Proyecto está en sus primeros pasos donde se ofrece una breve descripción y
muestra de lo que será la pagina web de la empresa, esta pagina web aportará un gran
valor no solo económico sino también comercial a la empresa dando a conocer los
servicios, productos, información de la empresa y el contacto con la misma
 16
6. LISTA DE REFERENCIAS

Andrews, S. Fastqc, (2010). A quality control tool for high throughput sequence data.
Augen, J. (2004). Bioinformatics in the post-genomic era: Genome, transcriptome, proteome,
and information-based medicine. Addison-Wesley Professional.

Blankenberg, D., Kuster, G. V., Coraor, N., Ananda, G., Lazarus, R., Mangan, M., ... & Taylor,
J. (2010). Galaxy: a web‐based genome analysis tool for experimentalists. Current
protocols in molecular biology, 19-10.

Bolger, A., & Giorgi, F. Trimmomatic: A Flexible Read Trimming Tool for Illumina NGS Data.
URL http://www. usadellab. org/cms/index. php.

Giardine, B., Riemer, C., Hardison, R. C., Burhans, R., Elnitski, L., Shah, P., ... & Nekrutenko,
A. (2005). Galaxy: a platform for interactive large-scale genome analysis. Genome
research, 15(10), 1451-1455.

7. CIBERGRAFÍA

https://josefacchin.com/que-es-wordpress-como-funciona/
http://www.ubuntubuzz.com/2017/06/how-to-install-wordpress-on-xampp-on-ubuntu.html
https://ed.team/blog/mover-copiar-y-renombrar-directorios-en-linux´
http://www.monografias.com/trabajos95/proyecto-implementacion-diseno-y-desarrollo-pagina-
web/proyecto-implementacion-diseno-y-desarrollo-pagina-web.shtml#conclusina