Easiest way to create an App for your website

You can convert your website or mobile site into an app very easily. It doesn't need any programming language or any investment. The only thing you need is an Android mobile and Sketchware App.

Here is a video of how to create an App for your website in Sketchware.




Install Sketchware App in your mobile and start a new project. Write your app name and select an icon for your app.


Now in your project View area drag and drop Scroll(V) and inside that add webview widget. Set width of Scroll(V) to match parent and change padding to 0.


In Logic area of your project, in onCreate event add the WebView loadUrl block and write Url of your site in it.


Now add a new event, namely 'On back button press', in your app Logic area. On in On back button press, use if..else.. block. Add Webview goBack block as shown in image below. It should read, if WebView canGoBack then WebView goBack else Finish Activity.

Now save and Run the project. Your App is ready. You can get .apk file of your app go to project options and click on Send install file(APK). You can send it to your email or if you have ES file explorer you can save it directly to your mobile.

Comments

  1. Aakib ButtFebruary 24, 2018 at 2:23 AM

    App is not working

    ReplyDelete
  2. Srinath KMApril 10, 2018 at 5:21 AM

    After loading my webpage inside my app..

    when I scroll down a bit (say 10 times) and from there.. click to navigate to another webpage from my initial webpage..
    The new page which is loaded, retains the same extent of scrolling down - done in my previous webpage.

    Is there any way to sort this out?

    ReplyDelete
    Replies
    1. sanjeevApril 10, 2018 at 5:27 AM

      It should not happen. Don't add Scrollview, and check again.

      Delete
    2. amanatJanuary 11, 2020 at 9:22 PM

      i designed app using this tutuorial. its very god. my website have whatsapp group link in webpages which shows in webview via webpages . when i click on whatsapp link app does not open whattsapp group. please help me to solve it

      Delete
    3. Sumit KumarMay 27, 2020 at 12:38 AM

      Insert the following code type in on event

      webview page loading started(event)


      IF URL CONTAINS
      Then

      Intent:i set activity :view

      Intent:i set data (url)

      Start activity intent:i

      Delete
  3. Srinath KMJune 11, 2018 at 11:19 PM

    It worked. Thanks :)

    ReplyDelete
  4. UnknownJune 21, 2018 at 10:34 PM

    Nice Blog.....thanks for this.... for more information about how to create an app

    ReplyDelete
  5. MinchoyJune 27, 2018 at 4:48 PM

    how get tv's url if i want make a watching tv streaming online app?

    ReplyDelete
  6. user4srsoftwaresolutionsAugust 27, 2018 at 11:32 PM

    OMG, this is by far the easiest way to make money online.

    Why?

    Because you don’t even need to build a site because they’ll build you a money making website for you!

    Yup I’m not joking.

    [Click here to get a money making website built for you for free]

    This offer is strictly limited.

    Make sure you get in before slots are taken.

    Don’t say I didn’t warn you. https://30daysuccess.club?FDL87HJ

    ReplyDelete
  7. AnonymousOctober 17, 2018 at 3:44 AM

    Didn't work

    ReplyDelete
  8. ChanOneNovember 10, 2018 at 7:23 PM

    It works.. thanks.. 🙂

    ReplyDelete
  9. MpJanuary 27, 2019 at 7:09 AM

    Great, working

    ReplyDelete
  10. UnknownFebruary 17, 2019 at 7:45 PM

    how to fix my alert is not displayed .

    ReplyDelete
  11. TV Series UploaderMay 10, 2019 at 9:07 AM

    pls tutorial how to ad my ads here i dont see any tutorial about that

    ReplyDelete
  12. UnknownMay 14, 2019 at 10:13 AM

    Superb, it worked like a charm. I'm impressed

    ReplyDelete
  13. Mustufa baigSeptember 11, 2019 at 9:01 AM

    It really works!
    Thanks!

    ReplyDelete
  14. AbdulbasitSeptember 21, 2019 at 4:20 AM

    thanks man, the best tutorial ever worked for me,
    million thanks for you bro

    ReplyDelete
  15. RobertDecember 17, 2019 at 2:50 PM

    Thanks for sharing such valuable information I am also impressed by the creativity of the writer. This is
    excellent information. It is amazing and wonderful to visit your site. how can your website be converted into a selling "

    ReplyDelete
  16. amanatJanuary 11, 2020 at 9:21 PM

    i designed app using this tutuorial. its very god. my website have whatsapp group link in webpages which shows in webview via webpages . when i click on whatsapp link app does not open whattsapp group. please help me to solve it

    ReplyDelete
  17. charlyApril 27, 2020 at 8:54 AM

    its working.. but my website have sticky header, and it not shows in the app.
    can i load my website with sticky header?

    ReplyDelete
  18. JithinMay 15, 2020 at 12:46 AM

    Cleartext not permitted
    Err. Coming

    ReplyDelete

Post a Comment

Popular posts from this blog

Create Music Player app in Sketchware

Image
To create a Music Player app in sketchware, follow the steps given below.

1. Create a new project in Sketchware.

2. In VIEW area on main.xml, add a ListView listview1 with height wrap_content, and weight 1. Add a SeekBar seekbar1, an ImageView imageview1, and three TextViews textview1, textview2, and textview3, as shown in the image below.

3. Create a CustomView mycustom.xml and add a TextView textview1, and an ImageView imageview1 in it. For listview1 select mycustom.xml as it's customView.

4. Add a MediaPlayer component mp, a Shared Preferences component sp:sp and a Timer component timer.


5. Create six More Blocks MPcreate(pos), MPstart, and MPpause for the MediaPlayer and searchFolders, getFileList in [filePath] and extra.


6. Add three number variables n, r and songPosition, and five String variables currentfile, songMinutes, songSeconds, folder, folderName.

Also add a List String folderList, List String fileList and a List Map allmusic.

7. In onCreate event, use blocks as sho…
Read more

A Flash Light App in Sketchware

Image
To create a Torch Flashlight application for Android with Sketchware follow the steps given below.

1. Create a new project in Sketchware. In VIEW area add an ImageView imageview1. Set it's width and height to 100, and scale type to FIT_XY.

2. Using Image Manager add two images ic_flash_on_black and ic_flash_off_black.

3. Set ic_flash_off_black as the image of imageview1.

4. In Library manager switch on AppCompat and Design.
5. Add a Camera component.
6. Add two Boolean variables: flashLightStatus and hasCameraFlash.
7. Add two More Blocks: flashLightOn and flashLightOff.

8. In onCreate event, use add source directly block and put following code: hasCameraFlash = getPackageManager(). hasSystemFeature(PackageManager.FEATURE_CAMERA_FLASH);
9. In More Block flashLightOn, use add source directly block and put following code: android.hardware.camera2.CameraManager cameraManager = (android.hardware.camera2.CameraManager) getSystemService(Context.CAMERA_SERVICE); try { String cameraId = came…
Read more

Firebase auth in Sketchware for Login Activity

Image
To create a login activity using Firebase Auth in Sketchware, follow the steps given below. This method uses Firebase authentication service for creating login.

1. In your Firebase account, go to Firebase authentication.
2. In Firebase authentication web set-up, go to SIGN-IN method, and enable Email/password and Anonymous.

3. Go to Project settings in your Firebase project and copy the Web API Key, Project ID, and App ID.
4. Paste the Project ID, App ID, and Web API Key in your project in Sketchware, in the Firebase settings.

5. On the MainActivity page add a File Shared preferences component user:user and an Intent i. Also add a Timer t and a Firebase Auth testlogin.



6. Create a new page login.xml with Activity called LoginActivity.

7. In onCreate event of MainActivity use blocks as shown in image below.

It identifies main page with File user key page. It also checks if user is logged in to FirebaseAuth.
If user is logged in then other blocks are executed.
If user is not logged in,…
Read more

Simple car racing android game in Sketchware

Image
To create a simple car racing game in sketchware follow the steps given below.

1. Create a new project in Sketchware.

2. In VIEW area of main.xml add a TextView textview3 for displaying score of previous game, a TextView textview4 for displaying high score, and a Button button1 for starting game.

3. In MainActivity, add a Shared Preferences component sp:sp.

4. Add onStart event and put blocks to set the text of textview3 and textview4.

5. Create a new page page2.xml.

6. On button1 click use intent to move to page2.

7. On page2.xml add a LinearV linear1 with padding 0 and width and height MATCH_PARENT.

8. In Page2Activity, add a Shared Preferences component sp:sp.

9. Create a number variable highscore.

10. In onCreate event of Page2Activity, use blocks to set the value of number variable highscore, and use codes to create a new GameView and add it to linear1, as shown in image below.

The code used in the add source directly block is:
GameView bcv = new GameView(this);
linear1.addView(bc…
Read more

In Sketchware: How to create a calculator for any simple formula?

Image
Create a simple formula calculator Android app in Sketchware
Here is a tutorial to calculate using any simple formula, for users of Sketchware Android app. I'll take the example of calculating volume of a cone.Formula is: Vcone = 1/3 × pi × r2 × h
Step 1 Download Sketchware

Step 2
Go to my projects and start a new project.
Fill details in Project Settings:-
Package name: com.cone
Project name: conevolume
App name: Cone Volume
App icon:
App version: 1.0

Step 3 Create View of your app. It is saved as main.xml. The process is simple. In the view field drag and drop 'linear', 'textview', 'button' and 'edittext' to places where you want them to appear.
In my project I have inserted 5 'linear', 4 'textview', 3 'edittext' and 2 'button'.

Edit the 'textview' fields to write details. Modify text of 'button' to write calculate, Reset, etc. Change background color of 'linear'. Modify Edittext to remove 'h…
Read more