{"id":1,"date":"2020-10-22T09:32:58","date_gmt":"2020-10-22T09:32:58","guid":{"rendered":"https:\/\/scriptcase.es\/store\/?p=1"},"modified":"2020-10-29T10:04:04","modified_gmt":"2020-10-29T10:04:04","slug":"primeros-pasos-scriptcase","status":"publish","type":"post","link":"https:\/\/scriptcase.es\/store\/primeros-pasos-scriptcase\/","title":{"rendered":"Primeros Pasos Scriptcase"},"content":{"rendered":"\n<p>Todo nuevo usuario necesita saber por d\u00f3nde comenzar, es por ello que hemos escrito esta peque\u00f1a gu\u00eda para ti. Es el momento de comenzar la aventura.<br><br>Si aun no tienes instalado Scriptcase, te recomendamos que accedas a nuestra <a href=\"https:\/\/scriptcase.net\/es\/version-cloud\/\" data-type=\"URL\" data-id=\"https:\/\/scriptcase.net\/es\/version-cloud\/\">versi\u00f3n de prueba online<\/a>, de esta forma dispondr\u00e1s del soporte necesario para continuar con este tutorial.<\/p>\n\n\n\n<p>\u00a1Comenzamos!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2><strong><strong>Crea un proyecto Nuevo<\/strong><\/strong><\/h2>\n\n\n\n<p>Para crear un nuevo proyecto, necesitas hacer clic en &#8220;Crear proyecto&#8221;.<\/p>\n\n\n\n<p>A continuaci\u00f3n selecciona &#8221; Crear un proyecto en Blanco&#8221;, se mostrar\u00e1 una nueva p\u00e1gina con las diferentes opciones para crear un proyecto desde cero o bien seleccionar una de las plantillas que ofrece el sistema.<\/p>\n\n\n\n<figure class=\"wp-block-embed-videopress aligncenter wp-block-embed is-type-rich is-provider-gestor-del-servicio\"><div class=\"wp-block-embed__wrapper\">\n<div style=\"width: 640px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-1-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo3-es.mp4?_=1\" \/><a href=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo3-es.mp4\">https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo3-es.mp4<\/a><\/video><\/div>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2><strong><strong>Con\u00e9ctalo a la base de datos<\/strong><\/strong><\/h2>\n\n\n\n<p> Ahora es el momento de conectar el proyecto que hemos creado a una base de datos, para ello \u00fanicamente debemos seleccionar la base de datos que deseamos y hacer clic en el bot\u00f3n &#8221; Siguiente &#8220;, c\u00f3mo se aprecia en el siguiente video.<\/p>\n\n\n\n<p>*La versi\u00f3n de prueba online de Scriptcase no dispone de todas las bases de datos, si deseas disponer de todas las bases de datos te recomendamos descargar Scriptcase, lo podr\u00e1s realizar pulsando <a href=\"https:\/\/www.scriptcase.net\/es\/descargar\/\" data-type=\"URL\" data-id=\"https:\/\/www.scriptcase.net\/es\/descargar\/\">aqu\u00ed<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed-videopress wp-block-embed is-type-rich is-provider-gestor-del-servicio\"><div class=\"wp-block-embed__wrapper\">\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo5-es.mp4?_=2\" \/><a href=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo5-es.mp4\">https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo5-es.mp4<\/a><\/video><\/div>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2><strong>Configura las preferencias<\/strong><\/h2>\n\n\n\n<p>Establecer Idioma<br><br>Estable el idioma que quieras usar por defecto, Scriptcase se puede parametrizar en m\u00faltiples idiomas, selecciona el idioma preferido y haz clic en &#8221; Siguiente&#8221;, Scriptcase aplicara la configuraci\u00f3n regional al proyecto.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/demo6-es.png\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2><strong>Establecer un tema<\/strong><\/h2>\n\n\n\n<p>Selecciona entre los m\u00faltiples temas que ofrece Scriptcase, los cuales est\u00e1n disponibles para todos tus proyectos, pero si lo deseas podr\u00e1s crear temas personalizados que se adapten a la imagen corporativa que necesites.<\/p>\n\n\n\n<p>Selecciona entre cualquiera de los diferentes temas y pulsa el bot\u00f3n &#8220;crear &#8220;, con el que finalizaras el proceso.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/demo7-es.png\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2><strong>Construye<\/strong><\/h2>\n\n\n\n<p>Aplicaciones Grid y Formularios<\/p>\n\n\n\n<p>Scriptcase ofrece mucha ayuda durante la creaci\u00f3n de grids, formularios, entre otros puede seleccionar aquello que se ajuste m\u00e1s a sus necesidades, nosotros ahora usaremos la opci\u00f3n grid, para continuar con esta mini gu\u00eda.<br><br>Por lo tanto selecione la opci\u00f3n &#8221; Grid &#8221; y haga clic el el bot\u00f3n de &#8220;Crear&#8221; para continuar.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/demo8-es.png\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p>Dentro del campo &#8221; Tabla&#8221;, seleccionaremos la tabla de &#8220;Orders&#8221; y verificaremos si las opciones &#8221; Crear tambien un formulario para editar la grid&#8221; y &#8221; Ejecutar aplicaci\u00f3n despu\u00e9s de la creaci\u00f3n&#8221;, est\u00e1n activadas.<\/p>\n\n\n\n<p>Una vez pulsemos la opci\u00f3n de &#8220;Crear&#8221; tendremos que esperar unos segundos hasta poder visualizar la vista previa del proyecto.<\/p>\n\n\n\n<p>De esta manera, Scriptcase crear\u00e1 un formulario y un grid los cuales se podr\u00e1n visualizar y explorar.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Se mostrar\u00e1 una nueva pesta\u00f1a del navegador con las aplicaciones generadas para la prueba y vista previa. Si no se abre, verifique los permisos de su navegador.<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-embed-videopress aligncenter wp-block-embed is-type-rich is-provider-gestor-del-servicio\"><div class=\"wp-block-embed__wrapper\">\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo9-es.mp4?_=3\" \/><a href=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo9-es.mp4\">https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo9-es.mp4<\/a><\/video><\/div>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2><strong>Aplicaci\u00f3n Grafica<\/strong><\/h2>\n\n\n\n<p>Para crear&nbsp;accede&nbsp;al men\u00fa&nbsp;<strong>&#8220;Aplicaci\u00f3n &gt; Nueva aplicaci\u00f3n&#8221;<\/strong>&nbsp;y luego&nbsp;selecciona&nbsp;la aplicaci\u00f3n&nbsp;<strong>&#8220;Gr\u00e1fica&#8221;<\/strong>.<\/p>\n\n\n\n<p>Elige &nbsp;la tabla&nbsp;<strong><em>&#8220;Orders&#8221;<\/em><\/strong>&nbsp;y haga clic en el bot\u00f3n &nbsp;&#8220;Crear&#8221;<\/p>\n\n\n\n<p>De esta forma vamos crear un gr\u00e1fico para mostrar los registros de&nbsp;<strong><em>&#8220;employeeID&#8221;<\/em><\/strong>&nbsp;por mes en tres pasos:<\/p>\n\n\n\n<p>1.&nbsp;Arrastra&nbsp;el campo&nbsp;<strong><em>&#8220;employeeID&#8221;<\/em><\/strong>&nbsp;y&nbsp;su\u00e9ltalo&nbsp;en la columna&nbsp;<em><strong>&#8220;dimensi\u00f3n&#8221;<\/strong><\/em>.<br>2. Luego, arrasta&nbsp;el campo&nbsp;<strong><em>&#8220;OrderDate&#8221;<\/em><\/strong>&nbsp;y&nbsp;su\u00e9ltalo<strong> <\/strong>tambi\u00e9n&nbsp;la columna&nbsp;<em><strong>&#8220;dimension&#8221;<\/strong><\/em>.<br>3. Para finalizar,&nbsp;arrastra&nbsp;el campo&nbsp;<strong><em>&#8220;Recuento de registros&#8221;<\/em><\/strong>&nbsp;y&nbsp;su\u00e9ltelo&nbsp;en&nbsp;<em><strong>&#8220;m\u00e9tricas&#8221;<\/strong><\/em>.<\/p>\n\n\n\n<p>Una vez este listo haz clic el el bot\u00f3n &#8220;<strong>Ejecutar Proyecto<\/strong>&#8220;, solo nos quedara esperar a la vista previa de la aplicaci\u00f3n generada.<\/p>\n\n\n\n<figure class=\"wp-block-embed-videopress aligncenter wp-block-embed is-type-rich is-provider-gestor-del-servicio\"><div class=\"wp-block-embed__wrapper\">\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1-4\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo11-es.mp4?_=4\" \/><a href=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo11-es.mp4\">https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo11-es.mp4<\/a><\/video><\/div>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2><strong>Aplicaci\u00f3n Men\u00fa<\/strong><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>Para completar tu primer proyecto, crea una aplicaci\u00f3n &#8220;<strong>Men\u00fa<\/strong>&#8220;, ves a&nbsp;<strong>&#8220;Aplicaci\u00f3n &gt; Nueva aplicaci\u00f3n&#8221;<\/strong>&nbsp;y luego selecciona la aplicaci\u00f3n&nbsp;<strong>&#8220;Men\u00fa&#8221;<\/strong>.<\/p>\n\n\n\n<p>Una vez este pulsa el boton &#8221; <strong>Crear Button<\/strong>&#8220;.<\/p>\n\n\n\n<p>Agrega elementos&nbsp;al men\u00fa desde la opci\u00f3n de elementos del men\u00fa, luego haz clic en el bot\u00f3n de importaci\u00f3n y&nbsp;selecciona las aplicaciones&nbsp;que has creado hasta ahora, define el orden&nbsp;usando los controles del men\u00fa.<\/p>\n\n\n\n<p>Tambi\u00e9n puede personalizar las etiquetas (nombre del \u00edtem) y seleccionar im\u00e1genes para los elementos en las propiedades.<\/p>\n\n\n\n<figure class=\"wp-block-embed-videopress aligncenter wp-block-embed is-type-rich is-provider-gestor-del-servicio\"><div class=\"wp-block-embed__wrapper\">\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1-5\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo14-es.mp4?_=5\" \/><a href=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo14-es.mp4\">https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo14-es.mp4<\/a><\/video><\/div>\n<\/div><\/figure>\n\n\n\n<p>Puedes hacer clic en el bot\u00f3n&nbsp;&#8220;<strong>Ejecutar<\/strong>&#8221;&nbsp;y ver si el men\u00fa a funcionando, incluyendo las aplicaciones creadas anteriormente.<\/p>\n\n\n\n<figure class=\"wp-block-embed-videopress aligncenter wp-block-embed is-type-rich is-provider-gestor-del-servicio\"><div class=\"wp-block-embed__wrapper\">\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1-6\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo15-es.mp4?_=6\" \/><a href=\"https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo15-es.mp4\">https:\/\/cdn2.scriptcase.net\/es\/get_started\/img\/video\/demo15-es.mp4<\/a><\/video><\/div>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>\u00bf Impresionante verdad ?<\/strong><\/p>\n\n\n\n<p>Ahora que has probado lo poderoso que puede ser Scriptcase, te recomendamos que vayas m\u00e1s all\u00e1 y crees un proyecto de utilizando tu base de datos. Los resultados que obtendr\u00e1s ser\u00e1n incre\u00edbles.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todo nuevo usuario necesita saber por d\u00f3nde comenzar, es por ello que hemos escrito esta peque\u00f1a gu\u00eda para ti. Es el momento de comenzar la aventura. Si aun no tienes instalado Scriptcase, te recomendamos que accedas a nuestra versi\u00f3n de prueba online, de esta forma dispondr\u00e1s del soporte necesario para continuar con este tutorial. \u00a1Comenzamos! [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[38,37,39],"tags":[],"_links":{"self":[{"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/posts\/1"}],"collection":[{"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":7,"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/posts\/1\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scriptcase.es\/store\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}