📰 MediaVerse

A Modern News Portal built with PHP CodeIgniter 3

MediaVerse

MediaVerse is a modern, fully-featured news portal platform built on PHP CodeIgniter 3, designed for performance, scalability, and flexibility. With a modular architecture, multi-template support, and a customizable theme system, MediaVerse enables developers and content teams to build dynamic, visually consistent online news platforms with ease.

It includes a comprehensive CMS that manages articles, categories, galleries, videos, pages, menus advertisements, comments, and interactive features. The built-in role-based admin panel, granular module permissions, and SEO-optimized routing system make MediaVerse suitable for professional production environments—from small editorial teams to large media organizations.

Whether need a clean newspaper layout, a modern magazine style, or a custom–built front-end, MediaVerse provides the tools and structure to build it efficiently.

---

• 📦 Installation

  • System Requirements
  • Local Setup (XAMPP)
  • Database Import
  • Configuration Files
  • Shared Hosting
  • VPS / Cloud
  • XSS & CSRF Protection

• 🚀 Usage

  • Admin Dashboard
  • Managing Articles
  • Managing Categories
  • Managing Albums & Gallery

• ⚙️ Features

  • News Management
  • SEO Friendly URLs
  • Pagination
  • Auto Image Handling
  • RSS Generator
  • Themes
  • Template Editing

• 🗂 Directory Structure

• 🌟 Showcase

  • Frontend Templates
  • Theme Color Variants
  • Admin Dashboard
  • News Management
  • Video Management
  • Photo Gallery & Albums
  • User Access Levels
  • Module Permission Controls
  • System Modules Overview

📦 Installation

System Requirements

• PHP 7+
• MySQL 5.5 or higher
• OpenSSL extension (optional)
• intl extension
• Apache or Nginx server
• Composer (optional)

Local Setup (XAMPP)

1. Install XAMPP (PHP 7+ recommended).
2. Copy the project into:
   C:\xampp\htdocs\MediaVerse
3. Start Apache and MySQL.
4. Open the project in browser:
   http://localhost/MediaVerse/

Database Import

1. Open phpMyAdmin.
2. Create a new database:
   mediaverse
3. Import the SQL dump:
   /database/mediaverse.sql

Configuration Files

1. Base URL

File: application/config/config.php

$config['base_url'] = 'http://localhost/MediaVerse/';

2. Database Credentials

File: application/config/database.php

'username' => 'root',
'password' => '',
'database' => 'mediaverse',

3. Upload Settings

File: application/config/config.php

$config['upload_path'] = './asset/';

Shared Hosting

1. Upload all project files to your hosting account.
2. Import the SQL database via your hosting panel (cPanel/Plesk).
3. Update the base URL, database credentials, and font path (see Troubleshooting).
4. Ensure .htaccess is supported by your hosting.

VPS / Cloud

• Install LAMP or LEMP stack.
• Clone/upload the project.
• Configure virtual host or Nginx server block.
• Ensure directory permissions for /asset/ uploads.

XSS & CSRF Protection

• CodeIgniter’s built-in CSRF token is enabled in config.php.
• Input filtering prevents basic XSS vectors.
• Ensure global_xss_filtering remains enabled in production.

---

🛠 Troubleshooting

1. First-Time Admin Login

Run the upgrade script once:

• Online: http://yourdomain.com/administrator/upgrade
• Localhost: http://localhost/administrator/upgrade

2. Admin Menu Not Displaying

If the administrator menu appears blank, it is caused by missing JavaScript resources.
The menu JavaScript is hosted online, so when using localhost, your computer must be connected to the internet.

3. Redirect to Home After Login (Localhost Only)

Edit the file XAMPP/php/php.ini and find:

session.auto_start = 0

Change to:

session.auto_start = 1

Restart XAMPP (Apache & MySQL).

4. Security Code / Font Not Loaded (Online Hosting)

Update the font path in config.php:

