INSTITUTO TECNOLGICO

SUPERIOR DE CALKINI EN EL
ESTADO DE CAMPECHE
PROGRAMACIN AVANZADA

GLIFFY

Gliffyes un software de
diagramacin basado en la nube
HTML5.
bsicamente una herramienta
online que nos permitir en pocos
minutos realizar grficosde
muchas formas y tipos

 Se utiliza para crear diagramas UML,

planos, diagramas de Venn,
diagramas de flujo, organigramas y
varios otros tipos de diagramas en
lnea.

Es compatible con todos los

navegadores web modernos, como
Google Chrome, Firefox, Safari e
Internet Explorer 9 +.

 Gliffy fue fundada en 2005 por los amigos y

compaeros de trabajo de una sola vez, Chris
kohlhardt y Clint Dickson.
Los dos ingenieros de software vio la necesidad
de una herramienta de diagramacin en lnea y
decidieron abandonar sus puestos de trabajo a
tiempo completo y empezar una compaa de
los suyos.
Gliffy consigui su primera gran oportunidad
cuando kohlhardt acerc a Mike CannonBrookes, uno de los fundadores deAtlassian,
la compaa de software empresarial de
Australia.

 En mayo de 2006, Gliffy anunci su beta

pblica y en 2007 se retir la beta.
En 2009, un nuevo plugin Gliffy para el
producto de Atlassian JIRA se dio a conocer y
en 2010 Gliffy esta en el mercado de Google
Apps.
A principios de 2013, Gliffy dio un gran salto
adelante y se traslad a una plataforma
totalmente HTML5, al mismo tiempo, la
adicin de soporte de Visio.
Hoy Gliffy se integra con Google Apps,
Google Drive, JIRA.

 El servicio de gliffy online tiene 3 tipos de cuentas:

De prueba: Con esta cuenta puedes utilizar la aplicacin durante 15 dias y solo te
permite guardar 5 diagramas.
Estandar: Cuesta $3.99 /mes pagado anualmente o 4.95 /mes por pago mensual y
ofrece 200 Diagramas, 200 MB Espacio de almacenamiento, Asistencia tcnica de
Google Drive y 200 Diagramas privados.
Pro: Cuesta $7.99 /mes pagado anualmente $9.95 /mes pago mensual y ofrece
Diagramas ilimitados, Espacio de almacenamiento, Asistencia tcnica de Google
Drive, Diagramas UML mejorados, Diagramas en la interfaz del usuario mejorados y
Diagramas privados ilimitados

EJECUCIN DEL PROGRAMA

Ejemplo de Diagrama de red
Para acceder a gliffy online se debe
acceder a Gliffy.com

y a continuacin entrar al cuadro

de trabajo.

 1)Presionar click en guardar y registrarse con tu cuenta

de correo o con las deFacebook, google oMicrosoft.

1)Presionar click en guardar y registrarse con tu cuenta

de correo o con las deFacebook, google oMicrosoft.

Al realizar estos pasos quedaras inscrito en la versin de prueba.

 Nos dirigimos a la pestaa network diagrams

Damos clic sobre la imagen

3)Selecciona y arrastra hacia el lienzo

los elementos necesarios

 4)Dalenombrea los elementos,

para ello selecciona uno y da clic
en el icono A y a continuacin
escribe sunombre

5)Cuando empieces a escribir te

aparecer de nuevo el icono A y al
presionarlo puedes eligir donde
aparecer el nombre

 6)Por ultimo presiona en el icono de conector y pon el

cursor encima del elemento haciendo que aparezca
un punto de color verde y da clic, a continuacin ubica
el punto verde del segundo elemento y da clic.

7)Cuando unas dos elementos aparecer

el icono A, presinalo y enseguida da clic
en el icono -> para cambiar el estilo del
conector.

 Una ves terminado todas las conexiones nuestro diagrama quedara

de la siguiente manera.