MOA - Mobile CMS

Features

  • Easy to drop into your existing website
  • Script included to redirect mobile visitors
  • Responsive CMS
  • Create multi language websites
  • 200+ button icons
  • Icons available in two sizes (18x18 & 36x36) for Retina display
  • pixlr.com image editor integrated
  • Easy to customize
  • Compatible with jQuery Mobile themeroller
  • SQLite database for maximum performance and minimum overhead
  • Basic form builder
  • Create a gallery
  • Google Maps
  • RSS feed widget
  • YouTube widget
  • Lifetime upgrades + new widgets
  • ... and even more widgets!

Browser support

Mobile CMS is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.

Tested and supported in Chrome, Safari, Internet Explorer, and Firefox
  • Latest Safari
  • Latest Google Chrome
  • Firefox 4+
  • Internet Explorer 7+
  • Opera 11

Updates

Updates and future extensions / widgets are free.

Requirements

  • PHP 5.2 or higher
  • PHP extensions (enabled on most hosts)
    • GD library
    • SQLite
    • PDO extension
  • .htaccess enabled

Open the file /mobile_site/config.php for some basic configuration.

E-mail

For some features, like password reset, the system uses e-mail. Change the sender e-mail and name at the following lines in config.php.

/* EMAIL */
define('MAIL_FROM', 'info@yourdomain.com');
define('MAIL_FROM_NAME', 'Website name');

Encryption key

Below the e-mail constants you will find the encryption key constant. Change this with some random text and numbers. Somewhere between 10 and 32 characters you should be safe.

/*
----------------------------------------------------------------------
ENCRYPTION KEY

Key for two-way encryption. Don't change this if the system is in production, there might be 
encrypted strings stored that can't be decrypted without the original key.

This is not used for passwords.
----------------------------------------------------------------------
*/

define("APP_KEY","j9dQjJF5jehS734jFGmBo7fG4");

500 server error

On some (probably CGI/FastCGI enabled) servers you might get a 500 error when trying to visit the admin section. If so, please open mobile_site/admin/.htaccess and replace:

RewriteEngine on

With:

RewriteEngine on
RewriteBase /admin/

Do the same with mobile_site/.htaccess, only then use RewriteBase / instead of RewriteBase /admin/

Upload and install

Upload all files from the directory mobile_site/ to your webserver.

Point your browser to the location where you uploaded the files and you will see something like this:

Set the correct writing permissions on the specified directories and reload the page. You will see something like this:

Fill in the form and press Install. You will be redirected to the CMS login.

To redirect mobile visitors to your mobile website you can use the script mobile_site/detect.mobile.js. Of course you can also just put a link on your website to the mobile site, but if you want to automatically redirect mobile visitors, just click the 'Get the code!' button on the dashboard.

Other solutions

Keep in mind this is just one solution. If you have enough programming skills there are other ways to redirect mobile users.

For example:

Templates

With a template you can define the layout and colors of the mobile site. You can modify the existing template mobile_site/templates/default/ or create a new by copying the default directory.

A template consists of the following files:

To change the colors with the jQuery Mobile themeroller, do the following:

  1. Go to jQuery Mobile themeroller and create your theme
  2. Download the theme and open the zip
    • The zip contains a directory themes, open this directory and copy all images to the directory images of your theme
    • Open the file <your-template-name>.min.css and copy it's contents to theme.css

A reversible encryption routine

http://www.tonymarston.net

Cirkuit TinyMCE Skin

http://www.cirkuit.net/projects/tinymce/cirkuitSkin/

Emailology

http://www.emailology.org

FamFamFam icons

http://www.famfamfam.com/lab/icons/

Google icons

http://www.webdesignshock.com/google-plus-interface-icons/

Google prettify

http://code.google.com/p/google-code-prettify/

JavaScript Pretty Date

http://jquery.com (John Resig)

http://zachleat.com (Ported to PHP >= 5.1 by Zach Leatherman)

jQuery

http://jquery.com

jQuery blockUI plugin

http://malsup.com/jquery/block/

jQuery cookie plugin

http://stilbuero.de

jQuery form plugin

http://malsup.com/jquery/form/

jQuery Mobile

http://jquerymobile.com

jQuery UI Google map

http://code.google.com/p/jquery-ui-map/

jqPagination, a jQuery pagination plugin

http://beneverard.github.com/jqPagination

JS Redirection Mobile

http://www.sebastianoarmelibattana.com

PhotoSwipe

http://www.photoswipe.com

PHPMailer

http://code.google.com/a/apache-extras.org/p/phpmailer/

Pinvoke icons

http://p.yusukekamiyamane.com

Portable PHP password hashing framework

http://www.openwall.com/phpass/

QueryPath

http://querypath.org

SimplePie RSS

http://simplepie.org

SwipeJS image slider

http://swipejs.com

TinyMCE

http://www.tinymce.com

Twitter Bootstrap for this doc

http://twitter.github.com/bootstrap/

Zurb Foundation

http://foundation.zurb.com