VíctorGraciaWeb

Fragmentos en android

Hola a todos, en esta nueva entrada aprovecharé para mostraros cual es el funcionamiento básico e inicial para adentrarnos con los Fragmentos desarrollo android, con ayuda de fragmentos.

Pero lo primero, ¿Que son los Fragmentos en Android?

Supongamos que nuestra aplicación, se compone de 3 actividades (Activity), pues bien hasta el momento, si aún no has empezado a trabajar con fragmentos, entenderás que toda la lógica de cada pantalla de nuestra APP, vendrá en sus respectivas actividades junto al diseño en XML incluyendo sus componentes gráficos. Todo esto está muy bien. ¿Pero que pasa cuando queremos utilizar nuestra APP tanto para Smartphones como para Tablets?

Todos sabemos que una tablet de 7 pulgadas, tiene mucho mas espacio para poder mostrar a los usuarios de nuestra APP, todo el contenido que ella incluya, pero hasta el momento con el desarrollo de nuestras aplicaciones en android basándonos únicamente con actividades, no podíamos conseguir que un único desarrollo de código, se adaptará a cualquier dispositivo de nuestros usuarios. Os muestro un ejemplo de como debería de quedar nuestra APP para los diferentes dispositivos.

Fragmentos android

Como podéis visualizar, tenemos la Activity A y la Activity B. En nuestro Smartphone estariamos visualizando una lista de elementos que podría tratarse de un simple listview en nuestra Activity A. Pero cuando hacemos click en cualquiera de nuestros elementos de nuestra Activity, pasaremos a mostrar en detalle la información en nuestra Activity B, pasándole como contenido detallado la información del elemento seleccionado en el listview.

Pero cuando accedemos a nuestra APP desde una tablet, la cosa cambia. ¿Ves como queda la figura de la derecha?

Esta sería la estructura a seguir según las directrices de nuestros amigos de android. Cuando seleccionemos un elemento desde nuestro listview, la información pasará a mostrarse en el lado derecho de nuestra misma Activity A, en lugar de acceder a un nueva Activity B.

¿Como se consigue seguir este patrón?

Pues aquí entran los Fragmentos desarrollo android. Hasta el momento, nuestra Activity era nuestro contenedor donde introducíamos todos nuestros componentes gráficos tales como botones, campos de texto…
Pues bien, le damos una vuelta. Ahora nuestra Activity va a contener un fragmento. Esto no es ni mas ni menos que otro contenedor. Claro está con métodos y funcionamiento un tanto diferentes.
Ahora la lógica de nuestra Activity, pasará a ser manejada desde nuestro fragmento. Además nuestro fragmento será el que mantenga los componentes gráficos anteriormente mencionados.
Con este patrón ya hemos conseguido que nuestra actividad solo se componga de un fragmento. (De momento solo uno, pero la imagen superior de la derecha maneja dos)

 ¿Cuantos Fragmentos desarrollo android contendrá nuestra Activity?

Todo dependerá de cuantos fragmentos deseamos mostrar en ella. Por ejemplo en el caso de la imagen superior derecha, podemos ver como trabajan con dos fragmentos, pues bien esto es tan sencillo como que en nuestra Activity han colocado estos fragmentos. De esta manera estamos delegando en ellos toda la lógica de nuestra pantalla correspondiente a la Activity A.

Espero que esta pequeña introducción haya sido de gran ayuda para entender el funcionamiento de los Fragmentos en android. Todo ello desde un punto de vista teórico y práctico.

Ahora toca hacer nuestras primeras pruebas. Así que os comparto la documentación de android donde explican los fragmentos ya desde código para comenzar con ello con la práctica.


Ver documentación

¿Necesitas contactar conmigo para el desarrollo de una App con Fragmentos en android?

Descarga e instalación de YII FRAMEWORK

Descarga e instalacion de Yii Framework

YII es una framework basada en PHP para el desarrollo de sitios web dinámicos que requieran de acceso a bases de datos. Por eso hoy hablaremos sobre la descarga e instalacion de Yii Framework.

YII es ágil, rápido, potente, escalable. Su curva de aprendizaje no es elevada. En pocos días podrás estar desarrollando aplicaciones web back-end totalmente seguras y profesionales.

