Aplicaciones Server)

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

NETWORK EVOLUTION

(sin

tocar

los

archivos

de

configuración).

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.ocsinventoryng.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