You are on page 1of 24

www.redsocial.org.

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

Datos Órgano Ejecutivo

Nombres y Cédula Cantidad


Comité de Trabajo Firma Teléfono
Apellidos de Identidad de Votos

Comité de Salud

Comité de Educación.

Comité de Tierra Urbana o Rural

Comité de Vivienda y Hábitat


Comité de Protección e Igualdad
Social
Comité de Economía Popular

Comité de Cultura

Comité de Seguridad Integral


Comité de Comunicación e
Información.
Comité de recreación y Deporte

Comité de Comité de Alimentación.

Mesa Técnica de Energía.

Mesa Técnica de Agua

Comité de Servicios.

Otro Comité de Trabajo

Otro Comité de Trabajo

     

 GNU/Linux organizado en Venezuela (GLoVE) – Ortega, Guillen, Dattellis y Soto                              Página 12 de25
www.redsocial.org.ve Aplicación Web

Unidad de Gestión Financiera que se regirá como Cooperativa


financiamiento de ahorro y préstamo
y
se denominará Banco Comunal
Art. 7, 10, 14, 22 de la Ley de los Consejos Comunales

Nombres y Cédula Comité de Cantidad de


Firma Teléfono
Apellidos de Identidad Trabajo Votos

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

Unidad de Contraloría Social.


Art. 7, 11, 14, 23 de la Ley de los Consejos Comunales.
Nombres y Cédula Comité de
Firma Teléfono Cantidad de Votos
Apellidos de Identidad Trabajo

        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

Asamblea Constituyente del Consejo Comunal


Nº NOMBRES Y  CÉDULA FIRMA TELEFONO
APELLIDOS

 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 tecno­cientí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.

El   uso   de   herramientas   como   Google   Earth   ha   implicado   un   salto   cualitativo   en   cuanto   a 


georeferenciación. Ya no se trata solamente de geodatos limitados a los especialistas de las geociencias 
y   Sistemas   de   Información   Geográfica.   Ahora   la   georreferenciación   tiene   un   impacto   sociológico 
puesto que se realiza sobre todos los contenidos sociales presentes en el mundo. Esto está acelerando la 
aparición de una web geosemántica, tal como señalara el sociólogo chileno Diego Cerda.

 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.

Existen   variadas   herramientas   de   mantenimiento   de   blogs   que   permiten,   muchas   de   ellas 


gratuitamente,   sin   necesidad   de   elevados   conocimientos   técnicos,   administrar   todo   el   weblog, 
coordinar, borrar o reescribir los artículos, moderar los comentarios de los lectores, etc., de una forma 
casi   tan   sencilla   como   administrar   el   correo   electrónico.   Actualmente   su   modo   de   uso   se   ha 

 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:

You might also like