SlideShare una empresa de Scribd logo
CAPPUCCINO 
ICC. Liliana Rodríguez Vizzuett 
Dr. Jaime Muñoz Arteaga
¿Qué es Cappuccino? 
• Capuccino es un framework open source que 
utiliza tecnologías estándares 
como Javascript y nos da la posibilidad de 
desarrollar aplicaciones web que serán 
prácticamente iguales a una aplicación de 
escritorio.
¿Qué es Cappuccino? 
• Este framework fue implementado usando un 
lenguaje de programación nuevo 
llamado Objective-J, que fue modelado en 
base al Objective-C utilizado por Cocoa. Los 
programas escritos con Objective-J son 
interpretados en el cliente por lo que no se 
necesitan ni compilaciones ni plugins.
¿Qué es RIA? 
• Son aplicaciones web que tienen 
características de las aplicaciones de 
escritorio tradicionales. 
• Estas aplicaciones utilizan un navegador 
web estandarizado para ejecutarse y por 
medio de complementos o mediante 
una máquina virtual se agregan las 
características adicionales.
¿Qué es RIA? 
• Se apoya sobre una arquitectura cliente-servidor 
en lugar de un desarrollo web 
tradicional.
¿Qué es RIA? 
• Cliente: se encarga de la interacción entre el usuario y 
la UI, el usuario actualiza vistas y carga datos. Se 
manejan todas las peticiones de datos hacia el servidor 
y se controla como se presentan los datos. 
• Servidor: se manejan y procesan todas las peticiones 
de la aplicación cliente y delega las acciones del 
servidor, como puede ser el guardar datos en la base 
de datos, actualizar los archivos del sistema, retornar 
datos al servidor.
Buscadores en los que funciona 
• Cappuccino and Objective-J corren en 
cualquier navegador web moderno, incluidos: 
– Internet Explorer 8+ 
– Firefox 2+ 
– Safari 3+ 
– Google Chrome 
– Opera 9+
Ejemplo 
Cocoa es un framework para realizar 
aplicaciones nativas en Mac OS X
Requisitos 
• Contar con servidor web 
(XAMPP,WAMP,MAMP,etc) 
• Contar con navegador web 
• Descargar Cygwin 
• Descargar GIT 
• Contar con XCode
¿Cómo se usa? 
Descargar
¿Cómo se usa? 
Descomprimir 
Colocar en C:xampphtdocsCappuccinoStarter- 
0.9.7-1
¿Cómo se usa? 
Abrir servidor web
¿Cómo se usa? 
Abrir navegador web y colocar la siguiente 
dirección
¿Cómo se usa? 
Se obtiene
¿Cómo se usa? 
Cambiando el código
¿Cómo se usa? 
Se tiene que descargar la versión más reciente 
del código fuente 
Posteriormente se obtendrá el código fuente de 
Cappuccino y se debera realizar el análisis del 
código.
Referencias 
[1]https://developer.apple.com/technologies/m 
ac/cocoa.html 
[2] http://www.cappuccino-project.org/

Más contenido relacionado

La actualidad más candente

Multiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de cssMultiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de css
Leonidas Esteban González
 
Ruben Pardo - Innovación, Modernización y Productividad con Flexygo
Ruben Pardo - Innovación, Modernización y Productividad con FlexygoRuben Pardo - Innovación, Modernización y Productividad con Flexygo
Ruben Pardo - Innovación, Modernización y Productividad con Flexygo
COIICV
 
My Sql
My SqlMy Sql
My Sql
astrgonl
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
restauracio
 
Uso de html5 + webcomponents
Uso de html5 + webcomponentsUso de html5 + webcomponents
Uso de html5 + webcomponents
Avanet
 
ASP.NET MVC Workshop Día 2
ASP.NET MVC Workshop Día 2ASP.NET MVC Workshop Día 2
ASP.NET MVC Workshop Día 2
Rodolfo Finochietti
 
Scripting cliente
Scripting clienteScripting cliente
Scripting cliente
UAEH
 
De escritorio a Javascript, nuestra experiencia desde las trincheras
De escritorio a Javascript, nuestra experiencia desde las trincherasDe escritorio a Javascript, nuestra experiencia desde las trincheras
De escritorio a Javascript, nuestra experiencia desde las trincheras
Roberto Luis Bisbé
 