Pero ese post no está dedicado a explicar todos los pros de YII. Que aunque son bastantes, quizás el framework de desarrollo con el que mas cómodo me encuentro desarrollando desde hace ya unos cuantos años.

Aprovecho para mostraros un video donde nuestro amigo de codigofacilito, nos muestra a detalle las ventajas e inconvenientes de utilizar YII FRAMEWORK. Mas abajo continuaremos con la descarga e instalación de YII FRAMEWORK.

¿Como empiezo a trabajar con YII FRAMEWORK?

Lo primero que debes hacer es descargarte YII desde su página oficial  Descargar YII. Una vez descargado deberás de seguir los pasos que se muestran en el siguiente tutorial de codigofacilito.

Tras ello, os invito a continuar aprendiendo a desarrollar y ampliar vuestros conocimientos en el desarrollo web. Entrar en el siguiente enlace y veréis una serie de videotutoriales.

Espero que ya estéis preparados para comenzar a desarrollar vuestra primera aplicación con YII FRAMEWORK. Es la mejor herramienta por excelencia para el desarrollo de aplicaciones en PHP.

¿Como es la curva de aprendizaje con Yii?

De todas formas, os invito a que sigáis aprendiendo a manejar este maravilloso Framework de desarrollo en PHP. Yii, tiene una curva de aprendizaje no muy elevada. Quizás por este motivo es mi recomendación si deseas introducirte en el mundo de desarrollo de potentes aplicaciones web con acceso a datos mediante Frameworks. Existe cantidad de documentación al respecto. Además, en la documentación oficial tenéis gran cantidad de código para comenzar a implementar.

¿Que os parece? Contactar conmigo si necesitas ayuda para desarrollar una aplicación web con Yii.

¿Que es el diseño web responsive?

Para los que aún no lo saben, el diseño responsive o responsive design, son unas reglas que siguen los diseñadores y desarrolladores web, siguiendo una serie de patrones con los que se alcanza un diseño web inteligente. Esto significa que se adaptará nuestro sitio web a cualquier tipo de dispositivo.

¿Así de simple es el diseño responsive?

Si un sitio web ha sido realizado bajo los patrones del diseño responsive, cuando un usuario accede a la web, podrá ver como el sitio web se adapta de manera inteligente al dispositivo con el que accede dicho usuario.

¿Como se si mi sitio web está basado en diseño responsive?

Si se han seguido unos patrones específicos y se han usado elementos HTML basados en Bootstrap, podrás confirmar que tu sitio web es responsive.

Actualmente, existen multitud de sitios web que ya disponen de estas tecnologías. Pero mencionar también que un gran número aún se encuentran diseñadas a la “vieja ausanza”.

No adaptarse a estos patrones del diseño responsive, ya es penalizado por nuestro amigo google. Esto se debe a que desde hace unos meses, abril del presente año exactamente, los algoritmos de google han sido modificados para dar preferencia a los sitios web que ya se han actualizado para conseguir no ser penalizados. Por ello google está ya está dando preferencia a los sitios web que trabajan con estas reglas de diseño web. ¿Y tu sitio web aun no está preparado?. No esperes mas y adáptalo.

Existen multitud de frameworks de CSS que trabajan bajo esta tecnología junto HTML5 y JQUERY, cabe destacar entre otros Bootstrap, a mi parecer el mejor.

Podéis acceder a la web oficial de Bootstrap para analizar mas detenidamente que nos ofrece esta framework totalmente gratuita. Aunque en la actualidad existen otros Frameworks CSS similares. Podemos definir Bootstrap como un estándar en la actualidad.

¿Y tu, aún no sabes lo que es el diseño responsive?

Deja tus comentarios y comparte en las redes sociales con la comunidad.

Detectar Tema wordpress

Hola a todos, en esta ocasión voy a compartiros una herramienta muy útil para todos los desarrolladores de aplicaciones web. que desean analizar, identificar y detectar tema WordPress de cualquier sitio web.

Nunca te ha sucedido que cuando entras a una web dices… ¿Que tema de WordPress será?

