Diseño de un sitio web para la cooperativa costisss de r l ,

UNIVERSIDAD PEDAGÓGICA DE EL SALVADOR “DR. LUIS ALONSO APARICIO” FACULTAD DE CIENCIAS ECONÓMICAS

“DISEÑO DE UN SITIO WEB PARA LA COOPERATIVA COSTISSS DE R.L., SAN SALAVADOR, 2013”

TRABAJO DE GRADUACIÓN PARA OPTAR AL TÍTULO DE TÉCNICO EN SISTEMAS DE COMPUTACIÓN

PRESENTADO POR: ÁNGEL VLADIMIR BONILLA GUZMÁN LUCÍA BEATRIZ GARCÍA LÓPEZ MOISÉS ALEXANDER ORELLANA PÉREZ

SAN SALVADOR, 2013

INDICE

1.

2.

DATOS DE IDENTIFICACIÓN .................................................................................................... 1 1.1

Tema................................................................................................................................... 1

1.2

Objetivos ............................................................................................................................ 1

1.3

Introducción ....................................................................................................................... 2

1.4

Definición del Problema................................................................................................... 3

1.5

Justificación ....................................................................................................................... 3

1.6

Fundamentación Teórica................................................................................................. 4

1.6.1

Sitio Web .................................................................................................................... 4

1.6.2

Sistema de gestión de contenidos (CMS) ............................................................ 4

1.6.3

Servidores Web ........................................................................................................ 6

1.6.4

Programación Web: lenguajes más utilizados ..................................................... 9

1.6.5

Base de datos ......................................................................................................... 13

MARCO EMPÍRICO .................................................................................................................... 18 2.1

Metodología Descriptiva ................................................................................................ 18

2.2

Procedimientos para la obtención de datos ............................................................... 19

2.3

Marco Operativo ............................................................................................................. 21

2.4

Nuevas formulaciones teoricas .................................................................................... 26

2.5

Bibliografía ....................................................................................................................... 28

ANEXOS ............................................................................................................................................... 29

1. DATOS DE IDENTIFICACIÓN

1.1 Tema “DISEÑO DE UN SITIO WEB PARA LA COOPERATIVA COSTISSS DE R.L., SAN SALAVADOR, 2013”

1.2 Objetivos 

Objetivo General Diseñar un sitio web para la cooperativa COSTISSS DE R.L. para dar a conocer los servicios y beneficios prestados a sus asociados.



Objetivos Específicos:

o Facilitar el acceso de la información y documentación a los asociados y público en general. o Mostrar los servicios prestado a los clientes potenciales. o

Mejorar el acercamiento entre la cooperativa y los socios.

1

1.3 Introducción Las instituciones financieras actuales se han visto forzadas, gracias a la tecnología a actualizarse gradualmente para no verse en desventajas ante un entorno tan cambiante. Las nuevas técnicas y procedimientos que se están aplicando tanto en el sector privado o publico, promueven que estas se actualicen para volverse mas competitivas y eficientes.

La adquisición de sitios web para las instituciones, en los últimos años han sido testigos del vertiginoso desarrollo tecnológico, la publicación de información sobre productos y servicios se está volviendo una forma rápida y accesible para mostrar datos importantes y precisos para los usuarios de internet.

La finalidad de la investigación es desarrollar un sitio web para la cooperativa COSTISSS DE R.L., para dar a conocer los servicios y beneficios prestados a sus asociados.

Para la comprensión del documento se estructura bajo las siguientes partes: Primera parte, Planteamiento del problema, el cual se inicia con la situación problemática donde se hace una descripción del problema en estudio, de dicha situación se enuncia el problema que guió el desarrollo de la investigación, en la justificación, se plantean las causas por las que se seleccionó el caso a investigar, la importancia del estudio, la utilidad del mismo y sus beneficios a la comunidad, se presentan los objetivos: uno general y tres específicos, los cuales dan los propósitos a cumplir con la siguiente investigación, luego también se incluirán la fundamentación teórica para dar sustento a la investigación.

Segunda Parte, en esta parte se plantean los procedimientos para la obtención de datos y de nuevas formulaciones teóricas que enlistan las ventajas del desarrollo de un sitio web.

2

1.4 Definición del Problema La entrega de brochure y vallas publicitarias es la forma tradicional de darse a conocer y brindar información con que cuenta la cooperativa, desde que nació hasta la fecha actual. Con los avances tecnológicos y el internet, la mayor parte de instituciones y empresas muestran su información en internet por medio de un sitio web.

En El Salvador, como en el resto del mundo, a las personas se les está facilitando el acceso a internet, creando con ello una forma más cómoda y rápida para la búsqueda de información de productos y servicios. Con ello la mayoría de personas da casi por hecho que todas las instituciones cuentan con un sitio web y cuando necesitan información, esta es buscada en internet y cada vez es más raro que se dirijan hasta las instituciones para pedirlas personalmente.