Html 5 - Historia y principales novedades.
Html 5 - Historia y principales novedades.Html 5 - Historia y principales novedades.
Html 5 - Historia y principales novedades.
Ale Moyano
 
NodeJS
NodeJSNodeJS
NodeJS
IBM
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garciaDreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
Mercedes Garcia
 
Phonegap
PhonegapPhonegap
Phonegap
Olga Conesa
 
Visual Studio 2010 Launch - ASP.NET 4.0
Visual Studio 2010 Launch - ASP.NET 4.0Visual Studio 2010 Launch - ASP.NET 4.0
Visual Studio 2010 Launch - ASP.NET 4.0
kementeus
 
Futuro de Desarrollo en SharePoint
Futuro de Desarrollo en SharePointFuturo de Desarrollo en SharePoint
Futuro de Desarrollo en SharePoint
Haaron Gonzalez
 
APIs REST
APIs RESTAPIs REST
0094 rodrigo zubeldía alphasoluciones
0094 rodrigo zubeldía alphasoluciones0094 rodrigo zubeldía alphasoluciones
0094 rodrigo zubeldía alphasoluciones
GeneXus
 

La actualidad más candente (16)

Multiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de cssMultiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de css
 
Ruben Pardo - Innovación, Modernización y Productividad con Flexygo
Ruben Pardo - Innovación, Modernización y Productividad con FlexygoRuben Pardo - Innovación, Modernización y Productividad con Flexygo
Ruben Pardo - Innovación, Modernización y Productividad con Flexygo
 
My Sql
My SqlMy Sql
My Sql
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Uso de html5 + webcomponents
Uso de html5 + webcomponentsUso de html5 + webcomponents
Uso de html5 + webcomponents
 
ASP.NET MVC Workshop Día 2
ASP.NET MVC Workshop Día 2ASP.NET MVC Workshop Día 2
ASP.NET MVC Workshop Día 2
 
Scripting cliente
Scripting clienteScripting cliente
Scripting cliente
 
De escritorio a Javascript, nuestra experiencia desde las trincheras
De escritorio a Javascript, nuestra experiencia desde las trincherasDe escritorio a Javascript, nuestra experiencia desde las trincheras
De escritorio a Javascript, nuestra experiencia desde las trincheras
 
Html 5 - Historia y principales novedades.
Html 5 - Historia y principales novedades.Html 5 - Historia y principales novedades.
Html 5 - Historia y principales novedades.
 
NodeJS
NodeJSNodeJS
NodeJS
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garciaDreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
 
Phonegap
PhonegapPhonegap
Phonegap
 
Visual Studio 2010 Launch - ASP.NET 4.0
Visual Studio 2010 Launch - ASP.NET 4.0Visual Studio 2010 Launch - ASP.NET 4.0
Visual Studio 2010 Launch - ASP.NET 4.0
 
Futuro de Desarrollo en SharePoint
Futuro de Desarrollo en SharePointFuturo de Desarrollo en SharePoint
Futuro de Desarrollo en SharePoint
 
APIs REST
APIs RESTAPIs REST
APIs REST
 
0094 rodrigo zubeldía alphasoluciones
0094 rodrigo zubeldía alphasoluciones0094 rodrigo zubeldía alphasoluciones
0094 rodrigo zubeldía alphasoluciones
 

Similar a Cappuccino

Html5
Html5Html5
Trabajo fin de master Dirección TI
Trabajo fin de master Dirección TITrabajo fin de master Dirección TI
Trabajo fin de master Dirección TI
Manolo Crespo
 
Aplicaciones web enriquecidas "RIA"
Aplicaciones web enriquecidas "RIA"Aplicaciones web enriquecidas "RIA"
Aplicaciones web enriquecidas "RIA"
Erick Cerna
 
Optimización de aplicaciones web con base de datos NoSQL In-Memory
Optimización de aplicaciones web con base de datos NoSQL In-MemoryOptimización de aplicaciones web con base de datos NoSQL In-Memory
Optimización de aplicaciones web con base de datos NoSQL In-Memory
Gonzalo Chacaltana
 
Backbeam
BackbeamBackbeam
Backbeam
betabeers
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
Luis Viteri
 
¿Cómo elegir servidor web?
¿Cómo elegir servidor web?¿Cómo elegir servidor web?
¿Cómo elegir servidor web?
Juan Belón Pérez
 
Aplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScriptAplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScript
Luis Guerrero
 