Pues tan fácil y sencillo como acudir a la siguiente URL e introducir la dirección del sitio web que deseamos analizar.

http://www.wpthemedetector.com/

¿Cómo consigo Detectar Tema wordpress?

En cuestión de segundos sabremos cual es el tema de la web. Posteriormente nos mostrará donde podemos adquirirlo en caso de ser de pago, o en caso de ser gratuito, también nos lo mostrará para su descarga.

La verdad, cuando encontré esta herramienta para identificar temas WordPress, ya sean diseño responsive o no, me alegré bastante.

A partir de ahora ya tendréis el apoyo de utilizar esta herramienta gratuita que nos proporcionan de forma totalmente gratuita.

¿Ya habéis utilizado el detector de temas de WordPress? ¿Que os ha parecido? ¿Necesitas ayuda de un desarrollador web Freelance?

Gracias a todos y hasta la próxima.

Desarrollo de aplicaciones Android

Desarrollo de aplicaciones Android

Actualmente existe una gran demanda por parte de diferentes empresas de varios sectores tales como la hostelería para el Desarrollo de aplicaciones Android.

Las empresas acuden a profesionales del desarrollo android. Sobre todo desarrolladores freelance. Esto se debe a que son algo mas económicos que otras empresas con otro tipo de organización interna.

Existen multitud de aplicaciones en el play store (la gran mayoría gratuitas). Pero cabe esperar que no todas son a gusto del consumidor. Cuando una empresa o profesional necesita una app como herramienta de trabajo o por cualquier otro motivo, al final siempre se decantará por acudir a un profesional para trasmitirle la idea y poder obtener su aplicación android totalmente personalizada en unas pocas semanas.

Los costes del desarrollo de una aplicación android varían mucho. No es lo mismo desarrollar algo sencillo que desarrollar una herramienta que gestione clientes, productos, pedidos y/o facturas. Pues las horas de trabajo se disparan.

¿Existen otras alternativas?

Desde luego, Phonegap es una de las alternativas al desarrollo android. Phonegap es un Framework mediante el cual se desarrollan las aplicaciones para dispositivos móviles con otra filosofía. Hablamos de apps Híbridas. Además como todo tiene sus pros y sus contras, pero hoy prefiero dejar ese tema aparcado para retomarlo en unas semanas.

¿Mi empresa necesita una app android?



Pues tu mismo, ¿Necesitas una herramienta que te facilite el trabajo? Yo mismo puedo  asesorarte. Puedes ponerte en contacto conmigo y juntos llegaremos a un acuerdo.

Compártelo con tus amigos si lo consideras interesante.

¿Como empezar a ser freelance?

Como empezar desarrollador web freelance

Lo primero a tener en cuenta tener una carta de presentación si deseas saber como empezar desarrollador web freelance, algo que nos identifique ante nuestros posibles clientes. Esto se le denomina portfolio. Existen muchos ejemplos, no debes de seguir un tipo de portfolio fijo, pues mi consejo es que visites a otros freelance web para que puedas tener una mejor idea. Como ejemplo os muestro el mío

“Trabajar sin jefes, sin horarios fijos ¿Es lo que de verdad te gustaría?. Pues os voy a dar una serie de pautas y consejos a seguir para no morir en el intento”.

Una vez definido nuestro portfolio con nuestros trabajos, es hora de ponernos manos a la obra. Posicionar nuestro portfolio será un punto muy a favor. Deberás de dedicar unas horitas a trabajar el SEO de la web.

Una tarjetas de presentación serán imprescindibles. Si te vas a dedicar al mundo del desarrollo web a medida es un requisitopor lo que prepárate unas tarjetas y sal a la calle a la búsqueda de clientes.

¿Que es Freelancing?

Tiene sus orígenes bastantes años atrás.

Actualmente se usa este término para hablar de personas que trabajan por su cuenta. Estos profesionales ofrecen sus servicios en una relación laboral más o menos corta en el tiempo. Cabe decir que un gran numero de empresas están apostando por esta forma de trabajo, sobre todo en el ámbito del desarrollo y diseño web.

¿Como obtengo proyectos?