1.5 Justificación Las instituciones modernas requieren mostrarse ante sus clientes de diferentes formas, a fin de dar respuesta puntual y efectiva a sus clientes. Ya que muchos de estos requieren información y documentación para optar a nuevos productos y servicios. Todo lo antes mencionado, puede fácilmente plasmarse en un sitio web

donde

puede

mostrarse

información

al

cliente

con

diferentes

funcionalidades y características dinámicas e interactivas que harán del sitio algo más que una página web informativa a la vez que se facilita la introducción y actualización de contenidos, en este caso todo lo relacionado a la cooperativa, como lo son las tasas de interés, ahorros, prestamos, documentación, requisitos, etc.

3

1.6 Fundamentación Teórica 1.6.1 Sitio Web Un sitio web es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.

Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.

Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco entramado de recursos de alcance mundial).

A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.

Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores e información económica en tiempo real, etc.

1.6.2 Sistema de gestión de contenidos (CMS) Un sistema de gestión de contenidos (o CMS, del inglés Content Management System) es un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, 4

principalmente en páginas web, por parte de los administradores, editores, participantes y demás roles.

Consiste en 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.

Un sistema de administración de contenidos siempre funciona en el servidor web en el que esté alojado el portal. El acceso al gestor se realiza generalmente a través del navegador web, y se puede requerir el uso de FTP para subir contenido.

Cuando un usuario accede a una URL, se ejecuta en el servidor esa llamada, se selecciona el esquema gráfico y se introducen los datos que correspondan de la base de datos. La página se genera dinámicamente para ese usuario, el código HTML final se genera en esa llamada.

Normalmente se predefinen en el gestor varios formatos de presentación de contenido para darle la flexibilidad a la hora de crear nuevos apartados e informaciones.

5

Los gestores de contenido se pueden clasificar según diferentes criterios: Por sus características. 

Según el lenguaje de programación empleado, como por ejemplo Active Server Pages, Java, PHP, ASP.NET, Ruby On Rails, Python, PERL, etc.



Según la licencia: Código abierto o Software propietario.

Por su uso y funcionalidad. 

Blogs; pensados para páginas personales.



Foros; pensados para compartir opiniones.



Wikis; pensados para el desarrollo colaborativo.



Enseñanza; plataforma para contenidos de enseñanza on-line.



Comercio electrónico; plataforma de gestión de usuarios, catálogo, etc.



Publicaciones digitales.



Difusión de contenido multimedia.



Propósito general.

1.6.3 Servidores Web Un servidor web es un programa que implementa el protocolo HTTP (hipertext transfer protocol). Este protocolo está diseñado para transferir lo que llamamos hipertextos, páginas Web o páginas HTML (hypertext markup language): textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de sonido.

Sin embargo, el hecho de que HTTP y HTML estén íntimamente ligados no debe dar lugar a confundir ambos términos. HTML es un formato de archivo y HTTP es un protocolo.

6

Cabe destacar el hecho de que la palabra servidor identifica tanto al programa como a la máquina en la que dicho programa se ejecuta. Existe, por tanto, cierta ambigüedad en el término, aunque no será difícil diferenciar a cuál de los dos nos referimos en cada caso. En este artículo nos referimos siempre a la aplicación.

Un servidor Web se encarga de mantenerse a la espera de peticiones HTTP llevada a cabo por un cliente HTTP que solemos conocer como navegador.

El navegador realiza una petición al servidor y este le responde con el contenido que el cliente solicita. A modo de ejemplo, al teclear http://intrautec.edu.sv/moodle. En nuestro navegador, éste realizara una petición HTTP al servidor de dicha dirección.

El servidor responde al cliente enviando el código HTML de la página; el cliente, una vez recibido el código, lo interpreta y lo muestra en pantalla.

Como vemos con este ejemplo, el cliente es el encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los colores y la disposición de los textos y objetos de la página; el servidor tan solo se limita a transferir el código de la página sin llevar a cabo ninguna interpretación de la misma.

Sobre el servicio Web clásico podemos disponer de aplicaciones Web. Estas son fragmentos de código que se ejecutan cuando se realizan ciertas peticiones o respuestas HTTP. Hay que distinguir entre: Las aplicaciones de servidores suelen ser la opción por la que se opta en la mayoría de las ocasiones para realizar aplicaciones Web. La razón es que, al ejecutarse están en el servidor y no en la máquina del cliente, este no necesita ninguna capacidad adicional, como si ocurre en el caso de querer ejecutar aplicaciones javascript o java. Así pues, cualquier cliente dotado de un navegador Web básico puede utilizar este tipo de aplicaciones.

7

Algunos servidores Web importantes son: 

Apache



IIS



Tomcat

