Mostrando entradas con la etiqueta Tutoriales. Mostrar todas las entradas
Mostrando entradas con la etiqueta Tutoriales. Mostrar todas las entradas

domingo, 10 de enero de 2016

Crea tu primera aplicación usando SWIFT



Bien, vamos a crear tu primera aplicación para iOS con swift, ¿Como va funcionar ? Sencillo, la
aplicación va a tener un botón y al presionar el botón se va a mostrar una pequeña alerta con el mensaje "Hola Mundo" así que manos a la obra.








Crear un proyecto
Primero necesitamos abrir nuestro Xcode, una vez abierto, Xcode nos va a mostrar un dialogo de bienvenida.
Vamos a seleccionar "Create a new Xcode project" para iniciar un nuevo proyecto:



Xcode nos muestra varias plantillas de proyectos que podemos iniciar. Para nuestra primera aplicación vamos a utilizar "Single View Application" que se encuentra dentro de iOS y presionamos "Next".



Después nos mostrará la siguiente sección, donde configuraremos nuestro proyecto.




Los siguientes campos se llenaron de la siguiente manera.

Product Name: HolaMundo - Este es el nombre de tu aplicación.
Organization Name: Daniel Brena Aquino - Es el nombre de tu organización.
Organization Identifier: com.brena  - Si cuentas con un nombre de domino,lo ingresas al reves.
Bundle identifier: com.brena.HolaMundo - Este es el identificador unico de tu aplicación, es usando al momento de enviarla a revision. Este campo automaticamente Xcode lo genera.
Languaje: Swift - Puedes utilizar entre Objective-C  y Swift.
Devices: iPhone - Selecciona "iPhone" para nuestro proyecto.
Use Core Data: [No seleccionado] - Por el momento no necesitamos Core Data en el proyecto, así que no lo seleccionamos.
Include Unit Tests: [No seleccionado] - Para nuestro proyecto que es muy simple no la necesitamos.
Include UI Test: [No seleccionado] - De igual forma no lo necesitamos para nuestro proyecto.

lunes, 14 de julio de 2014

Crea tu primer Red Social en PHP - Diseño de la lógica del actualización.




Venimos realizando una pequeña "Red Social" en algunas entradas, hoy toca a la lógica de la Actualización que es una tabla de nuestra Base de datos.
Este fue nuestra primera entrada a la lógica del usuario. A la cual le aplicamos una actualización a la entrada aquí, donde explicamos el Patrón DAO. En la siguiente entrada, explico cuales fueron los cambios para seguir con nuestra pequeña "Red Social". 



Bien, que es la lógica de actualización sobre nuestra "Red Social", esta va a funcionar como si fuera una publicación en Facebook o una en Twitter.

Nuestra clase Actualización.


Nuestras interfaces que contendra nuestra clase ActualizacionDAO.


sábado, 12 de julio de 2014

Crear copia de la Aplicación "¿Que significa tu nombre? en HTML5




Bien, en Facebook eh notado que se esta volviendo una simple aplicación que se llama ¿Que significa tu nombre?  y dirás, ¿De que se trata? que tiene que ha hace muy popular entre tus amigos y a cada momento vez una publicación de la misma, pues esta aplicación toma tu nombre propio como base y de ahí cada letra la usa para formar otra palabra pero esta son cualidades positivas de forma vertical.
Este es su plus, haciendo sentir bien al usuario, "demostrando" que su nombre significa eso y por lo cual el es una persona de bien
.





La aplicación por lo que note esta desarrollada en php y pues es muy sencillo hacerla, vamos a usar JavaScript para hacer una aplicación similar.


Maquetamos nuestra aplicación en HTML.


Aquí el ejemplo de como funcionaria.

Al apretar el boton los procesos que ocurren son estos:

  • Limpia mis "div" nombre y palabras.
  • La variable nombre almacena el texto que se ingresa.
  • Mi aplicación tiene una restricción de no mas de 8 caracteres.
  • Tomamos el valor del sexo del nombre.
  • Tenemos un arreglo donde almacenaremos las letras del nombre.
  • Agregamos cada palabra con un div con la clase "p".
  • Por ultimo llamamos la función diccionario el cual toma la letra y el sexo, para asi generar una cualidad.