Acabo de mencionar la clave del asunto. Proyectos web. No será una tarea fácil, deberás de buscar todos los días en los sitios web mas importantes en este campo. A continuación os cito un ejemplo: https://malt.es

En esta web aparecen multitud de proyectos a diario, ya sea del campo del desarrollo y diseño android, bases de datos, análisis… Además podemos buscar por ciudades como Zaragoza, Barcelona, Madrid, Huesca…

¿Como facilito mi presupuesto?

Esta tarea quizás nos lleve mas quebraderos de cabeza de lo que parece. Si queremos llevarnos a un cliente al bolsillo, deberemos de ser competentes, aplicar un presupuesto razonable y ajustarnos a unos tiempos de entrega lo mas exactos posibles.

Existen herramientas para realizar presupuestos online, pero vamos… Deberás de valorar tu mismo cuanto vale tu trabajo. Nadie mejor que tu lo sabrá.

¿Como esquivar clientes problemáticos?

Debes de tener en cuenta que no todos los clientes son iguales, la experiencia te dirá cuando debes de comenzar a trabajar con un cliente o por el contrario, no hacerlo pues los problemas que vendrán nos dificultarán nuestro trabajo.

Firmar un contrato ¿Es importante?

Desde luego, es muy importante que tras llegar a un acuerdo este se plasme en papel mediante un contrato por los trabajos a realizar. Que no te de miedo exigir firmar un contrato, todo lo contrario, os dará mas seguridad para ambas partes.

En dicho contrato puede aparecer los costes del proyecto, las formas de pago, los tiempos de entrega y/o cualquier otra clausula que interese exponer.

Respetar los tiempos de entrega

Es muy importante darte unos días e incluso unas semanas mas de margen para poder afrontar cualquier imprevisto que pueda venir, ten en cuenta que tarde o temprano vendrán y muchos.

Espero que esta serie de pautas y consejos te ayuden a pensar sobre como empezar desarrollador web freelance.

¿Crees que puedes aportar algo a la comunidad? Te invito a que darle a “Me gusta”

Descarga e instalación de Prestashop

Desde hace semanas pienso en que este blog tendría una entrada para mostraros como es la Descarga e instalacion de Prestashop, ya que actualmente es una de las plataformas mas potentes, gratuitas y de código abierto existentes en el mercado y con la que podemos sacar grandes frutos.

Para los que aún no saben que es Prestashop, os invito a ver este videotutorial. Posteriormente estaréis dotados de los conocimientos necesarios para comenzar a embarcaros en el mundillo del comercio electrónico.

Descarga e instalacion de Prestashop

¿Estas preparado para crear tu propia tienda online? Pues no esperes más y descargate la última versión de Prestahop.

¿Necesitas una E-commerce? Contacta conmigo.

No olvides darle a “me gusta” y hasta pronto!!

Manual JQUERY en español

Manual JQUERY en español

Hola a todos, lo primero quiero daros la bienvenida a mi blog. Para continuar espero que difundáis todo el contenido del mismo ya que espero venga de gran ayuda. Este primer post lo dedico a ofreceros un Manual JQUERY en español. Lo realizaron en desarrolloweb.com (Unos grandes por cierto). Para el que aún no sabe que es JQUERY, puedo deciros que es una framework la cual lleva algunos años en el mercado, además de que las empresas y profesionales desarrolladores la utilizan de forma muy habitual.

¿En que está basado Jquery?

Está basada en javascript, pero claro está, con grandes mejoras para hacernos la tarea mas fácil.Existen gran cantidad de plugins en JQUERY que son realizados por los desarrolladores, de forma gratuita la gran mayoría, pero desde luego también los tenemos de pago.Gracias a este tipo de framework actuales, los sitios web cada día están mejor diseñados, por lo que si aún no has comenzado, este es el momento, descárgate el manual JQUERY en español, y empieza a dedicarle unas horas, pues el tema lo merece bastante.

Espero que este post os ayude en vuestros desarrollos web, por lo que no olvides a compartirlo con vuestros amigos, ellos también lo agradecerán.

¿Necesita ayuda con Jquery? Contacta conmigo.

Saludos

Abrir chat
1
Hola ¿En qué puedo ayudarte?
Powered by