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

sábado, 29 de junio de 2013

En este pequeño tutorial se mostrara como crear y configurar un proyecto con Cocos2d, el cual es un Framework para la creación de juegos. 



Para comenzar nos dirijimos a la pagina de Cocos2d para descargar el instalador

Click para Zoom
Luego escogemos la version deseada, en este caso la version 2.1 y la descomprimimos al terminar la descarga.

Abrimos una Terminal y buscamos la carpeta que descargamos previamente:

cd Descargas
cd cocos-2d-iphone

Y luego ejecutamos el siguiente comando, el cual instalara como tal los templates de Cocos2d

./install-templates.sh -f -u
Click para Zoom
En caso de que aparezca un error de privilegios ejecutamos el siguiente comando.

sudo ./install-templates.sh -f -u

Al finalizar la instalación, ya tendremos acceso a los templates desde XCode. 

Click para Zoom

Instalar Templates de Cocos2d en XCode

En este pequeño tutorial se mostrara como crear y configurar un proyecto con Cocos2d, el cual es un Framework para la creación de juegos. 



Para comenzar nos dirijimos a la pagina de Cocos2d para descargar el instalador

Click para Zoom
Luego escogemos la version deseada, en este caso la version 2.1 y la descomprimimos al terminar la descarga.

Abrimos una Terminal y buscamos la carpeta que descargamos previamente:

cd Descargas
cd cocos-2d-iphone

Y luego ejecutamos el siguiente comando, el cual instalara como tal los templates de Cocos2d

./install-templates.sh -f -u
Click para Zoom
En caso de que aparezca un error de privilegios ejecutamos el siguiente comando.

sudo ./install-templates.sh -f -u

Al finalizar la instalación, ya tendremos acceso a los templates desde XCode. 

Click para Zoom

lunes, 24 de junio de 2013

Configuración de dispositivos y Mobile Provision en el Member Center.

Para realizar este tutorial ya se deben haber completado los pasos de nuestro turorial anterior acerca de los certificados necesarios para hacer pruebas y subidas al App Store.

Empezaremos entrando al Member Center, en la sección de Devices y haremos click en el botón (+)

Click para Zoom
Y obtendremos un formulario justo como este, con el que registraremos nuestros dispositivos, en el colocamos el nombre del dispositivo, y el UDID el cual es un identificador unico para cada dispositivo. El UDID lo obtenemos en iTunes o en el Organizer de XCode (Se encuentra en Window>>Organizer).
Click para Zoom

Click para Zoom
Después de haber registrado nuestros equipos (Max.100), procedemos a crear un App ID para realizar pruebas, el cual tendrá un  nombre e identificador. 

Click para Zoom

Para el identificador existen dos opciones explícito y wildcard. La primera opción es cuando se va a desarrollar una aplicación en concreto, para la cual se dará un Identificación única e irrepetible. La segunda opción es un comodín para poder realizar cuantas aplicaciones queramos pero con fin de prueba.

Click para Zoom
Luego solo bastara con escoger nuestro identificador.
Click para Zoom
Cuando ya se han creado tanto como el identificador como las referencias de los dispositivos se crean dos archivos llamados MobileProvision estos se instalan dentro del dispositivo de prueba para poder depurar y probar las aplicaciones. También se crea uno con el fin de empaquetar la aplicación final en un (.ipa) 
Para esto ingresamos al menu de MobileProvision

Para generar el MobileProvision de Development es necesario seleccionar la opción de iOS Development, luego escogemos el Application ID que habíamos creado anteriormente (co.jomobile.test.*)

Click para Zoom

Click para Zoom
 Hacemos click en continue y escogemos los dispositivos que queremos enlazar a este MobileProvision.

Click para Zoom

Por ultimo hacemos click en el botón Generate y luego en Download. Completamos los mismos pasos para el caso de Distribution, con el cual escogemos la Opción App Store.
Click para Zoom

En este momento ya hemos generado los dos MobileProvisions que necesitaremos. Conectamos nuestro dispositivo móvil y hacemos doble click en cada uno de los archivos que generamos. Así se abre el Organizer y se instalan automáticamente en el dispositivo.


Todo lo anterior tenia como objetivo configurar nuestros dispositivos y la cuenta como tal de desarrollador, para que cuando se creen las aplicación tengamos una fácil y rápida forma para depurar, probar y controlar las aplicaciones.

Configurar XCode para probar las aplicaciones en el dispositivo.

Este es el paso mas facil de todo el tutorial. Despues de haber creado la aplicacion que deseamos probar; vamos a la parte de Build Settings y modificamos la propiedad Code Signing Identity con los datos de nuestros certificados (creados en el anterior tutorial). Por ultimo en la parte superior, cambiamos el dispositivo de Test por el nuestro. Y eso es todo, las aplicaciones correrán directamente en el dispositivo.