Descubriendo windows azure
Descubriendo windows azureDescubriendo windows azure
Descubriendo windows azure
Javier Suárez Ruiz
 
Cómo elegir un servidor Web
Cómo elegir un servidor WebCómo elegir un servidor Web
Cómo elegir un servidor Web
Juan Belón Pérez
 
Prog. web. equipo 5
Prog. web. equipo 5Prog. web. equipo 5
Prog. web. equipo 5
Luis Mendez
 
Consideraciones al escoger apps híbridas vs nativas
Consideraciones al escoger apps híbridas vs nativasConsideraciones al escoger apps híbridas vs nativas
Consideraciones al escoger apps híbridas vs nativas
Software Guru
 
Contenedores y el Futuro del Despliegue de Aplicaciones
Contenedores y el Futuro del Despliegue de AplicacionesContenedores y el Futuro del Despliegue de Aplicaciones
Contenedores y el Futuro del Despliegue de Aplicaciones
Bitnami
 
DevOps+[Chef/Docker]
 DevOps+[Chef/Docker] DevOps+[Chef/Docker]
DevOps+[Chef/Docker]
Christian Rodriguez
 
Windows server 2012 jose luis
Windows server 2012 jose luisWindows server 2012 jose luis
Windows server 2012 jose luis
yanez1814
 
Herramientas y Tecnologías para la Web
Herramientas y Tecnologías para la WebHerramientas y Tecnologías para la Web
Herramientas y Tecnologías para la Web
Erick David Juarez
 
01_Semana_01.pptx
01_Semana_01.pptx01_Semana_01.pptx
01_Semana_01.pptx
edgardo qo
 
Kit para crear un Sitio Web Móvil asombroso!
Kit para crear un Sitio Web Móvil asombroso!Kit para crear un Sitio Web Móvil asombroso!
Kit para crear un Sitio Web Móvil asombroso!
Victoria Alejandra Ubaldo Gamarra
 
Aplicaciones distribuidas
Aplicaciones distribuidasAplicaciones distribuidas
Aplicaciones distribuidas
Christian Moreno
 
Ionic y angular.js
Ionic y angular.jsIonic y angular.js
Ionic y angular.js
GDG Cali
 

Similar a Cappuccino (20)

Html5
Html5Html5
Html5
 
Trabajo fin de master Dirección TI
Trabajo fin de master Dirección TITrabajo fin de master Dirección TI
Trabajo fin de master Dirección TI
 
Aplicaciones web enriquecidas "RIA"
Aplicaciones web enriquecidas "RIA"Aplicaciones web enriquecidas "RIA"
Aplicaciones web enriquecidas "RIA"
 
Optimización de aplicaciones web con base de datos NoSQL In-Memory
Optimización de aplicaciones web con base de datos NoSQL In-MemoryOptimización de aplicaciones web con base de datos NoSQL In-Memory
Optimización de aplicaciones web con base de datos NoSQL In-Memory
 
Backbeam
BackbeamBackbeam
Backbeam
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
 
¿Cómo elegir servidor web?
¿Cómo elegir servidor web?¿Cómo elegir servidor web?
¿Cómo elegir servidor web?
 
Aplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScriptAplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScript
 
Descubriendo windows azure
Descubriendo windows azureDescubriendo windows azure
Descubriendo windows azure
 
Cómo elegir un servidor Web
Cómo elegir un servidor WebCómo elegir un servidor Web
Cómo elegir un servidor Web
 
Prog. web. equipo 5
Prog. web. equipo 5Prog. web. equipo 5
Prog. web. equipo 5
 
Consideraciones al escoger apps híbridas vs nativas
Consideraciones al escoger apps híbridas vs nativasConsideraciones al escoger apps híbridas vs nativas
Consideraciones al escoger apps híbridas vs nativas
 
Contenedores y el Futuro del Despliegue de Aplicaciones
Contenedores y el Futuro del Despliegue de AplicacionesContenedores y el Futuro del Despliegue de Aplicaciones
Contenedores y el Futuro del Despliegue de Aplicaciones
 
DevOps+[Chef/Docker]
 DevOps+[Chef/Docker] DevOps+[Chef/Docker]
DevOps+[Chef/Docker]
 
Windows server 2012 jose luis
Windows server 2012 jose luisWindows server 2012 jose luis
Windows server 2012 jose luis
 
Herramientas y Tecnologías para la Web
Herramientas y Tecnologías para la WebHerramientas y Tecnologías para la Web
Herramientas y Tecnologías para la Web
 
