Feed posts tagged “PhoneGap”Rego’s Everyday Life - A blog about my work at Igalia.2012-09-14T00:00:00Zhttps://blogs.igalia.com/Manuel Rego Casasnovasrego@igalia.comSergasApp 0.1.12012-09-14T00:00:00Zhttps://blogs.igalia.com/mrego/2012/09/14/sergasapp-0-1-1/<p><strong><a href="http://mrego.github.com/sergasapp/">SergasApp</a></strong> foi <a href="http://blogs.igalia.com/mrego/2012/04/06/anunciando-sergasapp-pedindo-cita-dende-o-mobil/">publicada en Abril deste mesmo ano</a> e acaba de superar as <strong>2000 descargas</strong> no <a href="https://play.google.com/store/apps/details?id=com.igalia.phonegap.sergasapp">market de Android (Google Play)</a>. Antes de nada, moitas gracias a todos pola boa acollida.
Debido a un bug de <a href="http://phonegap.com/">PhoneGap</a> en Android 4.1 Jelly Bean veño de publicar unha nova versión da aplicación. O problema era que a aplicación pechábase cando un usuario introducía o número “7” nalgún campo. O erro foi correxido na versión 2.0.0 de PhoneGap, polo que SergasApp agora emprega esa versión.</p>
<p>A parte desta corrección a nova versión inclúe as seguintes novidades:</p>
<ul>
<li>Agora inclúese a información sobre o tipo de cita tanto durante o proceso de solicitude como na consulta das mesmas.</li>
<li>Por defecto, selecciónase o primeiro día e hora libres á hora de solicitar unha consulta.</li>
<li>En Android engadiuse un novo botón que permite pechar a aplicación.</li>
</ul>
<p>Espero disfrutedes da nova versión que podedes descargar dende a <a href="http://mrego.github.com/sergasapp/">páxina web da aplicación</a> ou o <a href="https://play.google.com/store/apps/details?id=com.igalia.phonegap.sergasapp">market de Android (Google Play)</a> ;-)</p>
<hr>
<p><a name="comments"></a></p>
<h3><i class="fa fa-comments"></i> Comments</h3>
<div class="small" markdown="1">
On 12/12/31 19:40, **Miguel** wrote:
<blockquote>
<p>Hola, vexo que no GitHub tes o código para o navegador, pero falta o proxecto enteiro para importar directamente no eclipse, o AndroidManifest.xml, as clases java, etc.</p>
<p>Estimo moito que a puxeras pero non entendo esa tendencia de poñer solo o xusto para que non a copien.</p>
<p>On 13/01/02 13:09, <strong><a href="http://blogs.igalia.com/mrego/">Manuel Rego Casasnovas</a></strong> wrote:</p>
<blockquote>
<p>Ola, o que está no GitHub e todo o que fai falta para construir a aplicación empregando <a href="http://build.phonegap.com">http://build.phonegap.com</a></p>
<p>É verdade que non están os ficheiros para lanzala en Eclipse para Android, pero a aplicación é válida para máis plataformas, polo que alguén podería utilizar o mesmo código. Ademais pode haber xente que non utilice xusto Eclipse ou calquera outro editor, polo que para o meu gusto é mellor subir só os ficheiros reais de código e non os de configuración dos IDEs e demais.</p>
<p>Por outra banda é sinxelo importar o proyecto e comezar a facer probas en Eclipse e Android. Poderías seguir os pasos explicados na presentación do seguinte post para facelo: <a href="http://blogs.igalia.com/mrego/2012/08/04/phonegap-at-master-on-free-software/">http://blogs.igalia.com/mrego/2012/08/04/phonegap-at-master-on-free-software/</a></p>
<p>Por último, o código é público precisamente para que calquera o podia copiar ou modificar, de feito, nestes momentos a aplicación non funciona e eu non fun capaz de arranxala, polo que se alguén é capaz de arranxar o meu código estaría máis que encantado en aceptar os seus parches e sacar unha nova versión.</p>
<p>Espero aclarar as túas dúbidadas sobre a forma de publicar o código.</p>
<p>Un saúdo,<br>
Rego</p>
</blockquote>
</blockquote>
</div>
PhoneGap at Master on Free Software2012-08-04T00:00:00Zhttps://blogs.igalia.com/mrego/2012/08/04/phonegap-at-master-on-free-software/<p>Like in the past 3 years, this year I’ve been teaching some lessons of the <a href="http://www.mastersoftwarelibre.com/2012/05/09/abierta-la-inscripcion-al-modulo-de-desarrollo-en-entornos-web-2012/">web module</a> inside the <a href="http://www.mastersoftwarelibre.com/"><strong>Master on Free Software</strong></a> organized organized by <a href="http://www.igalia.com">Igalia</a> and <a href="http://www.urjc.es/">URJC</a>.
Apart from some classes about Java, this time I’ve given a workshop about <strong><a href="http://phonegap.com">PhoneGap</a></strong> (now renamed to <a href="http://incubator.apache.org/cordova/">Apache Cordova</a>). If you don’t know it yet, maybe you want to take a look if you’re interested in web development (HTML + CSS + JavaScript) for mobile platforms.</p>
<p>The workshop tried to give an overview of this framework and during the class we developed a simple feed reader as example app. The main technologies used (apart from PhoneGap) were: <a href="http://jquery.com/">jQuery</a> (to manipulate the DOM), <a href="http://jquerymobile.com/">jQuery Mobile</a> (for the UI) and <a href="https://github.com/jfhovinne/jFeed">jFeed</a> (to read the RSS/Atom feed). You can find the slides of <a href="https://speakerdeck.com/u/rego/p/introduction-to-phonegap">my presentation</a> below and if you follow them you should be able to develop the example too ;-)</p>
<p>Finally, maybe you don’t know it yet, but some months ago I developed a small mobile application using PhoneGap. The app is called <a href="http://mrego.github.com/sergasapp/">SergasApp</a> and it allows request medical appointments for the <a href="http://en.wikipedia.org/wiki/Galician_Healthcare_Service">Galician Healthcare Service</a>. As usual, it’s free software and you can find the source code in <a href="https://github.com/mrego/sergasapp">GitHub</a> if you’re interested in review another example app developed with PhoneGap.</p>
<hr>
<p><a name="comments"></a></p>
<h3><i class="fa fa-comments"></i> Comments</h3>
<div class="small" markdown="1">
On 14/07/13 10:12, **Joel** wrote:
<blockquote>
<p>I would like to get a complete workable source code for the RSS feed project. Tell me where it is hosted.</p>
<p>On 14/07/14 09:38, <strong><a href="http://blogs.igalia.com/mrego/">Manuel Rego Casasnovas</a></strong> wrote:</p>
<blockquote>
<p>I’m sorry but we didn’t publish the source code anywhere, but it should be possible to somehow extract it from the slides.</p>
<p>Anyway, take into account that the presentation is from 2012 so it can be outdated.</p>
</blockquote>
</blockquote>
</div>
Anunciando SergasApp – Pedindo cita dende o móbil2012-04-06T00:00:00Zhttps://blogs.igalia.com/mrego/2012/04/06/anunciando-sergasapp-pedindo-cita-dende-o-mobil/<p>Últimamente estiven xogando con <a href="http://phonegap.com/"><strong>PhoneGap</strong></a> (que foi renomeado a <em>Apache Callback</em>, e agora a <em>Apache Cordova</em>) un framework para o desenvolvemento de aplicacións móbiles empregando técnoloxías típicas de desenvolvemento web coma HTML 5, JavaScript e CSS.
<big><strong>SergasApp</strong></big></p>
<p><img src="https://blogs.igalia.com/mrego/files/2012/03/icon.png" alt="Icono da aplicación SergasApp">O resultado destes experimentos é a aplicación <strong>SergasApp</strong>, que permite a solicitude, consulta e cancelación de citas no <a href="http://www.sergas.es/">SERGAS (Servizo Galego de Saúde)</a> para o que emprega o <a href="https://extranet.sergas.es/cita/">Servizo de de Citas de Atención Primaria</a> que proporciona o SERGAS.</p>
<p>Por outra banda, <strong>SergasApp</strong> proporciona un sistema para almacenar información de máis dunha tarxeta sanitaria, de xeito que as operacións anteriores (solicitude, consulta e cancelación de citas) poderán facerse dun xeito cómodo para os diferentes membros da familia unha vez configuradas as súas tarxetas. Para a configuración das tarxetas, a información necesaria é a mesma que se solicita no <a href="https://extranet.sergas.es/cita/">Servizo de de Citas de Atención Primaria</a>, para isto proporciónase un formulario moi básico sen ningún tipo de validación polo que hai que ter coidado cos datos introducidos ou a tarxeta non funcionará.</p>
<div id="attachment_757" class="wp-caption aligncenter">
<a href="https://blogs.igalia.com/mrego/files/2012/03/sergasapp-pantalla-principal.png"><img src="https://blogs.igalia.com/mrego/files/2012/03/sergasapp-pantalla-principal.png" alt="Pantalla principal da aplicación SergasApp"></a>
<p class="caption text-muted">
Pantalla principal da aplicación
</p>
</div>
<p><strong>SergasApp</strong> está dispoñible para diferentes plataformas móbiles coma Android, BlackBerry, Symbian e WebOS (aínda que só foi probada en Android e BlackBerry) é pode descargarse dende a súa propia páxina web: <a href="http://mrego.github.com/sergasapp/"><strong>http://mrego.github.com/sergasapp/</strong></a></p>
<p>No caso de <strong>Android</strong> tamén a podedes atopar no <a href="https://play.google.com/store/apps/details?id=com.igalia.phonegap.sergasapp"><strong>Android Market</strong></a> (agora Google Play).</p>
<p>Polo momento non está dispoñible para iOS, pero podería estalo nun futuro xa que a tecnoloxía empregada para o seu desenvolvemento así o permite (ler máis abaixo para máis información).</p>
<p>Cabe salientar que a aplicación <strong>non é oficial</strong>, tan só é un experimento e seguramente teña múltiples erros. Polo momento cumpre as miñas necesidades para a petición de citas, pero pode fallar nalgúns casos ou deixar de funcionar en canto o SERGAS faga calquera cambio na súa web. Para iso convídovos a probala e enviarme calquer tipo de problema que atopedes.</p>
<p><big><strong>Sobre o desenvolvemento</strong></big></p>
<p><strong>SergasApp</strong> foi desenvolvida empregando <a href="http://phonegap.com/">PhoneGap</a> como plataforma base, <a href="http://jquery.com/">jQuery</a> e <a href="http://jquerymobile.com/">jQuery Mobile</a> para a interfaz.</p>
<p>Como se explicou anteriormente a aplicación emprega o <a href="https://extranet.sergas.es/cita/">Servizo de de Citas de Atención Primaria</a> de xeito que mediante peticións HTTP (GET ou POST segundo o caso), e procesado o HTML resultante con jQuery vai creando as diferentes pantallas para permitir as diferentes operacións. Isto provoca que calquera cambio que faga o SERGAS na súa web, ou calquera caso que non fora probado fará que a aplicación non funcione de xeito adecuado.</p>
<p>Para a xestión das tarxetas sanitarias empregouse a <a href="http://docs.phonegap.com/en/1.5.0/phonegap_storage_storage.md.html">API de almacenamento de PhoneGap</a> que permite a creación e uso dunha base de datos sinxela (neste caso só con unha táboa coa información das diferentes tarxetas configuradas).</p>
<p><strong>SergasApp</strong> é software libre e está publicada baixo a <em>Licenza Pública Xeral de GNU versión 3</em> (<a href="http://www.gnu.org/copyleft/gpl.html"><em>GNU General Public License version 3</em></a>), podedes descargar o código fonte dende o repositorio Git: <a href="https://github.com/mrego/sergasapp">https://github.com/mrego/sergasapp</a>. Polo que calquera contribución será benvida ;-)</p>
<p>Por outra banda, para a creación da aplicación para as distintas plataformas empregouse o servizo <a href="https://build.phonegap.com/">PhoneGap Build</a>, moi sinxelo de utilizar xa que está integrado con <a href="https://github.com/">GitHub</a> e simplemente indicando a URL do repositorio xa constrúe a aplicación para os diferentes sistemas operativos.</p>
<p>Por último para a creación da <a href="http://mrego.github.com/sergasapp/">páxina web</a> utilicei <a href="http://twitter.github.com/bootstrap/index.html">Bootstrap</a> e o <a href="http://help.github.com/pages/">soporte de páxinas web de GitHub</a>. A páxina non é ningunha maravilla, pero quería aproveitar para probar isto tamén.</p>
<p><big><strong>Búscase colaboracíon</strong></big></p>
<p>Coma xa se explicou, <strong>SergasApp</strong> é un experimento polo que estaría encantado de recibir os vosos comentarios sobre o seu funcionamento, problemas, melloras na interfaz, un novo icono ou calquera outra cousa. Ademais podedes empregar o <a href="https://github.com/mrego/sergasapp/issues">bugtracker</a> para informar de calquera bug, solicitar novas funcionalidades ou enviar algún parche.</p>
<p>Por outra banda, non estou moi posto no mundo de Apple polo que pido disculpas anticipadas se o que digo aquí non ten sentido. Semella que para poder xerar a aplicación para <strong>iOS</strong> dende PhoneGap Build é necesario ser, o que eu chamaría, “<em>iOS developer</em>” (hai que configurar a segunte información <em>iOS Certificate</em> e <em>Provisioning Profile Pair</em>). Polo que se algún de vós cumpre os requisitos e quere xerar a aplicación para iOS e subila á Apple Store, estaría máis que agradecido :-)</p>
<p>Espero que disfrutedes co meu último experimento!</p>
<hr>
<p><a name="comments"></a></p>
<h3><i class="fa fa-comments"></i> Comments</h3>
<div class="small" markdown="1">
On 12/04/06 17:46, **Jano** wrote:
<blockquote>
<p>Unos datos que te pueden importar (o no)…</p>
<p>Apple no permite transferir aplicaciones. El desarrollador que la suba lo hará con su nombre y solo él tendrá acceso a sus datos de tráfico y actualizaciones. Para subir una aplicación con el mismo nombre tendrías que retirar la primera, por ejemplo, escribiendo a Apple alegando que tu eres dueño de la marca comercial.</p>
<p>Observa también que debes conceder permiso para licenciarla dualmente con la licencia de la App Store. Mira por ejemplo <a href="http://stackoverflow.com/questions/3808648/">http://stackoverflow.com/questions/3808648/</a></p>
<p>Una licencia de desarrollador Apple cuesta 99€ al año.</p>
<p>On 12/04/07 11:23, <strong><a href="http://blogs.igalia.com/mrego/">Manuel Rego Casasnovas</a></strong> wrote:</p>
<blockquote>
<p>Hola Jano.</p>
<p>Gracias por responder.</p>
<p>La verdad es que lo que me intersa a mi es que lo use cuanta más gente posible, por lo que a priori no me importaría que lo subiese alguna otra persona siempre que se comprometa a seguir subiendo versiones cuando vaya publicando alguna nueva.</p>
<p>Sobre la licencia no sabía ese tema, estaría abierto a revisarlo y cambiarla por algo que fuera compatible con la Apple Store siempre que se mantenga como software libre, ya que la idea es facilitar la vida a la gente y que cualquiera pueda ver el código y corregir/mejorar lo que encuentre oportuno.</p>
<p>De nuevo gracias por la infomación.</p>
<p>Un saludo,<br>
Rego</p>
</blockquote>
</blockquote>
<p>On 12/04/08 01:47, <strong><a href="http://zadiasoftware.com/">Adrián Moreno</a></strong> wrote:</p>
<blockquote>
<p>Lo que te comenta Jano sobre la subida de la app es cierto: una vez subida no hay manera de cambiar el “propietario” de la misma, excepto tratando directamente con el equipo de soporte de Apple. En cualquier caso, si se puede echar una mano subiéndola aprovechando la cuenta que tenemos… no será problema :-)</p>
<p>On 12/04/08 01:51, <strong><a href="http://zadiasoftware.com/">Adrián Moreno</a></strong> wrote:</p>
<blockquote>
<p>Ah! Y con el tema de la licencia, si se añade una licencia dual MIT, no habrá problema con la subida. El problema al subir al AppStore puede venir más bien si alguno de los colaboradores en un proyecto GPL no está de acuerdo con la subida al AppStore, caso en el cual se tiene que proceder a su retirada, si el propietario de copyright de parte del código así lo desea.</p>
<p>On 12/04/08 11:47, <strong><a href="http://blogs.igalia.com/mrego/">Manuel Rego Casasnovas</a></strong> wrote:</p>
<blockquote>
<p>Hola Adrián.</p>
<p>Gracias por los comentarios. En realidad no sabía el tema de la transferencia, porque en Android veo que se puede transferir fácilmente. Por otro lado, tendré que revisar entonces el tema de la licencia para la semana en cuanto tenga un rato.</p>
<p>Ya me pondré en contacto con vosotros cuando tenga todo claro ;-)</p>
<p>Gracias,<br>
Rego</p>
<p>On 12/04/08 12:52, <strong><a href="http://zadiasoftware.com/">Adrián Moreno</a></strong> wrote:</p>
<blockquote>
<p>Genial, te queda mi correo, ponte en contacto cuando quieras. Y el tema de la licencia, sería más que nada para poder subirla con tranquilidad, porque al ser tú el único “copyright holder” de la app, si tú estás de acuerdo subiéndola no habrá problemas.</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p>On 12/04/09 01:11, <strong><a href="http://acitc.blogaliza.org/">makeijan</a></strong> wrote:</p>
<blockquote>
<p>Gracias! Encantoume esta aplicación.</p>
</blockquote>
</div>