{{indexmenu_n>1}} ====== XOneStudio 4.0 ====== \\ **XOne Studio** es una herramienta de desarrollo que sirve para dar soporte a los programadores, es decir, es un Entorno de Desarrollo Integrado (IDE) que permite programar, modificar o distribuir las aplicaciones desarrolladas en XOne de forma sencilla, rápida y eficaz.\\ **XOne Studio** consigue que con la ayuda en la programación y con las plantillas que ofrece a los desarrolladores nóveles o con experiencia, prácticamente no se necesiten grandes conocimientos del dispositivo, ni tampoco de la base de datos donde se esté creando el sistema. \\ De esta forma, un programador puede consumir tiempos impensables en la construcción o ampliación de módulos, reduciéndose considerablemente el tiempo de programación.\\ La amplia escalabilidad de esta solución, completamente modulada, permite comenzar con proyectos piloto de escasa complejidad y transformarlos en productos muy acabados y versátiles. \\ ====== ESTRUCTURA DE CARPETAS. Forma de trabajar con XOneStudio 4.0 ====== ==== Estructura de Carpetas ==== \\ En la carpeta raíz del proyecto tendremos carpetas y ficheros nuevos que en la versión anterior no teníamos:\\ \\ {{ :f.-herramientas:f01.-xonestudio:carpeta1.png |}}\\ \\ \\ {{ :f.-herramientas:f01.-xonestudio:carpeta2.png |}}\\ \\ {{ :f.-herramientas:f01.-xonestudio:carpeta3.png |}}\\ \\ \\ {{ :f.-herramientas:f01.-xonestudio:carpeta4.png |}}\\ \\ \\ ==== Estructura dentro del XOneStudio ==== \\ En esta sección explicaremos la nueva forma de trabajar con el nuevo **XOneStudio**.\\ \\ Esta nueva forma de trabajo se basa en la partición del //mappings// por colecciones, lo que hace que sea más fácil trabajar ya que solo tendremos en pantalla la colección con la que estemos trabajando.\\ \\ Ver ejemplos: Figura 1.5 y Figura 1.6 \\ {{ :f.-herramientas:f01.-xonestudio:carpeta5.png |}}\\ \\ También contaremos con unas características similares para las __funciones y los CSS.__ \\ \\ Ver ejemplos: Figura 1.7 y Figura 1.8 respectivamente \\ {{ :f.-herramientas:f01.-xonestudio:carpeta6.png |}}\\ \\ Por último, contaremos con un explorador de ficheros que nos mostrará los ficheros que existen en la carpeta del proyecto.\\ \\ En este listado de ficheros veremos que tenemos el **mappings y mappignsV2**, como en la nueva forma de trabajo del **XOneStudio** no se trabaja con el archivo //mappings// en su totalidad, estos ficheros **solo** se abrirán en **modo lectura** y no contará con ninguna de las nuevas características del nuevo **XOneStudio**. \\ \\ Ver ejemplo: Figura 1.9 \\ {{ :f.-herramientas:f01.-xonestudio:carpeta7.png |}} ===== MENÚ PRINCIPAL ===== \\ En la siguiente imagen podemos ver la pantalla inicial que tendremos una vez que accedemos a la herramienta de desarrollo **XOne Studio**: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen1.png?900 |}}\\ \\ La siguiente imagen nos muestra la pantalla que obtendremos una vez que abramos el proyecto que queramos con el que vayamos a trabajar: veremos que la pantalla principal está dividida en diversas ventanas:\\ \\ __La primera ventana__ (siguiendo orden de izquierda a derecha) es la ventana correspondiente al **explorador de ficheros** donde vemos todos los ficheros, colecciones, archivos... que contiene nuestro proyecto.\\ __La segunda ventana__ es la **página de inicio**, donde podremos abrir el proyecto, ficheros, crear un nuevo proyecto... \\ __La tercera ventana__ es el **editor de texto**, aquí es donde se ven los códigos de edición de XML.\\ __La cuarta ventana__ es donde visualizaremos el **diseñador, toolbox y propiedades**. \\ __La última ventana__ que visualizamos está en la parte inferior y corresponde a la **lista de errores, a la lista de búsqueda y a la consola de mensajes**. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen2.png?900 |}} \\ {{ :f.-herramientas:f01.-xonestudio:imagen3.png?900 |}}\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagenprincipal2.png |}} \\ {{ :f.-herramientas:f01.-xonestudio:imagenprincipal3.png |}}\\ \\ En la parte superior de la pantalla del **MENÚ PRINCIPAL** de **XOneStudio** encontramos una **Barra de Herramientas** con una serie de pestañas que contienen las funciones principales de la herramienta de desarrollo, estas pestañas son:\\ - **ARCHIVO** - **VER** - **HERRAMIENTAS** - **BASE DE DATOS** - **PUBLICAR** - **AYUDA** \\ {{:f.-herramientas:f01.-xonestudio:imagen4.png?700|}} \\ A continuación veremos más detalladamente las funcionalidades de cada una de estas pestañas principales.\\ \\ \\ ===== ARCHIVO ===== \\ Esta pestaña es el menú que asigna las funciones básicas para el manejo de los documentos del proyecto, es decir, la parte administrativa del mismo. \\ Al pinchar en ella, aparecerá un desplegable con las siguientes funciones:\\ \\ * **Nuevo proyecto** * **Abrir proyecto** * **Abrir fichero** * **Cerrar proyecto** * **Grabar** * **Cerrar** * **Ficheros recientes** \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen5.png |}} \\ \\ ==== Nuevo Proyecto ==== \\ Si pinchamos sobre esta función, nos aparecerá un **box** con diversos campos para cumplimentar, tales como **nombre del proyecto, ruta, examinar** y finalmente los botones de **ACEPTAR y CANCELAR**: \\ \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen_6.png |}} \\ Si pulsamos en el botón **EXAMINAR**, aparecerá la siguiente pantalla de búsqueda, para elegir la ruta donde queramos guardar el nuevo proyecto, o bien crear una carpeta nueva:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen7.png |}} \\ \\ ==== Abrir Proyecto ==== \\ Al pinchar sobre esta función se abrirán todos los archivos del programa para examinar los distintos archivos y proyectos, y desde aquí podremos abrir el fichero del proyecto que queramos: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen8.png |}} \\ Al abrir un proyecto en concreto, nos aparecerán todos los datos del mismo, como los ficheros que contiene, las bases de datos, el listado de errores, las distintas fuentes, funciones, los iconos, ...etc: \\ {{ :f.-herramientas:f01.-xonestudio:imagen9.png |}} \\ \\ ==== Abrir Fichero ==== \\ Esta función permitirá abrir el fichero del proyecto que queramos.\\ \\ ==== Cerrar Proyecto ==== \\ Función para cerrar el proyecto con el que estemos trabajando. \\ \\ ==== Grabar ==== \\ Función para grabar y guardar los cambios que hayamos introducido. \\ \\ ==== Cerrar ==== \\ Función para cerrar el proyecto y salir de la aplicación **XOne Studio.** \\ \\ ==== Ficheros recientes ==== \\ Muestra historial de todos los ficheros recientes que hayamos abierto. \\ \\ \\ ===== VER ===== \\ El menú desplegable que aparece si pinchamos sobre la pestaña “**VER**” contiene todos los controles relacionados con las distintas opciones de visualización de las herramientas con las que vamos a trabajar, si pinchamos en el desplegable se abren los controles con los que cuenta, que son: \\ \\ * **Página de inicio** * **Barra de herramientas** * **Propiedades** * **Explorador de ficheros** * **Explorador de colecciones** * **Diseñador** * **Lista de errores** * **Lista de búsqueda** * **Consola de mensajes** * **Esquema del documento** * **Estructura del mappings** \\ {{ :f.-herramientas:f01.-xonestudio:imagen10.png |}} \\ \\ ==== Página de Inicio ==== \\ Al pinchar en esta función, se nos abrirá la página de inicio de **XOne Studio** con distintos archivos como:\\ \\ **INDICE**, en el cual tendremos las acciones **Nuevo Proyecto, Abrir proyecto, Convertir a Proyecto, Abrir Fichero**. \\ **RECIENTES**, donde tendremos un listado con los proyectos recientes que hayamos abierto. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen11.png |}} \\ \\ ==== Barra de Herramientas ==== \\ **__Toolbox__**: Son los controles comunes que la tecnología **XOne** ofrece a los desarrolladores, como etiquetas, texto, video, foto, frames…\\ Este box se puede mover y permite arrastrar todos los controles que queramos a nuestra aplicación para incluirlos en la misma:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen12.png |}} \\ La **barra de herramientas** está compuesta por una serie de botones de acción, como:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen13.png |}} \\ \\ **Los botones se detallan a continuación en el siguiente cuadro de iconos**: \\ ==== ICONOS ==== \\ \\ ^ ICONO ^ **FUNCIÓN** ^ | {{ :f.-herramientas:f01.-xonestudio:icono1.png |}} |Archivo Nuevo| | {{ :f.-herramientas:f01.-xonestudio:icono2.png |}} |Abrir Archivo| | {{ :f.-herramientas:f01.-xonestudio:icono3.png |}} |Grabar| | {{ :f.-herramientas:f01.-xonestudio:icono4.png |}} |Guardar todo| | {{ :f.-herramientas:f01.-xonestudio:icono5.png |}} |Copiar| | {{ :f.-herramientas:f01.-xonestudio:icono6.png |}} |Cortar| | {{ :f.-herramientas:f01.-xonestudio:icono7.png |}} |Pegar| | {{ :f.-herramientas:f01.-xonestudio:icono8.png |}} |Anterior| | {{ :f.-herramientas:f01.-xonestudio:icono9.png |}} |Siguiente| | {{ :f.-herramientas:f01.-xonestudio:icono10.png |}} |Expandir| | {{ :f.-herramientas:f01.-xonestudio:icono11.png |}} |Insertar texto| | {{ :f.-herramientas:f01.-xonestudio:icono12.png |}} |Siguiente| | {{ :f.-herramientas:f01.-xonestudio:icono16.png |}} |Seleccionar Modo| | {{ :f.-herramientas:f01.-xonestudio:icono17.png |}} |Combo| | {{ :f.-herramientas:f01.-xonestudio:icono18.png |}} |Icono Android | | {{ :f.-herramientas:f01.-xonestudio:icono19.png |}} |Icono Android- Windows| | {{ :f.-herramientas:f01.-xonestudio:icono20.png |}} |Seleccionar dispositivo | | {{ :f.-herramientas:f01.-xonestudio:icono21.png |}} |Copiar todo| | {{ :f.-herramientas:f01.-xonestudio:icono22.png |}} |Copiar Modificado| | {{ :f.-herramientas:f01.-xonestudio:icono24.png |}} |Pausar el depurador| | {{ :f.-herramientas:f01.-xonestudio:icono23.png |}}|Poner en marcha el depurador| \\ Si pinchamos en este icono {{:f.-herramientas:f01.-xonestudio:icono25.png|}} se despliega la **barra de herramientas** con iconos adicionales:\\ \\ \\ {{:f.-herramientas:f01.-xonestudio:icono26.png?900|}} \\ \\ \\ **Aparecen nuevos iconos, además de los que se muestran en el cuadro anterior** \\ \\ ^ ICONO ^ **FUNCIÓN** ^ |{{:f.-herramientas:f01.-xonestudio:icono27.png |}}|Mostrar sólo coincidencias | |{{:f.-herramientas:f01.-xonestudio:icono28.png |}}|Mostrar sólo palabras completas| |{{:f.-herramientas:f01.-xonestudio:icono32.png |}}|Usar expresiones regulares| |{{:f.-herramientas:f01.-xonestudio:icono29.png |}}|Muestra tipos de documentos| |{{:f.-herramientas:f01.-xonestudio:icono30.png |}}|Reemplazar siguiente| |{{:f.-herramientas:f01.-xonestudio:icono31.png|}}|Reemplazar todo| \\ \\ ==== Propiedades ==== \\ Esta función nos muestra el nombre y tipo de propiedades que contienen los elementos visuales. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen14.png |}} \\ \\ Para ello, si nos colocamos encima de un //prop//, por ejemplo, como en la siguiente imagen, en la pantalla de propiedades nos mostrará todas las propiedades de ese //prop// que hayamos señalado, como descripción, color, tamaño, anchura, alineación, márgenes, tipo de letra...etc: \\ Ejemplo propiedades de un prop \\ {{ :f.-herramientas:f01.-xonestudio:imagen15.png?800 |}} \\ {{ :f.-herramientas:f01.-xonestudio:imagen16.png?800 |}} \\ \\ ==== Explorador de Ficheros ==== \\ Nos mostrará todos los ficheros que contenga el proyecto, como:\\ * base de datos * archivos * fuentes * iconos * funciones * ... \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen17.png?800 |}} \\ Contiene una serie de iconos:\\ \\ {{:f.-herramientas:iconosexplorador.png|}} \\ \\ |{{:f.-herramientas:f01.-xonestudio:iconoexplorador1.png|}}|Abrir ubicación del proyecto| |{{:f.-herramientas:f01.-xonestudio:iconoexplorador2.png|}}|Actualizar| |{{:f.-herramientas:f01.-xonestudio:iconoexplorador3.png|}}|Contraer todo| |{{:f.-herramientas:f01.-xonestudio:iconoexplorador4.png|}}|Añadir CSS| |{{:f.-herramientas:f01.-xonestudio:iconoexplorador5.png|}}|Añadir VBS| \\ ==== Explorador de Colecciones ==== \\ Función que nos muestra todos los ficheros que hay en **Colecciones, Funciones y CSS** del proyecto. \\ \\ El apartado de **Colecciones**: contiene todas las colecciones de un proyecto. Podemos utilizar filtros para buscar las colecciones que queramos.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen18.png?800 |}} \\ Si pinchamos en el icono de **AÑADIR ITEM** {{:f.-herramientas:f01.-xonestudio:iconoanadir.png|}}aparece el **Asistente de Colecciones** con todas las plantillas disponibles: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen19.png |}} \\ **ASISTENTE DE COLECCIONES**\\ \\ Aquí es donde tendremos una extensa variedad de plantillas que podemos utilizar en nuestra aplicación. Es muy fácil de usar, tan solo debemos buscar la plantilla que queramos y configurarla.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen20.png?900 |}} \\ \\ Si le damos a la opción **BUSCADOR**, nos buscará todas las plantillas para incluir en nuestro proyecto, como:\\ * calendarios * catálogos * listados * gráficos * mapas * navegadores * menús * login * vista webs * etc...\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen21.png?900 |}}\\ \\ Si seleccionamos una plantilla cualquiera, nos aparecerá en tamaño mayor a la derecha de nuestra pantalla para una mejor visualización. La guardamos con el nombre que queramos.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen22.png?900 |}}\\ \\ Una vez que le hayamos puesto el nombre que queramos a nuestra plantilla, pulsamos en el botón **OK** y nos aparecerá el siguiente formulario con los datos de la plantilla seleccionada:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen23.png?800 |}}\\ \\ Y si pulsamos en el botón **ACEPTAR**, nos aparecerá en nuestra colección la plantilla que hayamos seleccionado, con el nombre que le hayamos asignado. \\ \\ Ejemplo, seleccionamos la opción de FILTRO COLECCIONES: \\ {{ :f.-herramientas:f01.-xonestudio:imagenprueba1.png |}} \\ \\ Y una vez aceptemos, nos aparecerá la opción de **FILTRO COLECCIONES** o la plantilla que hayamos elegido, integrada en nuestra colección, y en la pantalla del **DISEÑADOR** podremos visualizarla con más resolución:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagenprueba2.png?800 |}}\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagenprueba3.png |}} \\ El apartado **FUNCIONES** nos muestra las distintas funciones de las colecciones del proyecto.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen26.png?600 |}}\\ \\ El apartado **CSS**: son hojas de estilo en cascada para controlar el aspecto visual o presentación de nuestra aplicación. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen27.png?800 |}}\\ \\ \\ ==== Diseñador ==== \\ La función “**Diseñador**” permite visualizar la forma que va tomando nuestra aplicación. \\ Cuenta con varias funcionalidades: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen28.png?400 |}}\\ \\ **OPCIONES DEL DISEÑADOR**: Al pinchar en este combo tendremos varias opciones de visualización de distintos tipos de dispositivos y sistemas operativos, como iPhone, Galaxy, WP8. \\ Además, podremos cambiar la resolución de la anchura y la altura de la imagen, así como disminuir y reducir la vista de la misma (ver imagen inferior). \\ * El botón **RELLENAR** permite volver a la posición inicial.\\ * El botón **REFRESCAR** permite actualizar los datos. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen29.png?600 |}}\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen30.png?500 |}}\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen31.png?600 |}} \\ \\ ==== Lista de Errores ==== \\ La aplicación nos ofrece un listado completo de los errores y warnings que contienen los archivos del proyecto, nos muestra los datos del error, tales como el tipo de fichero, la colección, el número de línea o columna a la que pertenece, el tipo de error, el código, una breve descripción del error, así como el campo fecha y hora.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen32.png |}} \\ Si señalamos un error cualquiera de los que tenemos en la ventana del listado de errores, nos aparecerá la localización exacta de dicho error en la ventana del editor de XML:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagenerror.png |}} ==== Lista de Búsquedas ==== \\ Al pinchar en esta función nos mostrará todas las búsquedas que hayamos realizado y nos informará a qué fichero, línea y columna pertenece dicha búsqueda:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen33.png |}} \\ \\ ==== Consola de Mensajes (XOne Output)==== \\ Nos mostrará los tipos de mensajes enviados: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen34.png |}} \\ Si desplegamos el combo **ALL**,{{:f.-herramientas:f01.-xonestudio:iconoall.png|}} situado en la parte superior izquierda de la pantalla, nos aparecerán todos los tipos de mensaje que hay: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen35.png |}} \\ \\ Tendremos la posibilidad de bloquear el texto, editarlo o comenzar el Logcat.{{:f.-herramientas:f01.-xonestudio:iconologcat.png|}}\\ \\ \\ ===== HERRAMIENTAS ===== \\ Esta pestaña contiene un conjunto de herramientas que permiten dar soporte al proyecto.\\ En el desplegable que obtenemos al abrirla aparecen las siguientes herramientas:\\ \\ * Compilar * Optimizar * **Traducir mappings** * Instalar de módulos * Android Runner * Android VNC Server * **Opciones** * **Actualizar XOne Studio** \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen36.png |}} \\ \\ ==== Traducir Mappings ==== \\ En esta función aparece el siguiente box de traductor de mappings con diversos campos para seleccionar el idioma original y el idioma a traducir que queramos (si pinchamos en el combo aparecerá un listado de los idiomas disponibles). \\ \\ Se podrán __borrar los datos, exportar archivos o utilizar el traductor__ de Google.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen37.png?800 |}} \\ {{ :f.-herramientas:f01.-xonestudio:imagen38.png?800 |}} \\ Si usamos el traductor de Google, aparecerá la siguiente pantalla con una barra de progreso de la traducción del idioma original al idioma a traducir:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen39.png?800 |}} \\ Cuando haya terminado de traducir todos los comandos que le hemos indicado, aparecerán en pantalla traducidos:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen40.png?800 |}} \\ \\ ==== Opciones ==== \\ En esta función tenemos las siguientes funcionalidades opcionales, es decir, podemos seleccionarlas, o no, según necesitemos:\\ \\ * **Generales** * **ADB** * **Actualizaciones** \\ * **Generales**: sirve para ajustar diversas funciones como opciones de grabación, compilar archivos, o incrementar versiones de forma automática. \\ {{ :f.-herramientas:f01.-xonestudio:imagen41.png?900 |}}\\ \\ * **ADB**: función para configurar el //ADB//. Para ello, es necesario poner la ruta del archivo //adb//, o bien buscarla en nuestro PC y probar con el dispositivo: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen42.png?900 |}} \\ * **Actualizaciones**: función para configurar las actualizaciones de forma automática. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen43.png?900 |}} \\ \\ ==== Actualizar XOne Studio ==== \\ Si pinchamos sobre esta función, la aplicación nos dirá las actualizaciones que tenemos y nos preguntará si queremos realizar dicha actualización. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen44.png |}} \\ \\ ===== BASE DE DATOS ===== \\ Esta pestaña contiene las siguientes funcionalidades:\\ \\ * **Generar/Actualizar gestion.db** * **Gen RL** * **Herramienta de base de datos** * **Gestor de base de datos** \\ {{ :f.-herramientas:f01.-xonestudio:imagen45.png |}} \\ \\ ==== Generar/Actualizar gestion.db ==== \\ Si pinchamos en esta función, la aplicación generará y actualizará la base de datos: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen46.png?400 |}} \\ {{ :f.-herramientas:f01.-xonestudio:imagen47.png?400 |}} \\ Una vez que ha sido ejecutada la base de datos, tenemos cuatro botones localizados en la parte superior, que son:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen47a.png?400 |}} \\ Si pinchamos sobre el botón **SOURCE**: aparece la siguiente pantalla con datos de la base de datos inicial, datos tales como tipo de archivo, mappings, script o base de datos, proveedor de la base de datos, la ruta del archivo o la cadena de conexión:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen48.png?400 |}} \\ Si pinchamos sobre **DATABASE**, en el desplegable del campo **PROVIDER** podremos ver el tipo de la base de datos: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen49.png?400 |}} \\ Podemos continuar con el botón **NEXT** o bien podemos pinchar sobre el siguiente botón **SELECCIÓN** donde tendremos varias opciones:\\ \\ * **Generar script /base de datos**, aquí podremos generar la estructura de las tablas, la fecha y los índices. * **Comparar destino con fuente**. * **Generar usando subqueries**. \\ Si pinchamos sobre la primera opción, la de **generar script/database**: hay que poner la ruta de la //sql//, o buscarla, poner los //MIDS//, y seleccionar las tablas.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen50.png?400 |}} \\ Igual que en el apartado anterior, podemos ir hacia adelante con el botón **NEXT** o bien con el siguiente botón **DEST**. \\ \\ Aquí elegiremos entre **archivo y base de datos**.\\ Además nos dará la ruta del archivo y la cadena de conexión, así como el destino de la base datos (pinchando en el combo tendremos distintas bases de datos) y el formato de fecha.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen51.png?400 |}}\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen52.png?400 |}} \\ {{ :f.-herramientas:f01.-xonestudio:imagen54.png?400 |}} \\ El botón **WIZZARD**, situado en la parte inferior derecha de la pantalla, sirve para configurar las conexiones de la base de datos, es una especie de asistente.\\ \\ En la imagen siguiente podemos ver la pantalla que nos sale si pulsamos en el botón **WIZZARD**, para generar el //SQL// de la base de datos.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen56.png?600 |}} \\ **WIZZARD** \\ Observamos que el asistente WIZZARD está compuesto de seis pestañas distintas: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen58.png |}}\\ \\ **A CONTINUACIÓN SE EXPLICAN LAS FUNCIONES DE CADA UNA DE LAS SEIS PESTAÑAS QUE CONTIENE WIZZARD**\\ \\ === System.Data.Odbc === \\ Al pinchar sobre esta pestaña, aparece una pantalla con una especie de formulario para cumplimentar los campos de **USER** y **PASSWORD**: \\ \\ {{:f.-herramientas:f01.-xonestudio:pestana77.png?100|}}\\ \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen59.png |}}\\ \\ En el tercer campo del formulario hay un combo situado en la parte derecha, al pinchar sobre él aparecen diferentes tipos de bases de datos:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen60.png |}} \\ Señalamos la que queramos y pulsamos en este icono{{:f.-herramientas:f01.-xonestudio:imagen61.png|}}para validar los datos, y nos aparecerá en la ventana de la parte inferior:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen62.png |}}\\ \\ En la parte inferior de la pantalla, hay dos botones. **TEST y OK**. \\ Si pulsamos en el botón **TEST**, nos aparece el mensaje de que se ha completado con éxito la generación de //script//:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen63.png |}}\\ \\ \\ === MySql.Data.MySqlClient === \\ Pinchando en esta pestaña nos aparece otro formulario con diversos campos para cumplimentar como **HOST, PORT, USER ID, PASSWORD y DATABASE.**\\ \\ {{:f.-herramientas:f01.-xonestudio:imagen64.png|}}\\ {{ :f.-herramientas:f01.-xonestudio:imagen65.png |}} \\ Hacemos lo mismo que en la vez anterior, y los datos nos aparecerán validados en la ventana inferior.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen66.png |}}\\ \\ Si pulsamos sobre el botón **TEST** y la operación se ha realizado con éxito, nos aparecerá el mismo mensaje que anteriormente, o bien si no hemos puesto algún dato, nos dará __mensaje de error__, como vemos en la imagen siguiente: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen67.png |}}\\ \\ \\ === System.Data.OracleClient === \\ Pinchando en esta pestaña, vemos que esta pestaña contiene tres opciones:\\ \\ {{:f.-herramientas:f01.-xonestudio:imagen73oracle.png|}}\\ \\ - **USING TNS** - **INTEGRATED SECURITY** - **OMITING TNSNAMES.ORA** En la primera opción, **USING TNS** tendremos otro formulario nuevo para insertar datos como **TNS, USER ID, PASSWORD** y validamos los datos:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen68.png |}}\\ \\ En la segunda opción, **INTEGRATED SECURITY**, debemos poner el **TNS** y validamos los datos: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen69.png |}}\\ \\ En la tercera opción, **OMITING TNSNAMES.ORA**, nos aparecerá otro formulario con datos para insertar como **HOST, PORT, SERVICE NAME, USER ID, PASSWORD**: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen70.png |}}\\ \\ Una vez introducidos los datos pulsamos en el icono de validar {{:f.-herramientas:f01.-xonestudio:imagen61.png|}} y aparecen los datos nuevamente en la ventana inferior: \\ {{ :f.-herramientas:f01.-xonestudio:imagen71.png |}} \\ Si al pinchar en el botón **TEST** y todo ha sido realizado con éxito, nos aparecerá el mensaje correspondiente, pero en caso de que la acción no haya sido completada con éxito éxito aparecerá el siguiente mensaje:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen72.png |}}\\ \\ \\ === System.Data.SqlClient === \\ Al pinchar sobre esta pestaña aparecerá otro formulario para cumplimentar, el cual está compuesto por dos opciones:\\ \\ {{:f.-herramientas:f01.-xonestudio:imagen73.png|}}\\ \\ - **STANDARD** - **INTEGRATED SECURITY** \\ En la opción **STANDARD**, debemos insertar datos de **DATA SOURCE, USER ID, PASSWORD y INITIAL CATALOG**.\\ Una vez introducidos los datos, le damos al icono de validar {{:f.-herramientas:f01.-xonestudio:imagen61.png|}} y después a **TEST**, para comprobar que todo está **OK**. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen74.png |}} \\ En la opción **INTEGRATED SECURITY**, tendremos dos campos para cumplimentar que son **DATA SOURCE e INITIAL CATALOG**. \\ \\ Hacemos lo mismo que en los pasos anteriores, validamos y probamos si todo se realizó de forma correcta. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen75.png |}}\\ \\ \\ === System.Data.SqlServerCe === \\ {{:f.-herramientas:f01.-xonestudio:imagen76.png|}}\\ Pinchando sobre esta pestaña tendremos que cumplimentar el campo **PATH** y en el icono de la lupa {{:f.-herramientas:f01.-xonestudio:imagen79.png|}}, podemos buscar la ruta y validarla con el icono{{:f.-herramientas:f01.-xonestudio:imagen61.png|}}. Si todo está correcto los datos de la ruta aparecerán reflejados en la ventana inferior. \\ Si pinchamos sobre el botón **TEST**, comprobamos que lo que hemos creado anteriormente ha sido realizado con éxito: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen77.png |}} \\ \\ === System.Data.SQLite === \\ {{:f.-herramientas:f01.-xonestudio:imagen78.png|}} \\ Al pinchar sobre esta última pestaña podremos generar la **SQLite**, para ello, realizaremos lo siguiente:\\ \\ En el icono de la lupa {{:f.-herramientas:f01.-xonestudio:imagen79.png|}} podemos buscar la ruta:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen80.png |}} \\ Y en el icono {{:f.-herramientas:f01.-xonestudio:imagen61.png|}} validamos los datos y nos aparecerán en el recuadro inferior los datos de la base de datos inicial:\\ {{ :f.-herramientas:f01.-xonestudio:imagen81.png |}}\\ \\ Si pulsamos sobre el botón **TEST**, nos aparece el siguiente mensaje de que todo se realizó con éxito, y pinchamos sobre **Aceptar**:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen82.png |}}\\ \\ Cuando hemos finalizado de utilizar el **WIZZARD** para configurar la **CADENA DE CONEXIÓN**, volveremos a la pantalla que teníamos al inicio, al pinchar sobre **START**, la pantalla que nos aparecerá será la correspondiente al botón **OUTPUT**, en la cual tendremos toda la información de la base de datos creada con WIZZARD como __ruta, destino, MID, creación de datos, creación de tablas…etc__.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen83.png?400 |}}\\ \\ \\ ==== Gen RL ==== \\ En esta funcionalidad podremos generar la relación de tablas, es decir, especificar la tabla que enlaza con otra table y a través de qué campo lo hace. \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen84.png |}} \\ \\ ==== Herramienta de BD ==== \\ Al igual que en el primer apartado de **GENERAR/ACTUALIZAR GESTION DB,** nos aparece una pantalla en la cual deberemos insertar diversos datos. \\ \\ Esta función está compuesta de cuatro botones principales que son:\\ - **SOURCE** - **SELECTION** - **DEST** - **OUTPUT** \\ {{ :f.-herramientas:f01.-xonestudio:imagen85.png?500 |}}\\ \\ En el botón **SOURCE**, debemos cumplimentar los datos del archivo como **Mapping, Script o Base de datos**.\\ \\ En las opciones de **MAPPINGS y SCRIPT** si pinchamos sobre el icono de color rojo de la lupa, podremos buscar el archivo correspondiente, en la opción de **DATABASE**, en el campo situado debajo del campo **PROVIDER**, se despliegan los tipos de proveedor de bases de datos para señalar la que queramos, tal y como se muestra a continuación:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen86.png?400 |}}\\ \\ Para configurar la **CADENA DE CONEXIÓN** o la **RUTA DEL ARCHIVO**, tenemos en la parte inferior de la pantalla el botón del asistente **WIZZARD**.\\ Si pulsamos en el botón **WIZZARD**, debemos hacer exactamente igual que en el apartado anterior, es decir, cumplimentar los campos correspondientes a cada base de datos y validarlos para que se configure la __cadena de conexión__. \\ \\ Una vez hayamos configurado la **CADENA DE CONEXIÓN**, le daremos al botón **NEXT**, y nos llevará a la pantalla correspondiente a la función de **SELECTION**:\\ \\ Aquí también, al igual que en el primer apartado, debemos generar el script, la base de datos, comparar destino con origen, o generar uso de subqueries.\\ Para generar **Script/Database**, debemos generar la estructura de la tabla, generar los datos, o generar los índices de la //RL//. \\ \\ Es necesario indicar el **MIDS**, así como indicar la ruta de la **SQL** (en el icono de color rojo de la lupa podremos examinar y buscar la ruta).\\ En el apartado de **TABLES**, situado en la parte inferior de la pantalla, debemos especificar las tablas, seleccionado todas o bien alguna en concreto:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen87.png?400 |}} \\ \\ Una vez que hayamos introducido los datos de forma correcta, le damos al botón **NEXT** y nos llevará a la siguiente pantalla correspondiente a la función de **DEST**: \\ \\ Aquí tendremos que cumplimentar los datos a los campos correspondientes como **tipo de archivo** **SQL** o de la **Base de datos**: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen88.png?400 |}}\\ \\ Para buscar el tipo de archivo, podemos usar el icono de color rojo de la lupa:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen89.png?400 |}}\\ \\ Para buscar la base de datos, en el campo **PROVIDER** aparece un desplegable con los tipos de bases de datos, seleccionamos la que corresponda:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen90.png?400 |}} \\ Para hallar la cadena de conexión pulsamos en el botón asistente **WIZZARD** y cumplimentamos los formularios correspondientes con los datos necesarios, tal y como hemos hecho anteriormente.\\ Una vez que tenemos la cadena de conexión debemos señalar el **DESTINO DEL DBMS**, para ello, pinchamos en el desplegable y aparecerán las distintas opciones, señalamos la que corresponda. \\ \\ Finalmente indicamos el formato de fecha en el correspondiente campo de **DATE FORMAT**\\ {{ :f.-herramientas:f01.-xonestudio:imagen91.png?400 |}}\\ \\ Si pulsamos en el botón **START**, aparece la pantalla correspondiente al botón **OUTPUT** y nos muestra todos los datos de la base de datos destino: **la ruta, fecha de creación, MID…**\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen92.png?400 |}} \\ \\ ==== Gestor de Base de Datos ==== \\ Esta función nos permite ejecutar y buscar consultas:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen93.png |}}\\ \\ Si desplegamos toda la imagen de la pantalla (imagen inferior) obtendremos diversas opciones que contienen los datos de la tabla que hayamos señalado en la columna de la izquierda perteneciente a las tablas.\\ Las opciones son:\\ * **TABLE DATA** * **OBJECTS** * **TABLE INDEXES** * **RESULT** \\ {{ :f.-herramientas:f01.-xonestudio:imagen94.png?800 |}}\\ \\ En la opción **TABLE DATA** (imagen inferior) tenemos los datos de la tabla como **códigos, descripción, opciones, ROWID**… etc, podemos borrar, utilizar filtros de búsqueda…etc.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen95.png |}} \\ En la opción **OBJECTS**, tenemos datos del **catálogo de la tabla, esquema de tabla, nombre de tabla, nombre de columna, posición, errores o fallos, pestañas, si es nulo o no, o datos como si es un numero entero…**\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen96.png |}}\\ \\ En la opción **TABLE INDEXES** (imagen inferior) tenemos datos del **catálogo de la tabla, esquema de tabla, catálogo de índices, esquema de índices, nombre de índices, si es clave primaria, si es único, si es un //cluster// (forma parte de un grupo), tipo, tamaño, si es nulo…**:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen97.png |}}\\ \\ En la opción **RESULTS**, tenemos los resultados de las tablas. \\ En la función **COMMIT** podemos enviar los datos:\\ {{ :f.-herramientas:f01.-xonestudio:imagen98.png |}} \\ Si pulsamos sobre el icono **+**(situado en la parte superior izquierda de la pantalla) aparece la pantalla siguiente para ejecutar la consulta: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen99.png |}}\\ \\ En este punto debemos configurar la cadena de conexión **([[wiki:2.-desarrollo-app:2.1.-herramientas:f01.-xonestudio:CnnWizard]])**, insertando los datos correspondientes en los campos **CONNECTION STRING, PROVIDER** (si pulsamos sobre él, se abre el desplegable con las bases de datos para señalar la que corresponda ) y el campo **NAME**.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen100.png |}} \\ Hay dos botones situados en la parte superior de la pantalla:\\ \\ El botón en color verde{{:f.-herramientas:f01.-xonestudio:imagen101.png|}} indica que se conecta la base de datos.\\ \\ El botón en color rojo {{:f.-herramientas:f01.-xonestudio:imagen102.png|}} indica que se desconecta la base de datos. \\ \\ Pulsando en el botón **[[wiki:2.-desarrollo-app:2.1.-herramientas:f01.-xonestudio:CnnWizard]]** {{:f.-herramientas:f01.-xonestudio:imagen103.png|}} situado en la parte superior de la pantalla, aparecen las mismas pantallas que en los apartados anteriores relativos a las bases de datos. \\ Este botón tiene la misma función que inicialmente, es para configurar la cadena de conexión con el asistente **WIZZARD**. \\ Debemos cumplimentar todos los formularios con los datos correspondientes, validarlos y probarlos para comprobar que todo está correcto:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen104.png?600 |}} \\ \\ \\ ===== AYUDA ===== \\ En esta pestaña obtendremos diversas herramientas de soporte de XOne, en el menú desplegable aparecerán las siguientes herramientas de ayuda:\\ * Ayuda * Tutoriales * Plantillas * **XOne Wiki** * **XOne Foro** * **Canal Youtube** * Índice * Buscar * **Acerca de XOne Studio** \\ {{ :f.-herramientas:f01.-xonestudio:imagen105.png |}}\\ \\ \\ ==== XOneWiki ==== \\ En esta función, la aplicación nos llevará a la página de XOne Wiki: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen106.png?800 |}} \\ \\ ==== XOne Foro ==== \\ La aplicación nos llevará al Foro de XOne:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen107.png?800 |}}\\ \\ \\ ==== Canal YouTube ==== \\ La aplicación nos llevará al canal de XOne en [[wiki:2.-desarrollo-app:2.1.-herramientas:f01.-xonestudio:YouTube]]:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen108.png?800 |}}\\ \\ \\ ==== Acerca de XOneStudio ==== \\ En esta función obtendremos diversos datos de la aplicación [[wiki:2.-desarrollo-app:2.1.-herramientas:f01.-xonestudio:XOneStudio]], como versiones, mejoras, actualizaciones, desarrollador…:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen109.png |}}\\ \\ Además, podremos enviar log (registros), al pinchar en **ENVIAR LOG** aparecerá el siguiente box:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen110.png |}}\\ \\ \\ ===== PUBLICAR ===== \\ Pestaña para publicar el proyecto que hayamos realizado con XOne Studio y queramos publicar:\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen111.png |}}\\ \\ \\ ==== Publicar Proyecto ==== \\ Al pinchar en esta función, aparecerá un box de **xonepublish ** para publicar el proyecto que queramos, debemos indicar la **URL** e introducir las claves de usuario y contraseña y finalmente el botón correspondiente para validar los datos introducidos: (Ver imagen inferior)\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen112.png |}}\\ \\ Una vez validados los datos, si son correctos, la herramienta conectará con el servidor de **XOne Publish** para publicar el proyecto: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen113.png |}}\\ {{ :f.-herramientas:f01.-xonestudio:imagen114.png |}}\\ \\ Los campos que debemos cumplimentar son:\\ \\ - **CONNECTION STRING**: es la cadena de conexión de la base de datos donde van a almacenarse los datos de la aplicación (lo que llamamos base de datos de cliente). - **USER/PASSWORD**: dependiendo de que se quiera hacer **UNPUBLISH/PUBLISH** se pondrán los datos del usuario que tenga permisos para publicar una aplicación o para eliminarla del sistema.\\ - **Bbms NAME y [[wiki:2.-desarrollo-app:2.1.-herramientas:f01.-xonestudio:DateMask]]**: Sistema de la base de datos y su formato de fecha.\\ - **App Name**: El nombre que se le va a dar a la aplicación que se publica. Con ese nombre aparecerá en [[wiki:2.-desarrollo-app:2.1.-herramientas:f01.-xonestudio:XOneManager]] y con ese nombre se creará su base de datos.\\ \\ Al validar (pantalla previa) y aparecer esta pantalla, vemos que en la parte inferior aparecen datos del servidor, como su **URL**, la versión y fecha de [[wiki:2.-desarrollo-app:2.1.-herramientas:f01.-xonestudio:XOnePublish]] y las licencias disponibles (número de aplicaciones que se pueden publicar).\\ \\ Una vez publicado en el servidor, si pinchamos en el botón **PUBLISH** retorna el mensaje de la siguiente imagen indicando que ha sido publicada la aplicación, con qué licencia y de cuántas licencias dispone a partir de ahora: \\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen115.png |}}\\ La siguiente pantalla aparecerá una vez que pinchemos en el botón **UNPUBLISH**. Indica que ha sido eliminada correctamente y con qué licencia, y de cuantas licencias dispone.\\ \\ {{ :f.-herramientas:f01.-xonestudio:imagen116.png |}} \\