Servidor HTTP Apache El servidor HTTP Apache es un servidor HTTP de código abierto para plataformas Unix (BSD, GNU/Linux, etcétera), Windows y otras que implementa el protocolo HTTP/1.1 (RFC 2616) y la noción de sitio virtual.

Cuando comenzó su desarrollo en 1995 se basó inicialmente en código del popular NCSA HTTP 1.3, pero más tarde fue reescrito por completo.

Su nombre se debe a que originalmente Apache consistía solamente en un conjunto de parches a aplicar al servidor de NCSA. Era, en inglés, a patchy Server (un servidor parcheado).

Apache es el servidor Web hecho por excelencia, su configurabilidad, robustez y estabilidad hacen que cada vez millones de servidores reiteren su confianza en este programa.

La historia de Apache se remonta a febrero de 1995, donde empieza el proyecto del grupo Apache, el cual está basado en el servidor Apache http de la aplicación original de NCSA. El desarrollo de esta aplicación original se estanco por algún tiempo tras la marcha de Rob McCool por lo que varios Web máster siguieron creando sus parches para sus servidores Web hasta que se contactaron vía email para seguir en conjunto el mantenimiento del servidor Web, fue ahí cuando formaron el grupo Apache.

Apache es un servidor altamente confiable de diseño modular. Es muy sencillo ampliar las capacidades del servidor Web Apache. Actualmente existen muchos módulos para Apache que son adaptables a este, y están 8

ahí para que los instalemos cuando los necesitamos. Otra cosa importante es que cualquiera que posea una experiencia decente en la programación de C o Perl puede escribir un módulo para realizar una función determinada.

Apache trabaja con gran cantidad de Perl, PHP y otros lenguajes de Script.

Perl destaca en el mundo del script y Apache utiliza su parte del pastel de Perl tanto con soporte CGI como con soporte mod perl. También trabaja con java y paginas jsp. Teniendo todo el soporte que se necesita para tener páginas dinámicas. Apache te permite personalizar la respuesta ante los posibles errores que se puedan dar en el servidor.

1.6.4 Programación Web: lenguajes más utilizados Existen muchos lenguajes de programación Web mencionaremos algunos de los más importantes: 

HTML / XHTML



CSS



JavaScript.



PHP



Asp



Asp.net

HTML El HTML, acrónimo inglés de HyperText Language (lenguaje de marcas hipertextuales), es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas Web. Gracias a internet y a los navegadores del tipo Internet Explorer, Opera Firefox o Netscape, El HTML se ha convertido en uno de

9

los formatos más populares que existen para la construcción de documentos y también de los más fáciles de aprender.

HTML es una aplicación de SGML conforme al estándar internacional ISO 8879. XHTML es una reformulación de HTML 4 como aplicación XML 1.0, y que supone la base para la evolución estable de este lenguaje. Además XHTML permite la compatibilidad con los agentes de usuario que ya admitían HTML 4 siguiendo un conjunto de reglas.

CSS Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado

de formular la

especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

Por ejemplo, el documento de HTML <H1> indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como <H2>. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta

<H1> debía disponer de la

información si se deseaba un diseño consistente para una página, y además, una persona que lea esa página con un navegador pierde totalmente el control sobre la visualización del texto.

Cuando se utilice CSS, la etiqueta <H1> no debería proporcionar información sobre cómo va a ser visualizado, solamente marca la estructura del documento. La información de estilo separada en una hoja de estilo, 10

especifica cómo se ha de mostrar <H1>: color, fuente, alineación del texto, tamaño, y otras características no visuales como definir el volumen de un sintetizador de voz (véase Sintetización del habla), por ejemplo.

JAVA SCRIPT Java Script es un lenguaje interpretado orientado a las páginas Web basado en el paradigma prototipo, con una sintaxis semejante a la del lenguaje Java.

El lenguaje fue inventado por Brendan Eich en la empresa Netscape llamado Netscape Navigator 2.0.

Tradicionalmente, se venía utilizando en páginas Web HTML, para realizar tareas y operaciones en el marco de la aplicación cliente servidor.

Los autores inicialmente lo llamaron Mocha y más tarde LiveScript pero fue rebautizado como JavaScript

en un anuncio conjunto

entre

Sun

Microsystem y Netscape, el 4 de diciembre de 1995.

En 1997 los autores propusieron JavaScript para que fuera adoptado como estándar de la the European Computer Manufactures´Association ECMA, que a pesar de su nombre no es europeo sino internacional, con sede en Ginebra. En junio de 1997 fue adoptado como un estándar ECMA, con el nombre de ECMAScript. Poco después también lo fue como un estándar ISO.

JScript es la implementación de ECMAScript de Microsoft, muy similar al JavaScript de Ntscape, pero con ciertas diferencias en el modelo de objetos del navegar que hacen a ambas versiones con frecuencia incompatibles.

