Jago Website

Cara menulis Bahasa Pemograman PHP pada HTML dan CSS Bootstrap

2015-05-22T10:25:00.000-07:00

Bahasa pemograman PHP merupakan bahasa scripting, biasa digunakan untuk pemograman pada pegembangan website. Dalam memasukkan PHP pada html perlu diperhatikan tag tag tertentu, agar script berjalan dengan baik. Cara menulis bahasa pemograman PHP bagi pemula mungkin akan sangat membingungkan, belum lagi pemahaman html atau pun css yang masih kurang. Nah, untuk membantu beberapa teman-teman untuk memahaminya menulis kode PHP di dalam HTML dan CSS. Berikut beberapa contoh kode yang harus diperhatikan.

HTML

Penulisan html dimulai dengan tag <html> dan ditutup dengan tag </html>. Beberapa tag yang perlu diisi di dalam HTML biasanya seperti berikut :

Gambar di atas hanyalah contoh kecil saja, untuk lebih lanjut. Teman-teman bisa download tutorial lengkapnya disini.

CSS

Seperti pada artikel sebelumnya. Bahwa bootstrap berguna untuk membuat css yang sudah jadi. Jadi kita tinggal ambil class-classnya saja. Untuk dasar CSSnya bisa di download disini.

Cara menempatkan css bootstrap pada HTML perhatikan gambar berikut.

Untuk lebih jelasnya, teman-teman bisa baca di artikel sebelumnya mengenai apa itu css bootstrap.

Pemograman PHP

Nah ini yang ditunggu-tunggu, menulis kode PHP pada html yang sudah dikombinasi dengan css bootstrap. Cara ini biasa digunakan jika kita belum bisa membuat tampilan layout/template web sendiri. Jadi teman-teman bisa download template bootstrap sendiri. Kemudian mengcostum dengan sistem/kode php milik teman-teman yang sudah dibuat. Pada dasarnya sama dengan menulis kode PHP pada html dengan css biasa atau pun css bootstrap. Cuma dengan struktur HTML dan CSS pada template bootstrap yang sangat kompeks, tidak sedikit tag tag baru yang akan membuat kita sedikit bingung. Kode PHP dibuka dengan tag <?php dan ditutup dengan tag ?>. Perhatikan gambar berikut :

Cara menulis Bahasa Pemograman PHP

Gambar di atas merupakan sebagai sampel atau contoh kecil mengenai penulisan bahasa pemograman php. Dan penulisan di atas masih menggunakan PHP terstruktur, jadi belum OOP PHP. Mengenai penjelasan maupun contoh program menggunakan bahasa pemograman PHP. Akan saya tulis lebih lengkap di artikel selanjutnya. Mengenai cara menulis bahasa pemograman PHP di atas, semoga bisa membantu teman-teman. Untuk kritik, saran, maupun pertanyaan bisa teman-teman ajukan di komentar atau di Fun page Facebook. Terima kasih. N Happy ngoding.!! :D

Apa itu Bootstrap??

2015-05-08T07:00:00.001-07:00

Apa itu Bootstrap?? - Bootstrap merupakan framework yang mampu mengatasi kesulitan maupun permasalahan yang ada saat mendesign website. Bootstrap dengan segala kelengkapannya yang dibutuhkan pada masalah design baik itu menggunakan css maupun javascript, sudah disajikan begitu mudah, menarik dan tentunya mampu menyelesaikan design secara cepat. Tampilan yang juga responsive pada banyak platform, tetap rapi baik pada tampilan versi desktop maupun pada versi mobile .

Twitter Bootstrap

Penggunaan bootstrap sudah sampai pada design front-end web, dan itu masih akan terus berkembang sampai sekarang. Dengan penggunaan yang terbilang mudah, kita hanya memanggil CSS atau pun Javascript yang sudah disediakan kemudian menuliskannya pada koding kita dengan disesuaikannya class-class yang dibutuhkan. Kalau masih penasaran bisa download disini untuk bootstrapnya. Dan juga disini untuk download bootstrap offline guide.

Pada bootstrap terdapat struktur file seperti gambar dibawah.

Struktur Bootstrap

Setelah download bootstrapnya tadi, kemudian buat file index menggunakan text editor. Kalau saya biasa pakai notepad++. Teman-teman bisa langsung download disini. Kalau masih bingung mengenai file index, download disini. Kamudian letakkan persis seperti digambar. CATATAN : bootstrap sudah diletakkan di localhost.

Struktur bootstrap

File Index

Tampilan file index

Pada file index di atas belum menggunakan bootstrap. Nah sekarang, sebagai contoh penggunaan bootstrap bisa masukkan kode dibawah ini.

File Index dengan bootstrap

Tampilan index dengan bootstrap

Coba bandingkan hasil sesudah dan sebelum diberi bootstrap. Perhatikan bootstrap.min.css dan bootstrap.min.js. Itu merupakan penempatan penerapan bootstrap pada file index yang di panggil berdasar peletakan folder file masing-masing.

Mungkin sekian dulu tulisan saya mengenai pengenalan bootstrap. Saya mohon ma’af atas penggunaan bahasa yang ala kadarnya. Semoga bisa member pemahaman bagi semuanya. Untuk artikel lain mengenai bootstrap akan saya post kemudian hari. Kritik, saran maupun komentar bisa ditulis di kolom komentar. Terima kasih

Refrensi - Ebook Panduan Bootstrap (Wahyu Widyantoro)

Cara Konfigurasi Wordpress Database pada Hosting.

2014-09-26T06:34:00.003-07:00

Cara Konfigurasi Wordpress Database pada Hosting - Konfigurasi adalah proses untuk menghubungkan database dengan website/blog. Pada kasus ini saya menggunakan wordpress. Pada file wordpress ada file konfigurasi dengan nama wp-config.php. Itu merupakan file untuk konfigurasi database, yang isinya sebagai berikut:

Konfigurasi Database Pada Hosting

Gantilah sesuai dengan database yang ada pada hosting. Seperti pada database yang sebelumnya dibuat.

Konfigurasi Database Pada Hosting

Selesai sudah konfigurasi Database Pada Hosting.

Cara Upload Database ke Hosting

2014-09-26T06:21:00.001-07:00

Cara Upload Database ke Hosting - Database adalah sebuah tempat penyimpanan file, dimana cara melihat/menampilkan isi file-file tersebut kita menggunakan interface baik aplikasi maupun website. Pada tutorial sebelumnya sudah kita jelaskan bagaimana membuat website, mendaftar domain gratis, dan mendaftar hosting gratis.

Nah, sekarang saatnya kita membuat database pada hosting yang sebelumnya kita sudah daftarkan. Ini hanya untuk wadah, coz database sebenarnya masih di dalam localhost.

Langsung saja kita buat databasenya terlebih dahulu pada cpanel. Seperti tampilan di bawah ini, lalu pilih MySql.

Upload Database ke Hosting

Setelah itu isikan form dengan nama database yang mau dipakai. Pada contoh saya menggunakan nama database coba. Kemudian klik Create database. Maka akan mucun tampilan seperti ini.

Upload Database ke Hosting

Simpan nama host, password, database, user pada notepad. Ini yang akan kita gunakan untuk konfigurasi database. Setelah itu back to mysql dan kembali ke control panel.

Setelah membuat database selesai, sekarang saatnya upload database yang ada di localhost kita. Caranya kita export terlebih dahulu database yang ada di phpmyadmin localhost. Lebih jelasnya lihat gambar.

Upload Database ke Hosting

Setelah export database pada localhost selesai, sekarang saatnya upload ke hosting. Langsung saja pergi ke phmyadmin yang ada di controlpanel tadi. Tepatnya di sebelah mysql, piliha database yang akan digunakan kemudian enter phpmyadmin. lalu isikan password database yang tadi dibuat.

Upload Database ke Hosting

Kemudian import database seperti dibawah ini.

Upload Database ke Hosting

Jika berhasil maka tampilan pada php myadmin akan seperti ini.

Upload Database ke Hosting

