“Tiger CMS - WebSite builder”


Table of Contents

  1. Introduction
  2. Used Libraries / Components
  3. Requirements
  4. Directory structure
  5. Installation
  6. Demo, product or development version
  7. Login
  8. Dashboard
  9. Profile Settings
  10. Slider and Gallery
  11. Insert media files
  12. Widget
  13. Pages
  14. Multi level menu
  15. Footer
  16. Sidebar
  17. Social Networks
  18. Posts
  19. Language
  20. Forms builder(CRUD)
  21. Radio station
  22. Mobile aplication

Introduction - top

Tiger CMS is an advanced automated system for creating and updating web presentation. This is a web PHP application based on CodeIgniter PHP framework. Web design is fully automated and does not need knowledge of these programming languages. Tiger CMS is based on modules and bootstrap blocks, so that the appearance of the page and posts depends only on the creativity of the user. However to create more complex modules you will need to know the basics of PHP. Making modules is possible directly from the software or the application code. An integral part of the project is a mobile phone application that uses data specified from CMS for creation of content. Watch video instructions and make sure how easy it is to create quality web presentation.

Detailed text instructions:

Features

  • Responsive Modular Design ( mobile , table , desktop ) (bootstrap 3 framework)
  • Codeigniter Framework Version 3.0.4
  • Full HTML5 support
  • Bootstrap grid block system
  • Built in Installation wizard
  • Page and Post builder
  • Footer, header and sidebar builder
  • Drag and drop multi file manager
  • Built in gallery or slider
  • Easy to use Widget builder (WYSIWYG HTML Editor, PHP and HTML editor, CSS and JS editor)
  • Tinymce file manager plugin
  • Crud generator module
  • Form builder
  • Captcha Integration
  • Dynamic menu creation – multi menu levels, easy drag.
  • Demo and product version
  • Backend and Frontend tempalate
  • World radio module (6000+ stream radio station)
  • Multilanguage support
  • Social network support
  • Easy to use
  • Fully Optimised, Tested for faster
  • Code Library, can be used to extend the application
  • Mobile application
  • PhoneGap/Cordova Full Hybrid App using AngularJS + Ionic framework
  • Ionic UI front-end development framework using Angular.js
  • Ionic UI is bundled with Font Awesome
  • Cordova Plugins
  • And Many More...

Used Libraries / Components - top


Requirements - top

  • PHP version 5.2 or later versions, PHP version 7 not tested
  • Apache web server with mod_rewrite enabled
  • MySQL 5.x or later versions

Directory structure - top

Directory structure


Installation - top

With Built In Auto Installer, Installing Tiger CMS is very easy and simple.