Nuestra función diccionario.
Esta función nos ayudara a recibir como argumento una letra y el sexo de la persona, para asi generar una palabra dependiendo de la letra.
Usamos un aleatorio para crear mas opciones de palabras con la misma letra.


La pueden ver funcionar en el siguiente link.

lunes, 9 de junio de 2014

Autosugestión como Facebook con Ajax





Facebook contiene una seccion de busqueda, la cual accede a los registros de la base de datos mostrandolos en tiempo real.

 







Vamos a realizar esto usando la tecnologia de Ajax, JQuery, PHP  y MySQL como Gestor de Base de Datos.









Creamos nuestra tabla con los registros a usar.



Nuestra clase de conexion a la base de datos.


martes, 28 de enero de 2014

Crea tu primer Red Social en PHP - Diseño de la Base de Datos




Comenzaremos a desarrollar una pequeña Red Social, no como toda la infraestructura de las actuales como Facebook o Twitter.Llevaremos los principios de la programación orientada a objetos, como así el manejo de una base de datos.







He creado un modelo relacional de nuestra Base de Datos, esta consiste en 5 tablas:

  • usuario
  • actualizacion
  • comentario
  • amigos
  • votos


La tabla usuario se relaciona con otras tres: amigos, actualizacion y comentario.

Tabla usuario.


lunes, 9 de diciembre de 2013

Programación Orientada a Objetos Java Parte 1.




Es hora de programar orientado a objetos comúnmente conocido como POO.
En una entrada anterior explico algunos términos de POO por si gustan leerlo.
Ahora bien, nos enfocaremos en Java. 







Dificultad: Intermedio
Herramientas: IDE Eclipse.
Tiempo estimado de finalización: 30 minutos.

Abrimos nuestro IDE.




Crearemos un nuevo proyecto.




Lo llamaremos POO.

domingo, 14 de julio de 2013

BlackBerry Playbook - Hola Mundo en ActionScript




El famoso "Hola Mundo" en ActionScript. Crearemos una sencilla aplicación que  nos muestre el mensaje "Hola Mundo". 









Vamos a File > New > ActionScript Mobile Proyect.



 Pondremos el nombre de proyecto como Hola_Mundo. Ustedes lo pueden llamar como quieran.



lunes, 8 de julio de 2013

Emulando el frenado de un objeto en ActionScript




Vamos emular el frenado de un objeto, es este caso un coche, en Flash vamos a dibujar un "coche" al cual lo vamos a manipular, para que, cuando llegue a una distancia determinada, quedara parado el coche para esto usaremos una ecuación muy sencilla.
Para este ejemplo voy a usar unos conceptos  muy sencillos como son el auto que indicara el objeto, la distancia final, la cual sera la meta y la velocidad la cual indicara la velocidad que se traslade el objeto a la distancia final, pero OJO el valor de la velocidad sera inversa, esto quiere decir que si queremos que la el objeto vaya mas rápido el valor sebe ser mínimo , entre mas grande sea el valor la velocidad de desplazamiento sera mas lenta. Ejemplo:
velocidad = 3, el objeto se desplazara rápidamente y quedara parado en la distancia final.



Creamos el coche con las herramientas de Flash, este es un ejemplo, ustedes lo puede hacer mejor.



Aplicamos la formula en código, vx ira aumentando en el valor de x del coche hasta que llega al valor de stage.

domingo, 30 de junio de 2013

Compilar y ejecutar Processing en Sublime Text



Bueno en estas vacaciones se abrió un curso en Coursera llamado "Creative Programming for Digital Media & Mobile Apps" y pues se esta usando Processing, es un lenguaje de programación como muchos para mas información, visitar el sitio. En fin no me acostumbro a su IDE que trae como defecto para trabajar, aparte que no te ayuda con la sintaxis es incomodo estar cerrando las llaves.Yo en los lenguajes que uso, los trabajo en Sublime Text, es un editor de texto plano y muy poderoso, poco a poco te vas enamorando y así...Esto me llevo a tratar de ejecutar Processing dentro de Sublime Text, es muy fácil ya cuando le sabes mover unas "cosillas".