Masih ada satu proses lagi, agar website yang kita buat bisa di buka melalui browser. Yaitu mengkonfigurasikan database dengan website. Tutorial bisa di lihat pada Cara konfigurasiwordpress database pada hosting.

Cara Upload Website Dari Localhost ke Hosting

2014-09-26T06:00:00.000-07:00

Cara Upload Website Dari Localhost ke Hosting adalah memindahkan file yang awalnya di dalam computer kita, lalu kita upload/pindah ke hosting agar situs kita bisa dilihat semua orang yang masuk dalam jaringan internet. Setelah teman-teman membuat hostinggratis dan domain gratis dengan mengikutis tutorial sebelumnya. Sekarang saatnya teman-teman memindahkan file blog/web teman-teman ke hosting.

Untuk upload hosting ini teman-teman sebenarnya bisa menggunakan fitur upload yang sudah disedian di cpanel hosting. Tapi saya menyarankan menggunakan Filezilla, karena apa? Karena lebih mudah dan cepat. Langsung saja download filezillanya disini.

Setelah filezilla di download, langsung saja install di komputer teman-teman. Tidak perlu saya kasih tau caranya, saya yakin teman-teman sudah bisa. Kalo emang bener belum bisa, bisa Tanya-tanya sama simbah ni di sini www.google.com :D

Ini adalah tampilan filezilla yang akan kita gunakan untuk upload website.

Cara Upload Website ke Hosting

Berhubung belum ada konfirmasi email dari 000webhost untuk domain jagowebsite.tk. Kali ini saya menggunakan alamat dari domain yang sudah aktif. Gak beda koq, santae saja :D

klik control panel pada domain yang mau di upload, pilih account details akan tampil seperti ini.

Cara Upload Website ke Hosting

Isikan host, username, dan password pada filezilla kemudian klik quickconnect. Laku akan tampil seperti ini.

Cara Upload Website ke Hosting

Setelah itu tinggal klik kanan upload. Tunggu hingga selesai J

Setelah proses upload selesai, kita belum bisa mengakses web/blog kita. Kenapa? Karena kita belum membuat database pada hosting. Untuk lebih jelasnya bagaimana mengkonfigurasikan dan upload database pada hosting. Kita lanjut ke tutorial cara upload database padahosting.

Cara mendapat Domain Gratis

2014-09-26T03:39:00.000-07:00

Cara mendapat Domain Gratis - Domain adalah suatu nama untuk menggantikan alamat IP Client server dengan menggunakan Huruf abjad (a-z, 1-9, atau symbol -). Pentingnya domain dalam sebuah situs adalah untuk branding maupun pengenal situs tersebut. Untuk para blogger yang masih menggunakan blogspot maupun wordpress, alamat urlnya masih menggunakan subdomain dari blog itu sendiri. Harga Domain yang berfariasi dan harus disewa tiap tahunnya, kadang membuat beberapa blogger masih keberatan untuk biaya tersebut. Contohnya saja domain premium /berbayar antara lain : .com, .net, .co.id, .org, .me dan masih banyak lagi. Dan masing-masing domain juga memiliki persyaratan khusus dalam membelinya.

Tapi ada solusi lain bagi teman-teman yang mau mencoba domain gratis ini. Jangan gengsi menggunakan domain gratis. Domain gratis ini anggap saja semata-mata kita belajar untuk mengelola website pada hosting. Sebelum kita menggunakan yang premium, ada baiknya kita mencoba mengelola web/blog dengan domain yang free.

Cara mendapat Hosting Gratis

Domain gratis yang akan saya contohkan disini adalah .tk (dot.tk), penyedia domain terlengkap menurut saya. Dot.tk ini didirikan oleh freenom.com yang juga penyedia jasa hosting. Jadi mau pakai domain apa aja, disana sudah lengkap. Tinggal teman-teman mau pilih yang premium atau yang gratis tiss :D

Pertama teman-teman kunjungi situs http://dot.tk/

Cara mendapat Domain Gratis

Langsung saja isikan nama domain yang mau didaftarkan. Disini saya menggunakan contoh jagowebsite.tk

