Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

77
Proyecto Open Source - H3M (Hermes Trismegistus) by Franklin Calle Zapata (http://www.innovavirtual.org [email protected]) Copyright © 2012 by Franklin Calle Zapata bajo FDL Prólogo Versión Beta del proyecto open source: H3M (Hermes Trismegistus), en el mismo se define una nueva alternativa metodológica, para desarrollar soluciones informáticas empresariales que trabajen bajo el contexto web 2.0, basándose en otros proyectos open source. De tal forma, que la misma pueda ser puesta en marcha en tiempos muy cortos, que sea muy escalable, confiable, mantenible, migrable, de alta calidad, alta disponibilidad, de costos muy bajos, muy seguro y mucha cosas adicionales, que ya comentaremos en la documentación que presentamos e iremos ampliando. 19 de enero del 2012. Herramientas para desarrollo de aplicaciones web 2.0 con Software libre El todo es mayor que la suma de sus partes

description

Proyecto Open Source - H3M (Hermes Trismegistus) by Franklin Calle Zapata (http://www.innovavirtual.org [email protected]) Copyright © 2012 by Franklin Calle Zapata bajo FDL Prólogo Versión Beta del proyecto open source: H3M (Hermes  Trismegistus), en el mismo se define una nueva alternativa metodológica, para desarrollar soluciones informáticas empresariales que trabajen bajo el contexto web 2.0, basándose en otros proyectos open source. De tal forma, que la misma pueda ser puesta en marcha en tiempos muy cortos, que sea muy escalable, confiable, mantenible, migrable, de alta calidad, alta disponibilidad, de costos muy bajos, muy seguro y mucha cosas adicionales, que ya comentaremos en la documentación que presentamos e iremos ampliando. 19 de enero del 2012

Transcript of Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

Page 1: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

Proyecto Open Source - H3M (Hermes Trismegistus) by Franklin Calle Zapata (http://www.innovavirtual.org

[email protected])

Copyright © 2012 by Franklin Calle Zapata bajo FDL

Prólogo

Versión Beta del proyecto open source: H3M (Hermes Trismegistus), en el mismo se define una nueva alternativa metodológica, para desarrollar soluciones informáticas empresariales que trabajen bajo el contexto web

2.0, basándose en otros proyectos open source.

De tal forma, que la misma pueda ser puesta en marcha en tiempos muy cortos, que sea muy escalable, confiable, mantenible, migrable, de alta calidad, alta disponibilidad, de costos muy bajos, muy seguro y mucha

cosas adicionales, que ya comentaremos en la documentación que presentamos e iremos ampliando.

19 de enero del 2012.

Herramientas para desarrollo

de aplicaciones web 2.0 con

Software libre

El todo es mayor que la suma de sus partes

Page 3: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 3

El gran final: Cómo unirlos a todos ?

Page 7: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

www.innovavirtual.org / F. Calle Z. 7

Definición de: CMS

• De Wikipedia, la enciclopedia libre.

• CMS significa sistema de administración de contenido (en inglés Content Management System), un sistema de este tipo funciona para la creación y administración de contenido, actualmente se usa para denominar a los sistema que sirven para administrar el contenido de páginas web.

• El sistema 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 por una parte y el diseño por otra. 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 público.

19/01/2012

Page 9: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

www.innovavirtual.org / F. Calle Z. 9

Definición de: ERP • De Wikipedia, la enciclopedia libre.

• Los sistemas de planificación de recursos empresariales, o ERP (por

sus siglas en inglés, Enterprise resource planning) son sistemas de

información gerenciales que integran y manejan muchos de los negocios

asociados con las operaciones de producción y de los aspectos de

distribución de una compañía en la producción de bienes o servicios.

• La Planificación de Recursos Empresariales o el software ERP puede

intervenir en el control de muchas actividades de negocios como ventas,

entregas, pagos, producción, administración de inventarios, calidad de

administración y la administración de recursos humanos.

• Un ERP es una aplicación que integra en un único sistema todos los

procesos de negocio de una empresa. Adicionalmente se pretende que

todos los datos estén disponibles todo el tiempo para todo el mundo en la

empresa (obviando por el momento permisos sobre disponibilidad, etc) de

una manera centralizada.

19/01/2012

Page 11: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

www.innovavirtual.org / F. Calle Z. 11

Definición de: CRM

• De Wikipedia, la enciclopedia libre.

• 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.

19/01/2012

Page 13: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

www.innovavirtual.org / F. Calle Z. 13

Definición de: Social Media • De Wikipedia, la enciclopedia libre. • Los Medios de Comunicación Sociales (Social Media en inglés) o simplemente Medios

Sociales son plataformas de comunicación online donde el contenido es creado por los propios

usuarios mediante el uso de las tecnologías de la Web 2.0, que facilitan la edición, la publicación

y el intercambio de información.

• Los profesores Kaplan y Haenlein definen medios sociales como "un grupo de aplicaciones

basadas en Internet que se desarrollan sobre los fundamentos ideológicos y tecnológicos de

la Web 2.0, y que permiten la creación y el intercambio de contenidos generados por el usuario".

• Los medios sociales son ricos en la influencia y la interacción entre pares y con una audiencia

pública que es cada vez más "inteligente" y participativa. El medio social es un conjunto de

plataformas digitales que amplía el impacto de WOMM (marketing boca a boca) y también lo hace

medible y, por tanto, rentabilizable por medio del Marketing de medios sociales y el Social CRM.

• Los community managers se encargan de crear y cuidar las comunidades en torno a las

empresas generando contenido de valor, creando conversación, animando a las personas a

participar, monitorizando la presencia online de las marcas... Los medios sociales han cambiado

la comunicación entre las personas y entre las marcas y las personas.

• Los tipos de medios sociales más utilizados son las redes sociales, los blogs, los microblogs y los

servicios de compartición multimedia.

19/01/2012

Page 14: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 14

Social media: Fuente: http://www.digiworks.es/blog/2011/11/22/generar-trafico-desde-plataformas-social-media/ http://www.rrhhsocialmedia.com/8-plataformas-social-media-que-pueden-dirigir-trafico-hacia-tu-webblog/

Page 15: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 15

Y ahora ? Qué hacemos ?

Tengo que aprender todo

eso para poder comenzar

a desarrollar sistemas

integrales web 2.0 ?

Page 16: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 16

El todo es mayor que la suma de sus partes

Page 18: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 18

YOU MAY NOT REMOVE OR CHANGE THIS NOTICE

SIGA2 version 2.0.0 (18.01.2012)

Author & developer: Franklin Edmundo Calle Zapata <[email protected]>

Developers:

Oscar Alberto M. Calle López <[email protected]>

License: GNU GPL

Site: http://www.innovavirtual.org - Interface User

http://www.innovavirtual.org/unisiga2/sisadm/admin - Interface Administrator

Copyright: Franklin Edmundo Calle Zapata (c) 2008. All rights reserved.

For contact author: fcallez at gmail dot com or fcallez at innovavirtual dot org

Projects open source utilized :

Page 19: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 19

-= YOU MAY NOT REMOVE OR CHANGE THIS NOTICE =-

---------------------------------------------------------------------------

ApPHP DataGrid Pro (AJAX enabled) version 7.1.5

Developed by: ApPHP <[email protected]>

License: GNU LGPL v.3

Site: http://www.apphp.com/php-datagrid/

Copyright: ApPHP DataGrid (c) 2006-2011. All rights reserved.

Last changed: 14.11.2011 10:30

Additional modules (embedded):

-- openWYSIWYG v1.0.1 (WYSIWYG editor) http://openWebWare.com#

-- PEAR::DB v1.7.14 (PHP Ext.&Application Repository) http://pear.php.net

-- JS AFV v2.0.1 (JS Auto From Validator) http://apphp.com

-- overLIB v4.21 (JS library) http://www.bosrup.com/web/overlib/

-- FPDF v1.53 (PDF files generator) http://www.fpdf.org

-- JsCalendar v1.0 (DHTML/JavaScript Calendar) http://www.dynarch.com

-- AutoSuggest v2.1.3 (AJAX autocomplete) http://www.brandspankingnew.net

-- LyteBox v3.22 http://www.dolem.com/lytebox

-- jQuery v1.3.2 (JavaScript Library) http://jquery.com

-- Scrollable HTML table http://www.webtoolkit.info

-- Scrollable HTML table v1.1 (200WAGNER DOSANJOS) [email protected]

Additional modules (required):

-- PHP Data Objects (PDO) extension http://www.php.net/

Page 20: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 20

Phpmydatagrid

http://www.gurusistemas.com/indexdatagrid.php

Copyright (c) 2007, Gurú Sistemas and/or Gustavo Adolfo Arcila Trujillo

##

Software: PHPMailer - PHP email class

Version: 5.1

Contact: via sourceforge.net support pages (also www.worxware.com)

Info: http://phpmailer.sourceforge.net

Support: http://sourceforge.net/projects/phpmailer/

Admin: Andy Prevost (project admininistrator)

Authors: Andy Prevost (codeworxtech) [email protected]

: Marcus Bointon (coolbru) [email protected]

Founder: Brent R. Matzelle (original founder)

Copyright (c) 2004-2009, Andy Prevost. All Rights Reserved.

Copyright (c) 2001-2003, Brent R. Matzelle

License: Distributed under the Lesser General Public License (LGPL)

http://www.gnu.org/copyleft/lesser.html

This program is distributed in the hope that it will be useful - WITHOUT

ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or

FITNESS FOR A PARTICULAR PURPOSE.

We offer a number of paid services (www.worxware.com):

- Web Hosting on highly optimized fast and secure servers

- Technology Consulting

- Oursourcing (highly qualified programmers and graphic designers)

Page 21: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 21

BigDump ver. 0.34b from 2011-09-04

Staggered import of an large MySQL Dump (like phpMyAdmin 2.x Dump)

Even through the webservers with hard runtime limit and those in safe mode

Works fine with Internet Explorer 7.0 and Firefox 2.x

Author: Alexey Ozerov (alexey at ozerov dot de)

AJAX & CSV functionalities: Krzysiek Herod (kr81uni at wp dot pl)

Copyright: GPL (C) 2003-2011

More Infos: http://www.ozerov.de/bigdump

This program is free software; you can redistribute it and/or modify it under the

terms of the GNU General Public License as published by the Free Software Foundation;

either version 2 of the License, or (at your option) any later version.

THIS SCRIPT IS PROVIDED AS IS, WITHOUT ANY WARRANTY OR GUARANTEE OF ANY KIND

##

PHPfileNavigator version 2.3.2

Author: Lito (phpfilenavigator at litoweb dot net)

Copyright: GPL (C) 2005

More Infos: http://phpfilenavigator.litoweb.net

Page 22: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 22

Software: FPDF

Version: 1.53

Date: 2004-12-31

Author: Olivier PLATHEY

License: Freeware

You may use and modify this software as you wish.

##

Projectname: CAPTCHA class

Version: 2.0

Author: Pascal Rehfeldt <[email protected]>

Last modified: 15. January 2006

GNU General Public License (Version 2, June 1991)

This program is free software; you can redistribute

it and/or modify it under the terms of the GNU

General Public License as published by the Free

Software Foundation; either version 2 of the License,

or (at your option) any later version.

This program is distributed in the hope that it will

be useful, but WITHOUT ANY WARRANTY; without even the

implied warranty of MERCHANTABILITY or FITNESS FOR A

PARTICULAR PURPOSE. See the GNU General Public License

for more details.

Description:

Testsuit for the CAPTCHA Class

Page 23: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 23

JSCookMenu v2.0.4 (c) Copyright 2002-2006 by Heng Yuan

http://jscook.sourceforge.net/JSCookMenu/

##

Slideshow RC2 for Mootools 1.0. Copyright (c) 2007 Aeron Glemann, <http://electricprism.com/aeron/slideshow>,

MIT Style License.

Class: Slideshow

Slideshow is a javascript class to stream and animate the presentation of images on your website.

##

Simple AJAX Code-Kit (SACK) v1.6.1

©2005 Gregory Wild-Smith

www.twilightuniverse.com

Software licenced under a modified X11 licence,

see documentation or authors website for more details

##

Ajax dynamic content

Copyright (C) 2006 DTHMLGoodies.com, Alf Magne Kalleland

##

Innerdiv - Solución Javascript para ventanas emergentes - cargan contenido dentro de etiquetas DIV por eso se

llaman Innerdivs.

Solución creada por hartum(Ivan Gascon)

Page 24: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 24

Moodle - http://moodle.org/?lang=es_es

##

Google - http://www.google.com.pe/

Google Analytics - http://www.google.com/analytics/

Picasa Google - http://picasa.google.com/

Google Docs - https://docs.google.com

Google Apps - http://www.google.com/analytics/

Google Búsqueda personalziada -Code Search Engines - Motor de búsqueda personalizado -

http://www.google.com/cse/?hl=es

##

Chatango - http://chatango.com/

##

Jquery - http://jquery.com/

Mootools - http://mootools.net/

Page 26: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 26

################################################################################

## -= YOU MAY NOT REMOVE OR CHANGE THIS NOTICE =- #

## --------------------------------------------------------------------------- #

## ApPHP DataGrid Pro (AJAX enabled) version 7.1.5 #

## Developed by: ApPHP <[email protected]> #

## License: GNU LGPL v.3 #

## Site: http://www.apphp.com/php-datagrid/ #

## Copyright: ApPHP DataGrid (c) 2006-2011. All rights reserved. #

## Last changed: 14.11.2011 10:30 #

## #

## Additional modules (embedded): #

## -- openWYSIWYG v1.0.1 (WYSIWYG editor) http://openWebWare.com #

## -- PEAR::DB v1.7.14 (PHP Ext.&Application Repository) http://pear.php.net #

## -- JS AFV v2.0.1 (JS Auto From Validator) http://apphp.com #

## -- overLIB v4.21 (JS library) http://www.bosrup.com/web/overlib/ #

## -- FPDF v1.53 (PDF files generator) http://www.fpdf.org #

## -- JsCalendar v1.0 (DHTML/JavaScript Calendar) http://www.dynarch.com #

## -- AutoSuggest v2.1.3 (AJAX autocomplete) http://www.brandspankingnew.net #

## -- LyteBox v3.22 http://www.dolem.com/lytebox #

## -- jQuery v1.3.2 (JavaScript Library) http://jquery.com #

## -- Scrollable HTML table http://www.webtoolkit.info #

## -- Scrollable HTML table v1.1 (200WAGNER DOSANJOS) [email protected] #

## -- JSColor v1.3.9 (JavaScript Color Picker) http://jscolor.com #

## #

## Additional modules (required): #

## -- PHP Data Objects (PDO) extension http://www.php.net/ #

## #

################################################################################

Page 27: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 27

PHPDataGrid - es una herramienta simple, innovadora y poderosa para el

mantenimiento (adición, modificación, eliminación, consulta, impresión,

descarga) de información almacenada en base de datos (i.e.: MySQL) haciendo uso

de grid o parrillas (similar a los que se disponen en ASP), especialmente diseñado

para desarrolladores Web. El PHP DataGrid es excelente y puede ser aplicado en

todo sitio web que utiliza información almacenada en Base de datos (i.e: MySQL) y

que usa el lenguaje de programación PHP para administrarla en línea.

También es útil para administrar contenidos dinámicos y sitios que dan el servicio de

hosting basados en PHP. El objetivo final del PHP DataGrid (ApPHP DataGrid Pro

(AJAX enabled) versión 7.1.5 = $58.19 + Lifetime Updates = $34.90) es hacer

que, para los desarrolladores de sistemas bajo el entorno web, la generación y

edición de información sea la más simple posible.

Page 28: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 28

The PHP DG is an excellent tool for:

• PHP database-driven web sites

• Adding Back-End for existing sites

• Creating online-based data administration

• Creating dynamic content management or your own CMS,ERP, CRM and others..

Page 29: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 29

Page 30: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 30

Page 31: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 31

Page 32: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 32

Page 33: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 33

Page 34: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 34

Page 35: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 35

Page 36: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 36

Page 37: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 37

Page 38: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 38

Page 39: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 39

Page 40: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 40

Page 41: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 41

Page 42: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 42

PhpMyDataGrid 2007 ofrece un conjunto de herramientas que nos

permiten construir un Datagrid y ser aplicado en ambientes en donde se

utiliza el lenguaje de programación PHP. Permite al programador de

aplicaciones, construir y poner en operación, con muy pocas líneas de

código y en el más breve plazo de tiempo posible, un completo y funcional

Datagrid, desarrollado en PHP y en el que es posible aplicar la tecnología

AJAX. Con muchas opciones, entre ellas : control de paginación,

ordenamiento por columnas, búsquedas filtradas y mucho, mucho más .

Esto es muy útil a cualquier Portal basado en PHP y que administra

información en línea.

Así también para la administración de contenidos dinámicos y proveedores

de hosting que utilizan PHP.

phpMyDataGrid v2007 Release - 200107

Page 43: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 43

• Fácil de usar : incluso para los programadores novicios de PHP , podrán desarrollar

datagrid profesionales, en muy pocos minutos y con un mínimo de líneas de código.

• Habilitación de AJAX: A diferencia de las versiones previas a la 2007, en modo

tabular, puede habilitarse el AJAX (adición, edición, edición en línea, eliminación,

paginación, ordenamiento, etc.) .

• Auto paginación: phpMyDataGrid permite 3 estilos de paginación y podemos definir

cuantos registros deseamos mostrar por página.

• Ordenamiento: Ordenar una tabla por columna, en forma Ascendente o Descendente,

y mostrar un indicador en la columna activada.

• Cabeceras y pié de página: Nos permite mostrar cabeceras y pié de página

personalizadas en cada página.

• Multi-Lenguaje: Ud. puede configurar el código para que muestre la información en

inglés, italiano, francés, alemán, holandés, portugues, español.

• Compatible con la librería ADOdb: El código soporta conexiones con MySQL usando

la librerias nativas del PHP y también soporta el uso de la librería ADOdb, permitiendo

de esta manera la conexión con cualquier otra Base de datos soportada, por dicha

librería.

• Condicionales: Muestra solo la información resultante de los condicionales definidos.

• Edición en línea : Los campos pueden ser editados, y desde esta versión, Ud. puede

usar controles de formularios tipo : campo para texto, área para texto, cajas de

verificación y menús desplegables.

Facetas

Page 44: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 44

• Muestra imágenes: el código muestra imágenes, basándose en la información que

contenga el campo (enlace al archivo tipo imágen).

• Iconos y enlaces: Ud. puede definir sus propios enlaces o imágenes con enlaces para

cada registro.

• Gráficos de barra: Soporta salidas en modo de gráficos de barras.

• Mantenimiento de tablas: Ud. puede administrar una tabla específica, con funciones

pre construidas para : Adicionar, editar y eliminar registros.

• Mantenimiento definido por el usuario: Ud. puede definir sus propios procesos de

adición, edición, eliminación sin necesidad de modificar directamente el archivo principal

de .js (javascript).

• Seguridad: Control de acceso de acuerdo a los permisos autorizados a las cuentas de

usuario (adición, edición, eliminación y búsqueda), así también, cualquier parámetro

recepcionado por el código, se verifica su nivel de permiso.

• Caja de verificación a nivel de filas: En está versión de dispone de cajas de

verificación, para selecionar todas o algunas filas y así poder efectuar algún proceso

específico con las mismas.

• Búsqueda: Ud. puede efectuar búsquedas por cualquier columna "pre-definida". Las

columnas pueden ser configuradas para mostrar la selección a través de un menú

desplegable.

Facetas

Page 45: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 45

• Modo de presentación personalizado: haciendo uso de un archivo CSS externo, Ud.

puede cambiar los colores, las formas para su página web, de acuerdo a sus

preferencias.

• Estilos para las columnas: Ud. define como será mostrada la información en cada

columna (título, tipo, valor por defecto, información a mostrar, etc.).

• Columnas calculadas: Calcule, en base a fórmulas matemáticas básicas (adición,

sustracción, multiplicación y división) entre celdas y muestre el resultado en otra

(Similar al manejo de fórmulas de excel).

• Totales por columna: Muestra totales para una simple columna o para varias.

• De fácil lectura: Las filas muestra colores altermantes para facilitar su lectura y

también , poder visualizar los cambios efectuados al pasar el mouse encima de algún

enlace.

• Rápido: El uso de archivos externos de.js y .css permiten descargas rápidas.

• Probado en los sgts. navegadores: Internet Explorer 6 y 7, Firefox 1.5 y 2.0, Opera

9.1, Konqueror 3.5, Netscape 8.1, y Mozilla 1.7

• Compatible: Verificado con php 4.4 yphp 5.2

• Cumple normas W3C: Cumple normas internacionales, de acuerdo a las

recomendaciones de la W3C, para las definiciones HTML y XHTML.

Facetas

Page 46: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 46

Page 47: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 47

PHPMailer es una clase escrita en PHP que facilita el envío de correo,

añadiendo facilidad en el envío de correos con adjuntos, en formato HTML y con

diferentes codificaciones, soporte para imágenes embebidas, headers

personalizados y además funciona con múltiples servidores de correo.

Típicamente para el envío de correo con PHP se utiliza la función mail(), pero

esta función tiene varias limitaciones, por ejemplo que no soporta el envío de

adjuntos. Entonces PHPMailer nos viene a facilitar este trabajo que de otra

forma seria muy engorroso. Viene con un conjunto de métodos que nos

ayudarán en el envió de emails.

Page 48: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 48

FPDF es una clase desarrollada en PHP para poder realizar documentos en PDF,

dinámicamente a partir de nuestros scripts PHP. Esta clase trabaja de manera

totalmente autónoma, por lo que no requiere utilizar la librería PDFlib ni cualquier

otro producto similar.

Se trata de una clase que da bastante juego, ya que podemos modificar la unidad

de medida, el formato de la página, los margenes, las cabeceras y los pies de

página, los saltos de linea, las imágenes, colores, enlaces, etc.

Un detalle importante es que FPDF es una librería gratuita para cualquier uso,

tanto comercial como personal (Su primera "F" inicial significa justamente "Free",

osea, libre y gratis), por lo que resultará muy interesante para cualquier uso.

Page 49: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 49

Bigdump.- Permite la importación escalonada de archivos grandes y muy

grandes con sentencias SQL, de copias de respaldo de base de datos tipo

MySQL (como los archivos tipo dump generados con phpMyAdmin 2.x) e incluso

procesa dichas sentencias a pesar que algunos servidores web, están

configurados con límites de tiempos de ejecución muy breves y/o de aquellos

que trabajan en modo seguro (safe-mode).

El script ejecuta procesos iterativos de restauración, por etapas, ejecutando una

pequeña cantidad de sentencias SQL, cada vez, para luego en una siguiente

sesión continuar con la sentencia siguiente a la última que procesó.

La última versión (ver 0.34b beta) incluye algunas mejoras muy importantes y

correcciones de errores y otros.

Page 50: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 50

Si Ud. quiere :

Restaurar una copia de seguridad de una o varias bases de datos tipo MySQL, de gran tamaño (o una parte de

ella), en una nueva o en la misma base de datos MySQL y Ud. no puede acceder al shell del servidor y/o no puede

efectuar importaciones utilizando phpMyAdmin o cualquier otro script, debido a inconvenientes de memoria, tiempo

de ejecución limitado del servidor web.

BigDump importa archivos Dump MySQL (como los generados por phpMyAdmin 2.x), que son muy grandes, de

forma escalonada e incluso a través de los servidores web con límite de tiempo de ejecución breve y/o los que han

sido configurados en modo seguro. El script ejecuta sólo una pequeña parte del archivo Dump y se auto-reinicia. En

la siguiente sesión, comienza el proceso de restauración, a partir de la sentencia SQL siguiente a la última ejecutada

en el proceso previo.

Page 51: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 51

Slideshow - Una clase Javascript, que hace uso del

framework Mootools

Slideshow es una clase Javascript, para mostrar, en su portal web, animaciones basadas en

archivos de imágenes, en tiempo real.

Slideshow fue escrito originalmente como un plugin para el CMS Textpattern en 2006,

utilizando el original librería javascript: moo.fx . Esta nueva versión ha sido re-escrita desde

cero haciendo uso del framework Mootools, incorporando de esta manera muchas novedades y

peticiones.

Características: Slideshow con dimensiones

variables

Tipos de slideshows: Fade, pan,

zoom and combo

Opciones de Pan y zoom

Configuración de la duración de las

transiciones

Tipo de Slideshow: Wipe and push

Transiciones facilitadas por Robert

Penner

Navegación basada en Flechas de

dirección.

Navegación basadas en imágenes

pequeñas o Thumbnail

Navegación: Modo rápido.

Títulos a los Slideshow

Page 52: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 52

Page 53: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 53

Características principales:

• Soporta menús horizontales y verticales.

• Apoya la posición relativa.

• Compatible con diferentes menús con temas diferentes, en la misma

página web.

• Facilita el proceso de creación de menú con un constructor de menú.

• Efectos especiales disponibles, como deslizamiento y el

desvanecimiento de entrada / salida .

• API para los desarrolladores de JavaScript.

JSCookMenu (v2.0.4) es un

poderoso script para

crear menú’s, escrito en

JavaScript que puede

crear complejos menús para

nuestras aplicaciones GUI. Es

relativamente simple y fácil de

usar. Crear un nuevo

tema requiere un poco de

paciencia, pero rara vez uno

tiene que escribir una, ya que los

que se disponen en el portal web

oficial son muy buenos.

Page 54: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

www.innovavirtual.org / F. Calle Z. 54

¿Qué es H3M ? http://www.innovavirtual.org

Proyecto open source peruano: H3M (Hermes Trismegistus), en el mismo se define una

metodología alternativa para desarrollar soluciones empresariales que trabajen bajo en

contexto web 2.0, basándose en otros proyectos open source. De tal forma, que la

misma pueda ser puesta en marcha en tiempos muy cortos, que sea muy escalable,

confiable, mantenible, migrable, de alta calidad, alta disponibilidad, de costos muy bajos,

muy seguro y mucha cosas adicionales, que ya comentaremos en la documentación a

preparar.

Para poder disponer del código, solo basta hacer click aquí :

http://www.innovavirtual.org/proyecto_h3m/unisiga2.rar

19/01/2012

Page 55: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

www.innovavirtual.org / F. Calle Z. 55

¿Qué es H3M ? http://www.innovavirtual.org

La idea es que la comunidad de software libre, disponga de un ejemplo real, en la que se

haya aplicado lo definido hasta el momento con dicha metodología, para ello me propuse

desarrollar tres soluciones para empresas o instituciones del sector educativo, como

complemento al famoso CMS Moodle (claro, guardando las distancias, pero con la ayuda

de todos Uds. podemos disponer de una herramienta adicional de la calidad de esta

última):

Un sistema de Gestión Académico/Administrativo (SIGA2) para:

. Universidades,

. Institutos Superiores,

. Colegios

Los dos primeros en camino, el tercero, cuando el Señor lo disponga.

El portal www.innovavirtual.org, es un ejemplo viviente de su aplicación.

19/01/2012

Page 56: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

www.innovavirtual.org / F. Calle Z. 56

….¿Qué es H3M ? http://www.innovavirtual.org

Hay muchos pendientes, sobre todo, la documentación, pero se que contaré con el

apoyo de todos Uds. para sacar a delante este sueño. Sueño simple que pretende ser un

humilde aporte para muchas personas, que sea de utilidad, sobre todo para mejorar su

calidad de vida. Imagínense cuantos colegios, institutos superiores, universidades de

carácter estatal y/o sin fines de lucro, todas ellos con pocos recursos para comprar o

desarrollar este tipo de soluciones, muy necesarias para que sean mas eficientes y que

en lugar de hacer el mismo trabajo muchas veces, se haga una sola vez, en equipo,

todos juntos en busca de una solución.

Esto es replicable a otro tipo de empresas, sobre todo a las PYMES. Estoy convencido

que es mejor hacer el trabajo una sola vez y bien, con el apoyo de todos, que el hacer el

mismo trabajo muchas veces y muchas veces inconcluso o deficiente.

Bueno, a cerrar esta primera etapa y ha recibir las recomendaciones, aportes, críticas

constructivas, comentarios, etc., necesarios para esta segunda etapa.

19/01/2012

Page 57: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 57

Page 58: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 58

Page 59: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 59

Page 60: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 60

Page 61: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 61

Page 62: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 62

Page 63: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 63

Page 64: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 64

Page 65: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 65

Page 66: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 66

Page 67: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 67

Page 68: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 68

Page 69: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 69

Page 70: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 70

Page 71: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 71

Page 72: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 72

Page 73: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 73

Page 74: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 74

Page 75: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 75

Page 76: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

www.innovavirtual.org / F. Calle Z. 76

¿Qué es AJAX? http://es.wikipedia.org/wiki/AJAX

AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML),

es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich

Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el

navegador de los usuarios mientras se mantiene la comunicación asíncrona con el

servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas

sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y

usabilidad en las aplicaciones.

Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se

requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el

comportamiento de la página. JavaScript es el lenguaje interpretado (scripting language)

en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el

acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los

navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono

esté formateado en XML.

Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas

operativos y navegadores dado que está basado en estándares abiertos como

JavaScript y Document Object Model (DOM).

19/01/2012

Page 77: Herramientas para desarrollo de aplicaciones web 2.0 con Software libre

19/01/2012 www.innovavirtual.org / F. Calle Z. 77