{"id":107,"date":"2023-10-10T03:12:46","date_gmt":"2023-10-10T03:12:46","guid":{"rendered":"https:\/\/kb.mobappcreator.com\/?post_type=docs&p=107"},"modified":"2023-10-12T00:11:41","modified_gmt":"2023-10-12T00:11:41","slug":"how-to-create-a-mobile-app-for-android-and-iphone-with-mobappcreator-first-steps","status":"publish","type":"docs","link":"https:\/\/kb.mobappcreator.com\/es\/docs\/how-to-create-a-mobile-app-for-android-and-iphone-with-mobappcreator-first-steps\/","title":{"rendered":"C\u00f3mo crear una aplicaci\u00f3n m\u00f3vil para Android y iPhone con MobAppCreator - Primeros pasos"},"content":{"rendered":"

Bienvenido a MobAppCreator!<\/h3>\n\n\n\n

Hola y bienvenido a MobAppCreator, la plataforma de creaci\u00f3n de aplicaciones m\u00f3viles l\u00edder en el mundo, con m\u00e1s de 3.000 aplicaciones creadas por entusiastas, emprendedores, peque\u00f1as y grandes empresas.<\/p>\n\n\n\n

Para comenzar, hemos creado algunos art\u00edculos que te ayudaran a dar los primeros pasos. Estos art\u00edculos analizan todo, desde c\u00f3mo crear tu aplicaci\u00f3n, hasta c\u00f3mo publicarla, y c\u00f3mo mantener a tu audiencia interesada una vez que la aplicaci\u00f3n est\u00e1 en vivo.<\/p>\n\n\n\n

Si te tomas el tiempo de leer todos los art\u00edculos de esta serie, te garantizamos que podr\u00e1s crear aplicaciones incre\u00edbles para vos y tus clientes.<\/p>\n\n\n\n

Entonces, qu\u00e9 es MobAppCreator?<\/h3>\n\n\n\n

Lo que diferencia a MobAppCreator de la competencia es nuestra plataforma de creaci\u00f3n de aplicaciones robusta, f\u00e1cil e intuitiva que permite crear aplicaciones m\u00f3viles nativas, tanto para Android y iPhone en cuesti\u00f3n de minutos, con actualizaci\u00f3n de contenidos en tiempo real, notificaciones push y much\u00edsimas funciones m\u00e1s.<\/p>\n\n\n\n

Tanto para aplicaciones simples o complejas, con MobAppCreator puedes hacer crecer y escalar tus proyectos de forma r\u00e1pida y f\u00e1cil, sin importar cu\u00e1les sean tus necesidades. Pi\u00e9nsalo de esta manera: hemos creado MobAppCreator para cubrir la mayor\u00eda de las funciones que una aplicaci\u00f3n m\u00f3vil puede necesitar, y lo mejor de todo, ya lo tienes disponible!<\/p>\n\n\n\n

Por ejemplo, todas las aplicaciones creadas con MobAppCreator incluyen Notificaciones push<\/a>, autenticaci\u00f3n de usuarios, gestor de eventos, galer\u00eda de fotos, integraci\u00f3n con redes sociales (Facebook, Twitter, Instagram) y todo esto disponible tanto en iPhone y Android.<\/p>\n\n\n\n

Para comenzar a crear tu primera aplicaci\u00f3n, primero debes elegir uno de los templates o plantillas que hemos creado para ti, es posible que no encuentres uno exactamente como te lo imaginas en tu cabeza, pero ten en cuenta que puedes elegir el que m\u00e1s te guste, ya sea por dise\u00f1o, estilo o funcionalidades, y luego modificarlo para que se ajuste a tu necesidad. Recuerda, todos los templates se pueden modificar en su totalidad. Por ejemplo: si inicias tu aplicaci\u00f3n a partir de una plantilla de noticias, puedes sumarle redes sociales, ecommerce, podcast o incluso streaming de radio o video, tambi\u00e9n puedes cambiar el estilo del menu, las im\u00e1genes e incluso los colores. \nEstos son algunas de las plantillas disponibles\nSi est\u00e1s construyendo la aplicaci\u00f3n tu mismo, las templates o plantillas deber\u00edan proporcionarte un excelente punto de partida para que puedas simplemente agregar tu contenido y la aplicaci\u00f3n estar\u00e1 lista en minutos. Si comenzaste con una aplicaci\u00f3n en blanco, \u00a1no te preocupes, eres m\u00e1s atrevido que otros y seguramente tambi\u00e9n lograr\u00e1s excelentes resultados!\n \nUna vez elegido el template, te encontrar\u00e1s con el Panel de Control de aplicaciones.<\/p>\n\n\n\n

Qu\u00e9 es el Panel de Control de aplicaciones?<\/h3>\n\n\n\n

El Panel de Control de aplicaciones es donde administras el contenido y las funciones de tus apps. Al instante ver\u00e1s lo f\u00e1cil que es usarlo!<\/p>\n\n\n\n

Hay tres componentes principales:<\/p>\n\n\n\n

El Side Menu<\/strong> A la izquierda, se encuentra el top lateral, donde se ubican las secciones principales del sistema.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

El Navegaci\u00f3n principal<\/strong> es lo que ver\u00e1s al lado del men\u00fa lateral y es d\u00f3nde se ubican las pantallas y funciones de tu aplicaci\u00f3n.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

El Emulador<\/strong> es lo que ver\u00e1s sobre el lado derecho. Este permite visualizar tu aplicaci\u00f3n a cada momento.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Si deseas que nuestro equipo de expertos dise\u00f1e tu aplicaci\u00f3n o programe funciones a medida de tu necesidad, ponte en contacto con nosotros.<\/p>\n\n\n\n

Si est\u00e1 creando la aplicaci\u00f3n usted mismo, las plantillas deber\u00edan brindarle un excelente punto de partida para que pueda simplemente intercambiarla con su contenido y su aplicaci\u00f3n estar\u00e1 lista para iniciarse. Si empezaste con una app en blanco, no te preocupes, eres m\u00e1s atrevido que otros<\/p>\n\n\n\n

La plantilla es simplemente un punto de partida para su aplicaci\u00f3n. Si en alg\u00fan momento necesita crear una nueva aplicaci\u00f3n, simplemente vaya a la secci\u00f3n Mis Aplicaciones<\/strong> en la parte superior del Panel de Aplicaciones y haz click en \"Crear Nueva App\"<\/p>\n\n\n\n

Si desea que nuestro equipo de servicios profesionales dise\u00f1e su aplicaci\u00f3n o cree funciones completamente personalizadas para ella, contacte a nuestro soporte aqui<\/a> para ponerte en contacto con ellos.<\/p>\n\n\n\n

Caracter\u00edsticas de Screens frente a caracter\u00edsticas Generales<\/h3>\n\n\n\n

A medida que avancemos en estas lecciones, ver\u00e1s referencias a dos tipos diferentes de funciones. Caracter\u00edsticas de los Screens o pantallas y caracter\u00edsticas de la plataforma.<\/p>\n\n\n\n

Funciones de Screens<\/h3>\n\n\n\n

Los Screens son una o m\u00e1s pantallas dentro de tu aplicaci\u00f3n, por ejemplo, una galer\u00eda de fotos es un Screen, y su nombre es Photo Gallery o Galer\u00eda de fotos, este Screen esta compuesto por varias pantallas (la pantalla que muestra la galler\u00eda, la pantalla que muestra fotos individuales y permite el zoom y por \u00faltimo la que permite compartir las fotos). \nDentro del Panel de Control, los Screens se visualizan como un solo componente y puedes desde aqu\u00ed administrar su contenido y\/o definir comportamientos y aspectos visuales.\nAlgunos de los Screens disponibles en MobAppCreator<\/p>\n\n\n\n

    \n
  • Screens de contenido (noticias, eventos, mapas, etc)<\/li>\n\n\n\n
  • Screens de redes sociales (Twitter, Facebook, Instagram)<\/li>\n\n\n\n
  • Screens de generador de formularios (contactos, incidentes, newsletter, etc)<\/li>\n\n\n\n
  • Screens de transmisi\u00f3n de medios (streaming de audio para radios, podcast, reproductores de audio, videos, etc.)<\/li>\n\n\n\n
  • Y mucho m\u00e1s...<\/li>\n<\/ul>\n\n\n\n

    Caracter\u00edsticas de la plataforma integradas en el sistema en su conjunto, como:<\/p>\n\n\n\n

      \n
    • Componentes de dise\u00f1o<\/li>\n\n\n\n
    • Gesti\u00f3n de pedidos<\/li>\n\n\n\n
    • Notificaciones push<\/li>\n\n\n\n
    • User Management<\/li>\n\n\n\n
    • Anal\u00edtica<\/li>\n\n\n\n
    • Y mucho m\u00e1s...<\/li>\n<\/ul>\n\n\n\n

      Nota: Algunas de estas funciones pueden estar disponible para planes espec\u00edficos.<\/em><\/p>\n\n\n\n

      Para agregar nuevos Screens a tus aplicaciones debes hacer click en el bot\u00f3n (+) ubicado en la pantalla de navegaci\u00f3n.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Estos son algunos de los Screens disponibles:<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      A continuaci\u00f3n veremos las maneras en que puedes previsualizar tu app mientras trabajas en ella.<\/p>\n\n\n\n

      C\u00f3mo Previsualizar tu aplicaci\u00f3n<\/h3>\n\n\n\n

      La vista previa de tu aplicaci\u00f3n se realiza a trav\u00e9s de nuestro previsualizador online. el mismo es muy pr\u00e1ctico y realmente conveniente dado que puedes hacer cambios en la aplicaci\u00f3n y ver esos cambios actualizados en tiempo real en el emulador. Sin embargo, no es exactamente la misma experiencia que revisar tu aplicaci\u00f3n en el dispositivo para el que est\u00e1 destinada: \u00a1tu tel\u00e9fono!<\/p>\n\n\n\n

      Es por eso que hemos proporcionado una forma de obtener una vista previa de tu aplicaci\u00f3n en tu tel\u00e9fono que puedes instalar desde las tiendas de aplicaciones\nCon tan solo escanear estos c\u00f3digos QR podr\u00e1s acceder a los previsualizadores e instalarlos en tu m\u00f3vil iOS o Android<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Para visualizar tu app solo se te pedir\u00e1 que ingreses tu direcci\u00f3n de correo electr\u00f3nico y tu c\u00f3digo de aplicaci\u00f3n. El c\u00f3digo de la aplicaci\u00f3n se encuentra en la secci\u00f3n \"Mis aplicaciones\" debajo del nombre de cada una de tus apps.<\/p>\n\n\n\n

      Ahora que sabes qu\u00e9 es MobAppCreator, qu\u00e9 es el Panel de administraci\u00f3n de aplicaciones y cu\u00e1les son las diferencias entre las caracter\u00edsticas de los Screens y la funciones generales de la plataforma, y aprendiste c\u00f3mo obtener una vista previa de tu aplicaci\u00f3n, en la pr\u00f3xima lecci\u00f3n exploraremos los componentes del sistema en m\u00e1s profundidad para poder comenzar con la creaci\u00f3n de tu aplicaci\u00f3n m\u00f3vil.<\/p>","protected":false},"excerpt":{"rendered":"

      Welcome To MobAppCreator! Hey there and welcome to MobAppCreator, the world\u2019s leading app development platform powering over 3,000 mobile apps for thousands of small businesses and large companies. To help you get started, we\u2019ve created some articles that will take you through the fundamentals of everything you need to know. These articles go through everything […]<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[5],"doc_tag":[],"class_list":["post-107","docs","type-docs","status-publish","hentry","doc_category-app-creation-tutorials"],"_links":{"self":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":3,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/107\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/docs\/107\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/media?parent=107"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/doc_category?post=107"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kb.mobappcreator.com\/es\/wp-json\/wp\/v2\/doc_tag?post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}