Para evitar estas incompatibilidades, el World Wide Web Consortium diseño el estándar Document Object Model (DOM, ó Modelo de Objetos del Documento en castellano), que incorporan Konqueror, las versiones 6 de 11

internet Explorer y Netscape Navigator, Opera versión 7, y Mozilla desde su primera versión.

PHP PHP es un lenguaje de programación usado generalmente para la creación de contenidos para sitios Web. El nombre es el acrónico recursivo de “PHP: Hypertext Preprocessor” (inicialmente PHP Tools, o, Personal Home page Tools), y se trata de un lenguaje interpretado usado para la creación de aplicaciones para servidores, o creación de contenidos dinámico para sitios Web.

PHP fue originalmente diseñado en Perl, seguidos por la escritura

de un

grupo de CGI binario escritos en el lenguaje C por el programador DanésCanadiense Rasmus Lerdorf en el año 1994 para mostrar su curriculum vitae y guardar ciertos datos, como la cantidad de tráfico que su página Web recibía. El 8 de junio del 1995 fue publicado “personal Home Page Tools” después de que Lerdorf lo combinara con su propio Form Interpreter para crear PHP/FI.

Usos de PHP Los principales usos del PHP son los siguientes: Programación de páginas Web dinámicas, habitualmente en combinación con el motor de base datos MySQL, aunque cuenta con soporte nativo para otros motores, incluyendo el estándar ODBC, lo que amplia en gran medida sus posibilidades de conexión.

Programación en consola, al estilo de Perl o Shell scripting.

Creación de aplicaciones graficas independientes del navegador, por medio de la combinación de PHP y GTK (GIMP Tool Kit), lo que permite desarrollar aplicaciones de escritorios en los sistemas operativos en los que esta soportado.

12

Ventajas de PHP Es un lenguaje multiplataforma. Capacidad de conexión con la mayoría de los manejadores de base de datos que se utiliza en la actualidad. Leer y manipular datos desde diversas fuentes, incluyendo datos que pueden ingresar los usuarios desde formularios HTML.

Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados extensiones). Posee una amplia documentación en su página oficial. Es libre, por lo que se presenta como una alternativa de fácil acceso para todos. Permite las técnicas de Programación Orientada a Objetos. Nos permite crear los formularios para la Web.

1.6.5 Base de datos Una base de datos o banco de datos es un conjunto de datos que pertenecen al mismo contexto almacenados sistemáticamente para su posterior uso. En este sentido, una biblioteca puede considerarse una base de datos compuesta en su mayoría por documentos y textos impresos en papel e indexados para su consulta.

En la actualidad, y debido al desarrollo tecnológico de campos como la informática y la electrónica, la mayoría de las bases de datos tienen formato electrónico, que ofrece un amplio rango de soluciones al problema de almacenar datos.

En informática existen los sistemas gestores de bases de datos (SGBD), que permiten almacenar y posteriormente acceder a los datos de forma rápida y estructurada. Las propiedades de los sistemas gestores de bases de datos se estudian en informática.

Las aplicaciones más usuales son para la gestión de empresas e instituciones públicas. También son ampliamente utilizadas en entornos 13

científicos con el objeto de almacenar la información experimental. Aunque las bases de datos pueden contener muchos tipos de datos, algunos de ellos se encuentran protegidos por las leyes de varios países.

Tipos de bases de datos Las bases de datos pueden clasificarse de varias maneras, de acuerdo al criterio elegido para su clasificación:



Según la variabilidad de los datos almacenados



Bases de datos estáticas Éstas son bases de datos de sólo lectura, utilizadas primordialmente para almacenar datos históricos que posteriormente se pueden utilizar para estudiar el comportamiento de un conjunto de datos a través del tiempo, realizar proyecciones y tomar decisiones.



Bases de datos dinámicas Éstas son bases de datos donde la información almacenada se modifica con el tiempo, permitiendo operaciones como actualización y adición de datos, además de las operaciones fundamentales de consulta. Un ejemplo de esto puede ser la base de datos utilizada en un sistema de información de una tienda de abarrotes, una farmacia, un videoclub, etc.

Modelos de bases de datos Además de la clasificación por la función de las bases de datos, éstas también se pueden clasificar de acuerdo a su modelo de administración de datos.

Un modelo de datos es básicamente una “descripción” de algo conocido como contenedor de datos (algo en donde se guarda la información), así como de los métodos para almacenar y recuperar información de esos 14

contenedores. Los modelos de datos no son cosas físicas: son abstracciones que permiten la implementación de un sistema eficiente de base de datos; por lo general se refieren a algoritmos, y conceptos matemáticos.

Algunos modelos con frecuencia utilizados en las bases de datos: 

