APLICACIONES WEB

APLICACIONES WEB

TITULACION
Administración de redes

INTEGRANTES
Erica Uribe Herrera
Andrés Deossa Villa
Ana Carrillo Rodríguez
Danilo Gutiérrez Puerta
Vanessa Valenzuela Guzmán
Lina Marcela Tobón Barreneche
Sandra Viviana Carvajal Fernández

NETWORK EVOLUTION

TUTORES
Nicolás Gallego
Mauricio Andrés Ortiz

Camilo Andrés Zapata

Fernando Alonso Quintero

SENA
Centro de Servicio y Gestión Empresarial
MEDELLIN
2008

NETWORK EVOLUTION
 APLICACIONES WEB

CONTENIDO

Pag
1. Introducción 3
2. Objetivos 4
2.1 Objetivo General 4
2.2 Objetivo Especifico 4
3. Marco Conceptual 5
3.1 Aplicaciones web 5
3.2 Estructura de las aplicaciones web 5
3.3 Wampserver 5
3.4 Jommla 6
3.5 BBpress 6
3.6 Ocs Inventory 6
3.7 Xampp 7
4. Marco Teórico 8
4.1 Instalación de WampServer 8
4.2 Instalación de Joomla 12
4.3 Instalación de Bbpress 18
4.4 Instalación de Xampp 24
4.5 Instalación de Ocs Inventory 27
4.6 Seguridad y Soporte Openssl 32
4.7 Configuración del Agente de Ocs Inventory en Windows XP 37
5. Conclusiones 40
6. Cibergrafìa 41

NETWORK EVOLUTION 2
 APLICACIONES WEB

INTRODUCCION

En este mundo tan apresurado en el que vivimos, la informática se ha

convertido en una pieza fundamental para el hombre, ya que facilita el
desempeño de él mismo en actividades de gran importancia, las aplicaciones
web son una de esas herramientas.

Este manual explicar de una manera sencilla la instalación y configuración de

las aplicación web Jommla, bbpress y ocs inventory. Estas aplicaciones se esta
implementado con el fin de dar soluciones a las empresas, que hoy en día no
cuentan con una aplicación para dar información sobre su empresa, o con un
foro de discusión abierta para saber lo que piensan sus clientes y empleados, o
que tienen la necesidad de hacer un mejor seguimiento del inventario de red
para la empresa.

Estas aplicaciones no tiene ningún costo ya que trabaja bajo licencia GPL,
además no requiere de la instalación de un servidor web, ya que estas
aplicaciones pueden ser instaladas sobre un servidor independiente de
plataforma de software libre, tales como wampserver o xampp que son las que
se usaran para la instalación en este manual, consiste principalmente en la
base de datos MySQL, el servidor Web Apache y los intérpretes para lenguajes
de PHP.

NETWORK EVOLUTION 3
 APLICACIONES WEB

OBJETIVOS

OBJETIVO GENERAL

Aprender que existen herramientas que son fáciles de implementar algunas

libres otras no, pero se puede manejar y utilizar para dar soluciones a
problemas que se pueden dar en una empresa.

OBJETIVOS ESPECÍFICOS

Probar diferentes aplicaciones web y su funcionamiento

Conocer que existen formas de montar plataformas de estudio
Aprender que tanto el software libre y el privativo tiene las misma forma de
trabajar uno mejor que otros, pero obteniendo los mimos resultados, y que las
aplicaciones trabajan de igual manera sin importar el Sistema Operativo en el
que se este trabajando.
Trabajar en equipo buscando soluciones a problemas planteados por los
instructores.

NETWORK EVOLUTION 4
 APLICACIONES WEB

MARCO CONCEPTUAL

APLICACIONES WEB
Aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web
a través de Internet. En otras palabras, es una aplicación software que se codifica en
un lenguaje soportado por los navegadores web (HTML, JavaScript, Java, etc.) en la
que se confía la ejecución al navegador.

Estructura de las aplicaciones web