Click para Zoom

Certificados y Mobile Provision- Prueba tus aplicaciones en tu dispositivo - Parte 2

Configuración de dispositivos y Mobile Provision en el Member Center.

Para realizar este tutorial ya se deben haber completado los pasos de nuestro turorial anterior acerca de los certificados necesarios para hacer pruebas y subidas al App Store.

Empezaremos entrando al Member Center, en la sección de Devices y haremos click en el botón (+)

Click para Zoom
Y obtendremos un formulario justo como este, con el que registraremos nuestros dispositivos, en el colocamos el nombre del dispositivo, y el UDID el cual es un identificador unico para cada dispositivo. El UDID lo obtenemos en iTunes o en el Organizer de XCode (Se encuentra en Window>>Organizer).
Click para Zoom

Click para Zoom
Después de haber registrado nuestros equipos (Max.100), procedemos a crear un App ID para realizar pruebas, el cual tendrá un  nombre e identificador. 

Click para Zoom

Para el identificador existen dos opciones explícito y wildcard. La primera opción es cuando se va a desarrollar una aplicación en concreto, para la cual se dará un Identificación única e irrepetible. La segunda opción es un comodín para poder realizar cuantas aplicaciones queramos pero con fin de prueba.

Click para Zoom
Luego solo bastara con escoger nuestro identificador.
Click para Zoom
Cuando ya se han creado tanto como el identificador como las referencias de los dispositivos se crean dos archivos llamados MobileProvision estos se instalan dentro del dispositivo de prueba para poder depurar y probar las aplicaciones. También se crea uno con el fin de empaquetar la aplicación final en un (.ipa) 
Para esto ingresamos al menu de MobileProvision

Para generar el MobileProvision de Development es necesario seleccionar la opción de iOS Development, luego escogemos el Application ID que habíamos creado anteriormente (co.jomobile.test.*)

Click para Zoom

Click para Zoom
 Hacemos click en continue y escogemos los dispositivos que queremos enlazar a este MobileProvision.

Click para Zoom

Por ultimo hacemos click en el botón Generate y luego en Download. Completamos los mismos pasos para el caso de Distribution, con el cual escogemos la Opción App Store.
Click para Zoom

En este momento ya hemos generado los dos MobileProvisions que necesitaremos. Conectamos nuestro dispositivo móvil y hacemos doble click en cada uno de los archivos que generamos. Así se abre el Organizer y se instalan automáticamente en el dispositivo.


Todo lo anterior tenia como objetivo configurar nuestros dispositivos y la cuenta como tal de desarrollador, para que cuando se creen las aplicación tengamos una fácil y rápida forma para depurar, probar y controlar las aplicaciones.

Configurar XCode para probar las aplicaciones en el dispositivo.

Este es el paso mas facil de todo el tutorial. Despues de haber creado la aplicacion que deseamos probar; vamos a la parte de Build Settings y modificamos la propiedad Code Signing Identity con los datos de nuestros certificados (creados en el anterior tutorial). Por ultimo en la parte superior, cambiamos el dispositivo de Test por el nuestro. Y eso es todo, las aplicaciones correrán directamente en el dispositivo.

Click para Zoom

Este tutorial esta encaminado en crear y configurar las llaves y los provision profiles para poder probar nuestras aplicaciones directamente en un dispositivo o simplemente subirlo al App Store.

Lo primero que se necesita es crear una cuenta como desarrollador en la pagina de Apple y pagar la cuota correspondiente a la inscripción como desarrollador de Apple equivalente a 99USD individual, 299USD empresas.

Ahora si lo que nos interesa:

1. Entrar a la pagina de desarrolladores de Apple (Member Center). https://developer.apple.com/membercenter/

Click para Zoom
2. Abrir la herramienta Keychain que se encuentra en Applications -> Other. Y hacemos click en la opción "Request a Certificate from a Certificate Authority"

Click para Zoom
3. Se abrira una ventana informativa donde configuraremos el certificado, en nuestro caso escogemos la opción de "Saved to disk", y colocamos nuestro nombre y nuestro correo electrónico para continuar.

Click para Zoom
4. Luego guardamos el archivo generado (.CSR - CertSigningRequest) En nuestra carpeta de preferencia.

Click para Zoom
5. Volvemos al Member Center,  y tenemos la siguiente ventana, hacemos click en el Icono  (Certificates, Identifiers & Profiles).

Click para Zoom

Click Para Zoom
 De esta forma llegamos a este administrador, hacemos click en la parte de certificados para la administración de los mismos.

Click para Zoom

6. Para crear los certificados haremos click en el botón (+) para agregar uno nuevo.
Click para Zoom
Desarrollando  aplicaciones para iOS necesitamos de dos certificados, el primero para desarrollo y el segundo es para distribución. Con el certificado de desarrollo podemos probar las aplicaciones desarrolladas en XCode directamente en nuestros dispositivos para evaluar velocidad de ejecución, desempeño, colores, gestos etc. Por otro lado el certificado de distribución lo utilizamos para exportar la ultima versión de nuestras aplicaciones antes de ser subidas al App Store.
En el caso de Developer escogemos la opción iOS App Developer, y para Distribution escogemos App Store.
Click para Zoom

7. Después de seleccionar seleccionar el tipo de certificado, se sube el archivo que habíamos generado anteriormente (.CSR)
Click para Zoom
8. Cuando subimos el archivo y pulsamos el botón de continuar, nos aparece una ventana para descargar nuestro certificado. (Estos dos pasos los realizamos tanto por Developer como por Distribution)

9. Al haber descargado los dos certificados, les hacemos doble click a cada uno para agregarlos al Keychain Access de nuestra computadora.

Para asegurarnos que fueron instalados, estos aparecerán en la sección de My certificates.


Ya en este paso habremos configurado los certificados, para empezar con la configuración de los dispositivos, y los mobile provision.


Certificados y Mobile Provision- Prueba tus aplicaciones en tu dispositivo - Parte 1

Este tutorial esta encaminado en crear y configurar las llaves y los provision profiles para poder probar nuestras aplicaciones directamente en un dispositivo o simplemente subirlo al App Store.

Lo primero que se necesita es crear una cuenta como desarrollador en la pagina de Apple y pagar la cuota correspondiente a la inscripción como desarrollador de Apple equivalente a 99USD individual, 299USD empresas.

Ahora si lo que nos interesa:

1. Entrar a la pagina de desarrolladores de Apple (Member Center). https://developer.apple.com/membercenter/

Click para Zoom
2. Abrir la herramienta Keychain que se encuentra en Applications -> Other. Y hacemos click en la opción "Request a Certificate from a Certificate Authority"

Click para Zoom
3. Se abrira una ventana informativa donde configuraremos el certificado, en nuestro caso escogemos la opción de "Saved to disk", y colocamos nuestro nombre y nuestro correo electrónico para continuar.

Click para Zoom
4. Luego guardamos el archivo generado (.CSR - CertSigningRequest) En nuestra carpeta de preferencia.

Click para Zoom
5. Volvemos al Member Center,  y tenemos la siguiente ventana, hacemos click en el Icono  (Certificates, Identifiers & Profiles).

Click para Zoom

Click Para Zoom
 De esta forma llegamos a este administrador, hacemos click en la parte de certificados para la administración de los mismos.

Click para Zoom

6. Para crear los certificados haremos click en el botón (+) para agregar uno nuevo.
Click para Zoom
Desarrollando  aplicaciones para iOS necesitamos de dos certificados, el primero para desarrollo y el segundo es para distribución. Con el certificado de desarrollo podemos probar las aplicaciones desarrolladas en XCode directamente en nuestros dispositivos para evaluar velocidad de ejecución, desempeño, colores, gestos etc. Por otro lado el certificado de distribución lo utilizamos para exportar la ultima versión de nuestras aplicaciones antes de ser subidas al App Store.
En el caso de Developer escogemos la opción iOS App Developer, y para Distribution escogemos App Store.
Click para Zoom

7. Después de seleccionar seleccionar el tipo de certificado, se sube el archivo que habíamos generado anteriormente (.CSR)
Click para Zoom
8. Cuando subimos el archivo y pulsamos el botón de continuar, nos aparece una ventana para descargar nuestro certificado. (Estos dos pasos los realizamos tanto por Developer como por Distribution)

9. Al haber descargado los dos certificados, les hacemos doble click a cada uno para agregarlos al Keychain Access de nuestra computadora.

Para asegurarnos que fueron instalados, estos aparecerán en la sección de My certificates.


Ya en este paso habremos configurado los certificados, para empezar con la configuración de los dispositivos, y los mobile provision.


domingo, 2 de junio de 2013

Navegar entre vistas en Objective-C - Código


En este tutorial navegaremos entre dos vistas, de la forma más básica, empezaremos creando un proyecto en blanco.
  • Como primer paso crearemos un botón que nos va a llevar a la siguiente vista en el archivo de interfaz gráfica (.xib).
Click para Zoom
  • Crear una clase de Objective-C con subclase UIViewController, ademar generar el archivo XIB

