Entrada sobre CRM: Sugar

Hola a todos:

CRM (de la sigla del término en inglés «customer relationship management»), puede poseer varios significados:
La administración basada en la relación con los clientes. CRM es un modelo de gestión de toda la organización, basada en la orientación al cliente (u orientación al mercado según otros autores), el concepto más cercano es marketing relacional (según se usa en España) y tiene mucha relación con otros conceptos como: clienting, marketing 1x1, marketing directo de base de datos, etcétera.



Software para la administración de la relación con los clientes. Sistemas informáticos de apoyo a la gestión de las relaciones con los clientes, a la venta y al marketing. Con este significado CRM se refiere al sistema que administra un data warehouse (almacén de datos) con la información de la gestión de ventas y de los clientes de la empresa.
 
Ejemplo:


SugarCRM es un sistema para la administración de la relación con los clientes (CRM) basado en LAMP (Linux-Apache-MySQL-PHP), desarrollado por la empresa SugarCRM, Inc. ubicada en Cupertino, California.

Tiene tres versiones, una de ellas libre y otras dos versiones con componentes no-libres y con un costo por usuario.1 SugarCRM es una aplicación CRM muy completa para negocios de distinto tamaño. Está diseñada para facilitar la gestión de ventas, oportunidades, contactos de negocios y más. A partir de la versión 4.5, también está disponible una versión que permite utilizar SQL Server como base de datos; y la empresa ha firmado acuerdos con, Microsoft para poder expandir su mercado sobre servidores con Windows.
Funcionalidades principales de Sugar Community Edition Automatización de fuerza de ventas
Cuentas / Clientes / Clientes potenciales
Contactos
Oportunidades
Pronósticos de ventas
Cotizaciones y contratos (1)
Seguimiento de cuotas de ventas y de desempeño Mercadeo
Coordinación de campañas de marketing
Campañas por correo electrónico
Calculo de retorno de inversión
Ingresar contactos automáticamente al CRM Soporte a clientes
Manejo de incidentes
Recepción de correos electrónicos entrantes
Seguimiento de errores de software (bugs)
Portal de autoservicio para clientes Colaboración
Manejo de correos electrónicos
Agenda actividades, reuniones, llamadas, etc.
Administración de proyectos
Foros de discusión entre los usuarios Reportes
Análisis de mercadeo
Tendencia de ventas
Oportunidades
Reporte de casos
Perfiles de clientes
Tablero de control

Guía de posibles preguntas

1. Explique con detenimiento cuáles  son los contenidos de Google Docs
2. ¿Qué es una wiki? Ponga ejemplos de funcionamiento
3. Exponga dos ejemplos de sistemas gestores de enseñanza y las diferencias entre los mismos
4. Explique con detenimiento el funcionamiento de la aplicación scribd
5. Explique con detenimiento el funcionamiento de la aplicación.
6. Escriba tres lenguajes de programación utilizados en la construcción de aplicaciones web
7. ¿La instalación de un CMS normalmente implica la creación de un archivo exe?
8. ¿Qué hace un gestor de contenidos web?
9. ¿Cuál es la estructura básica de un cms?
10. ¿Cómo se realiza la instalación básica de un CMS?
11. ¿Cuáles son las características básicas de un CMS?
12. ¿Cuáles son las licencias de uso más comunes que se usan en gestión de contenidos?

Plantilla correción proyectos IAW

Hola a todos

Incluyo a continuación la plantilla para la corrección de los proyectos IAW

Originalidad: 10%

Diseño de la presentación: 10%

Dominio del tema general de SGC: 30%

Dominio del tema SGC espcífico: 50%

¿Cómo se medirá cada una de estas partes?

Originalidad: Nuevas posibilidades y ejemplos novedosos

Diseño de la Presentación: Tener un discurso fluido y una secuenciación de contenidos coherente y razonable

Dominio del tema general: 3 preguntas sobre este tema, después de la exposición

Dominio del tema específico: 5 preguntas sobre este tema, después de la exposición

Saludos,

Alfredo

Proyectos Generales asociados con el módulo

PROYECTO 1

