APLICACIONES WEB




                       APLICACIONES WEB




                           TITULACION
                   ...
APLICACIONES WEB




                                   CONTENIDO


                                                      ...
APLICACIONES WEB




                              INTRODUCCION




En este mundo tan apresurado en el que vivimos, la inf...
APLICACIONES WEB




                                OBJETIVOS




OBJETIVO GENERAL


Aprender que existen herramientas qu...
APLICACIONES WEB




                                   MARCO CONCEPTUAL




APLICACIONES WEB
Aquellas aplicaciones que lo...
APLICACIONES WEB




A diferencia de otras soluciones, Wampserver puede reproducir fielmente su servidor
de producción. Un...
APLICACIONES WEB




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




                                  MARCO TEORICO




                         INSTALACION DE WAMPSERVE...
APLICACIONES WEB




En este paso se especifica la ruta donde se creara la carpeta “wamp” que es en la
que almacenaras tus...
APLICACIONES WEB




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




Aquí deberá especificar el serv...
APLICACIONES WEB




Esta es la consola desde donde podrás administrar wampserver, iniciar o parar los
servicios, configur...
APLICACIONES WEB




                              INSTALACION DE JOOMLA




Crea una base de datos para Joomla utilizando...
APLICACIONES WEB




En www, pega las aplicaciones que desees.




En la consola de administración selecciona “Localhost” ...
APLICACIONES WEB




Elige el idioma.




En la comprobación previa solo selecciona siguiente.

Lee la licencia y seleccio...
APLICACIONES WEB




En la configuración de la base de datos no escriba la contraseña para evitar conflictos
más adelante....
APLICACIONES WEB




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




A...
APLICACIONES WEB




Para borrar el directorio de instalación entra a la carpeta www en donde esta Jommla,
ábrela y busca ...
APLICACIONES WEB




                            INSTALACION DE BBPRESS



Lo primero que debes hacer es descargar la apli...
APLICACIONES WEB




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




Abre el administrador de...
APLICACIONES WEB




Esta opción es para integrar bbpress con wordpress pero no lo vamos hacer,
entonces solo selecciona “...
APLICACIONES WEB




Escribe el nombre que deseas para el foro, el usuario mysql que siempre será root,
escribe un correo ...
APLICACIONES WEB




El siguiente error fue por que se envía una contraseña al correo que escribí en el
registro, y la con...
APLICACIONES WEB




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




Ingresa con tu usuario que seria ...
APLICACIONES WEB




                              INSTALACION DE XAMPP



La instalación de OCS Inventory se va a hacer c...
APLICACIONES WEB




Escoge si quieres que se cree un acceso directo en el escritorio y una carpeta en el
menú de incio, y...
APLICACIONES WEB




Se abriran varias consolas, que te muestran que se están iniciando los servicios.
Esta es la consola ...
APLICACIONES WEB



                         INSTALACION OCS INVENTORY


El   instalador     lo   podemos   descargar    d...
APLICACIONES WEB



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




Escoge donde ...
APLICACIONES WEB



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




Luego seleccione la...
APLICACIONES WEB




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


Dirígete     al ...
APLICACIONES WEB



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




...
APLICACIONES WEB




                       SEGURIDAD Y SOPORTE OPENSSL


Ve a https://localhosts, después de dar esta dir...
APLICACIONES WEB




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




Arece...
APLICACIONES WEB




Escribe en tu navegador http://localhost/xampp/index.php y pedirá una
identificación para verificar l...
APLICACIONES WEB




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


En el navegador...
APLICACIONES WEB




NETWORK EVOLUTION                 36
APLICACIONES WEB



                  INSTALACIÓN DEL AGENTE EN WINDOWS


Para que oci puede cumplir con su función los eq...
APLICACIONES WEB



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




Luego empezara a cargar los componentes




Y así finalizara la instalación del agente.




         ...
APLICACIONES WEB




Después de algunos días de estudio se pudieron lograr los objetivos
propuestos por los profesores y c...
APLICACIONES WEB



                                 CIBERGRAFIA




http://sourceforge.net/project/downloading.php?groupn...
Upcoming SlideShare
Loading in...5
×

Aplicaciones Web(Server)

9,731

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
9,731
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
371
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Aplicaciones Web(Server)"

  1. 1. 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
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. 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 quot;TrayIconquot; 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. 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
  14. 14. APLICACIONES WEB Elige el idioma. En la comprobación previa solo selecciona siguiente. Lee la licencia y selecciona siguiente. NETWORK EVOLUTION 14
  15. 15. 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
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 22. 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
  23. 23. 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
  24. 24. 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
  25. 25. 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
  26. 26. 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
  27. 27. 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
  28. 28. 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
  29. 29. 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
  30. 30. 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
  31. 31. 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
  32. 32. 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
  33. 33. 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
  34. 34. 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
  35. 35. 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
  36. 36. APLICACIONES WEB NETWORK EVOLUTION 36
  37. 37. 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
  38. 38. 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
  39. 39. APLICACIONES WEB Luego empezara a cargar los componentes Y así finalizara la instalación del agente. CONCLUSIONES NETWORK EVOLUTION 39
  40. 40. 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
  41. 41. 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

×