Click para Zoom

  • En esta segunda vista que creamos creamos un botón para volver a la primera vista como en el primer paso.
  • En cada una de nuestras clases creamos un IBAction el cual se encargara de realizar la navegación.



  • En los archivos implementadores de cada una de las vistas  (.m) realizaremos un import de la vista a la cual queremos cambiar.

  • Implementar la función que anteriormente habíamos creado goSecondView y en ella realizamos: 
  1. Inicializar el ViewController que llamaremos.
  2. Escoger un tamaño para la vista que deseamos mostrar, en este caso puede ser: UIModalPresentationPageSheet, UIModalPresentationFormSheet o  UIModalPresentationFullScreen.
  3.  Escoger el estilo de la transicion o animacion. Pueden ser: UIModalTransitionStyleCrossDissolve, UIModalTransitionStyleCoverVertical,  UIModalTransitionStyleFlipHorizontal y UIModalTransitionStylePartialCurl
  4. Presentar la vista.

Click para Zoom
  • Eso es todo, ahora solo implementamos la misma función pero en la segunda vista para poder regresar a la primera vista.

Navegar entre vistas en Objective-C - Código

Navegar entre vistas en Objective-C - Código


En este tutorial navegaremos entre dos vistas, de la forma más básica, empezaremos creando un proyecto en blanco.
  • Como primer paso crearemos un botón que nos va a llevar a la siguiente vista en el archivo de interfaz gráfica (.xib).
Click para Zoom
  • Crear una clase de Objective-C con subclase UIViewController, ademar generar el archivo XIB

Click para Zoom

  • En esta segunda vista que creamos creamos un botón para volver a la primera vista como en el primer paso.
  • En cada una de nuestras clases creamos un IBAction el cual se encargara de realizar la navegación.



  • En los archivos implementadores de cada una de las vistas  (.m) realizaremos un import de la vista a la cual queremos cambiar.

  • Implementar la función que anteriormente habíamos creado goSecondView y en ella realizamos: 
  1. Inicializar el ViewController que llamaremos.
  2. Escoger un tamaño para la vista que deseamos mostrar, en este caso puede ser: UIModalPresentationPageSheet, UIModalPresentationFormSheet o  UIModalPresentationFullScreen.
  3.  Escoger el estilo de la transicion o animacion. Pueden ser: UIModalTransitionStyleCrossDissolve, UIModalTransitionStyleCoverVertical,  UIModalTransitionStyleFlipHorizontal y UIModalTransitionStylePartialCurl
  4. Presentar la vista.

Click para Zoom
  • Eso es todo, ahora solo implementamos la misma función pero en la segunda vista para poder regresar a la primera vista.

sábado, 1 de junio de 2013


Reproducir Archivo de Audio en Objective-C



En este tutorial insertaremos y reproduciremos un archivo de audio en Objective-C, para comenzar crearemos un proyecto en blanco.
  • Depues de haber creado el proyecto lo primero que tenemos que hacer es importar las librerías AudioToolbox.framework y AVFoundation.framework.
Click para Zoom
  • Ahora importamos el archivo de audio que queremos reproducir, este archivo debe tener una de las siguientes extensiones*: AIFF, AIFC, MP3, SND, AU, WAV, QDesign.
              *Para mayor información sobre extensiones y archivos de audio visite Developer Audio Apple

Click para Zoom
  • Crear un método para ejecutar la reproducción del sonido, y asignarselo a un botón en el entorno gráfico.




  • En el archivo implementador de la vista (.m) instanciamos el sonido, con el método CFBundleCopyResourceURL en el cual colocamos el nombre y extensión del archivo y eso es todo.



Reproducir Archivo de Audio en Objective-C


Reproducir Archivo de Audio en Objective-C



En este tutorial insertaremos y reproduciremos un archivo de audio en Objective-C, para comenzar crearemos un proyecto en blanco.
  • Depues de haber creado el proyecto lo primero que tenemos que hacer es importar las librerías AudioToolbox.framework y AVFoundation.framework.
Click para Zoom
  • Ahora importamos el archivo de audio que queremos reproducir, este archivo debe tener una de las siguientes extensiones*: AIFF, AIFC, MP3, SND, AU, WAV, QDesign.
              *Para mayor información sobre extensiones y archivos de audio visite Developer Audio Apple

Click para Zoom
  • Crear un método para ejecutar la reproducción del sonido, y asignarselo a un botón en el entorno gráfico.




  • En el archivo implementador de la vista (.m) instanciamos el sonido, con el método CFBundleCopyResourceURL en el cual colocamos el nombre y extensión del archivo y eso es todo.