Instalación de una máquina virtual con un programa VirtualBox, o VMWARE que tenga las siguientes características: 1 Gb de memoria RAM, 8 Gbs de disco duro.

Una vez realizada esta configuración, básica se instalará la ISO bien del sistema operativo Windows 7 o de Linux Ubuntu, a elegir por el alumno.

Tanto en un caso como en el otro, se procederá a la creación de un portafolios electrónico, en formato XHTML que resuma las contenidos principales de cada uno  de los módulos del ciclo, con ejemplos prácticos de las tareas realizadas en cada uno de ellos. Este portafolios deberá cumplir los siguientes requisitos:

Ø      La carpeta que contenga el sitio debe estar en el escritorio del sistema operativo, con los nombres de todos los participantes, en lugar bien  visible

Ø      Debe haber una página de índice, con el título del proyecto en la parte superior de la misma

Ø      Esa página de índice debe tener diferentes niveles de profundidad

Ø      En el caso de realizar el sitio web en solitario, el mínimo número de páginas será de 12.

Ø      En el caso de realizar el sitio web dos personas juntas, el mínimo número de páginas será de 30

Ø      No se permitirá hacer el trabajo en grupos de más de tres personas

Ø      Tanto en el caso de que se haga individualmente como en grupo, deberá existir, obligatoriamente, una página de créditos, en la cual se especifique de forma clara y concisa la siguiente información:

1.                 Autor(es) del proyecto

2.                 Qué parte del trabajo de desarrollo ha realizado cada alumno (Caso de más de un alumno), así como quien es el designado como portavoz para la defensa oral

3.                 Justificación de aquellas partes del diseño que no vengan dadas por estas directrices

4.                 Fecha de terminación del proyecto

Ø      El sitio web debe estar desarrollado siguiendo los estándares XHTML 1.0 o XHTML 1.1

Ø      Todas las páginas que conforman el  sitio web del proyecto deben estar validadas con el validador del W3C

Ø      La información de estilo del sitio web debe encontrarse en una hoja de estilo externa.

Ø      Esta hoja de estilo también debe haber sido validada en el validador del W3C

Ø      La información de estilo contenida en la misma debe ser la siguiente:

1.                 Los  títulos deben tener un tamaño de 30pts, estarán centrados y debe especificarse que no van a estar subrayados, y el color de fondo de la etiqueta que les contiene (h1) debe ser verde suave (88%,99%,88%). El borde debe ser de un verde más sólido y grueso. La fuente debe ser Verdana. El relleno debe ser de 15px y el margen de 10px. Los títulos de menor nivel tendrán las mismas características, pero rebajando de cinco en cinco pts el tamaño de la letra

2.                 Dentro de las etiquetas de bloques de contenido  que se utilicen, la fuente debe ser "Palatino Linotype", el tamaño de la misma 16pts, el interlineado un centímetro, el tamaño entre las palabras unos 15px y el espaciado entre letras debe ser de dos píxeles

3.                 Los enlaces deben no estar subrayados, deben subrayarse y aumentar el tamaño cuando se coloque el ratón encima de los mismos. El color de los enlaces debe estar controlado, de tal forma que destaque del resto del texto

4.                 Las imágenes deben ser incluidas y tener un borde equivalente al del título y deberían ser todas de la misma anchura y altura, salvo causa justificada (A explicar en los créditos)

Proyecto 2

Realizar el diseño de la base de datos (en el modelo  E/R) para un organismo que desea llevar un control del mantenimiento de sus equipos hardware (ordenadores, impresoras, etc), licencias de software (sistemas operativos, SGBD, compiladores, aplicaciones, etc) y redes

Ø      Hay que tener en cuenta que en los equipos hardware pueden encontrarse distintas licencias de software, y que se considera que los distintos equipos hardware se pueden encontrar conectados a una red (como máximo) o ser independientes. El software de red se considera un tipo especial de software que se encuentra asociado a la red

Ø      Las redes se encuentran distribuidas en plantas, debiendo existir un usuario responsable de ellas, lo mismo que para cada uno de los ordenadores del organismo. También interesa conocer qué aplicaciones utiliza cada uno de los usuarios del organismo. Los usuarios se agrupan en secciones, que a su vez se agrupan en departamentos