Setting DNS sesuai dengan hosting. DNS disini adalah IP Addres domain yang sudah di daftarkan di 000webhost.

Cara mendapat Domain Gratis

Lalu pilih masa aktit domain. Disini saya memilih 12 Bulan.

Cara mendapat Domain Gratis

Setelah semua terisi, scroll ke bawah klik sign up.

Daftarkan dengan akun gmail anda. Jika berhasil maka tampilan seperti ini

Cara mendapat Domain Gratis

Kemudian cobalah login di dot.tk

Cara mendapat Domain Gratis

Jika berhasil login, maka anda akan di direct ke situs my.freenom.com. Nah disitulah teman-teman mengelola domain. Mau hapus atau tambah domain, lakukan terserah teman-teman.

Setelah mendapat hosting gratis dan domain gratis. Teman-teman bisa langsung Upload filenya ke hosting. Lihat tutorialnya Cara Upload Website.

Cara Mendapat Hosting Gratis

2014-09-26T03:23:00.001-07:00

Cara Mendapat Hosting Gratis - Hosting adalah media penyimpanan untuk sebuah website, yang merupakan sebuah client server. Penyedia jasa hosting adalah orang-orang yang memiliki computer server yang kemudian menyewakan harddisknya kepada pelanggan. Jadi di ibaratkan kita punya sebuah computer, kita menyewakan sebagain harddisknya kepada orang yang membutuhkan untuk menyimpan data websitenya. Penjelasan singkatnya seperti itu menurut saya. :D

Biaya hosting yang berfariasi sebagian membuat bingung para pelanggannya. Sebelum membelinya pun kita harus tahu betul speknya. Karena spesifikasi hosting sangat berpengaruh pada kecepatan situs / web yang dipasang. Jangan sampai mahal-mahal kita sewa hosting, eh . . . pada saat ditelusuri halamanya berasa berat dan lemot.

Kalo hosting yang gratisan ada gak ya? Pastinya ada, coba aja cari di google pasti banyak yang nampang. Kali ini saya akan member sedikit informasi tentang Bagaimana mendapat hosting gratis.? Disini saya menggunakan situs 000webhost.com sebagai penyedia jasanya. Jika teman-teman mau cari yang lain bisa aja koq, toh prosesnya tidak jauh beda.

Buka situs 000webhost.com untuk registrasi.

Cara Mendapat Hosting Gratis

Klik sign up kemudian isi form.

Cara Mendapat Hosting Gratis

Isi nama domain yang mau digunakan, disini yang membuat dengan contoh jagowebsite.tk

Cara Mendapat Hosting Gratis

Setelah semua terisi, jangan lupa check list term of servicenya
Kemudian klik create my account.

Cara Mendapat Hosting Gratis

Setelah itu berhasil, tunggu email balasan dari 000webhost untuk aktifasi.
Lihat IP Address di samping kanan halaman. Ini digunakan untuk mendaftarkan domain gratis.

Sambil menunggu balasan email. Teman-teman bisa coba membuat domain gratis, yang akan digunakan untuk blog milik teman-teman. Untuk tutorialnya bisa kunjungi Cara mendapat Domain Gratis.

Cara membuat Website dengan Wordpress

2014-09-16T07:16:00.000-07:00

Wordpress dan XAMPP

Dalam membangun sebuah website menggunakan wordpress, ada baiknya kita mengerjakannya di localhost sebelum kita publish di hosting. Gunakan Wordpress terbaru agar lebih mudah menambahkan plugin yang dibutuhkan. Untuk link Downloadnya teman-teman bisa berkunjung di situs resmi wordpress.

Untuk bisa menjalankan website anda di dalam localhost, anda terlebih dahulu menginstall XAMPP. Fungsinya adalah untuk menampilkan view perancangan website itu sendiri, beserta konfigurasi databasenya. Untuk softwarenya teman-teman bisa download XAMPP disini.

Sebelum menginstall wordpress, teman-teman harus menginstall XAMPP terlebih dahulu. Setelah itu, langsung kita memasuki proses install wordpress. Untuk urutannya sebagai berikut :

1. Aktifkan XAMPP.