01_Semana_01.pptx
01_Semana_01.pptx01_Semana_01.pptx
01_Semana_01.pptx
 
Kit para crear un Sitio Web Móvil asombroso!
Kit para crear un Sitio Web Móvil asombroso!Kit para crear un Sitio Web Móvil asombroso!
Kit para crear un Sitio Web Móvil asombroso!
 
Aplicaciones distribuidas
Aplicaciones distribuidasAplicaciones distribuidas
Aplicaciones distribuidas
 
Ionic y angular.js
Ionic y angular.jsIonic y angular.js
Ionic y angular.js
 

Último

TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptxTARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
dayronfabricioruizmo
 
Buscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - BuscafiestaBuscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - Buscafiesta
holabuscafiesta
 
Introduccion al Lenguaje de Programación C++
Introduccion al Lenguaje de Programación  C++Introduccion al Lenguaje de Programación  C++
Introduccion al Lenguaje de Programación C++
PaulDelgadoSoto
 
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcelherramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
Eduardo455921
 
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
Maria Celeste Trujillo Cruz
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
micarnavaltupatrimon
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
micarnavaltupatrimon
 
primer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporteprimer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporte
eliersin13
 

Último (8)

TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptxTARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
 
Buscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - BuscafiestaBuscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - Buscafiesta
 
Introduccion al Lenguaje de Programación C++
Introduccion al Lenguaje de Programación  C++Introduccion al Lenguaje de Programación  C++
Introduccion al Lenguaje de Programación C++
 
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcelherramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
 
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
 
primer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporteprimer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporte
 

Cappuccino

  • 1. CAPPUCCINO ICC. Liliana Rodríguez Vizzuett Dr. Jaime Muñoz Arteaga
  • 2. ¿Qué es Cappuccino? • Capuccino es un framework open source que utiliza tecnologías estándares como Javascript y nos da la posibilidad de desarrollar aplicaciones web que serán prácticamente iguales a una aplicación de escritorio.
  • 3. ¿Qué es Cappuccino? • Este framework fue implementado usando un lenguaje de programación nuevo llamado Objective-J, que fue modelado en base al Objective-C utilizado por Cocoa. Los programas escritos con Objective-J son interpretados en el cliente por lo que no se necesitan ni compilaciones ni plugins.
  • 4. ¿Qué es RIA? • Son aplicaciones web que tienen características de las aplicaciones de escritorio tradicionales. • Estas aplicaciones utilizan un navegador web estandarizado para ejecutarse y por medio de complementos o mediante una máquina virtual se agregan las características adicionales.
  • 5. ¿Qué es RIA? • Se apoya sobre una arquitectura cliente-servidor en lugar de un desarrollo web tradicional.
  • 6. ¿Qué es RIA? • Cliente: se encarga de la interacción entre el usuario y la UI, el usuario actualiza vistas y carga datos. Se manejan todas las peticiones de datos hacia el servidor y se controla como se presentan los datos. • Servidor: se manejan y procesan todas las peticiones de la aplicación cliente y delega las acciones del servidor, como puede ser el guardar datos en la base de datos, actualizar los archivos del sistema, retornar datos al servidor.
  • 7. Buscadores en los que funciona • Cappuccino and Objective-J corren en cualquier navegador web moderno, incluidos: – Internet Explorer 8+ – Firefox 2+ – Safari 3+ – Google Chrome – Opera 9+
  • 8. Ejemplo Cocoa es un framework para realizar aplicaciones nativas en Mac OS X
  • 9. Requisitos • Contar con servidor web (XAMPP,WAMP,MAMP,etc) • Contar con navegador web • Descargar Cygwin • Descargar GIT • Contar con XCode
  • 10. ¿Cómo se usa? Descargar
  • 11. ¿Cómo se usa? Descomprimir Colocar en C:xampphtdocsCappuccinoStarter- 0.9.7-1
  • 12. ¿Cómo se usa? Abrir servidor web
  • 13. ¿Cómo se usa? Abrir navegador web y colocar la siguiente dirección
  • 14. ¿Cómo se usa? Se obtiene
  • 15. ¿Cómo se usa? Cambiando el código
  • 16. ¿Cómo se usa? Se tiene que descargar la versión más reciente del código fuente Posteriormente se obtendrá el código fuente de Cappuccino y se debera realizar el análisis del código.