Source Code Web Sekolah Gratis

Pada kesempatan kali ini, Genara code akan berbagi informasi tentang Website Sekolahan. Sebelum mulai, ada baiknya Anda melihat penampakan halaman utama pada web sekolah yang akan saya bagikan pada artikel ini.

berikut Foto web sekolah halaman ForntEnd nya:

Dan berikut adalah foto penampakan web sekolah halaman Backend nya :

Baiklah, langsung saja ke tutorialnya yah..!!

Langkah pertama anda buka terlebih dahulu localhost anda. Disini genaracode menggunakan XAMPP. Jika sobat ingin mendownloadnya silahkan klik pada tombol download dibawah ini  sesuai dengan perangkat yang anda gunakan :

WINDOWS

LINUX

OS X

Setelah anda download, silahkan anda instal seperti biasanya, dengan cara penginstalan yang umum dilakukan. Selanjutnya disini genara code menggunakan Sublimetext3 sebagai pengkodingan, jika anda ingin mendownloadnya, silahkan klik tombol download dibawah ini:

DOWNLOAD

Silahkan anda instal seperti layaknya pengintsalan software lainnya.

Setelah kedua bahan diatas anda miliki dan sudah terpasang di perangkat anda, langsung saja anda download Source Code web Sekolah Gratis pada tombol download dibawah ini:

DOWNLOAD

Berikut tutorialnya lengkapnya :

1. Buka XAMPP di laptop atau komputer anda :

2. Klik start pada Apache dan mySQL. lihat gambar dibawah ini:

3. Setelah itu, anda extract terlebih dahulu source code yang tadi anda download. kemudian copy foldernya "web_sekolah", lalu buka dis C - buka folder xampp - buka folder htdocs - kemudian tempelkan atau paste  folder web_sekolahnya didalam folder tersebut.

4. Buka aplikasi Sublime Text yang sudah anda download tadi.

5. Kembali ke folder htdocs, seret folder web_sekolah dan arahkan ke Sublime Text, sehingga folder tersebut berada di dalam aplikasi sublime text. Lihat gambar dibawah ini:

6. Setelah itu anda buka browser yang anda gunakan. Disini Genara Code menggunakan Chrome. Silahkan anda ketikan pada bar adress : http://localhost/phpmyadmin lalu tekan enter. Maka akan terbuka seperti gambar dibawah ini:

7. Silahkan anda buat database dengan nama terserah anda. Disini genaracode memberi nama "datasekolah". kemudian, setelah database anda buat, silahkan anda klik Insert pada bar diatas ( untuk melakukan improt database ) karena database yang anda buat masih kosong, jadi anda harus import dari database yang sudah genaracode sediakan.

8. Klik Choose - klik dis C - xampp - htdocs - buka folder web_sekolah - pilih datasekolah.sql - kemudian open - lalu klik GO.

9. Maka semua table akan muncul seperti pada gambar dibawah ini:

10. Setelah itu, buka aplikasi Sublime Text -application - config - database.php - lihat kode PHP seperti dibawah ini :

$active_group = 'default';
$active_record = TRUE;

$db['default']['hostname'] = 'localhost';
$db['default']['username'] = 'root';
$db['default']['password'] = '';
$db['default']['database'] = 'datasekolah';
$db['default']['dbdriver'] = 'mysqli';
$db['default']['dbprefix'] = '';
$db['default']['pconnect'] = TRUE;
$db['default']['db_debug'] = TRUE;
$db['default']['cache_on'] = FALSE;
$db['default']['cachedir'] = '';
$db['default']['char_set'] = 'utf8';
$db['default']['dbcollat'] = 'utf8_general_ci';
$db['default']['swap_pre'] = '';
$db['default']['autoinit'] = TRUE;
$db['default']['stricton'] = FALSE;

Pada kode PHP diatas, yang diberi warna blok Biru. Silahkan anda ganti sesuai dengan nama database yang anda buat tadi. Jika nama database yang anda buat sama dengan tutorial ini, maka abaikan langkah 10 ini. Jangan lupa Save atau Simpan.

11. Kemudian terakhir masih di sublime text, buka folder application lagi - config - config.php . Pada tutorial ini Genara code menggunakan sinyal hostpost dari ponsel, jadi agak sedikit berbeda. silahkan anda ganti saja alamat IP nya menjadi ( localhost ). Seperti dibawah ini:

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

Setelah selesai, jangan lupa SAVE.

Jika anda sudah melakukan langkah-langkah diatas, saat nya anda akses web sekolah tersebut dengan cara :

- buka browser yang anda gunakan, atau anda bisa buka tab baru, kemudian ketikan pada link adress nya :http://localhost/web_sekolah/ lalu enter.

- halaman login backEnd nya silahkan anda akses http://localhost/web_sekolah/http://192.168.43.202/web_sekolah/administrator/

Username : admin

Paswoard : Pass12345

Selesai.

Selamat mencoba dan Semoga bisa bermanfaat.

Jika anda kebingungan mengikuti tutorial diatas, jangn kwatir. Genara Code sudah siapkan videonya dibawah ini :

Jangan lupa Subscriber, Like dan Comment.

Genara Code Tidak ada ruginya menghabiskan waktu dan uang, hanya untuk melakukan sesuatu yang bersifat HOBI.

Share :