Programación en PHP: crear un widget al estilo danasoft y muy superior

[cbyte]

Programación en PHP: crear un widget al estilo danasoft y muy superior!!!

Presentación

Hola amigos de Intercambios Virtuales, soy cbyte y después de un tiempo de ausencia, por encontrarme sumamente ocupado en asuntos laborales, regreso al presente foro para compartir mi experiencia programando en el lenguaje PHP.

Sería interesante que el administrador del foro pueda crear un subforo dentro del foro programación dedicado al desarrollo web para mantener las cosas de forma ordenada y clara, y así poder colaborar en los temas relacionados con el mismo.

Muy bien, el título del presente topics es: "Programación en PHP: crear un widget al estilo danasoft y muy superior!!!" Para aquellos que no entiendan a lo que me refiero no se preocupen porque voy a explicarlo todo desde cero (ojo: se recomienda saber programación en php, ya que el presente curso requiere conocimiento intermedio en el susodicho lenguaje). Además quiero aclarar que el presente curso se va a llevar a cabo en varias partes, por lo tanto, el tiempo para terminarlo se va a condicionar a la disposición de mi tiempo, porque trabajo.

Dificultad de programación:

1. Básico
2. Intermedio
3. Avanzado

Agregado:

Conocimientos básicos (opcional)

1. Javascript
2. CSS
3. XHTML

[cbyte]

Definiendo algunos conceptos

Widget
El concepto de Widget en informática es muy amplio e incluso algo confuso, podemos hallar varias definiciones pero, sin embargo, como dice esa famosa frase: “todos los caminos conducen a Roma”, de la misma manera todo desarrollo de un Widget conduce a su propia definición en base a lo que se quiere hacer y, gracias a la “World Wide Web Consortium (W3C)” podemos hallar su definición estándar. Entonces, ¿Qué es un Widget? A grosso modo, “un Widget puede ejecutarse como una aplicación independiente (lo que significa que puede funcionar fuera de un navegador web, ejemplo: en el "Escritorio" de cualquier sistema operativo, denominándose gadgets), o puede ser incrustado (embebido) en un documento web” (foros, blogs, redes sociales, website, etc).

Aplicación Widget y Widget Web
Si un Widget se ejecuta fuera de un navegador web, entonces “es una pequeña aplicación o programa ('aplicación Widget'), usualmente presentado en archivos o ficheros pequeños que son ejecutados por un motor de widgets o Widget Engine. Entre sus objetivos están los de dar fácil acceso a funciones frecuentemente usadas y proveer de información visual. Sin embargo los widgets pueden hacer todo lo que la imaginación desee e interactuar con servicios e información distribuida en Internet; pueden ser vistosos relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con información del tiempo en su ciudad, etcétera.” Fuente Wiki.

Si un Widget es incrustado en un documento web entonces se define como "Widget Web". A diferencia de una aplicación Widget, el Widget Web se aloja en un servidor y se incrusta en los documentos web antes de ser enviados al cliente y visualizado en un navegador web. La creación de un Widget Web por lo general implica usar lenguaje de programación especifico, PHP, PERL, JAVASCRIPT u otro formato (por ejemplo, XML). Este documento se sube a un servidor, donde cuando se sirve a un cliente, se transforma en HTML, CSS y ECMAScript, Flash o en una simple IMAGEN dinámica o estática.

Ya conocido la definición de un Widget, en el presente topics nos vamos a centrar en la creación de un Widget Web al estilo Danasoft con el lenguaje de programacion del lado del servidor, PHP.

Danasoft
De repente muchos se estarán preguntando... ¿Pero qué cosa es Danasoft? Danasoft es un portal que distribuye un widget que muestra tú dirección IP, el ISP (tu proveedor de Internet), el nombre de tú sistema operativo y de tú navegador web en una imagen prediseñada en formato jpg.

El objetivo de todo eso -según Danasoft- es mostrarlo de manera inofensiva al usuario final que ha visitado un documento web, esto es: foro, blogs, redes sociales, myspace, pagina web; para tal fin se embebe un código en formato html o directamente el link de la imagen. En la cosmovisión de Danasoft eso es jugarle una broma al amigo, compañero de trabajo e incluso a un desconocido, porque quedarán consternados al pensar que todo el mundo está viendo aquella información que “violenta” la privacidad y el anonimato en el ciberespacio, pero en el fondo solamente aquel que visita el documento web lo puede visualizar, siendo ajeno la información del witget a los demás usuarios.

¿Cómo funciona toso eso? Ingresar a Danasoft para crear el widget (desde aquí), aparece una ventana con varias recuadros y opciones al estilo formulario que se tiene que llenar:
- Correo electrónico (opcional)
- Un nombre único que identifique tu widget
- Seleccionar idioma
- Seleccionar la imagen
- Seleccionar la estadística para mostrar al usuario final
- Escribir una especie mensaje que va acompañado en la imagen
- Presionar el botón crear mi signo que al final nos dará el código en html y (opcionalmente), el link de la imagen para incrustarlo en nuestro documento web.

Crear un widget al estilo danasoft y muy superior!!!
Hemos llegado hasta este punto, y el objetivo es programar en php para crear nuestro propio portal al estilo danasoft que distribuya witgets con la misma caracteristica de danasoft pero, además, que tenga otras caracteristicas únicas que lo hace superior al anterior servicio gratuito.

[baduser]

gracias compañero, excelente info !!


salu2

[carmen10]

Gracias por la información
Saludos

[Munki]

interesante informacion gracias salu2...

[cbyte]

Requisitos para crear nuestro Widget al estilo Danasoft

Ante todo, gracias a los amigos y compañeros por los saludos, agregando que estamos aquí para ayudarnos mutuamente y cada día aprender un poco más “sirviendo a la gente de todo corazón”. Pues bien, continuando con el hilo del presente topics, los requisitos que se piden para crear nuestro servidor “Widget al estilo Danasoft…” son mínimos y se determina de la siguiente manera:

1.- Servidor web Apache, PHP 5.x y MySQL instalado y configurado en la PC (se recomienda usar XAMPP).
2.- Un Editor de codigo PHP (Ejemplo: Dreamweaver, PHPEclipse, PHPEdit, etc.; se deja al criterio del programador).
3.- Una Aplicación de edición de imagenes cualquiera (Se recomienda: Photoshop, pero se deja al criterio del diseñador).
4.- Un Hosting (alojamiento web), ya sea gratuito o pagado (que soporte web Apache, PHP 5.x y MySQL; además que soporte funciones en PHP de: lectura y escritura, funciones de imagenes de biblioteca GD. Soporte de cron jobs -opcional-, entre otras carácteristicas).
5.- Un Dominio (cualquiera).
6.- Tener cuentas de usuario en foros, blogs, redes sociales, website, correo electrónicos: gmail y hotmail (necesario para probar nuestro Widget).

Nota 1: En cuanto al XAMPP y al Hosting relacionado con el soporte de lectura y escritura, de funciones de imagenes de la biblioteca GD entre otros lo vamos a tratar mientras nos dedicamos a programar.

Nota 2: Cualquier problema que se presente se irá resolviendo a su debido tiempo; dudas, consultas, ideas, críticas se aceptan en la duración del curso. Se despejará y resolverá.

[Felina05]

[cbyte]

Esquema de desarrollo (borrador)

El esquema básico para el desarrollo de nuestro widget se basa en la técnica de desarrollo de un sitio web para ello voy a seguir un estricto orden de trabajo que se tiene que respetar y es de la siguiente manera:

1. Aplicación web.- Ver aquí la definición
2. Contenido web.- Ver aquí la definición
3. Diseño web.- Ver aquí la definición

Estructura lógica de la Aplicación web

La estructura lógica de la presente aplicación web se divide así:

A) Estructura lógica de la aplicación web usando directorios y ficheros sin base de datos.
B) Estructura lógica de la aplicación web usando directorios y ficheros con base de datos.

Por lo cual vamos a tener dos tipos de aplicaciónes web para nuestro sitio web porque el presente curso es una enseñanza de dos posibilidades con sus pros y sus contras.


Atención: el presente hilo es un primer acercamiento de la definición de conceptos. Inconcluso por eso se ha agregado al título (ver lineas arriba) la palabra "borrador" entre parentesis.

[kapry]

hola
vas a continuar con este tutorial?

esta muy bueno

muchas gracias