{"id":473,"date":"2021-06-28T14:18:52","date_gmt":"2021-06-28T18:18:52","guid":{"rendered":"http:\/\/appstarterstack.com\/?page_id=473"},"modified":"2022-01-05T12:34:59","modified_gmt":"2022-01-05T17:34:59","slug":"your-application-in-10-steps","status":"publish","type":"page","link":"https:\/\/appstarterstack.com\/your-application-in-10-steps\/","title":{"rendered":"Your Application in 10 Steps"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"473\" class=\"elementor elementor-473\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-762b902 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"762b902\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-567eb9b\" data-id=\"567eb9b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a5d2788 elementor-widget-divider--view-line_icon elementor-view-default elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"a5d2788\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon elementor-divider__element\">\n\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-step-forward\"><\/i><\/div>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4c38236 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"4c38236\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6e61d42\" data-id=\"6e61d42\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-554953d elementor-widget elementor-widget-heading\" data-id=\"554953d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">10 Steps to Building Your Application<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16b1ec8 elementor-widget elementor-widget-text-editor\" data-id=\"16b1ec8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote><p>To succeed with the AppStarterStack, the key is to <strong>plan, in detail, what you intend to build<\/strong>.\u00a0 You do not need to know each and every detail, but you must have a vision that is developed enough to answer the questions contained in the steps below.<\/p><\/blockquote>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbb1d95 elementor-widget elementor-widget-eael-adv-accordion\" data-id=\"dbb1d95\" data-element_type=\"widget\" data-widget_type=\"eael-adv-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"eael-adv-accordion\" id=\"eael-adv-accordion-dbb1d95\" data-accordion-id=\"dbb1d95\" data-accordion-type=\"toggle\" data-toogle-speed=\"300\">\n    <div class=\"eael-accordion-list\">\n                <div id=\"bstep-1b-decide-basic-things-about-your-application\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2301\" data-tab=\"1\" role=\"tab\" aria-controls=\"elementor-tab-content-2301\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 1:<\/b> Decide Basic Things about your (App)lication<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2301\" class=\"eael-accordion-content clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"bstep-1b-decide-basic-things-about-your-application\"><p><ul><li>What is the name of your Application?<\/li><li>What are the main features ?<\/li><li>What is its Logo<\/li><li>What are brand colors?<\/li><\/ul><\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-2b-list-application-states\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2302\" data-tab=\"2\" role=\"tab\" aria-controls=\"elementor-tab-content-2302\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 2:<\/b> List Application States<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2302\" class=\"eael-accordion-content clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"bstep-2b-list-application-states\"><p><p>What are the distinct and different states your application can be in?<br \/>Each state can be distinct and show a different or similar user interface.<\/p><p>For example<\/p><ol><li><span style=\"font-size: 16px;\">Just a single \"Normal State\"?<\/span><\/li><li>Signed In \/ Not Signed In?<\/li><li>\u00a0Administrator State?<\/li><li>Paused State? Running State?<\/li><li>Locked \/ Unlocked?<\/li><\/ol><\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-3b-how-where-will-your-users-data-be-saved\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2303\" data-tab=\"3\" role=\"tab\" aria-controls=\"elementor-tab-content-2303\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 3:<\/b> How &amp; Where will your user's data be saved?<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2303\" class=\"eael-accordion-content clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"bstep-3b-how-where-will-your-users-data-be-saved\"><p><p>Are you saving user data locally?<\/p><p>Is it in files? a Database?<\/p><p>Or do you want to save to the cloud? (Basic Livecloud.io support and S3 Built in)<\/p><p>\u00a0<\/p><p>\u00a0<\/p><\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-4bwhat-inputs-does-your-application-need\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2304\" data-tab=\"4\" role=\"tab\" aria-controls=\"elementor-tab-content-2304\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 4:<\/b>What Inputs does your application need?<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2304\" class=\"eael-accordion-content clearfix\" data-tab=\"4\" role=\"tabpanel\" aria-labelledby=\"bstep-4bwhat-inputs-does-your-application-need\"><p><p>What input forms and controls does your application need to acquire the necessary information from the user?<\/p><p>Do you need distinct forms \/ tools to input information.\u00a0 or do you need an \"overlay\" editor?<\/p><p>\u00a0<\/p><\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-5b-how-will-your-apps-output-be-expressed\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2305\" data-tab=\"5\" role=\"tab\" aria-controls=\"elementor-tab-content-2305\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 5:<\/b> How will your app's OUTPUT be expressed?<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2305\" class=\"eael-accordion-content clearfix\" data-tab=\"5\" role=\"tabpanel\" aria-labelledby=\"bstep-5b-how-will-your-apps-output-be-expressed\"><p><ol><li>Is it a Datagrid?<\/li><li>Is it a \"record\" in a certain format?<\/li><li>Is it a player?<\/li><li>Is it a webpage in a web browser?<\/li><li>Is it a long list of things?<\/li><li>All of the above?<\/li><\/ol><p>Each of these will likely belong in individual \"cards\" inside your stack file.<\/p><\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-6blist-describe-the-distinct-tools-sections-pages-your-app-will-need\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2306\" data-tab=\"6\" role=\"tab\" aria-controls=\"elementor-tab-content-2306\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 6:<\/b>List &amp; Describe the Distinct Tools \/ Sections \/ Pages your App will need<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2306\" class=\"eael-accordion-content clearfix\" data-tab=\"6\" role=\"tabpanel\" aria-labelledby=\"bstep-6blist-describe-the-distinct-tools-sections-pages-your-app-will-need\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.<\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-7b-list-of-application-settings\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2307\" data-tab=\"7\" role=\"tab\" aria-controls=\"elementor-tab-content-2307\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 7:<\/b> List of Application Settings<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2307\" class=\"eael-accordion-content clearfix\" data-tab=\"7\" role=\"tabpanel\" aria-labelledby=\"bstep-7b-list-of-application-settings\"><p><p>What Toggles, Checkmarks, Dropdown, settings do you need to give your user the desired experience?<br \/><br \/>Easily create settings as:<\/p><ul><li>a Checkbox<\/li><li>a Toggle<\/li><li>an Input Field<\/li><li>a Multi_line Input Field<\/li><li>a Slider<\/li><li>a Drow-down Menu<\/li><li>Select Folder<\/li><li>Select File<\/li><\/ul><p>There are 2 kinds, full height widgets or a more compact form.<\/p><\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-8b-implement-your-apps-specific-functionalitities-using-livecode-the-applicationstarterstack-toolstemplates-and-code\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2308\" data-tab=\"8\" role=\"tab\" aria-controls=\"elementor-tab-content-2308\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 8:<\/b> Implement Your App's specific functionalitities using Livecode &amp; the ApplicationStarterStack tools,templates, and code<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2308\" class=\"eael-accordion-content clearfix\" data-tab=\"8\" role=\"tabpanel\" aria-labelledby=\"bstep-8b-implement-your-apps-specific-functionalitities-using-livecode-the-applicationstarterstack-toolstemplates-and-code\"><p><p>This is the step where you or a livecode developer implement your applications's specific features and needs.<\/p><p>If you follow the conventions that the Application Starter Stack gives you, you will avoid mistakes, and your projects functionality.<\/p><p>\u00a0<\/p><p>\u00a0<\/p><\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-9b-build-your-standalone-for-windows-os-x-linux-android-or-ios\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"2309\" data-tab=\"9\" role=\"tab\" aria-controls=\"elementor-tab-content-2309\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 9:<\/b> Build your Standalone for Windows, OS X, Linux, Android or iOS.<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-2309\" class=\"eael-accordion-content clearfix\" data-tab=\"9\" role=\"tabpanel\" aria-labelledby=\"bstep-9b-build-your-standalone-for-windows-os-x-linux-android-or-ios\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.<\/p><\/div>\n                <\/div><div class=\"eael-accordion-list\">\n                <div id=\"bstep-10b-test-release-your-application\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"23010\" data-tab=\"10\" role=\"tab\" aria-controls=\"elementor-tab-content-23010\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-plus\"><\/i><h6 class=\"eael-accordion-tab-title\"><b>Step 10:<\/b> Test &amp; Release your Application<\/h6><i aria-hidden=\"true\" class=\"fa-toggle fas fa-angle-right\"><\/i><\/div><div id=\"elementor-tab-content-23010\" class=\"eael-accordion-content clearfix\" data-tab=\"10\" role=\"tabpanel\" aria-labelledby=\"bstep-10b-test-release-your-application\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.<\/p><\/div>\n                <\/div><\/div>\n        <!-- FAQ Schema : Starts-->\n                <!-- FAQ Schema : Ends-->\n\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>10 Steps to Building Your Application To succeed with the AppStarterStack, the key is to plan, in detail, what you intend to build.\u00a0 You do not need to know each and every detail, but you must have a vision that is developed enough to answer the questions contained in the steps below. Step 1: Decide &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/appstarterstack.com\/your-application-in-10-steps\/\"> <span class=\"screen-reader-text\">Your Application in 10 Steps<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/appstarterstack.com\/wp-json\/wp\/v2\/pages\/473"}],"collection":[{"href":"https:\/\/appstarterstack.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/appstarterstack.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/appstarterstack.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appstarterstack.com\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":0,"href":"https:\/\/appstarterstack.com\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"wp:attachment":[{"href":"https:\/\/appstarterstack.com\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}