Saturday, August 29, 2015

How to build (create or design or develop) a Website on Android Mobile phone

How to build (create or design or develop) a Website on Android Mobile phone.

On this post I will like to share with you how I designed HTML + PHP website pages on mobile device (running Android Operating System).

If you know how to edit HTML, CSS, JS, and PHP on a PC to create a webpage, then here is how to do it on your mobile device running Android OS.

The Tools required for development include the following:-
  • PHPRunner - PHP IDE
  • Chrome Browser - Google
  • DroidEdit
  • VT Source Viewer
  • Bootstrap framework

 Let explain more about each of the tools. You can download all from Google play store for free as at the time of writing this post.

PHPRunner - PHP IDE
This is a PHP/MYSQL Server app for Android (Just like XAMPP or WAMP on PC
The program allows you to execute scripts php, supported mysql.
The program runs compiled for arm lighttp, PHP 5.4.9, MySQL.
When you first start, phprunner download the necessary files (~ 10Mb).
Runs:* PHP 5.4.9 *MySQL *Lighttpd server




Chrome Browser – Google
This is an Android Web Browser. Browse fast on your Android phone and tablet with the Google Chrome browser you love on desktop. Pick up where you left off on your other devices with tab sync, search by voice, and save up to 50% of data usage while browsing. 


DroidEdit
DroidEdit is a text and source code editor (similar to Notepad++ or gedit) for android tablets and phones with powerful features such as: Syntax Highlighting for several languages (C, C++, C#, Java, HTML, CSS, Javascript, Python, Ruby, Lua, LaTeX, SQL, ...)


VT Source Viewer
This application can be used to view the HTML, CSS, JavaScript or XML sources of webpages and remotely located files.
It supports different syntax highlighting themes, adjustable colors, line numbers, text wrapping, in-source active links, mobile and desktop browser modes and other features.



Bootstrap framework
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Read more about bootstrap at: www.getbootstrap.com

Note: there are alternatives to the tools mentioned above, be free to use/download and test whatever you want.

Enjoy!