Please see Part I for the introduction and how to set up Android Studio:
Short and sweet, here is Part II
Create the Web Project:
-
Create the Web Project as normal. Don't worry about Frameworks!
-
Add any Server Connect Actions as normal.
-
Save.
Create the Mobile App Project:
-
Create a New Mobile Project.
-
New Project - Mobile - Blank Template.
-
Provide all the details.
The style file is located within the css directory inside the www directory.
Open Project Settings:
-
Provide all the details, Title, Description etc. You can edit this later but, sometimes, when you do this you must remove Android from the Project and add it again otherwise it won't build when the time comes..
-
Click Save. You'll be presented with the bare minimum template.
Adding the Platform:
-
Open the Terminal. It is very useful!
-
Select Android 8.0 from the list (this is the version we are using for this example), and click Yes.
-
Android has now been added to the Mobile Project.
-
SAVE everything!
Adding Frameworks to your Mobile App:
-
Add App-Connect to your Page.
-
Add Bootstrap 4 Local (we'll skip the CDN for now and will explain why later).
-
Add JQuery Local 3.3.1.
-
SAVE!
Always check the Terminal and SAVE after adding each Framework!
That is it for this part.
Right for now that is where I will leave it until Part III which I shall try to do shortly. Will cover editing a couple of important files and adding some very important tags to allow your Mobile App to communicate with your Web Projects Server Actions... Then we can get on to compiling and running your Mobile App and seeing how everything looks and runs..