Bases de datos Jerárquicas Éstas son bases de datos que, como su nombre indica, almacenan su información en una estructura jerárquica. En este modelo los datos se organizan en una forma similar a un árbol (visto al revés), en donde un nodo padre de información puede tener varios hijos. El nodo que no tiene padres es llamado raíz, y a los nodos que no tienen hijos se los conoce como hojas.

Las bases de datos jerárquicas son especialmente útiles en el caso de aplicaciones que manejan un gran volumen de información y datos muy compartidos permitiendo crear estructuras estables y de gran rendimiento.

Una de las principales limitaciones de este modelo es su incapacidad de representar eficientemente la redundancia de datos. 

Bases de datos de red Éste es un modelo ligeramente distinto del jerárquico; su diferencia fundamental es la modificación del concepto de nodo: se permite que un mismo nodo tenga varios padres (posibilidad no permitida en el modelo jerárquico).

Fue una gran mejora con respecto al modelo jerárquico, ya que ofrecía una solución eficiente al problema de redundancia de datos; pero, aun así, la dificultad que significa administrar la información en una base de datos de red ha significado que sea un modelo utilizado en su mayoría por programadores más que por usuarios finales.

15



Bases de datos relacional Éste es el modelo más utilizado en la actualidad para modelar problemas reales y administrar datos dinámicamente. Tras ser postulados sus fundamentos en 1970 por Edgar Frank Codd, de los laboratorios IBM en San José (California), no tardó en consolidarse como un nuevo paradigma en los modelos de base de datos.

Su idea fundamental es el uso de “relaciones”. Estas relaciones podrían considerarse en forma lógica como conjuntos de datos llamados “tuplas”.

Pese a que ésta es la teoría de las bases de datos relacionales creadas por Edgar Frank Codd, la mayoría de las veces se conceptualiza de una manera más fácil de imaginar. Esto es pensando en cada relación como si fuese una tabla que está compuesta por registros (las filas de una tabla), que representarían las tuplas, y campos (las columnas de una tabla).

En este modelo, el lugar y la forma en que se almacenen los datos no tienen relevancia (a diferencia de otros modelos como el jerárquico y el de red). Esto tiene la considerable ventaja de que es más fácil de entender y de utilizar para un usuario esporádico de la base de datos. La información puede ser recuperada o almacenada mediante “consultas” que ofrecen una amplia flexibilidad y poder para administrar la información.

El lenguaje más habitual para construir las consultas a bases de datos relacionales es SQL, Structured Query Language o Lenguaje Estructurado de Consultas, un estándar implementado por los principales motores o sistemas de gestión de bases de datos relacionales.

Durante su diseño, una base de datos relacional pasa por un proceso al que se le conoce como normalización de una base de datos.

16

Durante los años ’80 (1980-1989) la aparición de dBASE produjo una revolución en los lenguajes de programación y sistemas de administración de datos. Aunque nunca debe olvidarse que dBase no utilizaba SQL como lenguaje base para su gestión. 

Bases de datos orientada a objetos Este modelo, bastante reciente, y propio de los modelos informáticos orientados a objetos, trata de almacenar en la base de datos los objetos completos (estado y comportamiento).

Una base de datos orientada a objetos es una base de datos que incorpora todos los conceptos importantes del paradigma de objetos: Encapsulación – Propiedad que permite ocultar la información al resto de los objetos, impidiendo así accesos incorrectos o conflictos.

Herencia –

Propiedad

a

través

de

la

cual

los

objetos heredan

comportamiento dentro de una jerarquía de clases.

Polimorfismo – Propiedad de una operación mediante la cual puede ser aplicada a distintos tipos de objetos.

En bases de datos orientadas a objetos, los usuarios pueden definir operaciones sobre los datos como parte de la definición de la base de datos. Una operación (llamada función) se especifica en dos partes. La interfaz (o signatura) de una operación incluye el nombre de la operación y los tipos de datos de sus argumentos (o parámetros). La implementación (o método) de la operación se especifica separadamente y puede modificarse sin afectar la interfaz. Los programas de aplicación de los usuarios pueden operar sobre los datos invocando a dichas operaciones a través de sus nombres y argumentos, sea cual sea la forma en la que se han implementado. Esto podría denominarse independencia entre programas y operaciones.

17



Bases de datos documentales Permiten la indexación a texto completo, y en líneas generales realizar búsquedas más potentes.

2. MARCO EMPÍRICO

2.1 Metodología Descriptiva Como equipo de trabajo se realizó una visita a las instalaciones de la Cooperativa Financiera Segura COSTISSS DE R.L., ubicada en San Salvador, en la cual se solicitó la realización del diseño de un sitio web como proyecto de graduación. Para lo cual la Dirección de Administración Académica de la Universidad Pedagógica de El Salvador, nos extendió una carta de solicitud para la realización de dicho proyecto.