To install an application on a local computer you need to install some of the current software: XAMPP, WAMP, LAMP or MAMP. This software contains all of the elements that are necessary for the normal operation of the application. After the installation you need to create a database by phpMyAdmin. To install the server you can immediately access phpMyAdmin. After opening the starting page to phpMyAdmin, click on "New" which is located in the upper left corner of the page. It opens a new page where you write the name of a base (such as "cms_install ') and then click on CREATE. After a successful database creation no additional adjustments are required.

Instalation phpMyAdmin


After created database, you must run the installation wizard of CMS (http://yoursite). As you can see in the picture, first you need to enter the name of the created database, and then, to connect to the database, enter the parameters user name and password. The field "Host Name" is the name of our host. After all fields are correctly filled in, click on "Install". If all of the above mentioned steps are done correctly, the installation will pass successfully and then will appear the page with a message as shown below. After clicking on the "Login page" button it forwards you to the Login page.


Instalation wizard


Files used for display and functioning by Install page:

Controllers:: Install.php, methods: index(), installer(), installSuccess(), checkDbConnection(). Views: install/index.php


Demo, product or development version - top

Administering applications can be done in 3 versions: Demo, Product or Development. Demo version is used for the promotion of software and any changes are blocked in this version. Product version is used for users and all changes are approved, but errors and warnings are not displayed. Development version is used for developers where all changes are allowed, and also displays errors when they occur. Defining of the version is editing in the index.php file, as shown on the picture below.

Instalation phpMyAdmin


Login - top

In the demo version of the software, page for logging is different compared to the other versions. There is a button that "auto-login" is used for automatic log-on.

Login page with the development and product versions

Instalation wizard

Login page at the demo version

Instalation complite

Files used for display and functioning by Login page:

Controllers: admin/Custom.php, methods: login(), loginCheck(), logout(). Models: Cib_model.php, methods: login($username, $password), Views: admin/login.php


Dashboard - Homepage after login. - top

On this page there are links to all the most important parts of the software. Here you can also find the latest added links to pages and posts.

Instalation complite


Files used to display and functioning by Dashboard page:

Controllers: admin/Custom.php, methods: index(). Models: Cib_model.php, methods: getUpdatedPages(), getUpdatedPost() Views: admin/home.php


Profile and Settings - top

Settings page

After installing the software, login is necessary to setup the basic settings of the application and to choose site theme.

Settings

Files used for display and functioning of the Settings page:

Controllers: admin/Custom.php, methods: settings(), updateSettings(), uploadLogo(). Models: Cib_model.php, methods: getSettings(), updateSettings(), getCountries(), defaultCountry() Views: admin/settings.php


Profile page

You also need to enter some basic information of the administrator, and change the default password.

Profile

Files used for display and functioning of Profile page:

Controllers: admin/Users.php, methods: editUser(), edited(). Models: Cib_model.php, methods: getUser($id), updateUser($id) Views: admin/edituser


Slider and Gallery. - top

Create a Slider

Banner Title: in this field you need to type in name of banner Banner Slug: the unique banner label (this field will be filled in automatically and can be changed if you want to) Banner Type: in this drop-down menu you are choosing between Slider or Gallery

When you choose between Slider or Gallery, this window will appear. You have two ways of how to input photos. One way is to drag and drop images in window or click on "Click to open the file Browser" and select images. Then, you click on "Insert images" and your images will be uploaded on to server.

Create slider or galery

Create slider


Add images

Add images


Now, click to "Select all" and "Insert images" to insert images.

Select images

After your images are uploaded, you can write tags, links or description for each image. Now you need to click on "Save" to complete the creation of a banner.

Save slider


If you want to edit banner, you can do this by clicking on Sliders-> All Sliders-> example then click on little pen by right side. When you create gallery or banner, you can edit it, add new ones or delete existing images.

Files and Methods

Controllers: admin/Sliders.php, methods: all methods in specified file. Models: Cib_model.php, methods: getBannerImage($id), getBanner($id), insertSliders(), getBannerSlug($id), updateSliders($id), removeBan($id),removeMediaFolder($folder) Views: admin/sliders.php, admin/newslider.php, admin/editslider.php


Add media files - top

Multi upload files

Edit media

Files and Methods

Controllers: admin/Media.php, methods: all methods in specified file. Models: Cib_model.php, methods: getMediaId($id), getMedia($folder), updateMedia(), insertMedia($mediaName, $mediaType, $mediaSize, $mediaFolder), removeMedia($id) Views: admin/media.php


Widget - top

By clicking on "Widgets" then "New Widget" on the left side of the menu, this page below will appear. On this page you set the name of the widget and choose type of widget. There are 3 types of widget, (WYSIWYG) a simply editor or possibility to edit widget by HTML or PHP code. After these settings you need to click on "Save".

Create widget

On the next page you have more options how to make your widget. We will insert block (6/6) whose content will cover half pages by vertically or block (12) whose content will cover whole width of page. According to the needs, there are other blocks of different sizes... In our example we have chosen the block (6/6).

After setting blocks, the next step is insertion of already made sliders/banners. By clicking on the "Baners" it opens a drop down menu where you choose your already designed slider/banner. In the first half of the block (6/6) you insert "exampleSlider", in the second half of the block you insert "examplegalerija". In addition to these settings, there are other basic settings, such as adjusting the style of the text, bold, italic, underline, font type, font size... After completing these settings, click "Save". At insertion sliders where you have a gallery, you'll get a window where you choose how many images will be placed in one row.

Widget


HTML or PHP widgets

Widget


All widget

List of all the created widgets.

All Widgets


Files and Methods

Controllers: admin/Widgets.php, methods: all methods in specified file. Models: Cib_model.php, methods: createWidget(), getWidget($id), updateWidget($id), updateWidgetHTML($id), removeWidget($id) Views: admin/widgets.php, admin/newwidget.php, admin/editwidget.php, admin/editwidgetHTML.php


Pages - top

Create new page

Create page


Edit home page

Edit Home page


Creating and edit Contact Page

Example of creating page site (Contact Page).

Create and Edit Contact page


Files and Methods

Controllers: admin/Pages.php, methods: all methods in specified file. Models: Cib_model.php, methods: createPage(), getPage($id), updatePage($id),removePage($id) Views: admin/pages.php, admin/newpage.php, admin/editpage.php


Create and edit menu

Create and edit menu


Files and Methods

Controllers: admin/Navigation.php, methods: all methods in specified file. Models: Cib_model.php, methods: insertNav(), getNav($id), updateNav($id),removeNav($id) Views: admin/navigation.php, admin/newnav.php, admin/editnav.php


Adding elements that will be displayed in the footer.

Create and edit Footer


Create and Edit Footer


Files and Methods

Controllers: admin/Footer.php, methods: all methods in specified file. Models: Cib_model.php, methods: getFooter(), updateFooter() Views: admin/footer.php, admin/editfooter.php


Create custom Sidebar

Adding elements that will be displayed in the left and right sidebar of site.

Create and Edit Sidebar


Files and Methods

Controllers: admin/Sidebar.php, methods: all methods in specified file. Models: Cib_model.php, methods: getSidebarLeft(), getSidebarRight(), updateSidebar() Views: admin/editsidebar.php


Social Networks - top

Edit Social Networks

On this page there is a list of all current social networks. Activate a particular social network and enter the link. By activating certain social network, it will automatically activate links on the frontend page of the site.

Edit Social


Files and Methods

Controllers: admin/Custom.php, methods: social(), updateSocial() Models: Cib_model.php, methods: getSocial(), updateSocial() Views: admin/social.php


Posts - top

Create and edit post category

First you need to add the category that you will use when you create a blog.

Create and Edit Category


Files and Methods

Controllers: admin/Categories.php, methods: all methods in specified file. Models: Cib_model.php, methods: createCategory(), getCategory($id), updateCategory($id), removeCategory($id) Views: admin/categories.php, admin/newcategory.php, admin/editcategory.php


Create and edit post

After creating a category, we can access and creation of blogs created by categories.

Create and Edit Post


Files and Methods

Controllers: admin/Posts.php, methods: all methods in specified file. Models: Cib_model.php, methods: createPost(), getPost($id), updatePost($id), removePost($id) Views: admin/posts.php, admin/newpost.php, admin/editpost.php


Language - top

List and create language

List and create language


Edit language keys

Edit language keys


Files and Methods

Controllers: admin/Language.php, admin/Language_admin.php methods: all methods in specified files. Models: Cib_language_model methods: all methods in specified files. Views: admin/language/edit_lang_file.php, admin/language/file_list.php, admin/ language_admin /edit_lang_file.php, admin/ language_admin /file_list.php


Forms builder(CRUD) - top

Create and edit CRUD

It is used to create shape and forms which need to be added after the creation of the particular page of the site.

Create and edit CRUD


Add data in CRUD table

Edit language


Add data


Radio station - top

All radio station

Edit language


Add and edit radio station

Add data


Radio mobile aplication - top

All radio station

Radio mobile application is Full Hybrid App (PhoneGap/Cordova) using AngularJS and Ionic framework. Ionic framework is an open source front-end SDK for developing awesome hybrid mobile apps with HTML5, CSS and JavaScript. Cordova is a platform to build Native Mobile Applications using HTML5, CSS and JavaScript.

Radio mobile application is a part of CMS and it uses data that is updated via Tiger CMS - Web site-builder and a radio module.

Mobile application file structure is shown in the following picture:

Radio application


Application Settings

In the file "app.js" it is necessary to add the domain name where the Tiger CMS is installed.

Radio application


The application is now ready to build, that runs on: https://build.phonegap.com

After successfully setting and build, the files for android and iOS will be generated and then you can install software on your mobile phone. After installation, you can get an application as shown below and you will be able to enjoy in your favorite radio station.

Mobile