'font_path' => base_url().'asset/Tahoma.ttf';

🗂 Backend Menu Structure

1. Dashboard

• Latest news
• Pages
• Agenda overview
• User overview
• Recent comments
• Visitor analytics chart

2. Website Configuration

• Website identity
• Menu builder
• Page management

3. News Management

• News listing
• Category & tag management
• News comments
• Comment filtering
• Photo news
• Photo galleries

4. Video Management

• Playlists
• Videos
• Tags
• Comments

5. Advertisement Management

• Top banner ads
• Bottom banner ads
• Homepage ads
• Sidebar ads
• External link ads

6. Theme & Template Settings

• Template selection
• Theme color selection
• Logo settings

7. Interactive Features

• Agenda
• Flash info
• Polls
• Download center
• Contact information
• Inbox messages

8. User Administration

• User accounts
• Role management
• Module permission controls

🛠 Tech Stack

• PHP 7+
• CodeIgniter 3
• MySQL
• Bootstrap
• jQuery
• FontAwesome
• Composer (optional)

---

🚀📘 Usage Guide

Admin Dashboard

Access the administrator panel through:

http://localhost/MediaVerse/administrator
Username: admin
Password: admin

After logging in, you will see the main dashboard, which includes:

• Latest published news
• Pages overview
• Agenda summary
• Recent comments
• User activity
• Visitor analytics chart

---

Managing Articles

To create or manage news articles:

1. Navigate to News > All News.
2. Click Add New Article to create content.
3. Fill in:
   • Title
   • Category
   • Tags
   • Content (rich editor)
   • SEO fields (meta title & description)
4. Upload a cover image (JPG/PNG).
5. Click Publish to make the article visible.

Additional notes:

• Slug is generated automatically but can be edited manually.
• Images are stored inside /asset/foto_berita/.
• Draft mode is available for unfinished articles.

---

Managing Categories

Categories organize the article structure across the website.

1. Go to News > Categories.
2. Click Add Category.
3. Fill in:
   • Category name
   • Slug
   • Parent category (optional, for subcategories)
4. Save changes.

Notes:

• Categories automatically appear on the frontend menu (if enabled).
• Deleting a category will not delete the articles inside it.

---

Managing Albums & Gallery

The gallery module allows you to manage photo albums for the website.

1. Open Gallery > Albums.
2. Click Create Album.
3. Enter the album title, description, and cover photo.
4. After the album is created, open it and click Upload Photos.
5. Select multiple files (JPG/PNG supported).

Notes:

• Uploaded images are stored in /asset/img_galeri/.
• Thumbnails are auto-generated.
• Photos can be reordered via drag-and-drop (if enabled).

Features

✔ Frontend

• Dynamic homepage with featured and highlighted news
• Category & subcategory support
• Responsive Bootstrap-based layout
• SEO-friendly, clean URL routing
• Image galleries & photo albums
• RSS feed generation (rss.xml)
• Pagination & search functionality

✔ Backend / Admin Panel

• Full News CRUD management
• Category & tag management
• Photo news & photo gallery management
• Video playlists, videos, tags, and comment moderation
• User & role-based access management
• Module permission system
• Website identity & menu management
• Template & theme color management (Red, Green, Blue, Orange, Purple, Pink, Tosca, Black)
• Comment filtering / word censorship system
• Agenda / event scheduling
• Polling system
• File download center
• Inbox messaging system
• Advertisement placements (Top, Bottom, Homepage, Sidebar, External Link Ads)
• Visitor analytics chart
• Cache & logging system

🎛 Access Levels

MediaVerse uses a structured permission and role-based access control system:

1. Administrator / Developer

• Full system access
• Manage users, modules, templates, and system configuration

2. Contributor / Writer

• Content creation and editorial access
• Manage articles, categories, media, and related assets

3. Standard User

• Basic user-level interactions
• Participate in comments, polls, and agendas
• No administrative privileges