Ø      Para todos los elementos del sistema se almacenará la siguiente información: código, fecha de adquisición, precio de compra y si se tiene o no contrato de mantenimiento. Ademas, para los ordenadores se debe almacenar el tipo de procesador, el fabricante y si posee o no una disquetera y de qué tipo. Para el software se debe almacenar, en el caso de las aplicaciones, el o los lenguajes con las que se han desarrollado, siempre que se conozcan

Ø      Pasar a tablas. Normalizar. Implementar las tablas en una aplicación Mysql mediante una aplicación creada para ello en php.

Ø      Rellenar las tablas usando para ello los elementos presentes en las aulas ASIR1 y ASIR2 –en la misma planta y por tanto, en la misma red, desde la aplicación de php

Ø      Usar otro elemento de la aplicación de php para realizar consultas a la base de datos, por ejemplo “Seleccionar todos los ordenadores del Aula 1”

No se permitirá hacer el trabajo en grupos de más de tres personas

Tanto en el caso de que se haga individualmente como en grupo, deberá existir, obligatoriamente, una página de créditos, en la cual se especifique de forma clara y concisa la siguiente información:

Autor(es) del proyecto

Qué parte del trabajo de desarrollo ha realizado cada alumno (Caso de más de un alumno), así como quien es el designado como portavoz para la defensa oral

Justificación de aquellas partes del diseño que no vengan dadas por estas directrices

Fecha de terminación del proyecto

La información de estilo de la aplicación php debe ser:

Ø      Los  títulos deben tener un tamaño de 30pts, estarán centrados y debe especificarse que no van a estar subrayados, y el color de fondo de la etiqueta que les contiene (h1) debe ser verde suave (88%,99%,88%). El borde debe ser de un verde más sólido y grueso. La fuente debe ser Verdana. El relleno debe ser de 15px y el margen de 10px

Ø      Los títulos de menor nivel tendrán las mismas características, pero rebajando de cinco en cinco pts el tamaño de la letra

Ø      Dentro de las etiquetas de bloques de contenido  que se utilicen, la fuente debe ser "Palatino Linotype", el tamaño de la misma 16pts, el interlineado un centímetro, el tamaño entre las palabras unos 15px y el espaciado entre letras debe ser de dos píxeles

Proyecto 3

Instalación de una máquina virtual con un programa VirtualBox, o VMWARE que tenga las siguientes características: 1 Gb de memoria RAM, 8 Gbs de disco duro.

Una vez realizada esta configuración, básica se instalará la ISO bien del sistema operativo Windows 7 o de Linux Ubuntu, a elegir por el alumno.

La máquina  virtual deberá tener conectividad a la red y, en ella, deberá instalarse un sistema Moodle

Dentro de este sistema Moodle deberá existir un curso completo desarrollando los contenidos del ciclo, estructurado en una unidad didáctica por módulo del ciclo.

Proyecto de Sistemas Gestores de contenidos

Hola a todos

Incluyo aquí el proyecto de Sistemas gestores de Contenidos para la 2ª Evaluación de Implantación de Aplicaciones Web:
Breve introducción sobre los cms

Breve introducción sobre el cms o la aplicación web sobre la que el grupo decida trabajar 

Instalación. 

Teoría. 

Ejemplo practico. 

Características del Gestor. 

Exposición de las mismas sobre la instalación concreta. 

Ejemplos de uso de la aplicación.

Exposición general de lo anterior  por uno de los componentes del grupo, que deberá ser designado para ello.

Saludos,

Alfredo

Sistemas gestores de contenidos

 Definición.

En los orígenes de la Web, las páginas eran estáticas, se creaban utilizando etiquetas HTML y no se modificaban con frecuencia. El siguiente paso fue empezar a separar el contenido de los documentos de la presentación para que resultara más sencillo modificar las páginas. En la actualidad, los gestores de contenidos (CMS, content management system) separan totalmente el contenido de la presentación de la página web, generan páginas dinámicamente en el servidor web, lo que significa que no hay que añadir etiquetas HTML, para crear las páginas porque de eso se encarga el gestor de contenidos.

