Embed Size (px)
Citation preview
APLICACIONES WEB
NETWORK EVOLUTION
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
APLICACIONES WEB
NETWORK EVOLUTION 2
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
APLICACIONES WEB
NETWORK EVOLUTION 3
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.
APLICACIONES WEB
NETWORK EVOLUTION 4
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.
APLICACIONES WEB
NETWORK EVOLUTION 5
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).
APLICACIONES WEB
NETWORK EVOLUTION 6
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
APLICACIONES WEB
NETWORK EVOLUTION 7
('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.
APLICACIONES WEB
NETWORK EVOLUTION 8
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.
APLICACIONES WEB
NETWORK EVOLUTION 9
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.
APLICACIONES WEB
NETWORK EVOLUTION 10
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.
APLICACIONES WEB
NETWORK EVOLUTION 11
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.
APLICACIONES WEB
NETWORK EVOLUTION 12
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: ,
, , .
APLICACIONES WEB
NETWORK EVOLUTION 13
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.
APLICACIONES WEB
NETWORK EVOLUTION 14
Elige el idioma.
En la comprobación previa solo selecciona siguiente.
Lee la licencia y selecciona siguiente.
APLICACIONES WEB
NETWORK EVOLUTION 15
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.
APLICACIONES WEB
NETWORK EVOLUTION 16
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.
APLICACIONES WEB
NETWORK EVOLUTION 17
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
APLICACIONES WEB
NETWORK EVOLUTION 18
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”.
APLICACIONES WEB
NETWORK EVOLUTION 19
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”
APLICACIONES WEB
NETWORK EVOLUTION 20
Esta opción es para integrar bbpress con wordpress pero no lo vamos hacer,
entonces solo selecciona “Skip WordPress integration”.
Selecciona “Go to step >>”
APLICACIONES WEB
NETWORK EVOLUTION 21
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 >>”.
APLICACIONES WEB
NETWORK EVOLUTION 22
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.
APLICACIONES WEB
NETWORK EVOLUTION 23
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.
APLICACIONES WEB
NETWORK EVOLUTION 24
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.
APLICACIONES WEB
NETWORK EVOLUTION 25
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
APLICACIONES WEB
NETWORK EVOLUTION 26
Se abriran varias consolas, que te muestran que se están iniciando los servicios.
Esta es la consola de administración de xampp.
APLICACIONES WEB
NETWORK EVOLUTION 27
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
APLICACIONES WEB
NETWORK EVOLUTION 28
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.
APLICACIONES WEB
NETWORK EVOLUTION 29
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.
APLICACIONES WEB
NETWORK EVOLUTION 30
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
APLICACIONES WEB
NETWORK EVOLUTION 31
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
APLICACIONES WEB
NETWORK EVOLUTION 32
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
APLICACIONES WEB
NETWORK EVOLUTION 33
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”.
APLICACIONES WEB
NETWORK EVOLUTION 34
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
APLICACIONES WEB
NETWORK EVOLUTION 35
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.
APLICACIONES WEB
NETWORK EVOLUTION 36
APLICACIONES WEB
NETWORK EVOLUTION 37
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.
APLICACIONES WEB
NETWORK EVOLUTION 38
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.
APLICACIONES WEB
NETWORK EVOLUTION 39
Luego empezara a cargar los componentes
Y así finalizara la instalación del agente.
CONCLUSIONES
APLICACIONES WEB
NETWORK EVOLUTION 40
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
APLICACIONES WEB
NETWORK EVOLUTION 41
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/
![[ES] Desarrollo de aplicaciones con Java Server Faces](https://img.dokumen.tips/doc/110x75/557b823bd8b42af70c8b566a/es-desarrollo-de-aplicaciones-con-java-server-faces.jpg)
