Membuat Social Media dengan HumHub

Kemarin malem admin sudah membagian artikel tentang pembuatan sosial media dengan Elgg dan OSSN. Lanjutan dari edisi sosial media berbasis open source, kali ini admin bakalan membagikan tutorial membuat sosial media dengan menggunakan platform Humhub, yang tentunya gak kalah keren deh sama Elgg dan OSSN. Penasaran kan ? hehe 😀

Apa itu HumHub ?

humhub
humhub

HumHub adalah perangkat lunak dengan kategori sosial media yang memiliki tujuan membantu sekelompok orang dalam berinteraksi secara mudah dan cepat. Merupakan perangkat lunak yang ringan, cepat dan menawarkan user-friendly atau tampilan yang mudah digunakan. HumHub dapat membantu meningkatkan bisnis Anda, memperbanyak pelanggan Anda, mengajar siswa atau mengatur komunitas Anda. Beberapa fitur yang ditawarkan perangkat lunak ini diantaranya: notifikasi, monitoring komunitas, dashboard, social tools (Post, comment, follow, like and connect with other), profil pengguna, grup, direktori, file, public access, search, support mobile dan beberapa plugin/module yang siap digunakan.

humhub-profile-user
humhub-profile-user

Tahapan Instalasi Web Server 

Hal pertama yang harus dilakukan adalah installasi web server terlebih dahulu. Installasi web server dilakukan oleh admin di Linux Ubuntu Server 14.04 LTS. Untuk pengguna Windows kalian bisa menggunakan aplikasi XAMPP, WAMP, APP SERVER.

Ketikan/copy perintah berikut di terminal linux :

Update sistem/repository :
sudo apt-get update

Install web server apache :
sudo apt-get install apache2

Install database mysql server :
sudo apt-get install mysql-server php5-mysql
sudo mysql_install_db
sudo mysql_secure_installation

Install PHP :
sudo apt-get install php5 libapache2-mod-php5 php5-mcrypt php5-intl php5-curl php5-gd php5-ldap php-apc unzip php5-xsl

Install phpMyAdmin :
sudo apt-get phpmyadmin

Enable apache mod_rewrite :
a2enmod rewrite

Edit apache overide htaccess :
nano /etc/apache2/apache2.conf

edit-apache2-overide-htaccess
edit-apache2-overide-htaccess

Download aplikasi sosial media HumHub di sini.

download-humhub
download-humhub

Untuk lebih pratis, download langsung lewat terminal menggunakan perintah berikut :
Aplikasi HumHub yg di download versi 1.0.1 (2 Mei 2016 – terbaru)

wget http://ufpr.dl.sourceforge.net/project/humhub/humhub-1.0.1.zip

mv humhub-1.0.1.zip /var/www/html/     (digunakan untuk memindahkan file humhub ke directory web server)

cd /var/www/html/     (digunakan untuk pindah ke directory /var/www/html/)

unzip humhub-1.0.1.zip     (digunakan untuk ekstrak file humhub)

mv humhub-1.0.1 humhub     (digunakan mengganti nama directory humhub)

chmod -R 777 humhub     (digunakan untuk mengubah permission directory humhub beserta subdirectory-nya)

Tahapan Installasi Sosial Media HumHub

Buka web browser di komputer pengguna (client) kemudian ketikan ipaddress_server/humhub, misal:192.168.10.110/humhub >> Next.

install-humhub
install-humhub

Tahapan selanjutnya muncul tampilan System Check, Jika terdapat pemberitahuan “Congratulations! Everything is ok and ready to start over!” Berarti humhub siap di install. >> Next.

install-humhub-system-check
install-humhub-system-check

Tahapan selanjutnya buat database mysql dengan phpMyAdmin >> 192.168.10.110/phpmyadmin >>Login >> Databases >> Create Database: humhub >> Create.

install-humhub-create-database
install-humhub-create-database

Tahapan selanjutnya sesudah System Check, muncul tampilan Database Configuration, masukan data, misalnya :
Hostname : localhost
Username : root
Password : 123456
Name of Database : humhub   >> Next.

install-humhub-config-database
install-humhub-config-database

Tahapan selanjutnya muncul tampilan Social Network Name, masukan nama sosial media yang akan kita buat, misal: Social Network – IcalRedHat.  >> Next.

install-humhub-name-socialnetwork
install-humhub-name-socialnetwork

Tahapan selanjutnya muncul tampilan Configuration, pilih slah satu misal: My educational institution (school, university). >> Next.

install-humhub-config
install-humhub-config

Tahapan selanjutnya muncul tampilan Security Settings, >> Next.

install-humhub-security-setting
install-humhub-security-setting

Tahapan selanjutnya muncul tampilan Recommended Modules, secara default dalam posisi terceklis semua modul dan harus terkoneksi internet untuk menginstallnya. Jika server kita tidak terkoneksi dengan internet uncek saja. >> Next.

install-humhub-module
install-humhub-module

Tahapan selanjutnya muncul tampilan Admin Acount, masukan data admin humhub, misal:
Username : icalredhat
Email : admin@icalredhat.lan
Password : 123456
First Name : Ical
Last Name : RedHat   >> Create Admin Account

install-humhub-admin-account
install-humhub-admin-account

Tahapan selanjutnya muncul tampilan Example Contents, >> Next.

install-humhub-content
install-humhub-content

Installasi sosial media HumHub sudah selesai (Congratulations You’re Done), dan siap digunakan.. >> Sign In

install-humhub-complete
install-humhub-complete

Konfigurasi Sosial Media HumHub

Tampilan Login Sosial Media HumHub

humhub-login
humhub-login

Tampilan Dashboard User Sosial Media HumHub

humhub-dasboard-user
humhub-dasboard-user

Tampilan Admin Page Sosial Media HumHub

humhub-admin-page
humhub-admin-page

Daftar Module yang ada di Sosial Media HumHub

humhub-module
humhub-module

Tampilan Message User Sosial Media HumHub

humhub-message
humhub-message

Tampilan Profile User Sosial Media HumHub

humhub-profile-user
humhub-profile-user

Tampilan Space/Grup/Forum di Sosial Media HumHub

humhub-space-forum
humhub-space-forum

Demikian pembahasan artikel mengenai pembuatan sosial media menggunakan platform HumHub,
selamat berkreasi dan semoga bermanfaat..

Jangan lupa Like & Share pada postingan ini!

Iklan

2 pemikiran pada “Membuat Social Media dengan HumHub

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.