Aunque existen muchas variaciones posibles, una aplicación web está normalmente
estructurada como una aplicación de tres-capas. En su forma más común, el
navegador web ofrece la primera capa y un motor capaz de usar alguna tecnología
web dinámica (ejemplo: PHP, Java Servlets o ASP, ASP.NET, CGI, ColdFusion,
embPerl, Python (programming language) o Ruby on Rails) constituye la capa de en
medio. Por último, una base de datos constituye la tercera y última capa.

El navegador web manda peticiones a la capa de en medio que ofrece servicios

valiéndose de consultas y actualizaciones a la base de datos y a su vez proporciona
una interfaz de usuario.

WAMPSERVER

Es una plataforma para el desarrollo Web en Windows. Le permite desarrollar

aplicaciones Web dinámicas utilizando el servidor Apache2, el lenguaje de scripting
PHP y una base de datos MySQL. Asimismo, PhpMyAdmin y SQLite Manager para
gestionar con mayor facilidad sus bases de datos.

Wampserver se instala fácilmente y se utiliza muy intuitivamente, puede configurar

muy rápidamente (sin tocar los archivos de configuración).

NETWORK EVOLUTION 5
 APLICACIONES WEB

A diferencia de otras soluciones, Wampserver puede reproducir fielmente su servidor

de producción. Una vez instalada la base, puede añadir como muchas versiones de
Apache, MySQL y PHP que quieras.

Wampserver también tiene un "TrayIcon" lo que le permite simplemente gestionar y

configurar sus servidores, pero no los archivos de configuración.

JOOMLA
Es un sistema de administración de contenidos de código abierto construido con PHP
bajo una licencia GPL. Este administrador de contenidos se usa para publicar en
Internet e intranets utilizando una base de datos MySQL. En Joomla se incluyen
características como: hacer caché de páginas para mejorar el rendimiento,
indexamiento web, feed RSS, versiones imprimibles de páginas, flash con noticias,
blogs, foros, encuestas, calendarios, búsqueda en el sitio web, e internacionalización
del lenguaje.

BBPRESS
Se centra en estándares web, que hagas mas fácil su uso, su integración y la
velocidad que este maneje. Esta centrado en mantener las cosas como pequeñas y
ligeras como sea posible al mismo tiempo la posibilidad de añadir grandes rasgos a
través de su amplio sistema de plugin.

Es el sistema de gestión de foros creado por el equipo de WordPress y que se usa en

los foros de WP y Technorati.
bbPress es cada vez una solución más interesante a tener en cuenta si queremos
montar un foro, a lo que también ayuda lo bien respaldado que se encuentra el
proyecto.

OCS INVENTORY
Open Computer and Software Inventory NG Packager es una aplicación diseñada
para preparar la instalación automática de un solo clic de software de usuario

NETWORK EVOLUTION 6
 APLICACIONES WEB

('paquetes') para windows. También permite la ejecución de cualquier script utilizando

una cuenta de administrador alterna. Este empaquetador está basado en software
utilitario tipo open source NSIS script y RemCom.

El uso de OCS Inventory Packager es la manera más rápida de instalar y configurar

el Agente OCS Inventory NG, localmente o en un dominio. Se basa en las
herramientas NSIS script y RemCom. Genera un archivo llamado ocspackage.exe
basado en sus parámetros, lo que permite una instalación de usuario de un solo clic,
silenciosa o no. En combinación con el parámetro OcsLogon / instalar hace del
servicio de distribución de software bajo sistemas operativos Windows algo fácil de
lograr.

XAMPP

Es un servidor independiente de plataforma, software libre, que consiste