🧩 Available Modules

Content Modules

• News
• News categories
• News tags
• News comments
• Photo news
• Photo galleries
• Video list
• Video playlists
• Video tags
• Video comments

Configuration Modules

• Website identity
• Website menu builder
• Static page builder
• Template management
• Theme color selection
• Logo management
• Word censorship
• Module management
• User management

Interaction Modules

• Agenda / events
• Flash information
• Polling system
• File downloads
• Contact information
• Inbox messages

---

📁 Directory Structure

MediaVerse/
├── application/
│   ├── config/          # Application configuration files (base_url, database, routing, etc.)
│   ├── controllers/     # All controller files for frontend & backend
│   ├── core/            # Custom extended CI core classes
│   ├── helpers/         # Custom helper functions
│   ├── hooks/           # System hooks 
│   ├── language/        # Localization files
│   ├── libraries/       # Custom libraries
│   ├── logs/            # System log files
│   ├── models/          # Database models
│   └── views/           # Frontend & backend view templates
│
├── asset/
│   ├── css/             # Stylesheets
│   ├── js/              # JavaScript files
│   ├── images/          # General images
│   ├── foto_berita/     # News images upload folder
│   ├── foto_banner/     # Banner/advertisement uploads
│   ├── foto_galeri/     # Photo gallery uploads
│   └── video/           # Video thumbnail uploads
│
├── captcha/             # Captcha generator files
├── system/              # CodeIgniter system core files
├── template/            # Template and theme files (3 website template, color themes, layout files, etc.)
├── vendor/              # Composer dependencies 
│
├── contributing.md      # Contribution guidelines
├── composer.json        # Composer configuration file
├── index.php            # Main entry point
└── rss.xml              # RSS feed generator output

📸 Showcase

🌐 Frontend Templates

MediaVerse provides three responsive frontend templates, optimized for performance, accessibility, and user engagement. Each template includes multiple layout variations and supports theme color customization.

Template A — Modern Default

A clean and structured layout ideal for general news portals.

Template B — Magazine Style

Designed for multi-category news platforms with dynamic content blocks.

Template C — Minimal Flat

A lightweight template focused on speed and simplicity.

🎨 Theme Color Variants

Every template includes 9 predefined color themes, allowing full visual customization.

🛠 Admin Dashboard

The administrative control panel offers a comprehensive overview of system activity, including analytics, content management, and user operations.

• Latest news, pages, and user activity
• Visitor analytics and traffic charts
• Recent comments and content summaries

📰 News Management

Manage all editorial content with a streamlined interface, including articles, categories, tags, and comments.

• News listing with search and filters
• Category and tag management
• Comment moderation and keyword filtering
• Photo news and gallery integration

🎥 Video Management

A dedicated module for maintaining video playlists, metadata, tags, and user comments.

• Video playlist organization
• Tag creation and filtering
• Comment moderation

🖼 Photo Gallery & Albums

Upload, organize, and publish albums with support for high-quality images.

• Album creation and sorting
• Multi-image upload support
• Visual content optimization

🧩 User Access Levels

MediaVerse includes a hierarchical access system suitable for multi-author environments.

• Admin / Developer — full system access and configuration
• Contributor / Writer — editorial content access
• Standard User — limited access for general use

🔐 Module Permission Controls

All user roles can be customized through module-based permission settings.

• News, categories, and tags
• Video modules (playlist, tags, comments)
• Template and theme customization
• Polls, interactions, and agenda
• Advertisements & layout settings

📦 System Modules Overview

The admin panel is organized into modular sections, enabling efficient navigation and content control.

• Dashboard — activity summary and analytics
• Main Menu — identity, pages, and site navigation
• News Module — articles, tags, categories, comments
• Video Module — playlists, video management, tags
• Advertisement Module — banner & layout management
• Templates & Themes — visual customization
• Interactive Elements — polls, agenda, downloads
• User & Role Management — access levels and permissions