[Tutorial] How to create android mobile app for your Osclass website!

[Billy]

File i was trying to upload was too big, 10MP camera *firstworldproblems*

[Billy]

Still it doesnt work from the app. When i installed Mobile View plugin (forgot its name) it worked. Is it because of the theme i'm using (Next Revo)?

[ephraim]

Lol, how I like to have the the *firstworldproblems*, file size can be set on php.ini configuration. Actually the original suggestion was to use the mobile plugin if you read the thread from the start, so it might be the theme.

[Billy]

But mobile plugin is so ugly. Isnt there a way to fix this, mb copy code from said plugin and just replace it for mobile wersion of the theme? Its just i'm totally noob in php and programming in general.

[ephraim]

For sure it can be, but you have to learn css responsive design for you to benefit on that, otherwise the easier solution should be to change your theme, but its not a guarantee that it would work 100%, I just tested it in 2 browsers firefox and the default android browser it worked for those. On the app itself it's detecting chrome as my default browser unfortunately in Chrome uploading doesn't work.

[Billy]

Ah, so trouble is with chrome, is there any way to force created app to run other kind of browser?

[Billy]

Is there a way to make andriods "back" button go to previous page instead of quitting this application and mb add "To top of the page" button on the right bottom?

[FAd]

Thanks so much for your responses, I really appreciate you!
But can you help me with the Andriod Studio setup (software)?

[Billy]

What i did is install Andriod studio, Andriod SDK manager (dont remember if it was seperate or came in with the studio). Then downloaded everything in SDK (cuz i didnt know what i needed) and in the end it all worked out

[FAd]

Pls, am I going to install this android studio on my Personal computer or on my site?

[Billy]

PC ofcourse

[FAd]

Thanks Billy!
I will try that.

[jimzubemo]

It's really easy and you don't need any prior Java or Android development knowledge.

What you need is:
Eclipse
Java SDK
Android SDK
(I won't be getting into how to download and install them, please look for a tutorial on the internet there is a lot of them trust me!)
Mobile Plugin from the Plug in market to force mobile devices to go to the mobile version and if your theme already has mobile version supported then you don't need to install it.

So what you need is 3 codes to copy and paste, THAT'S IT.

First code you need to past in your activity_main.xml

Code: [Select]

<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
          android:theme="@android:style/Theme.NoTitleBar"
          android:id="@+id/webview"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:scrollbars="none"/>
Second code you need to paste in your MainActicity class (Don't forget to edit your package name above! If you are not sure just copy paste as it is and then ALT+ENTER and eclipse will edit and write your package name.

Code: [Select]

package YOUR_PACKAGE_NAME_HERE;

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import com.example.esouqbh.esouq.R;

public class MainActivity extends Activity
{@Override public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //Remove title bar as we already have it in the web app
    this.requestWindowFeature(Window.FEATURE_NO_TITLE);
    //Point to the content view defined in XML
    setContentView(R.layout.activity_main);
    //Configure the webview setup in the xml layout
    WebView myWebView = (WebView) findViewById(R.id.webview);
    WebSettings webSettings = myWebView.getSettings();
    //Yes, we want javascript, pls.
    webSettings.setJavaScriptEnabled(true);
    //Make sure links in the webview is handled by the webview and not sent to a full browser
    myWebView.setWebViewClient(new WebViewClient());
    //And let the fun begin
    myWebView.loadUrl("http://YOURWEBSITEURLHERE.com");    }}
NOTE: change http://YOURWEBSITEURLHERE.com to your website URL.

Third code you need to paste in AndroidManifest.xml is

Code: [Select]

  <uses-permission android:name="android.permission.INTERNET"></uses-permission>Paste it right before </manifest>

Guess what? That's it! You just made your Osclass website into an android app!

Great...But does the image upload works with the Android App?
In my case it doesn't.

[jimzubemo]

Default phone browser is working though on mine @ android 4.3, app upload looks broken must be related to file permission as only full network function is allowed on the code above.

Same issue here.
I created an Android WebView App for an OSCLASS website with responsive design. So the app opens the website and it looks good. I can even post ads from the app BUT WITHOUT PHOTOS. The Image upload button is not responding. The image upload works on Android browsers - both default android browser and Google Chrome.

Does any one know how to resolve it?

I have also checked this with another Android WebView app for a Drupal website and it also does not work. So this may not be a OSCLASS issue but an Android WebView issue. Nevertheless, if anyone has solved this image upload issue from android webview app, please share.

[Loriby87]

Drag and drop button is not working and when i can`t go back to previous page.anyone can help me?