Professional Documents
Culture Documents
ve Aplicación Web
www.RedSocial.org.ve
Modelado de la Aplicación Web
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 1 de25
www.redsocial.org.ve Aplicación Web
Conceptuación
En concreto se requiere que exista un bitácora (blog) para cada consejo comunal, dentro de la
cual cada consejo pueda publicar sus notas, además de esto se requiere una pagina web para cada
consejo comunal, con la finalidad de mantener la información de carácter fija o continua del mismo,
por ejemplo: Reseña histórica, constitución del consejo, números telefónicos de contacto, comités ,
entre otros, además de un resumen de títulos de las ultimas diez publicaciones. Para la construcción de
este inmenso árbol, se necesita una página de entrada para www.redsocial.org.ve, en dónde se presente
la información general del proyecto, y a través del cual se presenta el administrador de acceso (login),
para acceder de modo administrador o usuario de consejo comunal. Por otra parte el sistema debe
contener un navegador para aquellas personas que buscan la información de varios consejos comunales
y así facilitar las cosas de modo que se pueda ver la consolidación de la información tanto estadística
como puntual en los diferentes niveles geopolíticos: País > Estado > Municipio > Parroquia > Consejo
Comunal.
Funcionalidades
Inicialmente se pretende crear una aplicación que preste los siguientes servicios básicos de
manejo de información: Publicación de noticias, problemas, proyectos y soluciones, siendo estos, de
forma general y abierta, los cuatro tópicos a los que se puede asociar una nota cualquiera. Además los
consejos comunales deben tener la posibilidad de obtener información organizada de tal manera que se
pueda verificar la existencia de problemas y soluciones comunes. También es de suma importancia que
cada consejo comunal posea su servicio de correo electrónico y cronograma de actividades a realizar.
Los planetas (consolidadores) deben reunir las últimas notas de los consejos comunales que
integran su circunscripción, además de las consolidaciones estadísticas que amerite el caso.
Diseño
El diseño gráfico de la página debe ser en formato 1024x768, tal y como se presenta en la
página de pruebas (www.redsocial.org.ve
) , durante casi todo el proceso la información debe estar
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 2 de25
www.redsocial.org.ve Aplicación Web
limitada a la pantalla, solo para el caso de las bitácoras por su contenido informativo debe contener
mayor longitud. Debe también dedicarse espacios para identificación del consejo comunal, no solo de
títulos y letras, sino también de logos, fotos e imágenes que identifiquen al consejo como tal.
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 3 de25
www.redsocial.org.ve Aplicación Web
Sitio Web del Consejo Comunal
Diseño de sitio web:
Sitio a desarrollar preferiblemente utilizando las siguientes herramientas:
1. HTML
2. PHP 5
3. MySQL 5.0 y/o PostgresSQL 8.0.2
Elementos del Desarrollo del Producto:
1. Diseño y conceptualización gráfica. (Dattellis y Soto).
2. Interfaz de usuario
3. Selección, captura, producción y/o edición de imágenes, logos y/o fotografías
4. Formularios de consultas y/o comentarios
Proceso de desarrollo:
1. Investigación y documentación.
2. Propuestas gráficas (en JPG) de diagramación y estilo (bocetos)
3. Diseño y diagramación
4. Desarrollo
5. Revisión y Reajustes.
6. Publicación en Internet
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 4 de25
www.redsocial.org.ve Aplicación Web
Página Web del Consejo Comunal
El Sitio Web debe ser generado inmediatamente después de que el usuario administrador realice
la operación de registro del consejo comunal.
Pasos para generar el sitio web:
1. Ingresar los datos a través de la selección del dato de ubicación geográfica en los las
listas desplegables (combos): nación, estado, municipio y parroquia
2. Ingresar el dato alfanumérico de identificación del consejo comunal (4 dígitos)
3. Se forma automáticamente el código del consejo comunal conformado por los códigos
de ubicación geográfica más el código de consejo comunal.
Código Consejo Comunal Extendido de 11 dígitos alfanuméricos con rellenado de ceros en
caso de ser necesario.
CÓDIGO CÓDIGOS
CONSEJO Nación Estado Municipio Parroquia Consejo Comunal
COMUNAL
Dígitos 2 2 2 2 3
Máscara XX XX XX XX XXX
Ejemplo 01 24 01 14 001
Venezuela Zulia Maracaibo Santa Lucía Felipe Pirela
Tipo de Dato AN AN AN AN AN
Relleno con ceros Si Si Si Si Si
Nota: AN = Alfanumérico
Estructura:
– CABECERA:
– Logo del consejo comunal
– Foto alegórica del lugar dónde se encuentra el consejo comunal
– Nombre C.C.
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 5 de25
www.redsocial.org.ve Aplicación Web
– Subtitulo del C.C.)
– CUERPO:
– Menú lateral o superior con opciones, noticias, opciones, encuestas
– PIE:
– Pie (dirección, teléfonos, patrocinadores si los hubiese)
Contenido:
● ¿Quiénes somos?
● Reseña histórica
● Contáctanos
● Hipervínculos a otros sitios de interés
Administración:
● Contenido estático administrado por un usuario del consejo comunal
● Plataforma con plantilla general administrada por un webmaster. La administración de
los sitios puede organizarse de manera geopolítica (Nación, Estado, Municipio,
Parroquia)
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 6 de25
www.redsocial.org.ve Aplicación Web
ALOJAMIENTO EN SERVIDORES LINUX / HOSTING LINUX
> DIFERENTES PLANES A ELEGIR
>
> Plan Inicial
>
> 100 Megas de espacio en disco
> 1 Giga de transferencia mensual
> 10 cuentas de correo POP3 con tu propio dominio
> (correo@midominio.com)
> Servicio de webmail para ver sus correos desde cualquier
> computador conectada a Internet.
> PHPMyAdmin
> Base de Datos MySQL
> Cuenta FTP activa las 24/7
> Panel de control para administrar la cuenta de Hosting
>
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 7 de25
www.redsocial.org.ve Aplicación Web
Modelo de Página Web del Consejo Comunal
CABECERA
CUERPO
PIE
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 8 de25
www.redsocial.org.ve Aplicación Web
Bitácora del Consejo Comunal (Blog)
Estructura:
– Logo del consejo comunal
– Foto alegórica del lugar dónde se encuentra el consejo comunal
– Cabecera (debe contener el nombre y algún subtitulo del C.C.)
– Cuerpo (Menú lateral o superior con opciones, noticias, opciones, encuestas)
– Pie (dirección, teléfonos, patrocinadores si los hubiese)
Contenido:
● ¿Quiénes somos?
● Reseña histórica
● Contáctanos
● Hipervínculos a otros sitios de interés
Administración:
● Contenido estático administrado por un usuario del consejo comunal
● Plataforma con plantilla general administrada por un webmaster. La administración de
los sitios puede organizarse de manera geopolítica (Nación, Estado, Municipio,
Parroquia)}
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 9 de25
www.redsocial.org.ve Aplicación Web
Modelo de Blog del Consejo Comunal
CABECERA
CUERPO
PIE
Características:
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 10 de25
www.redsocial.org.ve Aplicación Web
Lista de Publicaciones (consolidador)
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 11 de25
www.redsocial.org.ve Aplicación Web
Comité de Salud
Comité de Educación.
Comité de Cultura
Comité de Servicios.
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 12 de25
www.redsocial.org.ve Aplicación Web
Coordinador
General o
Administrador
Tesorero
Secretario
Coordinador
de Control y
Evaluación
Coordinador
de Educación
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 13 de25
www.redsocial.org.ve Aplicación Web
Contralor
Contralor
Contralor
Contralor
Contralor
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 14 de25
www.redsocial.org.ve Aplicación Web
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 15 de25
www.redsocial.org.ve Aplicación Web
Basándose en la estructura
Internet
Internet
url > redsocial
url > redsocial
Sitio Web de Distribución
Web 1.0 Web 2.0 (RSS)
Web 2.0 (RSS) Web 2.0
Web 2.0
Mapa Nación
Mapa Nación Nación
Nación Plan
Plan
Mapa Estado
Mapa Estado Estado
Estado Plan
Plan
Mapa Municipio
Mapa Municipio Municipio
Municipio Plane
Plane
Mapa Parroquia
Mapa Parroquia Parroquia
Parroquia Plane
Plane
Página Web
Página Web Blog
Blog
Consejo Comunal
Consejo Comunal Lista de Publicaciones
Lista de Publicaciones
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 16 de25
www.redsocial.org.ve Aplicación Web
MARCO TEÓRICO
● Sistema de Información Geográfico
Un Sistema de Información Geográfica (SIG o GIS, en su acrónimo inglés) es una integración
organizada de hardware, software, datos geográficos y personal, diseñado para capturar, almacenar,
manipular, analizar y desplegar en todas sus formas la información geográficamente referenciada con el
fin de resolver problemas complejos de planificación y gestión. También puede definirse como un
modelo de una parte de la realidad referido a un sistema de coordenadas terrestre y construido para
satisfacer unas necesidades concretas de información.
● Georreferenciación
Es el posicionamiento en el que se define la localización de un objeto espacial (representado
mediante punto, vector, área, volumen) en un sistema de coordenadas y datum determinado. Este
proceso es utilizado frecuentemente en los Sistemas de Información Geográfica. La georreferenciación,
en primer lugar, posee una definición tecnocientífica, aplicada a la existencia de las cosas en un
espacio físico, mediante el establecimiento de relaciones entre las imágenes de raster o vector sobre una
proyección geográfica o sistema de coordenadas. Por ello la georreferenciación se convierte en central
para los modelados de datos realizados por los Sistemas de Información Geográfica (SIG).
No obstante, el acto de georreferenciar ha ido más allá de las especialidades de geociencias y de
SIGs, debido a la aparición en los últimos años de nuevas herramientas cuya facilidad de uso ha
extendido y democratizado esta tarea fuera del ámbito técnico existente hasta ahora.
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 17 de25
www.redsocial.org.ve Aplicación Web
Del mismo modo, la masificación y evolución constante de la georreferenciación se ha visto
impulsada por el uso mashups en sitios Web 2.0, permitiendo la localización de contenidos digitales
(vídeo, noticias, modelados 3D, etc.) en cartografía digital, dentro de lo que se ha venido a llamar la
neogeografía.
● Sistema de gestión de contenidos
El Sistema de Gestión de Contenidos (Content Management System en inglés, abreviado CMS)
es un programa que permite crear una estructura de soporte (framework) para la creación y
administración de contenidos por parte de los participantes principalmente en páginas web.
Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio.
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 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 que
permite que estos contenidos sean visibles a todo el público.
● Blog
Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que
recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más
reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. El
término blog proviene de las palabras web y log ('log' en inglés = diario). El término bitácora, en
referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor
escribe sobre su vida propia como si fuese un diario, pero publicado en Internet en línea.
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 18 de25
www.redsocial.org.ve Aplicación Web
simplificado a tal punto que casi cualquier usuario es capaz de crear y administrar un blog.
Las herramientas de mantenimiento de weblogs se clasifican, principalmente, en dos tipos:
aquellas que ofrecen una solución completa de alojamiento, gratuita (como Freewebs, Blogger y
LiveJournal), y aquellas soluciones consistentes en software que, al ser instalado en un sitio web,
permiten crear, editar y administrar un blog directamente en el servidor que aloja el sitio (como es el
caso de WordPress o de Movable Type). Este software es una variante de las herramientas llamadas
Sistemas de Gestión de Contenido (CMS), y muchos son gratuitos. La mezcla de los dos tipos es la
solución planteada por la versión multiusuario de WordPress (WordPress MU) a partir de la cual se
pueden crear plataformas como Rebuscando.INFO, Wordpress.com o CiberBlog.es o *Blog total.
Las herramientas que proporcionan alojamiento gratuito asignan al usuario una dirección web
(por ejemplo, en el caso de Blogger, la dirección asignada termina en "blogspot.com"), y le proveen de
una interfaz, a través de la cual puede añadir y editar contenido. Sin embargo, la funcionalidad de un
blog creado con una de estas herramientas se limita a lo que pueda ofrecer el proveedor del servicio, o
hosting.
Un software que gestione el contenido, en tanto, requiere necesariamente de un servidor propio
para ser instalado, del modo en que se hace en un sitio web tradicional. Su gran ventaja es que permite
control total sobre la funcionalidad que ofrecerá el blog, permitiendo así adaptarlo totalmente a las
necesidades del sitio, e incluso combinarlo con otros tipos de contenido.
● Mashup (aplicación web híbrida)
Una aplicación web híbrida (mashup o remezcla), es un sitio web o aplicación web que usa
contenido de otras aplicaciones Web para crear un nuevo contenido completo, consumiendo servicios
directamente siempre a través de protocolo http.
El contenido de un mashup normalmente proviene de sitios web de terceros a través de una
interfaz pública o usando un API. Otros métodos que constituyen el origen de sus datos incluyen:
sindicadores web (RSS o Atom), Screen scraping, etc.
Los mashups están revolucionando el desarrollo web del mismo modo que los weblogs han
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 19 de25
www.redsocial.org.ve Aplicación Web
revolucionado la publicación en línea. Estos permiten que cualquiera combine, de forma innovadora,
datos que existen en diferentes páginas web. Requieren pocos conocimientos técnicos, las APIs
existentes son sencillas y potentes y los mashups son relativamente fáciles de diseñar.
Los creadores de mashups son generalmente gente innovadora que desea combinar de formas
nuevas y creativas datos disponibles públicamente. Así como hay mashups muy útiles, existen otros que
no pasan de ser sólo novedosos o publicitarios, con mínima utilidad práctica. Los defensores e
impulsores de las aplicaciones Web 2.0 afirman que los mashups son un ejemplo de este nuevo
movimiento en el que los usuarios crean, participan e interactúan activamente.
● Wordpress
Es un sistema de gestión de contenidos enfocado a la creación de blogs. Desarrollado en PHP y
MySQL, bajo licencia GPL, tiene como fundador a Matt Mullenweg. WordPress fue creado a partir del
desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS más popular de la
blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus
características como gestor de contenidos. Otro motivo a considerar sobre su éxito y extensión, es la
enorme comunidad de desarrolladores y diseñadores, que se encargan de desarrollarlo en general o
crear plugins y themes para la comunidad (que ascendían a 2524 y 1320 respectivamente en julio de
2008).
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 20 de25
www.redsocial.org.ve Aplicación Web
Características técnicas de un Blog
Elementos comunes a todos los blogs:
1. Comentarios
2. Enlaces
3. Enlaces inversos
4. Fotografías y vídeos
5. Sindicación
● Comentarios
Mediante un formulario se permite, a otros usuarios de la web, añadir comentarios a cada
entrada, pudiéndose generar un debate alrededor de sus contenidos, además de cualquier otra
información.
● Enlaces
Una particularidad que diferencia a los weblogs de los sitios de noticias es que las anotaciones
suelen incluir múltiples enlaces a otras páginas web (no necesariamente weblogs) como referencias o
para ampliar la información agregada. Y, además, la presencia de (entre otros):
• Un enlace permanente (permalinks) en cada anotación, para que cualquiera pueda citarla.
• Un archivo de las anotaciones anteriores.
• Una lista de enlaces a otros weblogs seleccionados o recomendados por los autores, denominada
habitualmente blogroll.
● Enlaces inversos
En algunos casos las anotaciones o historias permiten que se les haga trackback, un enlace
inverso (o retroenlace) que permite, sobre todo, saber que alguien ha enlazado nuestra entrada, y avisar
a otro weblog que estamos citando una de sus entradas o que se ha publicado un artículo relacionado.
Todos los trackbacks aparecen automáticamente a continuación de la historia, junto con los
comentarios, pero no siempre es así.
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 21 de25
www.redsocial.org.ve Aplicación Web
● Fotografías y vídeos
Es posible además agregar fotografías y vídeos a los blogs, a lo que se le ha llamado fotoblogs o
videoblogs respectivamente.
● Sindicación
Otra característica de los weblogs es la multiplicidad de formatos en los que se publican. Aparte
de HTML, suelen incluir algún medio para sindicarlos, es decir, para poder leerlos mediante un
programa que pueda incluir datos procedentes de muchos medios diferentes. Generalmente se usa RSS
para la sindicación, aunque desde el año 2004 ha comenzado a popularizarse también el Atom
GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto Página 22 de25
Internet
Internet
url > redsocial
url > redsocial
Sitio Web de Distribución
Web 1.0 Web 2.0 (RSS)
Web 2.0 (RSS) Web 2.0 (Planetas y Blogs)
Web 2.0 (Planetas y Blogs)
Mapa Nación
Mapa Nación Nación
Nación Planeta Nación
Planeta Nación
Mapa Estado
Mapa Estado Estado
Estado Planeta Estado
Mapa Municipio
Mapa Municipio Municipio
Municipio Planeta Municipio
Mapa Parroquia
Mapa Parroquia Parroquia
Parroquia Planeta Parroquia
Página Web
Página Web Blog
Blog
Consejo Comunal BLOG
BLOG
Consejo Comunal Lista de Publicaciones
Lista de Publicaciones
El usuario administrador debe ingresar los siguientes datos: