últimos mensajes de: Songoku

Tutorial CreateInstall

En este tutorial voy a tratar de explicar paso a paso como crear un instalador de aspecto y funcionalidad igual a la de un instalador profesional de esos programas pequeños o grandes que al carecer de ellos pueden parecer “cutres” o que se les toma menos en serio. Además la instalación de esos programas es mas pesada teniendo que llevarlos a una carpeta y que sacar los accesos directos acaso al escritorio y/o al menú inicio de forma manual. Así que un instalador no solo dará más seriedad al programa sino que además lo hará más práctico y funcional. En fin dejémonos de rollos y vamos al tema.

Solo decir antes que este no es más que un ejemplo para que veáis como se hace pero esta hecho con mis preferencias personales y por tanto si las vuestras son distintas es bien sencillo cambiarlas una vez dominéis como es la creación del instalador. Y cuando hablo de preferencias me refiero a si se desea que el instalador cree acceso directo en el escritorio o si se quiere que cree un desinstalador o si se este debe ser accesible desde el menú inicio así como también las imágenes de fondo del programa de instalación o la fuente y los mensajes que el instalador nos ira dando mientras se instala/desinstala el programa o incluso sobre los iconos que queremos utilizar o si queremos los que pone por defecto.

Al abrir el CreateInstall nos mostrara una pantalla como esta:

En la que lo primero será picar en el botón “Nuevo” y en el cajetin que se abrirá escribir el nombre del proyecto ósea para aclararnos el nombre del programa que vamos a crear con instalador y distinguirle así de los demás proyectos que podamos crear y memorizar opcionalmente picando al terminarlo en el botón “Guardar”. Una vez puesto el nombre deberemos picar en la carpetita que esta en la parte derecha de lo de “Directorio de salida” y elegir e directorio donde queremos que el CreateInstall nos guarde el instalador una vez creado, por supuesto sirve cualquier directorio menos el directorio donde tengamos los archivos con los que vamos a crear nuestro instalador.

Después en lo de “Ejecutable de la instalación” pondremos el nombre que queramos que tenga nuestro instalador, como veis en este caso como el proyecto es la creación de un instalador para el programita CrackSearcher pues al instalador le hemos puesto el nombre de “setup cracksearcher.exe” pero podéis ponerle el que os apetezca siempre que finalice con la extensión EXE.
Por ultimo marcar si no esta marcada la casilla de “Crear instalación auto-extraible” y en lo de “Icono de la instalación” dejarlo en blanco según mis preferencias pero si tienen algún archivo ICO con un icono y les apetece ponerle pues piquen en la carpetita y busquen en el explorador la ruta de su archivo ICO. Y para terminar ya en esta ventana tendremos que picar en la pestaña “Archivos” como se aprecia en la imagen, con lo que se nos mostrara algo así:

En esta ventana picaremos en el botón con el signo “+” y se nos abrirá esa segunda ventanita que vemos en la imagen ósea la que esta en el medio de las tres que se ven, pues en ella picaremos en esa carpetita que se ve rodeada del circulo para que a su vez se nos habrá esa tercera ventana que es un explorador de Windows donde buscaremos la carpeta donde estarán los archivos y/o carpetas que queramos incluir en el instalador (Todo lo que haya en esa carpeta será incluido en la instalación así que tenerla vacía del todo con únicamente los archivos del programa del que queremos crear el instalador) y picar en “Aceptar”. Después hay donde pone “Nombre del grupo (máx…” pondremos el nombre del programa al que estamos creando el instalador o el que queramos teniendo en cuenta que en el menú inicio la carpetita que contendrá los accesos directos de nuestro programa tendrá el nombre que pongamos hay, por tanto en este caso podremos CrackSearcher como podéis ver.

Echo esto a continuación picamos en la pestaña “Asistente” para que se nos muestre lo siguiente:

Aquí se nos abre un menú en el lado izquierdo en el que iremos haciendo lo siguiente: (Aquí es donde entran las preferencias de cada uno, si siguen los pasos que yo voy a dar y marcan todo tal y como ven en las imágenes crearan un instalador perfectamente a mi gusto pero ustedes pueden hacer sus cambios según sus gustos cuando vayan viendo como funciona esto)
Piquen en el menú de la izquierda en “General” y en “Idioma de la instalación por defecto” pongan “Spanish”, lo demás no lo toquen según mis preferencias.
Sáltense el menú “Al empezar” y pasen directamente al de “Diálogos” con lo que les saldrá esto:

Aquí de nuevo según mis preferencias en la pestaña “Bienve…” marcar la casilla “Mostrar Dialogo” y lo demás tal y como se ve en la imagen pero si quieren añadir imágenes al instalador… pues eso ya prueben ustedes mismos.
Después salten a la pestaña “Ruta d…” y pongan todo tal y como se ve en la imagen de abajo.

Por supuesto la ruta de la instalación pueden ustedes cambiarla por la que les apetezca aunque yo recomiendo que siempre pongan la de C:\Archivos de programa\y nombre de la carpeta donde estará instalado el programa. En fin como ya he dicho pueden personalizar su instalador y si desean imagen personalizada pues marquen la casilla de “Enseñar bitmap de la izquierda” y busquen su imagen picando en la carpetita pero eso ya lo dejo a su imaginación y mi consejo es que contra menos tonterías mejor y menos pesara el instalador y además quedara mas serio.
Luego en la pestaña “Progreso” poner todo tal y como ven en esta imagen de abajo:

Por supuesto la frase que hay en lo de “Texto de progreso personalizado:” la pueden cambiar por la que quieran ustedes y al igual que antes lo de la imagen personalizada esta a su imaginación si la quieren poner.
Y por ultimo para terminar en este menú piquen en la pestaña “Finalizar” para que se muestre esto:

Al igual que antes pueden cambiar su frase en lo de “Texto final personalizado” y lo demás tal y como se ve en la imagen salvo si quieren poner una imagen de fondo como ya digo.

Pues ahora ya en el menú de la izquierda picar en “Desempaquetar” y se les mostrara algo así:

Pues aquí picamos en la pestaña ”Setup files” y picamos en el botón con el signo “+” para que se nos abra la ventanita que se ve en la parte de la derecha donde tendremos que seleccionar en lo de “Nombre del grupo de datos” el nombre del programa al que estamos creando el instalador que en este caso como ven es el CrackSearcher y picar en el botón “Sí”.

Ahora picamos en el menú de la izquierda en “Accesos directos” para que se muestre esta ventana:

Bueno a esas alturas ya vamos comprendiendo la dinámica del programa ¿no? Pues eso que picar en el botón con el signo “+” para que se abra la ventanita que ven por encima de la principal y rellenen los campos tal y como los ven, ósea en el campo “Acceso directo de destino” en “Directorio de destino” elegiremos “PROGRAM GROUP” para elegir el directorio del menú inicio pero si queremos que el acceso directo que cree el instalador sea en el escritorio pues seleccionaríamos “DESKTOP” y bueno en “Nombre del acceso directo” pues ya saben pongan el nombre que pondrá debajo del icono que en este caso es CrackSearcher como pueden ver.
Y en el campo “Archivo de destino” en “Directorio de destino” pongan lo que se ve e la imagen mientras que en lo de “Nombre del archivo” pongan el nombre del archivo con su extensión EXE en este caso al que apuntara el acceso directo que como ven en nuestro caso es el CrackSearcher.
Y por ultimo en “Directorio de trabajo” seleccionen “INSTALL PATH” y piquen en el botón “Sí” con lo que ya habrán creado un acceso directo, después para añadir mas accesos directos del mismo ejecutable por ejemplo si este que han creado era para el menú inicio y también quieren otro para el escritorio pues piquen de nuevo en el signo “+” y repitan todo pero esta vez en vez de “PROGRAM GROUP” pues seleccionen “DESKTOP” como ya he dicho o si quieren que el programa se inicie con Windows pues creen otro acceso directo pero en este caso seleccionen “STARTUP”. Pueden crear todos los accesos directos que quieran y de cualquier archivo ósea no solo de los EXE sino de cualquiera o de cualquier carpeta poniendo su nombre en vez de el de el archivo.

Y por ultimo hago mención a que si piensan crear un desinstalador y también quieren tener un acceso directo de el desde el menú inicio pues solo pongan el nombre que le piensan dar y lo demás todo igual excepto que en lo de “Directorio de trabajo” debe poner “INDEFINITE”. Y si se equivocan para eliminar un acceso directo solo selecciónenle y piquen en el botón con el signo “-“ ósea el signo negativo. Pongo la imagen de cómo seria la creación del acceso directo del desinstalador para mayor claridad. Seria así:

Después en la pestaña “Opciones” si quieren marquen la casilla de “Abrir después de la instalación” pero no se lo recomiendo.

Pues ahora ya pasamos en el menú de la izquierda a “Al finalizar” y en la pestaña “Otras” desmarquen “forzar reinicio” o ese es mi consejo pero hagan lo que quieran.

Y para terminar con el menú de la izquierda piquen en “Desinstalación” para que les salga esta ventana:

En esta ultima ventana en la pestaña “General” pondremos todo tal y como ven en la imagen a no ser que no queramos desinstalador y por tanto no debemos marcar la casilla de “Incluir desisntalador” pero si la marcamos pues debemos dar al desinstalador el nombre que queramos que si hemos creado para el un acceso directo tendrá que ser el nombre que le pusimos para crear el acceso directo sino el acceso directo no funcionara. Y en lo de “Icono personalizado del Desinstalador” yo le e puesto uno como ven pero si no ponen ninguno el programa ya le pone uno bien lindo así que ese espacio lo pueden dejar en blanco si quieren o sino tienen un archivo ICO que les sirva.
Ahora pasen a la pestaña “Añadir o quitar programas” y en lo de “Nombre para Añadir/Quitar programa” pongan el nombre con el que quieran que aparezca su programa en la lista de agregar y quitar programas de Windows.
Luego en la pestaña “Confirmación” pongan como ven en la imagen de abajo:

Pero claro está también pueden poner la frase que quieran y usar imagen de fondo o no según sus gustos.
Pasen a la pestaña “Progreso” y verán algo así:

Igual que antes pueden poner esa frase o la que mejor les convenga y con lo de las imágenes pues igual. Y por ultimo en la pestaña “Finalizar”…

De nuevo elijan la frase que quieran o dejen la que se muestra en la imagen y elijan si quieren imagen de fondo y demás. El resto de las opciones de estas imágenes de las pestañas déjenlas tal y como se ven, de hecho si en algo tienen alguna duda simplemente pónganlo tal y como sale en las imágenes y les saldrá un estupendo instalador y cuando vayan aprendiendo las muchas opciones que da ese estupendo programa que es el CreateInstall ya podrán ir personalizando sus proyectos.

Bueno ya se que esto ya se empieza a hacer largo y pesado pero todo esto no es necesario que lo repitan todas las veces pues si guardan el proyecto en el CreateInstall solo tendrán que hacer pequeños cambios como son los accesos directos y cosas así y todo el resto del proyecto como las frases y demás les servirá para otros proyectos con lo que en unos pocos segundos como es mi caso creo el instalador de otro programa modificando ligeramente el proyecto que siempre tengo guardado del ultimo programa al que le e creado instalador. En fin ya verán como cuando se familiaricen con el CreateInstall su uso les parecerá facilísimo.

Y ahora ya para terminar solo nos queda picar en el botón “Generar” de la parte superior del programa y saldrá una ventana de ms-dos como esta:

Y dependiendo de lo que grande que fuera el programa al que estamos creando el instalador esta ventana estará un rato mayor o menor pero en cualquier caso no pasa de unos segundos y cuando ponga en su parte de abajo lo que pueden ver en la imagen, ósea “Press any key…” presionen la tecla “Intro” de su teclado y la pantalla desaparecerá y ya podemos cerrar el CreateInstall e ir al directorio que elegimos al principio para que nos guardara allí el instalador porque allí le tendremos listo para instalarse si lo deseamos.

Anexo para si quieren crear un instalador que tenga que instalar archivos no solo en una carpeta sino en varias.

Para hacer que otros archivos se instalen en otras carpetas haremos lo siguiente:

Cuando lleguemos a este paso:

Despues de hacer lo que dice en el tutorial para añadir la parte principal de los archivos que compondrán el programa pues volvemos a picar en el signo "+" y añadimos el/los archivos que queramos que se instalen en otra carpeta y por supuesto en "Nombre del grupo" pondremos un nombre que nos sirva para luego reconocer ese grupo de archivos de los demás grupos que podemos ir creando pues deberemos crear un grupo por cada carpeta en la que queramos instalar uno o varios archivos.

Y una vez hecho esto pues todo igual hasta que lleguemos a esta parte del tutorial:

En esta parte también deberemos volver a picar en el signo "+" y en la ventanita que se abre pues en lo de “Nombre del grupo de datos” seleccionar uno de los grupos que hemos creado antes y en lo de "Ruta" en vez de dejar lo de "INSTALL PATH" pues debemos seleccionar "CUSTOM PATH" y se nos iluminara la casilla de "Personalizada" en la que deberemos escribir la ruta en la que queremos que se instalen los archivos de ese grupo. Abra que repetir esto con cada grupo que hayamos creado hasta que estén todos.
Cualquier duda me la comentáis, se que parece lioso pero si miráis un poco en el programa veréis que no lo es.

Pues eso es todo, ¡que disfruten creando sus instaladores!

El CreateInstall lo pueden descargar en español en la web de mi firma.
Saludos...

Songoku