Luego se presentó dicho documento a la cooperativa para la aprobación del proyecto. Una vez aprobado el documento se procedió a la realización del mismo; para la cual se visitó nuevamente las instalaciones de la cooperativa para la obtención de la información y esta se obtuvo a través del Gerente General de dicha institución financiera, recopilando toda la información necesaria para el desarrollo del sitio web.

Posteriormente se seleccionó la plataforma en la cual se diseñaría y desarrollaría el sitio web, eligiendo el CMS Joomla! Por ser un software libre y el más idóneo en su implementación. Seguidamente se realiza la instalación de Joomla en el servidor web y su configuración para luego proceder al ingreso de la información obtenida.

18

El desarrollo del proyecto comienza haciendo la descripción de Joomla! y las distintas herramientas para la creación de artículos que contendrán la información mostrada en las páginas web. El sitio web estará disponible para los asociados y público en general con el objetivo de tener un sitio donde se brinde la información requerida por los asociados sobre las tasas de intereses, tipos de ahorro y crédito disponibles en la cooperativa.

2.2 Procedimientos para la obtención de datos El método utilizado para la obtención de la información en esta investigación está basada en cuatro entrevistas realizadas al Gerente General de la cooperativa, partiendo del hecho de que una entrevista es un proceso de comunicación que se realiza normalmente entre dos personas o más, en este proceso el entrevistador obtiene información del entrevistado de una forma directa, en el cual los roles del entrevistado y el entrevistador van cambiando con el resultado de la información obtenida.

Este método es el más adecuado para esta

investigación, ya que la

información necesaria, para el desarrollo del sitio web surge de sus necesidades de no poseer un sitio web donde mostrar su información.

Conociendo ya la técnica empleada, se procede a utilizar el instrumento para la formación de la entrevista, esta es una entrevista no estructurada en el sentido que el objetivo es que fueran surgiendo las inquietudes para ir formulando la información o metodologías, aunque en el momento de realizarla se creó una cantidad de preguntas importantes, para así poder responder y cuando se iba realizando la entrevista iban surgiendo elementos importantes que requerían de atención, inquietudes que eran de explicación más extensa para los requerimientos.

19

Con todo esto se logró la obtención de información muy valiosa, como son sus necesidades, información de tasas de intereses, tipos de ahorros, etc.

Entrevista dirigida al Gerente General de la Cooperativa 1. ¿Actualmente la Cooperativa cuenta con un sitio web?

R/ No, la Cooperativa no cuenta con un sitio web

2. ¿La Cooperativa se encuentra afiliada a otra institución financiera?

R/ Si, estamos afiliados a la red de cooperativas de La Federación de Asociaciones Cooperativas de

Ahorro

y Crédito

de

El Salvador,

FEDECACES de R.L.

3. ¿Cuentan con servicio de internet en la cooperativa?

R/ Si, se cuenta con un servicio de internet, con el cual los empleados están conectados, aunque algunos de forma restringida.

4. ¿De qué forma proporciona información de sus servicios a sus asociados?

R/ Tenemos varias formas de brindar la información a los clientes y asociados. La forma más usual es personalmente, cuando el asociado nos visita, de forma verbal o entregándole brochure con información de productos y promociones.

5. ¿Está dispuesto a brindarnos información de la cooperativa para poder desarrollar el sitio web?

R/ Si, se les brindara la información necesaria de forma verbal, documentos y también se les enviara por correo electrónico.

20

2.3 Marco Operativo Concepto de Sitio Web Es un lugar que sirve para algo o un espacio ocupado (o que puede llegar a serlo). La noción de Web, por su parte, hace referencia a Internet, una red de redes que permite la interconexión de computadoras mediante un conjunto de protocolos denominado TCP/IP.

Un sitio web, por lo tanto, es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW).

Los sitios web incluyen documentos HTML, fotografías, sonidos, vídeos, animaciones Flash y otro tipo de contenidos que pueden compartirse en línea.

La URL raíz del sitio web se conoce como portada o homepage. Lo más habitual es que esta portada facilite el acceso a todas las páginas del sitio mediante hipervínculos (también conocidos como enlaces o links).

La mayor parte de los sitios web ofrecen sus contenidos de manera gratuita.

Otros, en cambio, cobran una suscripción y exigen una contraseña para su acceso. Ese es el caso de muchos sitios pornográficos, de información bursátil o de juegos online, entre otros servicios.

Cabe destacar que para acceder a un sitio web se necesita contar con un navegador en la computadora. Este es un programa informático que posibilita la visualización de la información contenida en una página web.

Joomla!

Es un potente gestor de contenidos web (CMS o Content Management System) que permite crear sitios web elegantes, dinámicos e interactivos. Por su diseño, potencia, flexibilidad y por sus enormes posibilidades de ampliación se está 21