principalmente en la base de datos MySQL, el servidor Web Apache y los intérpretes
para lenguajes de script: PHP y Perl. El nombre proviene del acrónimo de X (para
cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP, Perl. El
programa está liberado bajo la licencia GNU y actúa como un servidor Web libre, fácil
de usar y capaz de interpretar páginas dinámicas.

NETWORK EVOLUTION 7
 APLICACIONES WEB

MARCO TEORICO

INSTALACION DE WAMPSERVER

Descarga Wampserver desde la página oficial con el siguiente link

http://sourceforge.net/project/downloading.php?groupname=wampserver&filename=W
ampServer2.0d.exe&use_mirror=ufprv.

Ejecuta el instalador para comenzar.

Si estás de acuerdo acepta los términos de la licencia del contrato.

NETWORK EVOLUTION 8
 APLICACIONES WEB

En este paso se especifica la ruta donde se creara la carpeta “wamp” que es en la

que almacenaras tus sitios web.

Empieza la instalación.

NETWORK EVOLUTION 9
 APLICACIONES WEB

Selecciona el navegador web con el que se abrirá esta aplicación.

Aquí deberá especificar el servidor SMTP y de la dirección correo electrónico que

utilizara PHP en la función de correo. Si no está seguro, deje los valores por defecto

Con esto finaliza la instalación.

NETWORK EVOLUTION 10
 APLICACIONES WEB

Esta es la consola desde donde podrás administrar wampserver, iniciar o parar los
servicios, configurarlos y escoger la versión que se acomode a sus necesidades.

Para ver esta consola da clic izquierdo sobe el icono wampserver.

Esta consola se instala por defecto en ingles, una de sus ventajas es la flexibilidad en
el manejo de idiomas. Para cambiarla a tu idioma selecciona con clic derecho el icono
wampserver.

NETWORK EVOLUTION 11
 APLICACIONES WEB

INSTALACION DE JOOMLA

Crea una base de datos para Joomla utilizando “PHPMyAdmin”. Entra

desde http://localhost/phpmyadmin/ o desde el acceso directo desde el icono
wampserver.

Escribe el nombre que deseas para la base de datos, en este caso es Joomla,
recuerda el nombre por que mas adelante en la configuración de joomla te pedirán
este nombre. En cotejamiento selecciona “utf8_unicode_ci” y selecciona Crear.

Ahora guardar las aplicaciones web en la carpeta “www” de la carpeta “wamp”. Si en

la instalación dejaste la ruta por defecto, deberás encontrar la carpeta en: ,

, , .

NETWORK EVOLUTION 12
 APLICACIONES WEB

En www, pega las aplicaciones que desees.

En la consola de administración selecciona “Localhost” para ir a la pagina de

configuración, desde allí podrás acceder a las aplicaciones que incluiste en la carpeta
“www”.

Selecciona la aplicación para que comiences su instalación.

NETWORK EVOLUTION 13
 APLICACIONES WEB

Elige el idioma.

En la comprobación previa solo selecciona siguiente.

Lee la licencia y selecciona siguiente.

NETWORK EVOLUTION 14
 APLICACIONES WEB

En la configuración de la base de datos no escriba la contraseña para evitar conflictos

más adelante.

Si utilizas un servidor FTP no lo configures aun, puedes hacerlo mas adelante.

NETWORK EVOLUTION 15
 APLICACIONES WEB

En la configuración principal escribe el nombre de ti sitio web, y el correo del

administrador.

Al finalizar debes borrar el directorio de instalación para poder continuar.

NETWORK EVOLUTION 16
 APLICACIONES WEB

Para borrar el directorio de instalación entra a la carpeta www en donde esta Jommla,
ábrela y busca “Instalation”, y elimínalo.

Para administrar Joomla agrega al final de la ruta de localhost

NETWORK EVOLUTION 17
 APLICACIONES WEB

INSTALACION DE BBPRESS

Lo primero que debes hacer es descargar la aplicación bbpress, lo puedes hacer

desde la siguiente dirección http://bbpress.org/download/, selecciona el archivo .zip

Descomprímelo y una vez tengas el paquete, guárdalo en la carpeta “www” de la

carpeta “wamp”.

Entra al paquete bbpress y busca el archivo “bb-config-sample” ábrelo con un editor

de texto y escribe el nombre que le darás a la base de datos, el usuario de mysql, y
el localhost.

Guardalo como “bb-config.php”.

NETWORK EVOLUTION 18
 APLICACIONES WEB

Ahora registra el nombre que le acabaste de asignar en la base de datos.

Abre el administrador del localhost desde el icono de wampserver para que empiece
la instalación.

Selecciona “let`s get started”

NETWORK EVOLUTION 19
 APLICACIONES WEB

Esta opción es para integrar bbpress con wordpress pero no lo vamos hacer,
entonces solo selecciona “Skip WordPress integration”.

Selecciona “Go to step >>”

NETWORK EVOLUTION 20
 APLICACIONES WEB

Escribe el nombre que deseas para el foro, el usuario mysql que siempre será root,
escribe un correo electrónico y el nombre para el primer foro.

Para finalizar la instalación solo selecciona “Complete the instalation >>”.

NETWORK EVOLUTION 21
 APLICACIONES WEB

El siguiente error fue por que se envía una contraseña al correo que escribí en el
registro, y la contraseña no pudo ser enviada, pero es un error mínimo ya que aquí
mismo te dan la contraseña, cópiala por que la vas a necesitar para loguerte.

NETWORK EVOLUTION 22
 APLICACIONES WEB

Selecciona http://localhost/bbpress/, para que accedas al foro.

Ingresa con tu usuario que seria “root” y la contraseña que te dieron en el paso
anterior.

NETWORK EVOLUTION 23
 APLICACIONES WEB

INSTALACION DE XAMPP

La instalación de OCS Inventory se va a hacer con Xampp.

No puedes instalar xampp en el mismo servidor donde se tiene instalado wampserver,

ya que estos cumple la misma función no pueden correr en la misma maquina al
mismo tiempo.

Descarga xampp, lo puedes hacer desde http://xampp.uptodown.com/ descarga el

archivo installer.

Ejecuta el instalador y lo primero será seleccionar un idioma.

En el asistente de instalación selecciona next, a continuación podrás escoger la ruta

donde se almacenara el contenido de xampp.

NETWORK EVOLUTION 24
 APLICACIONES WEB

Escoge si quieres que se cree un acceso directo en el escritorio y una carpeta en el

menú de incio, y selecciona los servicios que vas a instalar en este caso apache y
MySQL.

Selecciona Install

da clic en Finish

NETWORK EVOLUTION 25
 APLICACIONES WEB

Se abriran varias consolas, que te muestran que se están iniciando los servicios.
Esta es la consola de administración de xampp.

NETWORK EVOLUTION 26
 APLICACIONES WEB

INSTALACION OCS INVENTORY

El instalador lo podemos descargar de la siguiente página

http://www.ocsinvetory-ng.org/ luego de descargarlo, ejecutalo y comensara la
instalacion.

Elegir el idioma.

Continuaremos con la instalación damos clic en siguiente para instalar OCS

INVECTORY

NETWORK EVOLUTION 27
 APLICACIONES WEB

Luego dirá que acepta los termino de licencias para continuar, aceptar los
términos.

Escoge donde va quedar almacenado lo que se refiera ocs inventory, deja la

ruta que aparece por defecto.

NETWORK EVOLUTION 28
 APLICACIONES WEB

Instala los componentes a instalar, en este paso señala xampp y ocs inventory.

Luego seleccione la carpeta donde va quedar instalado ocs inventory y da clic

en siguiente

Da clic en instalar y empezara la instalación.

NETWORK EVOLUTION 29
 APLICACIONES WEB

Por último aparcera una pantalla informando que ya está instalado OCS
Inventry.

Dirígete al navegador y escribe la siguiente dirección

http://localhost/ocsreports/, mostrara una imagen en la que veras un usuario y
una contraseña para Mysql. Da clic en send.

Mysql: root
Mysql password: Esta parte se deja en blanco
Mysql hostname: localhost

NETWORK EVOLUTION 30
 APLICACIONES WEB

Luego ve a el siguiente link http://localhost/ocsreports/ y mostrara la

siguiente pagina.

El nombre de usuario será: admin

Contraseña: admin y aceptar

Luego veremos la parte grafica de nuestro ocs inventory

NETWORK EVOLUTION 31
 APLICACIONES WEB

SEGURIDAD Y SOPORTE OPENSSL

Ve a https://localhosts, después de dar esta dirección saldrá una nueva pantalla

que dice que este sitio tiene seguridad que si desea continuar y Acepta.

Otra forma de hacerlo seria visitando el siguiente link

http://localhost/xampp/indexphp y luego en la parte izquierda de la página y da
clic en el chec de seguridad y te enviara a la siguiente imagen debes dar clic
en la parte de abajo en la opción http://localhots/security/xamppsecurity.php
aquí se cambia la contraseña para Mysql

NETWORK EVOLUTION 32
 APLICACIONES WEB

Luego cambia la contraseña y el usuario de Mysql y da clic en Make safe the

xampp directory

Arecerá con el siguiente mensaje “el directorio xampp está protegido ahora”.

NETWORK EVOLUTION 33
 APLICACIONES WEB

Escribe en tu navegador http://localhost/xampp/index.php y pedirá una

identificación para verificar la autenticidad.

A continuación va a mostrara la siguiente imagen y en la parte inferior da clic

en https://localhots

NETWORK EVOLUTION 34
 APLICACIONES WEB

Como anteriormente ya habíamos aceptado el certificado ya no habrá ningún

problema.

En el navegador escribe https://localhost/ocsreports/index.php si lo hecho

hasta el momento esta bien mostrara lo siguiente si no algo has hecho mal.

NETWORK EVOLUTION 35
 APLICACIONES WEB

NETWORK EVOLUTION 36
 APLICACIONES WEB

INSTALACIÓN DEL AGENTE EN WINDOWS

Para que oci puede cumplir con su función los equipos clientes deben tener
instalado el agente. Para esto descarga el instalador
ocsng_win32_agent_1.0.1 zip de la siguiente pagina http://www.ocsinventory-
ng.org, este archivo viene comprimido lo descomprimelo y ejecutalo.

Da doble clic en el instalador, selecciona next .

Acepte lo términos de licencia y da clic en I Agree.

NETWORK EVOLUTION 37
 APLICACIONES WEB

Mostrara otra pantalla en la cual debes dar la dirección del servidor, el puerto y
un chec en para no usar proxy.

Luego da la ruda en donde va a quedar instalado el agente.

NETWORK EVOLUTION 38
 APLICACIONES WEB

Luego empezara a cargar los componentes

Y así finalizara la instalación del agente.

CONCLUSIONES
NETWORK EVOLUTION 39
 APLICACIONES WEB

Después de algunos días de estudio se pudieron lograr los objetivos

propuestos por los profesores y compañeros, fue algo complejo lograr un
buen trabajo en equipo ya que tanto en la parte laboral como estudiantil es
complicado trabajar con personas con quien no sea trabajado nunca, y exponer
conceptos e ideas, pero después de tantos meses de trabajo se aprendió a
trabajar en equipo, y se lograron las metas fue bueno compartir con persona
que le aportan al aprendizaje y una muestra de ello fue en la puesta en marcha
de esta proyecto que seria la culminación de una serie de proyectos elaborados
anteriormente.

Se obtuvo una experiencia con la implementación de las aplicaciones joomla,

bbpress y osc inventory

NETWORK EVOLUTION 40
 APLICACIONES WEB

CIBERGRAFIA

http://sourceforge.net/project/downloading.php?groupname=wampserver&filena
me=WampServer2.0d.exe&use_mirror=ufprv.

http://bbpress.org/download/
http://xampp.uptodown.com/
http://www.ocsinvetory-ng.org/

NETWORK EVOLUTION 41