2. Extract wordpress yang sudah di download tadi, letakkan di folder xampp/htdoc.

3. Rename sesuai nama web yang akan teman-teman buat. (Opsional).

4. Buat database pada Phpmydmin. Caranya buka browser, pada url ketikkan : localhost/phpmyadmin. Kemudian tampil halaman phpmyadmin, lalu create database. Ini adalah database yang akan kita jadikan sebagai penampung data website tadi.

5. Kemudian buka new tab pada browser, lalu ketikkan url : localhost/(nama wordpress). Nama wordpress yang tadi di pindahkan ke htdoc, sesuaikan pada url. Kalau masih default dengan nama wordpress. Berarti urlnya : localhost/wordpress.

6. Perhatikan video dibawah ini.

Setelah selesai, coba masuk ke halaman admin. Dengan mengetik url localhost/wordpress(namaweb), kemudian isikan username dan password. Setelah login, teman-teman tinggal mengelola website dari wordpress ini dengan mengisi posting yang sesuai dengan web yang akan dibuat.

Untuk mengganti template website, teman-teman bisa search di google download template wordpress. Kemudian pasang di web teman-teman. Untuk pemasangan template wordpress bisa lihat di tutorial video dibawah ini.

Cara-cara Membuat Website

2014-09-12T19:24:00.001-07:00

Cara membuat Website

Dalam tahapan membuat website, banyak sekali cara yang harus dimengerti. Meskipun tidak jauh beda dengan pengelolaan blog, namun pengelolaan website ini perlu dibentuk/disusun pada sebelum halaman situs tersebut publish. Dalam model pembuatan website ada beberapa cara dari yang paling mudah hingga yang paling kompleks. Beberapa Model pembuatan website sebagai berikut :

1. Menggunakan Platform CMS (Content Management System)

Penggunaan platform CMS pada pembuatan website, merupakan cara paling mudah. Dengan penyusunan konten yang sudah termanajemen. Seorang developer hanya sekedar menata tampilan maupun konten, tanpa perlu turun langsung dalam penanganan source code. Beberapa CMS yang sering dipakai dalam pembuat website antara lain :

Wordpress
Blogspot
Jomlaa
Drupal
dll

Dan masih banyak lagi CMS yang sekarang dijadiakan komponen utama dalam pembuatan sebuah website. Dalam pengelolaanya pun tidak beda jauh ketika kita mengelola sebuah blog. Hanya saja jika pada website, kita perlu paham terlebih dahulu mengenai Upload Website ke Hosting dan pengaturan Website pada Cpanelnya nanti.

2. Menggunakan Web Framework

Web framework, merupakan sebuah software framework yang didesain secara khusus untuk membangun sebuah website secara dinamis. Bedanya dengan CMS disini. Web framework lebih terbuka (Opensource), lebih mudah untuk costumisasi. Baik digunakan untuk web dinamis, berbabsi aplikasi maupun webservice. Penggunaan Webframe work ini sendiri perlu pemahaman yang dalam mengenai bahasa pemrograman berorientasi Object (OOP). Para developer website pengguna web framework dituntut mampu dalam mengolah ataupun mendesign menggunakan bahasa pemrograman. Beberapa contoh Web Framework diantaranya sebagai Berikut;

Codeigniter
Yii
Phalcon
Fligh
Laravel
PHPixie
Kohana
Dan masih banyak lagi

3. Menggunakan PHP,HTML & CSS

Cara yang ketiga ini merupakan gabungan antara HTML, CSS, dan bahasa pemrograman PHP. Jika kita inging menggunakan model ini, kita perlu memiliki pemahaman dasar mengenai HTML, CSS, dan PHP. Perbedaannya dengan CMS maupun Framework adalah, kita membangun website ini dengan murni source code. Penambahan lain untuk membantu pembuatan website dalam tahap ini diantaranya adalah images/gambar, javascript, dan bahasa pemrograman lainnya. Pemahaman mengenai pemrograman terstuktur dan orientasi Object pun sangat diperlukan untuk mempermudah dalam pembuatan website dengan model ini.

Sumber gambar : google.com