[SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Guí­as prácticas para flasheo y modding, configuración de WAP, etc.
Responder
Avatar de Usuario
FåÇüNС§|-|º
Staff del Foro
Staff del Foro
Mensajes: 4452
Registrado: Dom Ago 10, 2008 4:56 am
Ubicación: Mar del Plata
Agradecido: 0
Agradecimiento recibido: 0

[SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Mensaje por FåÇüNС§|-|º »

Hola! Bueno, de seguro que hay muchos, como yo, que han bajado esta aplicación y la han desinstalado rabiosamente porque no tenían idea de como se manejaba. Fue entonces que dí con este tuto, bien explicado paso a paso y con imágenes que van a aclarar todas las dudas.
Para este tutorial, se utilizó el GDesk v0.33d iPhone Advanced, que dicho sea de paso se adjuntó al post principal del GDesk posteado por Walter5700. Van a descargar el adjunto y van a instalar todo lo que hay en el. Una vez hecho esto empezamos:

En este caso, ya que el viene precargado un tema de iPhone, vamos trabajar con el. Abrimos el programa y nos aparecerá algo como esto:
Imagen

O algo como esto:
Imagen

Lo primero que vamos a hacer es borrar este tema para comenzar uno nuevo. Lo vamos a hacer entrando al menú del programa: La softkey derecha es para acceder al menú del programa.
(Todos los menús donde aparezca la línea azul tenemos que dar clic en la tecla OK para realizar la acción).
Imagen
Imagen
Imagen
Imagen

En algunos teléfonos ya aparece a pantalla completa. Si no aparece así, nos vamos al menú del programa y:
Imagen
Imagen

Y nos quedará así:
Imagen
Imagen

Y quedara así:
Imagen

Deben de hacer lo siguiente, menú de programa y:
(Mas adelante les explicaré de que va esto)
Imagen
Imagen

Ahora vamos a poner el fondo de color negro, o el color de su preferencia. Menú de programa y:
Imagen

Y aparecerá un menú así:
(Las teclas 2,8,4,6, son para mover el cursor a la derecha, izquierda, arriba y abajo respectivamente; y las teclas 3 y 9, para subir y bajar el brillo o la saturación de color)
Imagen
Imagen
Imagen

Esta es una opción de fondo, o también podemos poner una imagen de fondo. Acepta imágenes en formato gif, jpeg, jpg, bmp, mbm, png. Yo elijo esta opción y lo haremos entrando al menú de programa y:
Imagen
Imagen
Imagen
Imagen
Imagen

La imagen de fondo debe de ser del tamaño de resolución del teléfono. Ahora vamos a agregar la primera aplicación, que será un reloj, así que nos vamos al menú de programa y:
Imagen
Imagen

Y nos aparecerá en medio de la pantalla la aplicación.
Imagen

Ahora lo seleccionamos moviendo las teclas de navegación o joystick al seleccionarlo nos daremos cuenta porque saldrá un contorno de color como rosa o algo así :P.
Imagen

Para acceder al menú de aplicación, seleccionamos la aplicación y oprimimos la tecla central de navegación o tecla OK, u oprimimos la tecla numeral, y lo ponemos en estilo digital:
Imagen

Como verán tiene 3 opciones, pero por el momento solo usaremos la opción DIGITAL (más adelante les explicaré las demás), y nos quedara así:
Imagen

Ahora le quitaremos los segundos y el contorno, que es de color negro para que se vea mejor (según mi gusto). Seleccionamos el reloj y nos vamos al menú de aplicación y:
Imagen
Imagen
Imagen

Ya que lo tengamos así, lo vamos a mover seleccionándolo y utilizando las teclas 1,2,3,4,6,7,8,9, para moverlo hacia cada punto cardinal respectivamente.
Imagen
Imagen

También entre las opciones del menú de aplicación esta la de cambiarle el tamaño, así que nos vamos al menú de aplicación y:
Imagen
Imagen

Yo seleccioné la opción small-medium
Ahora vamos a seleccionar un aplicación que se llama GDESK INFOVIEW, que sirve para ver la ram libre, la batería, mensajes nuevos, señal, etc. Nos vamos al menú de programa y:
Imagen
Imagen

Y aparecerá algo así:
Imagen

Como se darán cuenta todas las aplicaciones aparecen en el centro de la pantalla. Ahora vamos a quitarle el contorno, cambiarle el tamaño, a poner la memoria en Mb y a moverlo a un lado del reloj. Lo seleccionamos y nos vamos a menú de aplicación y:
Imagen
Imagen
Imagen
Imagen
Imagen

Ahora agregamos otro GDESK INFOVIEW y lo vamos a cambiar a la opción de medidor de batería lo seleccionamos y:
(todas la veces que agreguen un infoview siempre aparecerá como la ram libre)
Imagen
Imagen
Imagen
Imagen

Ahora le vamos a poner un icono. Solo en la versión 0.33d acepta iconos para este tipo de aplicación la cual debe de tener 6 frames para que se vea que se esta acabando la batería. Lo seleccionamos y nos vamos a menú de aplicación y:
Imagen
Imagen

Ahora agregamos otro infoview y lo cambiamos al medidor de señal:
Imagen
Imagen
Imagen

Lo seleccionamos y le cambiamos el icono (para este icono la imagen debe de tener 7 frames):
Imagen

Ahora agregamos un medidor de mensajes nuevos:
Imagen
Imagen

Le quitamos el contorno y le cambiamos el tamaño seleccionándolo y accediendo al menú de aplicación y:
Imagen
Imagen
Imagen

Ahora agregaremos una aplicación muy útil que se llama BLANK. Esta nos servirá para usar imágenes sin ninguna función. Nos vamos al menú de programa y:
Imagen
Imagen

Como se darán cuenta sale un icono vació, el cual usaremos para poner un icono de mensajes. Lo seleccionamos, menú de aplicación y:
Imagen

Pues hasta aquí ya tenemos un bonito encabezado. Ahora todos estos adornos o cosas que no quieran que sean seleccionadas por el cursor cuando acaben su diseño, hay que hacerlas no seleccionables, les seleccionamos y nos vamos al menú de aplicación y:
Imagen

Ahora vamos a añadir una aplicación que hayamos instalado o propia del teléfono. Menú de programa y:
Imagen
Imagen

Como se darán cuenta en este menú aparecen todas las apps que tengamos instaladas y las propias del teléfono. La línea que aparece vacía es como si oprimieran la tecla menú del teléfono. Usaremos ajustes primero:
Imagen
Imagen

Le cambiamos el icono (usé iconos de 48x48), y lo movemos. Recuerden que es menú de aplicación y:
Imagen
Imagen
Imagen
Imagen
Imagen

Ahora hay dos opciones para ponerle nombres a los iconos. La primera es editando la opción ICON CAPTION. Nos vamos al menú de aplicación y:
Imagen
Imagen

Como se darán cuenta hay varias opciones:
No caption = Sin nombre
Below icon = Bajo la imagen
Icon base = En la parte inferior del icono
Icon top = En la parte superior del icono
Above icon = Sobre la imagen.

Usaré Below icon:
Imagen
Imagen

Si quieren cambiar el nombre del icono, nos vamos al menú de aplicación y:
Imagen
Imagen

En esta opción no se puede quitar el contorno de las letras, ni cambiar el tamaño ni color de las mismas; yo por eso prefiero ponerle los nombres con una aplicación que se llama GDESK NOTEPAD. Primero quitamos el nombre, nos vamos a menú de aplicación y:
Imagen
Imagen

Después agregamos el GDESK NOTEPAD entrando a menú de programa y:
Imagen
Imagen
Imagen

Ya que nos apareció este icono, lo seleccionamos y editamos el nombre, menú de aplicación y:
Imagen
Imagen
Imagen

Ahora editaremos la transparencia del fondo. Menú de aplicación y:
Imagen
Imagen
Imagen

Ahora editaremos el tamaño del notepad, lo seleccionamos y oprimimos la tecla 5, y las tecla 2,8,4,6 para cambiar el tamaño. Se darán cuenta que cambia la forma del contorno cuando oprimen la tecla 5. Cuando ya lo tengan del tamaño que quieran vuelven a oprimir la tecla 5 y ya esta normal otra vez, entonces lo movemos debajo del icono para que quede así:
Imagen
Imagen
Imagen
Imagen
Imagen

Ahora le vamos a cambiar el color. Hay 2 opciones:
Background RGB = Para cambiar el color del contorno de la letra.
Text RGB = Para cambiar el color de la letra.

Lo seleccionamos, menú de aplicación y:
Imagen
Imagen
Imagen
Imagen

También le podemos cambiar el tamaño como mejor nos parezca. Lo seleccionamos, menú de aplicación y:
Imagen
Imagen

Inferior de la pantalla:
Imagen
Imagen
Imagen

Hay algunas aplicaciones en las cuales el icono no aparece, por ejemplo Assassin's Creed. Solo sabemos que esta seleccionada la app porque aparece el nombre de la aplicación o juego en la parte central inferior de la pantalla, pero podemos cambiarle el icono, como ya hemos visto anteriormente. Por si no se acuerdan, lo seleccionamos , menú de aplicación y:
Imagen

Ahora supongamos que ya tenemos varias aplicaciones y queremos comprobar si están bien alineados los iconos. Tenemos 2 opciones:
Use small grid = aparecen puntos pequeños.
Use grid = aparecen puntos mas grandes.

Menú de programa y:
Imagen
Imagen
Imagen
Imagen
Imagen
Imagen


Para quitarlo, volvemos a seleccionar la opción que hayamos elegido:
Imagen
Imagen

Ahora vamos a agregar una pagina o paginas nuevas (podemos usar las que necesitemos). Menú de programa y:
Imagen
Imagen
Imagen

Como se dan cuenta nos aparece una pagina limpia que solo tiene la imagen de fondo que seleccionamos anteriormente. Para regresarnos a la pagina que estábamos editando, vamos a menú de programa y:
Imagen

Ahora agregaremos un page link, o enlace de pagina,Nos vamos al menú de programa y:
Imagen
Imagen
Imagen
Imagen


Todas las aplicaciones y programas que agreguemos siempre aparecerán en el centro de la pantalla. Supongamos que ya tenemos la primer pagina casi terminada:
Imagen

Y queremos agregarle unos nombres mas pequeños a las aplicaciones de abajo. Agregamos un gdesk notepad y le modificamos el contorno y el tamaño:
Imagen

Si quieren mover algunos iconos o nombres a otra pagina tal cual aparecen en la primera, hay que seleccionarles, menú de aplicación y:
(Pueden copiar todos los iconos si asi lo desean)
Imagen
Imagen
Imagen

Como se darán cuenta, aparece en la otra pagina tal cual. Ahora supongamos que ya acabamos nuestro diseño; Yo les pongo de ejemplo estos 3 tipos:
Imagen
Imagen
Imagen

Ahora vamos a grabar nuestro diseño: Menú de programa y:
(Para volverlo a cargar seleccionan load design y seleccionan el archivo que tiene extensión .gdd)
Imagen
Imagen

Cuando seleccionemos la opción DONE, ya podemos usar el diseño normalmente. Esto quiere decir que ya se cerraron las funciones de diseño. Para volver a seguir diseñando nos vamos al menú de programa y seleccionamos la opción diseño.
Imagen

Cuando ya hayan seleccionado DONE el menú de programa será diferente. Para quitar el nombre de las aplicaciones que aparece en la parte central inferior de la pantalla, nos vamos al menú del programa (solo después de seleccionar DONE) y:
Imagen
Imagen
Imagen
Imagen

Si quieren cambiar el contorno de los iconos cuando son seleccionados, hay que ir al menú de programa, si ya habíamos seleccionado DONE hay que seleccionar la opción diseño y:
Imagen
Imagen
Imagen
Imagen

Podemos cambiar el contorno por el color que más nos guste.
Ahora hay una opción que se llama SET JOG ORDER. Esto sirve para cuando acabemos nuestro diseño, que icono va a ser el primero en ser seleccionado por el cursor. Nos vamos a menú de programa después de haber seleccionado DESIGN (si ya habíamos seleccionado DONE y:
Imagen
Imagen
Imagen

Todos los números que aparecen en los iconos es el orden en que se moverá el cursor, en orden ascendente. El 1 será seleccionado primero y así sucesivamente. Seleccionamos el icono y con las tecla 2 y 8 cambiaremos el numero. Yo recomendaría que el icono de ajustes sea el primero en ser seleccionado:
Imagen

Como verán el icono de ajustes tiene ahora el numero 1, lo que quiere decir que al terminar el diseño y seleccionar DONE, este será el primer icono en ser seleccionado. Para quitar el jog order seleccionamos otra vez la misma opción, menú de programa y:
Imagen
Imagen
Imagen

Y es asi que ya tenemos nuestro diseño.


Bueno, es bastante extenso, y según el autor de este tema habrá una segunda parte, asi que habrá que esperar, pero considero que es lo más explicativo posible.
Los créditos van para Wiluis por el GDesk v0.33d y para kommodoro por esta guía, corregida y modificada por mi, ambos de ERDS.

Salu2! ;D
Última edición por Anonymous el Mar Jun 30, 2009 2:36 am, editado 1 vez en total.
Feuer Und Wasser
xTreme Argimmer
xTreme Argimmer
Mensajes: 3688
Registrado: Lun Dic 17, 2007 1:11 am
Ubicación: -
Agradecido: 0
Agradecimiento recibido: 0
Contactar:

Re: [SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Mensaje por Feuer Und Wasser »

No se como se me pasó por alto este super tutorial,te hago una pregunta Facu,es realmente funcional?,me refiero a si es sólo una cuestión gráfica digamos para resumir.
Avatar de Usuario
FåÇüNС§|-|º
Staff del Foro
Staff del Foro
Mensajes: 4452
Registrado: Dom Ago 10, 2008 4:56 am
Ubicación: Mar del Plata
Agradecido: 0
Agradecimiento recibido: 0

Re: [SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Mensaje por FåÇüNС§|-|º »

Yo no le encuentro mucha funcionalidad que digamos por lo menos yo... Será que me volví loco para intentar hacer algo con esto y desistí, je! Es tan solo pegarle una lavada de cara al escritorio del teléfono creando uno completamente distinto, personalizable al 100% y pudiendo asi tener nuevas formas de visualizar y acceder al contenido del mismo. Asi lo veo yo por lo menos. El que se da maña para estas cosas lo puede hacer en un ratito y tener un nuevo teléfono, estéticamente hablando.
Feuer Und Wasser
xTreme Argimmer
xTreme Argimmer
Mensajes: 3688
Registrado: Lun Dic 17, 2007 1:11 am
Ubicación: -
Agradecido: 0
Agradecimiento recibido: 0
Contactar:

Re: [SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Mensaje por Feuer Und Wasser »

Ok Facu lo hago este finde si puedo,tremendo el tuto gracias.
Avatar de Usuario
FåÇüNС§|-|º
Staff del Foro
Staff del Foro
Mensajes: 4452
Registrado: Dom Ago 10, 2008 4:56 am
Ubicación: Mar del Plata
Agradecido: 0
Agradecimiento recibido: 0

Re: [SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Mensaje por FåÇüNС§|-|º »

Dale! Comenta después que tal te fue :D
mendozaram
Nuevo Usuario
Nuevo Usuario
Mensajes: 1
Registrado: Mar Jul 27, 2010 6:39 pm
Agradecido: 0
Agradecimiento recibido: 0

Re:[SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Mensaje por mendozaram »

hola a todos, excelente guia, voy paso a paso creando un tema pero, llegue a la parte de agregar el icono del medidor de bateria y dice el tuto que le de a Set Icon, en ese momento la app pregunta en donde esta ubicado el mismo... y en realidad no encuentro donde ubicar ese icono de medidor de bateria de 6 frames ??? :S :S

Gracias por adelantado

Suert & Salu2
anto555
Nuevo Usuario
Nuevo Usuario
Mensajes: 3
Registrado: Dom Nov 07, 2010 7:44 pm
Agradecido: 0
Agradecimiento recibido: 0

Re:[SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Mensaje por anto555 »

Hola, me parece excelente tu tutorial, se entiende perfecto, pero tengo solo un duda, cuando le quiero cambiar el icono, que luego entro y lo busco en la tarjeta de memoria o en el telefono, lo elijo y acepto pero no me lo cambia y no tengo idea de porque, yo tengo el gdesk 0.33d pero no me permite cambiarlo, yo a la aplicacion la tengo en español y lo que hago es apretar poner icono sobre uno que ya esta, tenes idea de porque no lo cambia, te agradeceria muchisimo, igual lo hago ahora por el exelente tutorial, bueno saludos y espero tu respuesta
josue2995
Nuevo Usuario
Nuevo Usuario
Mensajes: 6
Registrado: Mar Feb 07, 2012 5:56 pm
Agradecido: 0
Agradecimiento recibido: 0

Re: [SYMBIAN] GDesk - Guía de diseño y uso (con imágenes)

Mensaje por josue2995 »

Feuer Und Wasser escribió: No se como se me pasó por alto este super tutorial,te hago una pregunta Facu,es realmente funcional?,me refiero a si es sólo una cuestión gráfica digamos para resumir.
yo creo q no men xq lo hice en un nokia e63 y me funka de lujo super
pero quisiera q pusiera uno para crear un tema gdesk de windows 7
seria lo mas padre
saludos desde guayaquil
Responder