convirtiendo en el sistema de publicación preferido por millones de webmasters en todo el mundo para desarrollar sitios web.

Con Joomla! podemos crear en poco tiempo un completo sitio web para publicar noticias, blogs, directorios de enlaces o documentos para descargar sin necesidad de conocimientos técnicos especiales o de complejos lenguajes de programación.

A partir de una plantilla y de unos contenidos de ejemplo iniciales podemos desarrollar un vistoso y completo portal añadiendo los contenidos, menús y elementos visuales deseados a través de un entorno web y sin necesidad de programas auxiliares ni de conocimientos especiales de diseño o de programación ya que todas estas operaciones de edición y administración se realizan a través de cualquier navegador.

La introducción y edición de contenidos resultan así una tarea cómoda y sencilla y ello nos permite mantener nuestro sitio permanentemente actualizado.

Características de Joomla Joomla! ofrece en general, las mismas ventajas que otros gestores de contenidos web (CMS o Content Management System) en la medida en que hace posible convertir una web estática tradicional en un completo portal con diferentes funcionalidades y características dinámicas e interactivas que hacen de nuestro sitio algo más que una página web informativa a la vez que se facilita la introducción y actualización de contenidos.

Al igual que otros CMS, Joomla es un sistema "administrado". El administrador o administradores acceden con su clave desde cualquier ordenador conectado a Internet a un panel de control desde el que realizan todas las operaciones, incluidas las relacionadas con la instalación de nuevos componentes y módulos en el sistema.

22

La facilidad para editar y organizar los contenidos es otra de las grandes virtudes de los sistemas CMS como Joomla. Además de páginas de contenido estático para la información que sea más estable y permanente podemos añadir artículos agrupados en secciones y categorías temáticas que permiten su clasificación y que ofrecen diferentes opciones para su presentación: en forma de lista o índice, en forma de blog, en una o más columnas, etc.

Joomla! se utiliza en todo el mundo para generar desde una simple página web personal hasta complejas aplicaciones web corporativas. Entre los diferentes usos que la gente da a Joomla están: 

Webs Corporativas o Portales



Comercio Electrónico



Pequeños Sitios de Negocios



Webs de Organizaciones o ONGs



Aplicaciones Gubernamentales



Intranets y Extranets Corporativas



Webs de Escuelas o Agrupaciones



Páginas Personales o Familiares 23



Portales de Comunidades



Revistas y Periódicos, etc.

Joomla! se puede usar para gestionar fácilmente cualquiera de los aspectos de un sitio web, desde la introducción de contenidos e imágenes hasta la actualización de un catálogo de productos o la realización de reservas online.

Appserv Es una herramienta OpenSource para Windows con Apache, MySQL, PHP y otras adiciones, en la cual estas aplicaciones se configuran en forma automática, lo que permite ejecutar un servidor web completo.

Como extra incorpora phpMyAdmin para el manejo de MySQL. Inmediatamente después de la instalación está disponible completamente funcional del servidor web Apache, que se ejecuta en el equipo local, que puede ejecutar un número ilimitado de sitios para ser muy eficaz para desarrollar y depurar scripts PHP sin subir archivos a un servidor remoto.

El programa se distribuye gratuitamente bajo licencia GNU General Public License y es gratis, fácil de usar web-servidor capaz de servir páginas dinámicas. Con esta configuración, puede implementar rápidamente un equipo hecho y derecho y el servidor web rápido, con acceso desde la red local, sin necesidad de configuración adicional. Puede ser utilizado como un servidor web público en la Internet.

MySQL Es un sistema de gestión de bases de datos relacional, multihilo y multiusuario con más de seis millones de instalaciones. MySQL AB desde enero de 2008 una subsidiaria de Sun Microsystems y ésta a su vez de Oracle Corporation desde abril de 2009 desarrolla MySQL como software libre en un esquema de licenciamiento dual.

24

Por un lado se ofrece bajo la GNU GPL para cualquier uso compatible con esta licencia, pero para aquellas empresas que quieran incorporarlo en productos privativos deben comprar a la empresa una licencia específica que les permita este uso. Está desarrollado en su mayor parte en ANSI C.

Al contrario de proyectos como Apache, donde el software es desarrollado por una comunidad pública y los derechos de autor del código están en poder del autor individual, MySQL es patrocinado por una empresa privada, que posee el copyright de la mayor parte del código.

Esto es lo que posibilita el esquema de licenciamiento anteriormente mencionado.

Además de la venta de licencias privativas, la compañía ofrece soporte y servicios.

Para sus operaciones contratan trabajadores alrededor del mundo que colaboran vía Internet.

25

2.4 Nuevas formulaciones teoricas Servidores de hosting para web En el mundo existen miles de servidores de alojamiento de páginas Web gratuitas.

Pero si buscamos en internet podemos ver que son estos dos los que tienen mejores herramientas.

