20401GT08420401GT084https://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/web/20401gt084/inicio/-/blogs/rss2024-03-28T10:39:49Z2024-03-28T10:39:49ZApp de noticias en IonicPablo Esteban Sánchezhttps://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/web/20401gt084/inicio/-/blogs/app-de-noticias-en-ionic2020-05-28T05:22:03Z2020-05-28T05:10:00Z<p>Para complementar nuestra app del tiempo, se ha desarrollado una aplicación de ejemplo para consultar noticias.</p> <p>De nuevo, trata de ser una app lo más didáctica posible, ya que recoge las partes fundamentales de Ionic de una manera sencilla de entender, y prepara al alumnado para abordar proyectos más complejos.</p> <p>El repositorio de esta aplicación está aquí: <a href="https://github.com/pes130/ionic-noticias">https://github.com/pes130/ionic-noticias</a></p> <p>Para obtener las noticias, usamos el servicio newsapi: <a href="https://newsapi.org/">https://newsapi.org/</a></p> <p>Aquí podemos verla en funcionamiento en IOS y en Android:</p> <p><img alt="App de noticias" src="https://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/educacion/colabora/documents/28818576/29253313/Selecci%C3%B3n_00234.png/548e4fb4-4bad-9344-65ae-b1d3c7d0f054?t=1590642905939" /></p>Pablo Esteban Sánchez2020-05-28T05:10:00ZApp para consultar el tiempo en IonicPablo Esteban Sánchezhttps://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/web/20401gt084/inicio/-/blogs/app-para-consultar-el-tiempo-en-ionic2020-05-28T05:09:56Z2020-05-28T05:03:00Z<p>Como ejemplo de App más compleja que lo visto en los vídeo tutoriales, se ha desarrollado una app para ver el tiempo hoy, así como consultar la predicción de los siguientes 5 días.</p> <p>El código fuente está disponible en <a href="https://github.com/pes130/eltiempo">https://github.com/pes130/eltiempo</a></p> <p>Se trata de una aplicación sencilla, pero completa que recoge las múltiples posibiledades de ionic + angular: uso de pestañas, comunicación vista - componentes, creación de componentes y páginas, creación de servicios, comunicación con una api-rest, ...</p> <p>Para obtener los datos meteorológicos, usamos los servicios de Open Weather Map (<a href="https://openweathermap.org/">https://openweathermap.org/</a>).</p> <p>Aquí podemos ver un ejemplo de la aplicación en Android y en IOS:<br /> <img alt="El tiempo hoy" src="https://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/educacion/colabora/documents/28818576/29253313/Selecci%C3%B3n_00232.png/04ab9e94-548e-c9cc-1961-619dba336eec?t=1590642522985" /></p> <p>Predicción del tiempo en 5 días:</p> <p><img alt="Predicción próximos 5 días" src="https://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/educacion/colabora/documents/28818576/29253313/Selecci%C3%B3n_00233.png/9dab8601-a657-cce2-98a6-520c7f324e04?t=1590642570097" /></p>Pablo Esteban Sánchez2020-05-28T05:03:00ZAplicación cliente de correo con JavaFXPablo Esteban Sánchezhttps://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/web/20401gt084/inicio/-/blogs/aplicacion-cliente-de-correo-con-javafx2020-05-28T05:00:54Z2020-05-28T04:57:00Z<p><strong>Se ha creado una aplicación de cliente de correo, que puede incluso usarse con tu propia cuenta de gmail). </strong></p> <p>Dicha aplicación es un paso más, a nivel de complejidad, de lo ya trabajado en los ejemplos del curso. Sin embargo, lo hace de una manera sencilla, de tal modo que el alumno/a pueda experimentar la potencia de JavaFX con una aplicación más cercana a lo real.</p> <p>El repositorio está en: <a href="https://github.com/pes130/ClienteEmailFX">https://github.com/pes130/ClienteEmailFX</a></p> <p>Para que funcione, tras hacer un clone del repositorio, es necesario:</p> <ul> <li>Descargar los jar javax.mail.jar y activation.jar e incluirlos en el buildpath</li> <li>Mejor usar una cuenta de gmail de prueba, ya que hay que activar las less secure apps: <a href="https://hotter.io/docs/email-accounts/secure-app-gmail/">https://hotter.io/docs/email-accounts/secure-app-gmail/</a></li> </ul>Pablo Esteban Sánchez2020-05-28T04:57:00ZVídeo-tutorial de IonicPablo Esteban Sánchezhttps://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/web/20401gt084/inicio/-/blogs/video-tutorial-de-ionic2020-05-28T05:19:27Z2020-05-11T05:15:00Z<p>Hemos elaborado una lista con vídeo tutoriales de elaboración propia sobre Ionic. </p> <p>Es una playlist que continuará creciendo, aunque por lo pronto, ya permite conocer los fundamentos de Ionic, y hacer incluso proyectos sencillos.</p> <p>La Playlist puede encontrarse <a href="https://www.youtube.com/playlist?list=PLGardOTcB_Ak0rjQ9_N0qJr93dOpbDm5F">aquí</a>.</p> <p>Recoge aspectos como:</p> <ul> <li>Instalación del framework en Linux/windows</li> <li>Cómo realizar el hola mundo</li> <li>Cómo configurar a navegación entre páginas</li> <li>Entender la comunicación entre la vista y el controlador (aquí llamados componentes)</li> <li>...</li> </ul> <p> </p>Pablo Esteban Sánchez2020-05-11T05:15:00ZTutorial Básico de Java FXLaura María Blanes Castrohttps://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/web/20401gt084/inicio/-/blogs/tutorial-basico-de-java-fx2020-03-15T19:51:45Z2020-03-15T19:48:00Z<p><strong>JavaFX</strong> es un framework para la creación de GUIs (Graphical User Interfaces) en Java, y es considerado el sucesor de Swing. Se trata de una API para el diseño de interfaces capaces de correr en casi cualquier dispositivo con soporte Java.<br /> En Java 8 JavaFX pasó a formar parte de JDK, con lo cual no necesitábamos usar ninguna librería externa. Sin embargo, desde Java 11, se sacó del JDK, ofreciéndose como un módulo independiente, entre otras razones por la tendencia de Oracle a dejar en el JDK sólo los componentes core. Ahora, los módulos de JavaFX están disponibles bien como artefactos maven para ser usados por Maven/Gradle o como un SDK standalone que debemos incluir en nuestro proyecto.<br /> La web oficial del proyecto es <a href="https://openjfx.io/">https://openjfx.io/</a>. Aquí podemos descargarnos el SDK, encontrar los <a href="https://openjfx.io/javadoc/13/">Javadocs</a>, <a href="https://openjfx.io/openjfx-docs/">Getting Starteds</a>, ¿ así como gran cantidad de ejemplos.<br /> Entre las mejoras que incorpora respecto a Swing y AWT tenemos:<br /> ¿ Posibilidad de diseñar la vista usando ficheros XML ¿ XML. Por tanto se produce una <strong>separación efectiva de la vista y el resto de la aplicación</strong>.<br /> ¿ Posibilidad de crear aplicaciones siguiendo un patrón MVC.<br /> ¿ Manejo eficiente de hilos de ejecución.<br /> ¿ Facilidad para la creación de gráficos (Charts)<br /> ¿ Facilidad para la creación de gráficos y formas.<br /> ¿ ¿</p> <h4>¿Qué cubrimos en nuestro manual básico?</h4> <p>Este manual pretende ser una introducción básica a JavaFX. El objetivo es que el lector se familiarice con lo básico y adquiera los fundamentos de JavaFX que le permite poder seguir por su cuenta.</p> <p>En concreto veremos:</p> <ol> <li><strong>Cómo instalar el entorno de desarrollo completo</strong>: Eclipse, JDK, Maven, SceneBuilder, SDK de JavaFX, ¿</li> <li>Comprensión de las clases básicas en una aplicación <strong>JavaFX</strong>, así como del ciclo de vida de una aplicación</li> <li>Principales layouts para organizar los contenidos.</li> <li>Cómo asociar eventos a controles: distintos tipos de eventos, varias formas de implementarlos, ¿</li> </ol> <p><strong>Puede encontrarse en la zona de documentos/enlaces.</strong></p> <p> </p>Laura María Blanes Castro2020-03-15T19:48:00ZTutorial Básico de KivyPablo Esteban Sánchezhttps://colaboraeducacion30.juntadeandalucia.es/educacion/colabora/web/20401gt084/inicio/-/blogs/tutorial-basico-de-kivy2020-03-12T11:44:07Z2020-03-12T11:40:00Z<p><strong>Kivy</strong> es una librería para python que permite el desarrollo de<strong> interfaces de usuario multiplataforma</strong>. Los gráficos se procesan a través de OpenGL 2, en lugar de a través de widgets nativos, lo que da lugar a una interfaz uniforme entre distintos sistemas operativos.</p> <p>Una de las características más importantes en que kivy permite <strong>separar la lógica de la presentación a través de kvlang</strong>, que se trata de un lenguaje similar a <strong>YAML</strong> que permite definir los elementos de la interfaz, así como establecer sus propiedades, para luego desde el programa en python establecer el comportamiento.</p> <p>Kivy es Open Source (licencia MIT) y de uso gratuito.</p> <p>Se ha elaborado un manual básico, que puede encontrarse en la zona de <strong>recursos/documentos</strong>. Además, todos los ejemplos usados para este documento están disponibles en: <a href="https://github.com/pes130/cosas_kivy">https://github.com/pes130/cosas_kivy</a></p> <p> </p> <p> </p>Pablo Esteban Sánchez2020-03-12T11:40:00Z