SlideShare una empresa de Scribd logo
1 de 12
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Introducción: 
En esta oportunidad integraremos dos Framework 
para poder aprovechar lo mejor de los dos. 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Cakephp 
Es un framework que sigue los fundamentos del 
patrones MVC. Se encarga desde la petición hasta la 
construcción del código HTML final. 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Bootstrap 
Es el framework Js, Css y Html para desarrollo de 
aplicaciones adaptables a móviles y tablets. 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Estructura de 
Cakephp 
Patrón MVC: 
 Controlador 
 Modelo 
 Vista 
Área de interacción 
con Bootstrap 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Estructura de Bootstrap 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Estructura Final Cakephp + Bootstrap 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Cambio de algunos archivos para la adaptación 
 Layout Principal: 
cakebookappViewLayoutsdefault.ctp. 
 Hoja de estilo: 
cakebookappwebrootcsscake.generic.css 
 Generador de Cake bake 
 cakebookappConsoleTemplatesbootstrapviewsform.ctp 
 cakebookappConsoleTemplatesbootstrapviewsindex.ctp 
 cakebookappConsoleTemplatesbootstrapviewsview.ctp 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Resultado de la Integración 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Ejemplo de código generado por el cake bake 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Conclusiones: 
 Tener integrando estos dos framework nos facilita el 
desarrollo de proyectos con la exigencia de 
visualización en móviles y tablets. 
 En la siguiente oportunidad compartiré como 
modifique los archivos de generación de código para 
adaptarlo con el Bootstrap 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com
Adjuntos 
 Código del ejemplo Cakebook. goo.gl/2wPaeQ 
Referencia 
 http://cakephp.org/ 
 http://getbootstrap.com/ 
Analista de desarrollo: Cesar Luis Ramos Cueva 
Email:cesarluis1000@hotmail.com

Más contenido relacionado

La actualidad más candente (8)

Windows Template Studio by Martin Vega
Windows Template Studio by Martin Vega Windows Template Studio by Martin Vega
Windows Template Studio by Martin Vega
 
Programación Web - Introducción
Programación Web - IntroducciónProgramación Web - Introducción
Programación Web - Introducción
 
Alexander
AlexanderAlexander
Alexander
 
1 introduccion
1 introduccion1 introduccion
1 introduccion
 
5to sec. Dreamweaber
5to sec. Dreamweaber5to sec. Dreamweaber
5to sec. Dreamweaber
 
software de html
software de htmlsoftware de html
software de html
 
Cómo emplear un buen diseño web
Cómo emplear un buen diseño webCómo emplear un buen diseño web
Cómo emplear un buen diseño web
 
Integrando publicidad en nuestras Apps de Windows 8 con JS
Integrando publicidad en nuestras Apps de Windows 8 con JSIntegrando publicidad en nuestras Apps de Windows 8 con JS
Integrando publicidad en nuestras Apps de Windows 8 con JS
 

Similar a Integracion Cakephp y Bootstrap

Desarrollo web con html5 + css3 + j script + asp mvc4 (vstudio 2012)
Desarrollo web con html5 + css3 + j script + asp mvc4 (vstudio 2012)Desarrollo web con html5 + css3 + j script + asp mvc4 (vstudio 2012)
Desarrollo web con html5 + css3 + j script + asp mvc4 (vstudio 2012)
Pedrito Abiel
 

Similar a Integracion Cakephp y Bootstrap (20)

Diseño en la web
Diseño en la webDiseño en la web
Diseño en la web
 
Web Development introduction
Web Development introductionWeb Development introduction
Web Development introduction
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Desarrollo web con html5 + css3 + j script + asp mvc4 (vstudio 2012)
Desarrollo web con html5 + css3 + j script + asp mvc4 (vstudio 2012)Desarrollo web con html5 + css3 + j script + asp mvc4 (vstudio 2012)
Desarrollo web con html5 + css3 + j script + asp mvc4 (vstudio 2012)
 
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
 
Web matrix session1
Web matrix session1Web matrix session1
Web matrix session1
 
Arquitectura de web components - Plain Concepts Web Day
Arquitectura de web components - Plain Concepts Web DayArquitectura de web components - Plain Concepts Web Day
Arquitectura de web components - Plain Concepts Web Day
 
MVVM vs MVU en NET MAUI.pptx
MVVM vs MVU en NET MAUI.pptxMVVM vs MVU en NET MAUI.pptx
MVVM vs MVU en NET MAUI.pptx
 
5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web
 
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
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Crud+con+php+y+sql+server
Crud+con+php+y+sql+serverCrud+con+php+y+sql+server
Crud+con+php+y+sql+server
 
Asp.net mvc
Asp.net mvcAsp.net mvc
Asp.net mvc
 
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
 
Tema 6
Tema 6Tema 6
Tema 6
 
¿Qué debemos hacer desde Tecnología para estar alineados con la Transformac...
¿Qué debemos hacer desde Tecnología para estar alineados con la Transformac...¿Qué debemos hacer desde Tecnología para estar alineados con la Transformac...
¿Qué debemos hacer desde Tecnología para estar alineados con la Transformac...
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
 
Instalacion adobe dream weaver
Instalacion adobe dream weaverInstalacion adobe dream weaver
Instalacion adobe dream weaver
 

Integracion Cakephp y Bootstrap

  • 1. Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 2. Introducción: En esta oportunidad integraremos dos Framework para poder aprovechar lo mejor de los dos. Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 3. Cakephp Es un framework que sigue los fundamentos del patrones MVC. Se encarga desde la petición hasta la construcción del código HTML final. Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 4. Bootstrap Es el framework Js, Css y Html para desarrollo de aplicaciones adaptables a móviles y tablets. Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 5. Estructura de Cakephp Patrón MVC:  Controlador  Modelo  Vista Área de interacción con Bootstrap Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 6. Estructura de Bootstrap Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 7. Estructura Final Cakephp + Bootstrap Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 8. Cambio de algunos archivos para la adaptación  Layout Principal: cakebookappViewLayoutsdefault.ctp.  Hoja de estilo: cakebookappwebrootcsscake.generic.css  Generador de Cake bake  cakebookappConsoleTemplatesbootstrapviewsform.ctp  cakebookappConsoleTemplatesbootstrapviewsindex.ctp  cakebookappConsoleTemplatesbootstrapviewsview.ctp Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 9. Resultado de la Integración Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 10. Ejemplo de código generado por el cake bake Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 11. Conclusiones:  Tener integrando estos dos framework nos facilita el desarrollo de proyectos con la exigencia de visualización en móviles y tablets.  En la siguiente oportunidad compartiré como modifique los archivos de generación de código para adaptarlo con el Bootstrap Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com
  • 12. Adjuntos  Código del ejemplo Cakebook. goo.gl/2wPaeQ Referencia  http://cakephp.org/  http://getbootstrap.com/ Analista de desarrollo: Cesar Luis Ramos Cueva Email:cesarluis1000@hotmail.com