CRITERIO

000WEBHOST.COM

TUARS.COM

PLAN

GRATIS

GRATIS

ESPACIO DE DISCO

1,500 MB

2,000 MB

100,000 MB

20,000 MB

BASE DE DATOS MYSQL

2

2

DOMINIOS ADICIONALES

SI

2

CUENTAS FTP

5

2

CUENTAS DE CORREO

5

2

CREADOR DE SITIOS

SI

SI

INSTALACIÓN LISTA

NO

SI

INSTALADOR DE SCRIPTS

SI

SI

PHP 5

SI

SI

CPANEL

SI

SI

SOPORTE FOROS

SI

SI

COPIA DE SEGURIDAD

SI

SI

MAX. VISITAS POR DÍA

SIN DEFINIR

1,000

MAX. MYSQL POR HORA

SIN DEFINIR

1,000

ANUNCIOS O BANNERS

NO

NO

TRANSFERENCIA MENSUAL

Ambos servidores de hosting gratuitos, ofrecen ventajas adicionales que favorecen en la creación y alojamiento de un sitio Web. 000webhost.com nos brinda una mínima ventaja, la transferencia mensual; pero, después de un tiempo de estar en línea invade nuestro sitio con publicidad propia de sus servicios de hosting.

26

Tuars.com, no invade con publicidad de sus planes de hosting, por esta razón nos pareció mejor. Además hay un número aproximado de visitas y cuenta con auto instaladores donde podemos optar por Wordpress o Joomla; ya que lo incluye entre otros. Por lo tanto, este es adecuado para minimizar el tiempo de instalación y/o creación de un sitio Web, solo es necesario crear una cuenta y comenzar a diseñar el nuestro.

Requisitos de Software Respecto a hardware/software los requisitos necesarios son: 

Un ordenador con conexión a Internet (preferiblemente de banda ancha) y derechos de Administrador sobre el mismo (se necesitan instalar programas).



Un servidor Web (Apache 1.3 o posterior, o IIS) dotado de:



PHP (4.3.10 o superior)



Servidor de bases de datos MySQL (3.23 o superior)

27

2.5 Bibliografía

J. M. González Romano y J. M. Cordero Valle.

Diseño de páginas web - Iniciación y referencia Mc Graw Hill, 2004 Segunda edición

Turner, Robin D.; Boeckenhaupt, Herb Creación y gestión de sitios Web con Joomla!

Editorial Anaya Multimedia, 2012

Sitios Web: Sitio oficial de Joomla! www.joomla.org Sitio oficial de MySQL www.mysql.com Sitio oficial de apache www.apache.org Sitio oficial de AppServ www.appservnetwork.com

Otros www.es.wikipedia.org

28

ANEXOS

29

Manual para creación de artículos

Un artículo en Joomla! es el apartado donde se introduce el contenido que se quiere publicar en la web. Habitualmente los artículos de contenido se muestran en el cuerpo principal (main body) de la página.

La gestión de artículos es la más importante dentro de la gestión de una página web, ya que realmente es lo que va a dar vida al sitio web.

Desde el Gestor de Artículos de Joomla los administradores/as pueden modificar, añadir o eliminar los artículos de contenido disponibles en su sitio web. Joomla permite además gestionar por separado los artículos publicados en la página de inicio y los artículos archivados.

Al hablar de artículos pareciera que habláramos de un artículo de opinión o similar, pero hay que tener en cuenta que en Joomla el término “artículo” es más amplio y hace más referencia a un tipo de contenedor y de organización de contenidos que al contenido en sí mismo. De hecho, un artículo puede ser una imagen (digamos que un artículo puede constar de una imagen incrustada y nada más), una encuesta o cualquier otra cosa.

El primer paso para crear un artículo es digitar en un navegador la URL del sitio web, seguido de “/” y de la palabra administrator, ejemplo: http://costisssrl.tuars.com/administrator

Al estar en la administración de sitio, se tiene que digitar el nombre del usuario y la contraseña para poder ingresar al panel de control, como se muestra en la siguiente imagen.

El panel de control muestra todas las opciones para poder administrar el sitio web, dentro de estas opciones se encuentra la opción de Gestor de Artículos, donde al dar clic, mostrara la opción para crear, editar o eliminar artículos.

En la siguiente pantalla se muestran los artículos existentes, pero en este caso deberá seleccionar la opción de Nuevo para poder crear un nuevo artículo.

Luego debe llenar los siguiente campos: título, el alias es agregado automáticamente cuando guarda el artículo, categoría y el texto de artículo que es lo que contendrá la información que aparecerá en el sitio web. Para finalizar, dar clic en aplicar, guardar y cerrar.

Al guardar, el artículo agregado aparecerá en el listado de los artículos existentes.

Imรกgenes del sitio web