Imaginemos que una persona se dedica a publicar noticias en la página web de un periódico, si tuviera que crear las páginas en HTML, cada vez que deseara publicar una nueva noticia tendría que volver a crear la página HTML, lo cual sería mucho trabajo. En cambio, con un gestor de contenidos, lo único que tiene que hacer es añadir el contenido de cada noticia y el gestor se encargará de crear y publicar la página en HTML.

Los gestores de contenidos son aplicaciones informáticas que permiten crear, clasificar. Gestionar y publicar información en la Red, generan páginas dinámicas consultando los ficheros y las bases de datos a las que tienen acceso, y el resultado final son páginas HTML generadas automáticamente. Simplemente actualizan una base de datos, incluyendo nueva información o editando la existente.

En definitiva, los gestores de contenidos son sistemas (software) que una vez instalados en el servidor nos permiten crear sitios web; y sólo hay que preocuparse de añadir textos, archivos, imágenes, etc, sin que sea necesario ser un experto en el sistema HTML para crear y administrar los contenidos de una web.

2.      ESTRUCTURA Y CARACTERÍSTICAS

Generalmente un CMS presenta la siguiente estructura:

·        BASE DE DATOS, almacena todo el contenido de la web, así como muchos de los parámetros de configuración, organización, usuarios y contraseñas. Los sistemas de bases de datos más habituales de los CMS suelen ser MySQL o Postgres.

·        PROGRAMACIÓN. Los ficheros del gestor están escritos en un lenguaje de programación. Cuando se ejecutan estos ficheros solicitan la información que el usuario ha pedido desde el navegador de Internet y la extraen para mostrarla al usuario ordenada y estructurada “insertándola” en los lugares que corresponde dentro del diseño de la página web. El lenguaje de programación más habitual suele ser PHP.

·        DISEÑO. Define el diseño de la web, es decir, la maqueta o dibujo sobre el que se insertará el contenido que la programación se encarga de extraer de la base de datos. Los lenguajes de programación y maquetación de la web son HTML y CSS (complementados en ocasiones con JavaScript y AJAX). Generalmente, constan de un diseño básico establecido y disponen de plantillas (gratuitas o de pago) de diversos diseños que se pueden cargar para sustituir a la básica.

Las principales características de los gestores de contenidos son:

·         Permiten interactuar con los usuarios mediante comentarios, encuestas, votaciones, etc.

·         La edición de contenidos es sencilla, los gestores suelen utilizar editores WISIGWYG (What You See Is What You Get) que sirven para dar formato a los artículos de forma fácil e intuitiva.

·         Se puede programar la fecha de publicación de los artículos, cuando se escribe un artículo no tiene por qué publicarse inmediatamente.

·         Reducción del tamaño de las páginas para descargar en el servidor de contenido, se almacena en la base de datos y al generarse dinámicamente las páginas en el servidor el coste de gestión se reduce considerablemente.

·         Creación ilimitada de usuarios y grupos ,se les puede asignar permisos a los usuarios y a los grupos para realizar funciones.

·         La maquetación sólo se realiza en un primer momento, no hay que preocuparse del diseño cada vez que se va a crear un artículo.

·         Envío de boletines informativos y correos electrónicos, los gestores poseen mecanismos para enviar correos masivos.

·         Soportan el formato RSS para publicar y agregar contenidos.

·         Control de estadísticas de acceso al gestor.

·         Facilidad para actualizar el gestor de contenidos, algunos gestores tienen mecanismos para actualizarse automáticamente.

·         Recuperación de información, con los gestores pueden hacerse copias de seguridad y restaurarlas.

·         Miles de plantillas de diseño y pluggins disponibles en Internet.

3.      LICENCIAS DE USO.

Una licencia es un contrato que se realiza entre dos personas. Cuando nos referimos a las licencias de los programas informáticos, el contrato se realiza entre el creador del programa y las personas que lo van a utilizar.

Existen muchos tipos de licencias, vamos a ver los dos grupos de licencias más comunes que se utilizan en los gestores de contenidos.

·        Licencia de código abierto. Se tiene acceso al código fuente y permite que los programadores desarrollen libremente modificaciones. Un ejemplo de licencia de código abierto es GPL GNU (General Public License), una licencia de distribución de software gratuito que permite distribuirlo, modificarlo y utilizarlo.

Algunas premisas del código abierto son:

o      Libre redistribución: el software puede ser regalado o vendido libremente.

o      Código fuente: debe estar incluido u obtenerse libremente.

o      Trabajos derivados: la redistribución de modificaciones debe estar permitida.

o      Sin discriminación de personas o grupos: sin discriminación de áreas de iniciativa, los usuarios comerciales no pueden ser excluidos.

o      Distribución de licencia: se aplican los mismos derechos a todo el que reciba el programa. La licencia no debe ser esecífica de un producto, el programa no puede licenciarse sólo como parte de una distribución mayor.

o      La licencia no debe restringir otro software: la licencia no puede obligar a que algún otro software que sea distribuido con el software abierto sea también de código abierto.

o      La licencia tiene que ser tecnológicamente neutral: no se debe requerir la aceptación de la licencia por medio de un acceso por clic de ratón o de otra forma específica del medio de soporte del software.

·        Licencia propietaria: limita la posibilidad de modificar o redistribuir el código, el código fuente no está disponible. En ellas, los propietarios establecen los derechos de uso, distribución, redistribución, copia, modificación, cesión y, en general, cualquier otra consideración que se estime necesaria.

4.      TIPOS DE GESTORES DE CONTENIDOS

En Internet hay miles de gestores de contenidos y se pueden clasificar dependiendo de la licencia que tienen, el uso que se les da, el lenguaje de programación en el que están desarrollados, etc.

En este apartado veremos los gestores de contenidos que más se utilizan, que precisamente son los que tiene licencias del tipo GPL o parecida. Los gestores se pueden clasificar dependiendo de su uso:

·        Uso genérico, para organizar y publicar cualquier tipo de información:

o      DRUPAL, es un sistema de gestión de contenidos modular y muy configurable. Es un programa de código abierto, con licencia GPL, escrito en PHP, desarrollado y mantenido por una gran comunidad de usuarios.

o      JOOMLA. Aplicación de código abierto que está desarrollada en PHP bajo licencia GPL, la administración se realiza mediante un panel de administración gráfico.

o      MOJOPORTAL. Sistema desarrollado en C# y que funciona bajo ASP.NET en Windows. Las bases de datos que se pueden utilizar con este gestor son Microsoft SQL Server, MySQL, SQLite, etc. Se distribuye bajo licencia CPL (Common Public License).

·        Blogs, para crear sitios web que se actualizan periódicamente y cuyo contenido se ordena cronológicamente:

o      WordPress. Sistema de gestión preparado para la creación de blogs, desarrollado en PHP bajo licencia GPL. Es uno de los gestores más populares de la Red.

o      LifeType. Es una plataforma de código abierto para crear blogs que resulta ideal para crear varios blogs y usuarios con una sola instalación. Está escrito en PHP y usa MySQL para la base de datos. Tiene licencia GPL.

·        Foros, para crear sitios donde se publican mensajes:

-          Phpbb. Sistema para creación de foros, programado en PHP y con licencia GPL. Puede funcionar con varios gestores de bases de datos como Microsoft SQL Server, Microsoft Access, MSQL y Oracle. Se pueden crear ilimitados foros y subforos.

-          SMF (Simple Machines Forum). Se utiliza para la gestión de foros, está escrito en PHP y utiliza MySQL. La licencia es SMF: se halla disponible en múltiples idiomas.

· Wikis, para crear sitios web que se puedan editar por múltiples usuarios:

-          DOKUWIKI. Sirve para la gestión de web colaborativas, desarrollado en PHP y con licencia GPL.

-          MediaWiki. Es el software escrito para la Wikipedia, programado en PHP y con licencia GPL.

· Álbumes de fotos, para crear galerías fotográficas:

o       COPPERMINE PHOTO GALLERY. Es un gestor que se utiliza para crear galerías fotográficas, está desarrollado en PHP y utiliza MySQL.

o       GALLERY. Es un gestor de imágenes, desarrollado en PHP y MySQL. Se distribuye con licencia GPL.

· Aprendizaje en línea, para crear sitios web de aprendizaje.

