Moodle 2.4 On UsbWebServer 8.5

1) Download UsbWebserver 8.5.

2) Download Moodle 2.4.

Alternatively download a pre-packed UsbWebServer 8.5+Moodle 2.4

3) Extract UsbWebserver to root, e.g C:\USBW\...

4) Extract Moodle 2.4 to C:\USBW\ROOT\moodle1\...

5) Run UsbWebServer. Unblock firewall for Apache and MySQL if required.


6) In UsbWebServer Control Panel, Click PhpMyAdmin to create Moodle 2.4 Database.




7) Login using root/usbw credential.




8) Create database moodle1 with UTF8 collation type.





9) In UsbWebServer Control Panel, Click localhost.




10) Browse URL localhost/moodle1/ (automatically you will be redirect to install.php).
Click Next.




10a) Confirm Application Path.
Click Next.



10b) Set Database Driver.




10c) Set Database Access Details.





10d) Agree to terms.
Click Continue.



10e) Passed System Requirement check.



10f) Wait for installation process to run. It may take few minutes.




10g) When installation is done, click Continue.



11) Configure Admin Details. Click Update Profile.



12) Front Page Setting.
Type the site name.
Click Save.




13) Installation process completed.
You are logged in as System Administrator.

PowToon.com: Signing Up

1) Go to URL http://www.powtoon.com/account/signup/

2) Fill in the form.
Click Sign up.


3) Receive success message.
Click Start Pow-Tooning!



4) Choose Category.


5) Choose Template.


6) Create Name and Description.


7) Wait for PowToon to load.


8) PowToon editor loaded completely.
Start creating your PowToon!

Wordpress.com: Creating Acount

1) Browse http://wordpress.com
Click Get Started.


2) Click Get Started.
Fill in the required details.


3) Scroll further down.
Click Create Blog.


4) Click My Blogs.


5) Click your blog name to go to the dashboard


6) Use the dashboard to manage various aspects of your blog site.

Sakai Project: Test Drive Sakai at testdrivesakai.com

1) Go to the url, http://testdrivesakai.com/portal.
Click Create Account.


2) Fill up the form.
Click Sign Up.


3) Get Registration Successful page.


4) Check Email.
Click Log In.


5) Enter login credentials.


6) Get Welcome page.


Further reading: Sakai Vs Moodle

PhoneGap: Inserting into Eclipse on Windows

1) Download and unzip.


2) Copy the following structure only:


3) In Eclipse, Create New Android Application.


4) Accept Configuration.


5) Accept Launcher Configuration.


6) Create Blank Activity.


7) Set Activity Name.


8) Test.


9) First create a new folder called www and a new file called index.html. both in the project folder assets. 


10) Go back now to the PhoneGap structure





11) Copy now the point 1) 2) and 3) in the project structure the way you see bellow.




12) Prepare the Activity-Class
In the eclipse locate the src-folder and open the MainActivity.java class in it and change it that way you'll see bellow: (I leave the comments so you can see what I've changed)

import org.apache.cordova.DroidGap;

import android.os.Bundle;
import android.view.Menu;

public class MainActivity extends /* Activity */DroidGap {

    // @Override
    // protected void onCreate(Bundle savedInstanceState) {
    // super.onCreate(savedInstanceState);
    // setContentView(R.layout.activity_main);
    // }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

}

13) Content of Index.html

 copy paste this HTML-Code into the index.html file we've created in the assets-folder. 

<!DOCTYPE HTML>
<html>

  <head>
    <title>First App</title>

  <script src="cordova-2.2.0.js"></script>
  <script>

     function onLoad(){
          document.addEventListener("deviceready",
onDeviceReady, true);

     }
     function onDeviceReady(){
navigator.notification.alert("PhoneGap is working!!");

     }


  </script>


  </head>


  <body onload="onLoad();">


       <h1>Welcome to PhoneGap</h1>


       <h2>Edit assets/www/index.html</h2>


  </body>


</html>

14) Prepare the Manifest-File before launching
In the manifest file called AndroidManifest.xml make sure you have inserted the following code in it:(Tip: in order to not do it all by hand, look at C:\development\phonegap-2.2.0\lib\android\example\AndroidManifest.xml and copy/paste it from there.)



15) Running the App

Select your MainActivity.java file and run it as Android application. (make sure you've an AVD installed as we have seen in the post How to install PhoneGap on Windows) If everything goes well you'll see that picture bellow. Thats all. From here you can now develop your app further.

 

16) Alternative Setup

Ok there is a even better way to do this.(I've shown all steps first so we do not overwhelm us with to much stoff)  Delete the folder www in the eclipse project. Then look into PhoneGap directory C:\development\phonegap-2.2.0\lib\android\example\assets There you'll encounter a sample structure. Just copy it into assets folder like i did bellow instead of doing it by hand. It should look like this if you run it: