Convert Website to App in 2 Minutes (Android and iOS)

in this video we will see how to turn a website into an Android app without any coding knowledge for this we will use the MIT App Inventor MIT App Inventor is a user friendly visual programming environment that allows the user to create Android apps without any coding knowledge as you can guess from the name that it was developed by MIT it offers a drag and draw facility that allows the users to create Android app by just assembling the visual block that do different functionalities so without any further Ado let's start the video so to start the video just go to the Google and type MIT App Inventor and just click on the first result so the website dashboard will look something like this so if you scroll down you can see mat App Inventor has a strong community base here so to create the app just click on create apps button here so after you log in using your Google account the dashboard will look something like this as you can see this are the projects that I have already built to create a new project just click on new project at the top here just give a name for your project in this case I will type Webb so after that just click on okay now double click on the web app the project that you have just created so this is the project environment that we have got in the center as you can see we have your Android emulator so in this emulator we will just drag and drop all the functions that we want for our project so first of all we will just drag the layout for our app so just click on layout section here and choose the horizontal Arrangement and drag and drop into our Android emulator so next step will be to the layer should occupy the full length for that just on the right hand side you have your height just change the height to fill parent and do the same for with also just change this to fill parent as you can see now our layout occupies the full width so next step will be just click on user interface and select the web viewer just drag and drop and place it into our Android emulator so if you see on the right hand side we have your form URL you need to type the URL so for this I'm going to convert this website into an Android app so this is a website of mine as you can see I have three articles so just copy the link here and paste it in the form URL section so that's it we have created our very first Android app in MIT app inverter if you want to change the title of this app in this case as you can see we have a title of screen one so if you want to change that just scroll down on the right hand side you you can see it title call so just change the title to whatever you want this case I will type web app as you can see the title has been changed to web app so now we have created our app to build this app in the top one section just click on build that is next to connect here just click on that build and click on Android app it will take some time to process so just wait for a few seconds after that your Popa will show up like you can download the app into your laptop itself or or you can scan the QR code to install the app directly onto your mobile phone so in this case I will scan the QR code after you scan the QR code it will start download the Android app as you can see just click on install so now we are installing the app that we have created in the MIT App Inventor into our mobile phone so if you got any message like unsafe have just click on install anyway so that's it our app has been installed successfully I'm opening it now as you can see our website has been converted into an mobile lab so if you scroll down all the functionalities are here so if you click on the what is El C it will display the website so this is it so this is for this video and I will meet you in the next one

Channel: Programming with Kumaresan

Views: 510

Keywords:

Id: 1JAqyAV5L28

Length: 5min 11sec (311 seconds)

Published: Sat Dec 02 2023