-        MOODLE. Se utiliza para el aprendizaje en línea, desarrollado bajo licencia GPL. Disponible en múltiples idiomas.

· Comercio electrónico, para la venta de productos.

-        Oscommerce. Permite crear una tienda para vender en Internet, desarrollado en PHP con licencia GPL.

5.      INSTALACIÓN Y CONFIGURACIÓN BÁSICA

Vamos a ver cómo instalar un gestor de contenidos desde el principio y paso a paso. Cada gestor de contenidos tiene su propia forma de instalarse, aunque en general las instalaciones son parecidas y siempre hay que seguir los mismos pasos.

Es importante indicar que la instalación del gestor de contenidos es  independiente del sistema operativo, lo que quiere decir que da igual instalar los gestores en sistemas operativos o propietarios, la clave de la instalación está en el lenguaje de programación que se haya utilizado para programar el gestor. En consecuencia debemos tener instalado en el ordenador el intérprete del lenguaje de programación, por ejemplo, si el gestor está desarrollado en PHP necesitamos bajarnos de la página http://php.net/ la última versión disponible.

Los pasos generales para istalar y configurar un gestor de contenidos cualquiera son:

1.       Tener previamente instalado un servidor web; un sistema gestor de bases de datos y un intérprete de un lenguaje de programación en el que se ha desarrollado el gestor.

2.       Necesitamos acceso al servidor, por ejemplo, mediante FTP.

3.       Descargar una versión atualizada del gestor.

4.       Descomprimir el fichero descargado.

5.       Acceder desde un navegador a la dirección URL donde hemos descomprimido el gestor.

6.       Instalar el gestor de contenidos siguiendo los pasos que aparecen en el instalador.

Vamos a ver cómo instalar el gestor de contenidos Joomla, que es de los más populares en Internet.

Algunas de las características de Joomla son:

-        Facilidad de uso.

-        Interfaz intuitivo.

-        Editor WYSIWYG.

-        Plantillas disponibles.

GUÍA DE INSTALACIÓN DE JOOMLA