Comenzamos!, (les aclaro esta forma se me ocurrió, no se si en la web ahí otras formas mas eficientes pero bueno, es cuestión de buscar)

En sublime text en la parte superior hay una pestaña que se llama Tools, creamos un nuevo Build System
(ya deberán tener practica para esto).
Dejamos el archivo abierto, mas tarde lo rellenamos.

Ahora nos descargamos el Processing de la pagina oficial y lo descomprimimos en cualquier parte, para mayor facilidad yo lo tengo en Documentos.


lunes, 24 de junio de 2013

Abrir terminal de GNU/Linux desde Sublime Text usando Python




Bueno les comento, para ingresar datos desde el teclado en Sublime Text no se puede desde la consola del programa. Empezare a usar de nuevo python para algunos ejemplos de problemas pero como estoy en una versión de linux(Fedora) esto cambia a diferencia de Windows.









 Aquí mi solución; Necesitamos abrir la terminal desde sublime y esto se puede hacer creando un Build System.

Tools > Build System > New Build System

Agregan lo siguiente:
En cmd vamos a escribir la dirección de un archivo que se llame runPython.sh que sera un script que vamos a crear.
Lo guardamos en la carpeta que Sublime nos abre por defecto.



Opciones:
cmd: Es un array que contiene el comando para ejecutar y los argumentos deseados.

miércoles, 1 de mayo de 2013

GUI y Graficos Java - Arte Lineal con ciclos y drawLine.






Para dibujar en java se deben de usar coordenadas, para identificar cada uno de los puntos en la pantalla.
Un componente GUI tiene las coordenadas (0,0).
Una coordenada esta compuesta por los ejes x (horizontal)  y la y (vertical).
La x se desplaza de izquierda a derecha, mientras la y de arriba hacia abajo.
La unidad de las coordenadas se miden en pixeles.
Un pixel es la unidad de resolución mas pequeña de una pantalla.





sábado, 13 de abril de 2013

Compilar y ejecutar java desde Sublime Text.


Vamos a crear un System Build para poder compilar y ejecutar Java dentro de Sublime Text, al compilar por defecto nos creara un archivo llamado $tu_archivo.class














Seleccionamos New System Build.




Se nos abrirá una pestaña ya con el "cmd":  y le añadimos lo siguiente.


Lo guardan y le ponen el nombre que ustedes quieran, pero siempre y cuando lleve la extensión .sublime-build.


Ya guardado, vamos a Tools, Build System y escogemos el que hicimos en mi caso miJava.

.
Y lo probamos  Ctrl + B.


viernes, 5 de abril de 2013

Abrir cmd.exe desde Sublime Text


Sublime Text no permite ingresar datos desde teclado, si hacemos aplicaciones en java, c++ o python y queremos ingresar un dato no se podrá desde la consola del mismo programa, para esto tendremos que usar la consola de windows "cmd.exe".
Solo basta con agregar una linea de código en el archivo exec.py
Yo tengo la versión potable así que es mas fácil encontrar la ruta donde se encuentra el archivo.





En mi caso esta en Mis Documentos > Sublime Text 2 > Data > Packages > Default.


En caso contrario si lo instalaste tu ruta sera:
C:\Users\tu_usuario\AppData\Roaming\Sublime Text 2\Packages\Default\exec.py
"tu_usuario" sera el tuyo por lógica.

Lo abrimos para editar y buscamos la linea 154.



Comentamos la linea con un # y le agregamos la siguiente linea de código.


Guardamos y ahora solo falta probarlo.


Compilar y ejecutar C++ desde Sublime Text





Sublime viene con la una opción por defecto para compilar C++, pero no lo ejecuta y lo muestra por la consola, solo crea el archivo .exe, asi que vamos a crear uno nuevo, aunque no es necesario, solo basta con editar el que esta, pero en esta caso lo crearemos desde cero 









Seleccionamos New Build System.




Se nos abrirá una pestaña ya con el "cmd":  y le añadimos lo siguiente.



Lo guardan y le ponen el nombre que ustedes quieran, pero siempre y cuando lleve la extensión .sublime-build.



Ya guardado, vamos a Tools, Build System y escogemos el que hicimos en mi caso miC++.

Y lo probamos  Ctrl + B.