1.       Tener previamente instalado APACHE 1.3 o superior. (http://httpd.apache.org)

2.       MySQL 3.23.X o superior. (http:/dev.mysql.com/downloads/

3.       PHP 4.3.10 o superior. http://php.net/

Podemos instalar estos componentes a la vez y en una sola instalación con herramientas como APPSERVO o XAMPP.

Para instalar XAMPP en Linux:

-        Accede a la página web de XAMPP: http://www.apachefriends.org/es/xampp.html

-        Descarga el fichero ejecutable.

-        Abre una consola y descomprime el fichero.

-        Instala.

-        Ejecuta el proceso: /opt/lampp/lampp start

Instalar XAMPP en Windows:

-        Accede a la página de XAMPP.

-        Descarga el fichero para Windows.

-        Sigue los pasos del instalador.

Crear una base de datos para Joomla.

sudo mysql  -u root –p

create database joomla

Descarga la última versión de Joomla en la página

http://www.joomlaspanish.org

Descomprime el archivo y añádelo al directorio raíz de Apache en /var/www. En este caso vamos a descomprimir todo en la carpeta Joomla, si utilizamos la línea de comandos para descomprimir, utiliza este comando:

Sudo unzip Joomla-1.5.14-spanish.zip

Abre un navegador web  e introduce la ruta donde hemos descomprimido Joomla. Si hacemos la instalación desde el propio Ubuntu, introducimos la URL:

http://localhost/joomla

Si hacemos la instalación desde otro equipo  de la red tenemos que introducir la IP del ordenador Ubuntu y la carpeta donde hemos descomprimido Joomla, en este caso:

http://192.168.200.107/joomla/

Sigue los pasos que nos indica el instalador, sobre todo hay que tener cuidado a la hora de configurar el paso de la base de datos:

o      Tipo de base de datos: mysql

o      Nombre de servidor: localhost

o      Nombre de usuario: root12AB

o      Contraseña: xxxxx

o      Nombre de la base de datos: joomla (nombre de la base de datos que hemos creado anteriormente)

Continuamos con los siguientes pasos que nos indica el instalador y, al finalizar la instalación tenemos que eliminar completamente el directorio de instalación.

Para verificar que hemos realizado correctamente la instalación del gestor de contenidos, accedemos a la página principal del gestor.

EJERCICIO PRÁCTICO:

Instalar un servidor de contenidos siguiendo estos pasos

Instalar un servidor web, si no se tiene uno instalado.

Instalar un gestor de base de datos, si no se tiene

Instalar un intérprete del lenguaje en el que está programado el gestor

Crear una base de datos para el gestor.

Descargar una versión actualizada del gestor.

Descomprimir el fichero descargado del gestor.

Acceder desde un navegador a la dirección URL donde hemos descomprimido el gestor.

Instalar el gestor de contenidos siguiendo los pasos que aparecen en el instalador.

Saludos, Alfredo

Aplicación web para almacenamiento de redes

Hola a todos
Ésta es la primera página de la aplicación, realizada en HTML y con una hoja de estilo asociada
Tiene tres enlaces que nos envían a la introducción y recolección de la información presente en ellas.





Su código -junto con la información de estilo incluida en la cabecera- es el siguiente:
Archivo indiceredes.html

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Redes sociales</title>
<meta name="description" content="índice de SLURLS de la base de datos">
<meta name="keywords" content="">
<meta name="author" content="Alfredo de la Presa">
<meta name="generator" content="AceHTML 5 Freeware">

<style type="text/css">
/*Hoja de estilo CSS predeterminada para un nuevo proyecto de aplicación web*/
BODY{
BACKGROUND-COLOR: WHITE;
FONT-FAMILY: Verdana, Helvetica, sans-serif;
FONT-SIZE: .8em;
FONT-WEIGHT: normal;
LETTER-SPACING: normal;
TEXT-TRANSFORM: none;
WORD-SPACING: normal;
}
H1,H2,H3,THEAD,TFOOT{
COLOR: #003366;
text-align: center;}
H1{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: 700;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
H2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.75em;
font-weight: 700;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
A:hover {
text-decoration:underline;
color: blue;
text-transform: 1em;
font-size: 150%;
}

h3 { 
font: italic normal 12pt georgia; 
letter-spacing: 1px; 
margin-bottom: 0px; 
color: #7D775C;


}
a:link { 
font-weight: bold; 
text-decoration: underline; 
color: #B7A5DF;
}
div {
background-color: lightyellow; /*color bordó para el fondo*/
border: 10px solid #e7a219; /*color naranja para el borde*/
width: 90% ;
height: 50%;

line-height:45 px;
font-size:10px;
margin: 10px;
padding: 20px; 
 }


img{

width: 100%;
height: 100%;
 }
</style>


</head>
<body>
<h1>Enlaces a la realización y consulta de las redes sociales en la base de datos</h1><br>
<h2></H2>
<div style="float: left">
<center>
<h1><a href="redsocial20.php">Introducir redes sociales</a><p>
<a href="buscaredes.php">Consultar las redes sociales que hay en la base de datos</a><p>
<a href="todared.php">Consultar todas las redes sociales que hay en la base de datos </A><p>
<p>
</h1>
</center>
</div>
</body>
</html>

Fin del Archivo indiceredes.html

Si hacemos clic en el primer enlace, pasamos a la página siguiente:

cuyo código es el siguiente:

Archivo redsocial20.php

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Inserción de redes sociales</title>

<meta name="description" content="programa que inserta redes sociales en la base de datos">

<meta name="keywords" content="">

<meta name="author" content="Alfredo de la Presa">

<meta name="generator" content="AceHTML 5 Freeware">

<link rel=stylesheet type="text/css" href="Resumen.css" title="Hoja de estilos">

<title>HERRAMIENTA PARA ALMACENAR REDES SOCIALES EN UNA BASE DE DATOS</title>

</head>

<body>

<center><h1>BASE DE DATOS DE REDES SOCIALES</H1></center>

<BR>

 

<div>

<form action="redsocial20.php"> <center>

Nombre del alumno: 

<input type="text" name="nombre" size="30" maxlength="256"><br>

Apellidos del alumno:<input type="text" name="apellidos" size="30" maxlength="256">

</center>

</DIV>

<DIV>

<BR>

<TABLE border=0>

<tr><td>Nombre de la red social</td><td><input type="text" name="nombrered" size="30" maxlength="256"></td></tr>

<tr><td>Vínculo a la red social</td><td><input type="text" name="vinculored" size="30" maxlength="256"></td></tr>

<tr><td>Objetivos de la red social</td><td><textarea name="objetivos" cols = 23 ></textarea></td></tr>

<tr><td>Funcionalidades de la red social</td><td><textarea name="funcionalidades" COLS=23></textarea></td></tr>

<tr><td>Modelo de negocio de la red social</td><td><textarea name="modelo" cols = 23></textarea></td></tr>

</table>

<br>

<center>

<input type="Submit" value="Insertar red social en la base de datos">

</center> 

</form>

</DIV>

<?php

if (isset($nombre)){ 

    $c=mysql_connect("localhost","root","");

    if (!$c){

        die("Conexión Fallida");

    }

    $s=mysql_select_db("redsocial20",$c);

    $consulta="INSERT INTO redsocial20(nombre,apellidos,nombrered,vinculored,objetivos, funcionalidades, modelo) VALUES ('$nombre','$apellidos','$nombrered','$vinculored','$objetivos','$funcionalidades','$modelo')";

        

    $resultado=mysql_query($consulta);

    

    if ($resultado){

    print("Su red social ha sido registrada<br>");

    }

    else{

    Print("Error en el registro");

    }

mysql_close($c);

}

?>

<center><h2><a href="indiceredes.html"> Enlace al índice</a></h2></center>

</body>

</html>

Fin del archivo redsocial20.php

Ahora la información de estilo -esencialmente la misma que en la anterior, se encuentra asociada en una hoja externa.

Se deja como ejercicio configurar Resumen.css. La información es la misma que la de la cabecera anterior

Si quisiéramos recuperar la información de una red social concreta, tendríamos que ir al siguiente enlace, que nos llevaría a buscaredes.php

El código de esta página es el siguiente:

Archivo Buscaredes.php

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta name="description" content="programa que recupera SLURLS de la base de datos">

<meta name="keywords" content="">

<meta name="author" content="Alfredo de la Presa">

<meta name="generator" content="AceHTML 5 Freeware">

<link rel=stylesheet type="text/css" href="Resumen.css" title="Hoja de estilos">

<!doctype html public "-//W3C//DTD HTML 4.0 //EN">

<html>

       <title>HERRAMIENTA PARA BUSCAR REDES SOCIALES EN UNA BASE DE DATOS</title>

</head>

<body bgcolor= lightyellow>

<center><h1>BÚSQUEDA DE REDES SOCIALES</H1></center>

<HR SIZE =15 COLOR=BLUE>

<BR>

<div>

<center>

Introduce la red

<form action="buscaredes.php">

<br>

<input type="text" name="nombrered">

<br>

<input type="submit" value="Buscar">

<input type="reset" value="Borrar">

</form></center>

</div>

<?

if (isset($nombrered)){

$c=mysql_connect("localhost","root","");

if (!$c){die("conexión fallida");}

$s=mysql_select_db("redsocial20",$c);

$consulta="SELECT * FROM redsocial20 WHERE nombrered='$nombrered'";

$resultado=mysql_query($consulta);

echo"<div><table border=1><tr><th>nombre del alumno</th><th>Apellidos del alumno</th><th>Nombre de la red</th><th>Vínculo a la red</th><th>Objetivos</th><th>Funcionalidades</th><th>Modelo de negocio</th></tr>";

while ($r=mysql_fetch_array($resultado)){echo "<tr> <td>$r[1]</td> <td>$r[2]</td><td>$r[3]</td><td><a href='$r[4]'>$r[4]</a></td><td>$r[5]</td><td>$r[6]</td><td>$r[7]</td></tr><br>";}

echo"</table></div>";

mysql_close($c);

}

?> 

<center><h2><a href="indiceredes.html">Enlace a índice</a></h2></center>

Fin del Archivo Buscaredes.php

Queda como ejercicio realizar la parte de la aplicación que me devuelve la consulta a todos los registros de la tabla

Saludos,

Alfredo