Cara Mudah Install Composer Php Dalam 9 Menit

 Banyak para developer atau programmer menyarankan Composer bagi pengguna bahasa pemrograman PHP. Bukan tanpa argumentasi hal ini dikarenakan dengan pinjaman tools Composer akan mempermudah kamu dalam membangun proyek PHP dan mengorganisir library pada sebuah proyek. Dengan memakai Composer projek kamu mampu dikaitkan dengan library atau package dari packagist.org.

Analoginya mungkin kamu pernah menyisipkan file css dengan instruksi program atau js dengan instruksi program pada halaman web yang sedang kamu bangun. Ini artinya halaman web yang sedang kamu berdiri memiliki dependencies atau ketergantungan kepada file css dan js. 

Sama halnya dikala halaman website kamu menggunakan library PHP lain mirip PHP Spreadsheet untuk proses impor maupun ekspor data excel ke dalam projek kamu. Ini artinya laman situs web kau mempunyai ketergantungan terhadap library PHP Spreadsheet. Jika kau mempunyai banyak library yang dipakai pastinya perlu diatur dengan baik bukan.

Untuk mengurus library-library yang ada pada projek kamu dengan baik, kau bisa menggunakan Composer. Karena dengan menggunakan Composer akan membuat lebih mudah kamu dalam memasang suatu library, memperbaharui library yang sudah dipasang. Yang tak kalah penting dari Composer yaitu mempunyai fitur autoload yang berguna dalam mengatasi pemanggilan library, sehingga kamu tidak perlu meng include kan semua library.

Mungkin kau mengajukan pertanyaan-tanya apa itu Composer? Composer merupakan sebuah tools package manager atau dependency manager yang tersedia pada bahasa pemrograman PHP. Composer akan menghubungkan projek kau dengan library atau package yang telah ditawarkan oleh packagist.org. Packagist merupakan situs repository library atau package untuk bahasa pemrograman PHP, disana terdapat banyak library yang bisa kamu gunakan.

Jadi apakah kau kesengsem memakai Composer? Composer mampu diinstall untuk aneka macam platform baik itu Windows, Mac OS maupun Linux sekalipun. Tenang, Pada postingan kita akan uraikan bagaimana cara menginstall Composer pada ketiga platform tersebut. Kamu tidak perlu gundah dikala menginstal Composer akan menyantap banyak kuota internet kau, karena ukurannyapun kurang dari 1 MB.

Cara Install Composer di Windows

Sebelum menginstal Composer pada perangkat Windows, tentukan kamu sudah memiliki PHP dengan versi 5.3.2 ke atas. Jika belum kamu mampu menginstal XAMPP apalagi dulu pada situs apachefriends.org. Jika telah mari simak tindakan instalasi Composer pada perangkat Windows berikut :

1. Kunjungi Situs Resmi Composer

Langkah pertama buka laman resmi Composer di getcomposer.org lalu pilih hidangan download. Kamu juga bisa membaca tutorial dan dokumentasinya dengan memilih sajian documentation.

2. Download Composer

Setelah masuk ke halaman download kemudian klik pada Composer-Setup.exe, amati gambar di atas yang ditandai dengan garis warna merah. Tunggu beberapa saat hingga proses pengunduhan final dikerjakan.

3. Install Composer

Buka berkas Composer-Setup.exe yang telah terunduh tadi dengan cara klik dua kali pada berkas tersebut, maka akan tampil jendela instalasi Composer. Untuk developer mode biarkan saja kosong kemudian tekan tombol Next.

4. Pilih Lokasi PHP

Secara default Composer akan mencarikan letak berkas PHP. Namun kalau tidak didapatkan kau bisa mengklik browse lalu pilih letak direktori daerah kau menyimpan berkas PHP. Apabila kamu memakai XAMPP, kebanyakan berkas PHP akan disimpan pada direktori C:\xampp\php\php.exe. Setelah path PHP telah sesuai lalu tekan tombol Next.

5. Proxy Setting

Kamu mampu mengabaikan proxy setting dengan membiarkannya kosong atau bila kamu ingin menggunakan proxy kamu bisa mengisinya dengan memasukan url proxy kamu. Setelah itu klik tombol Next.

6. Ready to Install

Setelah itu akan muncul jendela ready to install lalu tekan tombol Install, tunggu beberapa ketika hingga proses instalasi simpulan. Tenang, proses instalasinya tidak lama kok, jadi silahkan tunggu sebentar ya!.

7. Finish

Setelah proses instalasi selesai maka akan tampil jendela information kemudian tekan tombol Next kemudian Finish. Sampai disini proses instalasi Composer sudah simpulan dilakukan.

Untuk menentukan apakah Composer sudah sungguh-sungguh terinstal dengan baik. Kamu dapat mengeceknya dengan membuka command prompt atau CMD lalu masukan perintah composer lalu tekan enter. Apabila tampil seperti gambar di bawah bermakna Composer sudah berhasil dipasang dengan baik.

Cara Install Composer Pada mac OS atau Linux

Untuk cara instal Composer pada perangkat Mac OS atau Linux berbeda dengan Windows. Sebelum menginstal Composer pada perangkat Mac OS atau Linux, tentukan terlebih dulu kau sudah mempunyai PHP dengan versi 5.3.2 ke atas. Jika belum kamu bisa menginstall XAMPP apalagi dahulu pada situs apachefriends.org sesuaikan dengan perangkat yang kau gunakan. Jika telah mari kita lanjut pada tindakan instalasi Composer pada perangkat Mac OS atau Linux berikut :

1. Kunjungi Situs Resmi Composer

Langkah pertama buka laman resmi Composer di getcomposer.org kemudian pilih menu download. Kamu juga mampu membaca bimbingan dan dokumentasinya dengan menentukan menu documentation.

2. Salin Script

Pada halaman download disana terdapat skrip untuk penginstalan Composer bagi perangkat Mac OS atau Linux. Silahkan kau salin skrip pada laman resminya atau kau juga bisa menyalin skripnya yang ada di bawah ini. Namun tetap direkomendasikan untuk menyalin skrip pada situs resminya ya. 

php -r “copy(‘https://getcomposer.org/installer’, ‘composer-setup.php’);”

php -r “if (hash_file(‘sha384’, ‘composer-setup.php’) === ‘e0012edf3e80b6978849f5eff0d4b4e4c79ff1609dd1e613307e16318854d24ae64f26d17af3ef0bf7cfb710ca74755a’) echo ‘Installer verified’; else echo ‘Installer corrupt’; unlink(‘composer-setup.php’); echo PHP_EOL;”

php composer-setup.php

php -r “unlink(‘composer-setup.php’);”

3. Paste Script pada Terminal

Setelah skrip tersalin kemudian buka terminal lalu paste pada terminal. Tunggu beberapa dikala hingga proses instalasi tamat. Proses ini akan melaksanakan pengunduhan, jadi tentukan perangkat kau masih terkoneksi dengan internet. Sebenarnya pada langkah ini Composer telah terpasang namun masih secara setempat.

4. Ubah ke Global

Agar composer dapat diakses secara global pada terminal. Masukan perintah berikut pada terminal lalu tekan enter. 

mv composer.phar /usr/local/bin/composer

Perintah tersebut dimaksudkan untuk memindahkan berkas composer.phar agar bisa digunakan secara global. Sehingga kamu mampu memanggil perintah composer pada terminal dimanapun berada.

Sampai disini proses instalasi Composer sudah berhasil dilaksanakan. Untuk memeriksa apakah Composer telah berhasil terinstal dengan baik, sama mirip pada Windows kamu mampu memasukan perintah composer pada terminal.

“Keberhasilan bukanlah milik orang pintar. Namun kesuksesan itu ialah milik mereka yang senantiasa berupaya” (B.J. Habibie)

Kesimpulannya setelah kamu berhasil memasang Composer pada perangkat yang miliki, kau akan mempunyai jalan masuk yang luas serta mudah dalam mendapatkan berbagai package atau library. Sehingga ini mampu memajukan efektivitas kerja kamu dalam mengembang kan projek, jadi selamat melakukan pekerjaan kembali.

Dasar-Dasar Rancangan Web Responsif Dengan Css

Penggunaan perangkat mobile mirip ponsel pintar untuk menjelajahi web tumbuh dengan segera, akan tetapi sayangnya tidak semua laman web sudah dioptimalkan untuk perangkat mobile. Perangkat mobile seperti ponsel pintar sering terkendala dengan ukuran layar dan membutuhkan pendekatan berlainan dalam bagaimana konten ditampilkan di layar. Terdapat aneka macam ukuran layar yang berlainan untuk smartphone, tablet, desktop, TV, dan bahkan perangkat lainnya. Ukuran layar senantiasa berubah, jadi sangat penting supaya situs web dapat menyesuaikan dengan tiap ukuran layar.

Kueri media CSS supaya responsif

Media kueri ialah filter yang sederhana yang dapat diimplementasikan pada style CSS. Media kueri mampu mempermudah dalam mengubah style konten web menurut karakteristik dari perangkat yang merender konten web, termasuk tipe tampian, tinggi, lebar,resolusi dan juga orientasi layar.
  • Pergunakan media kueri dalam mengimplimentasikan style menurut karaktristik perangkat.
  • Pergunakan min-width di atas min-device-width dalam menentukan pengalaman yang terluas bagi pengguna.
  • Pergunakan ukuran yang relatif untuk bagian supaya tidak merusak tata letak atau layout.
Contohnya,kau mampu meletakkan semua style yang dibutuhkan untuk fitur cetak dalam media kueri cetak.

Di samping memakai atribut media di tautan style sheet, terdapat dua cara lain dalam menerapkan media kueri yang mampu disematkan dalam file CSS: @media dan @import. Karena argumentasi kinerja, salah satu dari dua metode pertama tersebut direkomendasikan pada sintaks @import.
@media print 
  /* print style sheets go here */

@import url(print.css) print;
Logika yang berlaku untuk kueri media adalah tidak saling eksklusif, dan untuk setiap filter yang memenuhi tolok ukur tersebut maka blok CSS yang dihasilkan akan dipraktekkan dengan memakai hukum kriteria prioritas sesuai CSS.

Menggunakan kueri media menurut ukuran tampilan

Kueri media dapat memungkinkan kau untuk membuat pengalaman responsif ketika style tertentu diaplikasikan ke layar kecil, layar besar, dan semua layar. Sintaks kueri media memungkinkan untuk pembuatan hukum yang bisa diterapkan tergantung pada karakteristik perangkat.
@media (query) 
  /* CSS Rules used when query matches */
Meskipun terdapat beberapa item berbeda yang bisa dikuerikan, yang paling biasa dab sering dipraktekkan untuk rancangan web responsif yaitu min-width, max-width, min-height, dan max-height.
 Parameter Keterangan 
 max-height Aturan dipraktekkan untuk setiap web browser yang memiliki tinggi lebih kecil dari nilai yang didefinisikan dalam kueri.
 max-width Aturan dipraktekkan untuk setiap web browser yang memiliki lebar lebih kecil dari nilai yang didefinisikan dalam kueri.
 min-height Aturan dipraktekkan untuk setiap web browser yang mempunyai tinggi lebih besar dari nilai yang didefinisikan dalam kueri.
 min-width Aturan diterapkan untuk setiap web browser yang memiliki lebar lebih besar dari nilai yang didefinisikan dalam kueri.
 orientation=landscape Aturan untuk setiap web browser saat lebarnya lebih besar dari tingginya.
 orientation=portrait Aturan dipraktekkan untuk setiap web browser saat tingginya lebih besar dari atau sama dengan lebarnya.
Contoh :




  • Ketika web browser lebarnya antara 0 px dan 640 px, diterapkan max-640px.css.
  • Ketika web browser lebarnya antara 500 px dan 600 px, gaya dalam @media akan dipraktekkan.
  • Ketika web browser lebarnya 640 px atau lebih, dipraktekkan min-640px.css.
  • Ketika web browser lebarnya lebih besar dibandingkan dengan tingginya, diterapkan landscape.css.
  • Ketika web browser tingginya lebih besar ketimbang lebarnya, dipraktekkan portrait.css.

min-device-width

Adalah mungkin juga membuat kueri menurut min-device-width, walaupun praktik ini sangat tidak dianjurkan.
Perbedaannya sungguh kecil namun sangat penting: min-width didasarkan pada ukuran jendela browser sedangkan min-device-width didasarkan pada ukuran layar. Sayangnya beberapa browser, termasuk browser Android usang, tidak melaporkan lebar perangkat dengan benar; browser tersebut melaporkan ukuran layar dalam satuan piksel perangkat, bukan dalam lebar tampilan yang terlihat yang diperlukan.
Selain itu, menggunakan min-device-width bisa menangkal materi diadaptasikan pada desktop atau perangkat lain yang memperbolehkan jendela diubah ukurannya alasannya adalah kueri didasarkan pada ukuran perangkat yang sesungguhnya, bukan ukuran jendela browser.

Gunakan any-pointer dan any-hover

Dimulai dengan Chrome 39, style sheet Anda mampu menulis selektor yang meliputi beberapa tipe pointer dan perilaku arahkan ke atas. Fitur media any-pointer dan any-hover seperti dengan pointer dan hover dalam mengijinkan Anda untuk melakukan kueri kemampuan pointer pengguna. Namun, tidak seperti yang terakhir, any-pointer dan any-hover beroperasi pada campuran dari semua perangkat pointer dan bukan hanya perangkat pointer utama.

Menggunakan unit relatif

Konsep penting di balik desain responsif yakni fluiditas dan proporsionalitas yang bertentangan dengan konsep layout lebar tetap. Menggunakan unit relatif untuk pengukuran mampu menolong menyederhanakan layout dan mencegah kita secara tidak sengaja membuat bagian yang terlalu besar untuk tampilan yang terlihat.
Misalnya, setelan lebar: 100% pada div tingkat atas, memutuskan bahwa itu membentang mencakup lebar performa yang tampakdan tidak terlalu besar atau terlalu kecil untuk performa yang terlihat. div akan cocok, tidak peduli apakah itu iPhone berlebar 320 px, Blackberry Z10 berlebar 342 px, atau suatu Nexus 5 yang berlebar 360 px.
Selain itu, memakai unit relatif memungkinkan browser untuk merender materi berdasarkan tingkat zoom pengguna tanpa perlu menambahkan bilah gulir horizontal ke laman.
Tidak direkomendasikan (Lebar tetap)
div.fullWidth 
  width: 320px;
  margin-left: auto;
  margin-right: auto;
Disarankan (Lebar responsif)
div.fullWidth 
  width: 100%;

Memilih breakpoint

Jangan mendefinisikan breakpoint berdasarkan kelas perangkat. Mendefinisikan breakpoint berdasarkan perangkat, produk, nama merek, atau metode operasi tertentu yang digunakan ketika ini bisa menyebabkan mimpi buruk dalam pemeliharaan. Malahan, materi itu sendiri yang harus menentukan bagaimana layout menyesuaikan dengan kontainer.
Buat breakpoint menurut materi, jangan pernah menurut perangkat, produk, atau merek tertentu.
Desainlah untuk perangkat seluler terkecil lebih dahulu; lalu secara progresif memajukan pengalaman pengguna seiring bertambahnya properti layar.
Jaga jumlah maksimum baris teks sekitar 70 atau 80 abjad.
Memilih breakpoint utama dengan secara bertahap mulai dari layar kecil sampai ke besar.
Desain materi supaya pas dengan ukuran layar kecil apalagi dahulu, lalu perluas layar hingga breakpoint menjadi diperlukan. Ini memungkinkan Anda untuk memaksimalkan breakpoint berdasarkan materi dan mempertahankan jumlah breakpoint sesedikit mungkin.
Mari kita bekerja lewat contoh yang kita lihat di awal: prakiraan cuaca. Langkah pertama yaitu menciptakan prakiraan terlihat cantik di layar kecil.
Berikutnya, ubah ukuran browser sampai ada terlampau banyak ruang putih antara komponen, dan penampilan prakiraan cuaca tampaktidak elok. Keputusan ini sedikit subjektif, tetapi di atas 600px niscaya terlalu lebar.
Untuk memasukkan breakpoint pada 600 px, buat dua style sheet baru, satu untuk dipakai ketika browser 600 px dan kurang dari itu, dan satu ketika luasnya lebih dari 600 px.


Yang terakhir, optimalisasi CSS. Dalam acuan ini, kami telah menempatkan gaya umum mirip font, ikon, pemosisian dasar, dan warna di weather.css. Layout tertentu untuk layar kecil lalu ditempatkan di weather-small.css, dan versi layar besar ditempatkan di weather-large.css.
#developers.google.com

Dasar-Dasar Yang Perlu Diketahui Wacana Rancangan Web Responsif

Di kala kini penggunaan perangkat seluler mirip ponsel pintar untuk berselancar di internet lewat web terus berkembangsecara drastis, akan namun sayangnya tidak semua situs web telah dioptimalkan untuk perangkat seluler. Perangkat seluler biasanya memilliki dimensi layar yang kecil dibandingkan dengan perangkat desktop, hal inilah yang menjadi hambatan sehingga memerlukan pendekatan yang berbeda dalam bagaimana kontn web ditampilkan di dalam layar.
Di samping itu, terdapat aneka macam dimensi ukuran layar untuk ponsel, tablet, TV, desktop, konsol game dan perangkat yang lain yang mampu dipakai. Dimensi layar senantiasa berganti, hal ini menyebabkan suatu situs web sangatlah penting untuk mampu beradaptasi dengan tiap ukuran layar.
Desain web responsif, pada awalnya didefinisikan oleh Ethan Marcotte yang menyatakan tanggapan atas keperluan pengguna dan perangkat yang mereka gunakan. Perubahan tata letak atau layout menurut dimensi layar dan kesanggupan perangkat. Contohnya, pada perangkat seluler, pengguna melihat konten yang ditampilkan dalam satu kolom, sedangkan pada perangkat tablet bisa saja konten ditampilkan dengan dua kolom dengan konten yang serupa.

Mengatur Tampilan yang Ditampilkan

Suatu laman web yang dioptimalkan untuk berbagai perangkat diharuskan menambahkan tag meta viewport di bagian kepala atau head dokumen web. Tag meta viewport ini bisa memberikan petunjuk kepada web browser mengenai bagaimana cara mengatur ukuran laman dan skala laman web tersebut.
  • Terapkan tag meta viewport dalam mengatur lebar dan penskalaan tampilan yang tampakpada web browser.
  • Sertakan juga width=device-width dalam mencocokkan atau menyesuaikan lebar layar dalam piksel yang tidak bergantung pada sebuah perangkat.
  • Sertakan juga initial-scale=1 dalam membentuk keterkaitan 1:1 antara piksel CSS dan piksel yang tidak bergantung pada sebuah perangkat.
  • Pastikan laman web mampu diakses dengan tidak menonaktifkan penskalaan pengguna.
Browser seluler mengupayakan pengalaman terbaik dengan menawarkan render halaman pada lebar layar desktop, dan lalu mencoba membuat konten tampaklebih baik dengan menambahukuran font dan mengubah ukuran konten biar sesuai dengan layar. Ini berarti bahwa ukuran font mungkin tampil tidak konsisten bagi pengguna, yang mungkin harus ketuk dua kali atau cubit untuk melakukan zoom biar mampu melihat dan berinteraksi dengan konten.

Menggunakan nilai meta viewport width=device-width ini dapat memerintahkan laman web untuk menyesuaikan lebar layar dalam piksel yang tidak tergantung perangkat. Hal ini memungkinkan laman web untuk mengubah posisi atau geometri konten agar dapat sesuai dengan dimensi ukuran layar yang berlainan-beda, apakah dirender pada telepon seluler kecil atau monitor desktop yang besar.
Tanpa Viewport
Dengan Viewport
Beberapa web browser bisa mempertahankan lebar laman web secara konstan saat beralih ke mode lanskap, dan melakukan zoom bukannya mengganti posisi atau geometri untuk mengisi layar. Menambahkan atribut initial-scale=1 dapat memerintahkan web browser dalam membangun korelasi 1:1 antara piksel CSS dan piksel yang tidak tergantung perangkat terlepas dari orientasi perangkat, dan juga memungkinkan laman web untuk mempergunakan lebar lanskap secara sarat .

Memastikan Tampilan yang Terlihat Dapat Diakses

Disamping menerapkan initial-scale, kamu juga dapat menyetel atribut berikut pada tampilan yang terlihat di layar perangkat.
  • minimum-scale
  • maximum-scale
  • user-scalable
Apabila disetel, hal ini dapat menonaktfkan kemampuan pengguna dalam melaksanakan zoom terhadap performa yang tampakdi web browser dan berpotnsi mengakibatkan dilema aksebilitas.

Menyesuaikan Ukuran Konten dengan Tampilan yang Terlihat

Pada perangkat ponsel dan desktop, pengguna umumnya menggulir laman web secara vertikal bukan secara horizontal. Jika memaksakan pengguna untuk menggulir secara horizontal atau mesti memperkecil tampilan agar bisa terlihat seluruh halaman oleh pengguna mampu menyebabkan pengalaman pengguna yang buruk atau jelek.
  • Dilarang atau sebisa mungkin untuk dikesampingkan menggunakan komponen berlebar tetap yang besar.
  • Konten tidak diperbolehkan bergantung pada lebar tampilan yang tampaktertentu untuk merender dengan baik.
  • Gunakan kueri media CSS untuk menerapkan penataan gaya yang berbeda untuk layar kecil dan besar.
Saat membuatkan atau membangun suatu situs seluler dengan tag meta viewport, terkadang kita secara tidak sengaja menciptakan konten pada laman web yang tidak muat dalam performa yang terlihat yang sudah ditetapkan. Misalkan, gambar yang akan ditampilkan memiliki lebar yang lebih lebar dari penampilan yang terlihat bisa mengakibatkan performa yang terlihat untuk menggulir secara horizontal. Oleh alasannya adalah itu kamu harus menyesuaikan konten ini supaya muat ke dalam lebar tampilan yang terlihat, sehingga pengguna tidak butuhmenggulir secara horizontal.
Disebabkan ukuran dan lebar layar dalam piksel CSS bervariasi antar perangkat (contohnya, antara ponsel dan tablet, dan bahkan antara ponsel yang berlainan), konten tidak diperbolehkan bergantung pada lebar tampilan yang terlihat tertentu untuk dirender dengan baik.
Menyetel lebar CSS yang besar secara mutlak untuk unsur laman web (seperti teladan di bawah), mengakibatkan div menjadi terlalu lebar untuk performa yang tampakpada perangkat yang lebih sempit (misalnya, perangkat dengan lebar piksel CSS 320, mirip iPhone). Sebaiknya, pikirkan untuk memakai nilai lebar relatif, mirip width: 100%. Demikian juga, berhati-hatilah menggunakan nilai pemosisian absolut besar yang mampu mengakibatkan bagian berada di luar performa yang tampakpada layar kecil.
Responsif Iphone
Responsif Nexus
Simak juga Dasar Web Responsif dengan memakai kueri CSS di artikel selanjutnya.

Panduan Cara Mengerjakan Source Code Php Memakai Xampp

Kamu mungkin sering mengunduh aneka macam source code web yang dibangun memakai bahasa pemrograman PHP di internet, baik dari blogbugabagi maupun dari situs-situs yang lain. Untuk menguji apakah source code PHP tersebut berlangsung dengan wajar ataupun mulai menyebarkan source code tersebut, kau dapat menggunakan tools XAMPP sebagai pengganti server. XAMPP ini ialah salah satu tools yang mampu kau pergunakan untuk melakukan acara PHP yang kau berdiri. XAMPP bisa kamu peroleh dengan gratis dengan mendatangi https://www.apachefriends.org/ . Tanpa basa-bau lagi, yuk kita simak tutorial cara mengerjakan source code PHP memakai XAMPP di bawah ini.
Sebelum itu, jika kamu mendapatkan source code PHP yang di arsipkan menjadi .rar/.zip silahkan kamu ekstrak apalagi dulu menggunakan Winrar/7Zip ataupun software serupa lainnya. 

1. Hidupkan Apache dan Mysql pada XAMPP

Pertama-tama kau perlu membangkitkan Apache dan MySQL pada XAMPP. Apache berfungsi selaku server, dikarenakan PHP tergolong bahasa server side scripting jadi kamu perlu menghidupkan Apache pada XAMPP. Sedangkan untuk membangkitkan MySQL sifatnya opsional, ketika source code/acara yang kamu dapatkan membutuhkan susukan database maka kau diharuskan membangkitkan MySQL, sedangkan kalau tidak membutuhkan database maka mysql tidak perlu untuk dihidupkan. 
Silahkan kau buka XAMPP Control Panel lalu klik start di bagian Apache dan MySQL tunggu sampai berwarna hijau serta bagian PID(s) dan Port(s) sudah terisi.

2. Simpan Folder Source Code ke dalam Folder htdocs

Langkah kedua silahkan kau salin/pindah folder master (folder yang terdiri dari source code acara) ke dalam folder htdocs. Pada lazimnya folder htdocs di XAMPP secara default berada di direktori C:\xampp\htdocs. Misalnya kamu mempunyai folder rapor2013 (*contoh folder source code web yang kamu peroleh), jadi silahkan kamu simpan folder rapor2013 ke dalam folder htdocs.

3. Membuat Database MySQL

Pada contoh kali ini dikarenakan source code/programnya memerlukan susukan database jadi perlu membuat databasenya apalagi dulu, jika source code/acara kau tidak membutuhkan database kamu bisa lanjut ke langkah no 6. 
Untuk membuat database baru, silahkan kau buka web browser kemudian masukkan url localhost/phpmyadmin di address kafetaria pada browser. Tunggu beberapa dikala sampai timbul seperti gambar di bawah ini.
Kemudian klik pada tab menu basis data, lalu masukkan nama database yang mau kamu gunakan (Nama database bisa kau sesuaikan dengan yang ada pada source code atau sesuai dengan keinginanmu sendiri). Setelah nama database diinputkan kemudian klik tombol Buat

4. Mengimport Struktur Database

Setelah database simpulan dibuat, langkah selanjutnya yakni mengimport struktur database yang sudah ditawarkan pada source code (Proses import disini maksudnya mengimport struktur database pada acara meliputi tabel-tabel dan isi datanya). Untuk mengimport struktur database ke dalam database yang barusan kau buat, silahkan klik Import maka kamu akan dialihkan ke halaman import database. Selanjutnya klik Pilih File kemudian silahkan kau cari berkas sql di source codedengan ekstensi .sql (tidak senantiasa .sql kerap kali ada juga yang .zip). Kemudian klik Kirim di bab bawah halaman.

5. Melakukan Konfigurasi Koneksi

Untuk menentukan konfigurasi koneksi database pada source code sesuai dengan setelan XAMPP yang digunakan. Kamu perlu meninjaunya apalagi dulu, silahkan kamu cari berkas di source code yang sekiranya menyimpan pengaturan koneksi database. Setelah ditemukan lalu buka dan atur sesuai dengan setelan yang kau gunakan. Pada XAMPP secara default usernamenya yakni root dan passwordnya kosong dan untuk host nya diisi localhost atau 127.0.0.1 dan nama databasenya sesuaikan dengan nama database yang kau gunakan.
Kamu juga bisa melewati langkah ini jikalau konfigurasi dari source code sudah sesuai dengan setelan yang kau gunakan. Pada teladan kasus ini yang ialah source code CI, konfigurasi koneksi database disimpan di berkas database.php yang berada di direktori application\config.

6. Menjalankan Program di Browser

Langkah terakhir ialah masukkan url localhost/namafolder (namafolder sesuaikan dengan nama folder yang kamu simpan di htdocs tadi). Pada pola masalah ini nama foldernya yakni rapor2013, jadi saat akan mengaksesnya masukkan localhost/rapor2013.
Demikian langkah-langkahnya, biar source code kamu mampu berlangsung dengan baik.
Perlu diperhatikan juga sesuaikan model XAMPP dengan acara/source code yang kau peroleh. Apabila acara/source code kau dibangun memakai bahasa PHP versi 5 diusulkan menggunakan versi XAMPP ini, sedangkan kalau acara/source code dibangun memakai bahasa PHP model 7 disarankan memakai versi XAMPP ini.

Cara Mencetak Konten Frame Tertentu Di Situs Web Dengan Javascript

Kadang kita butuh mencetak isi atau konten dari suatu frame yang ada di laman situs web, untuk melaksanakan itu kita mampu menggunakan javascript. Frame ialah suatu tag yang ada dalam html yang dipakai untuk memperlihatkan document atau halaman lain dalam sebuah frame tersebut.
Dalam satu halaman html kita bisa menampilkan halaman-halaman lain menggunakan frame dengan pengaturan sedemikian rupa. Untuk memperlihatkan beberapa frame biasanya kita memerlukan pula tag frameset, dimana posisi frame di dalam frameset tersebut.

Dari gambar diatas mampu kita lihat halaman utama terdiri dari 3 frame adalah :
  • Frame MENU
  • Frame KANANATAS
  • Frame KANANBAWAH
Ketiga Frame tersebut berada dalam satu frameset dan masing-masing frame memperlihatkan halaman yang berlainan.
Sebenarnya untuk mengendalikan tampilan ini kita mampu juga menggunakan tag div, namun itu semua tergantung dari selera dan kemampuan dari programmer yang menciptakan sebuah situs web.
Kembali kita terhadap topik adalah Bagaimana Cara Mencetak Konten Frame Tertentu di Website Dengan Javascript.

Perhatikan pola gambar diatas, contohnya kita ingin membuat suatu Laporan Berdasarkan Range Waktu yang dikontrol pada Frame KANANATAS. 

Hasil Laporan akan timbul di Frame KANANBAWAH.
Lalu sekarang kita akan mencetak Konten atau Dokumen dari Frame KANANBAWAH dengan Mengklik Tombol yang ada di Frame KANANATAS.
Ikuti Caranya Berikut ini :
  • Tambahkan 1 Tombol Untuk Mencetak di Dokumen Frame KANANATAS dengan Value “Cetak Laporan”
  • Berikut Script HTML dan JAVASCRIPT Untuk Tombol Tersebut
onClick="parent.KANANBAWAH.print()">
  • Sekarang Lakukan Ujicoba Apakah yang dicetak ialah betul Frame KANANBAWAH
  • Jika Benar Berarti Sahabat telah berhasil mempraktekkan Artikel ini.
  • Browser Chrome Tidak Menyediakan akomodasi mencetak pada satu frame yang diseleksi, berlawanan dengan Browser Mozilla, kita mampu mencetak sebuah frame yang kita pilih dengan perintah menu “Print This Frame”.
    Jadi bila teman menciptakan sebuah situs web dan menampilkan laporan pada frame yang berbeda maka ada baiknya menciptakan sebuah tombol untuk mencetak konten frame tertentu di website dengan javascript sesuai artikel ini.

    Cara Auto Follow Pinterest Secara Otomatis Dengan Imacros Di Chrome

    Pinterest yaitu situs jejaring sosial yang sungguh populer di luar negeri atau luar negeri, situs ini konsentrasi pada sharing gambar atau image dalam aneka macam macam bentuk yang berafiliasi dengan segala jenis aktivitas. Sehingga banyak orang yang memanfaatkan pinterest untuk aktualisasi diri, pendidikan, menyebarkan dan bahkan menggunakannya untuk kepentingan bisnis.

    Bagaimana cara bersosial di pinterest

    Di Pinterest ada yang disebut selaku Boards dan Pins. Boards mampu disebut sebagai Suatu Folder untuk menggolongkan Pins. Sedangkan Pins yaitu koleksi gambar atau foto yang dimiliki dalam satu Boards.
    Nah bagaimana bersosial media di pinterest?? Setelah teman mendaftar sahabat langsung bisa memilik topic atau ketertarikan, dan mulai menciptakan boards, kalau memakai browser seperti chrome, mozilla, sobat biasanya diminta untuk menginstall semacam extension. Nanti dengan extension ini sahabat bisa men share setiap foto atau gambar yang sobat temui di Internet dengan mem pin nya ke Akun Pinterest teman.
    Tentu saja semakin elok foto atau gambar yang kita miliki maka akan bertambah banyak ketertarikan orang. Lalu nanti orang akan mem Follow kita. Semakin banyak orang yang memfollow kita maka akan makin visible kita di jejaring sosial tersebut dengan topics yang sama.
    Sebaliknya kita juga harus memfollow orang yang memiliki ketertarikan yang sama dengan kita. Biasanya orang itu juga akan follow back.

    Dengan adanya interaksi tersebut maka beberapa hal yang kita inginkan mampu terwujud diantaranya :

    • Sharing hal-hal yang kita sukai maupun yang tidak kita senangi
    • Memperoleh Traffic dari Pinterest
    • Dan yang lain

    Cara auto follow pinterest otomatis dengan imacros di chrome

    Dari Video diatas mampu kita lihat proses Follow dijalankan secara otomatis sesuai jumlah yang kita inginkan dan dengan interval waktu yang ditentukan.
    Sebagaimana kita ketahui bahwa dengan mem follow orang lain, maka kita juga akan di follow, sehingga terbentuklah interaksi. Dalam dunia sosial media, interaksi sungguh diharapkan untuk kemungkinan kemunculan kita di akunnya orang yang kita follow, dan ini mampu di manfaatkan untuk proses marketing dan lainnya.

    Nah untuk lebih mudahnya berikut script yang dipakai untuk melaksanakan auto follow pinterest secara otomatis dengan imacros di chrome :

    Penjelasannya :

    Tanda Petik menunjukan bahwa baris script ialah komentar, bisa dihilangkan sesuai kebutuhan Baris 4 yaitu Proses Follow
    Baris 6 yakni interval waktu
    Lalu Jalankan Secara Loop seperti gambar berikut :

    Selamat dengan demikian sahabat telah bisa melaksanakan auto follow pinterest secara otomatis dengan Imacros di Chrome, untuk lebih jelas silahkan simak videonya diatas.

    Perhatian : Pinterest Tentu senantiasa berbagi tata cara keamanannya, jadi mampu jadi ketika sobat memakai script ini tidak bisa dilaksanakan lagi auto follow, untuk itu mohon infokan di komentari terhadap kami, terima kasih.

    Terima kasih telah berkunjung ke blog tekno-g ini, Jika teman mendapatkan hal yang salah dalam postingan ini silahkan komentar yang membangun untuk perbaikan, kami akan berusaha mencari solusi segera mungkin. Apabila merasa bermanfaat yang besar silahkan like and share. Terima kasih

    Cara Gampang Menciptakan Link Whatsapp Langsung Chat Di Website

    Sudah banyak website yang memasang link whatsapp biar memudahkan pengunjung web untuk chat dengan pemilik website tersebut. Tujuannya yaitu memudahkan pengunjung untuk menghubungi pemilik website tanpa mesti mengetik nomor HP pemilik website ke aplikasi whatsapp, cukup cuma meng klik link, langsung menimbulkan whatsapp dan menuju nomor pemilik situs web dengan kalimat atau teks yang telah ditentukan.

    Untuk lebih jelasnya bisa dilihat pada gambar berikut :
    Gambar 1 : Link Whatsapp Dengan Image
    Gambar 2 : Link Otomatis Memunculkan Whatsapp
    Nah dari gambar diatas, pada gambar 1, sebuah link di pasang pada gambar/logo whatsapp. Lalu link tersebut di klik, kemudian menunggu sebentar, maka pada gambar 2, sistem smartphone akan mencari aplikasi whatsapp dan langsung mendeteksi nomor yang telah di siapkan pada link tersebut, dengan teks yang sudah disisipkan di dalam link, sehingga pengunjung tinggal menekan tombol > (send/kirim) yang ada di whatsapp, maka pesan / chat pertama akan secepatnya di mulai.
    Lalu bagaimana cara menjadikannya :

    1. Link yang digunakan

    Link yang digunakan yakni selaku berikut :
    https://api.whatsapp.com/send?phone=628127577440&text=Halo%20Admin,%20Saya%20mau%20daftar%20jadi%20agenpos%20mohon%20petunjuk%20lebih%20lanjut.....
    mari kita jelaskan sedikit :
    https://api.whatsapp.com/send?phone=628127577440&text=Halo%20Admin,%20Saya%20mau%20daftar%20jadi%20agenpos%20mohon%20petunjuk%20lebih%20lanjut…..

    Tulisan warna hijau dan digaris bawah mampu sahabat tukar dengan keperluan teman sendiri, phone adalah nomor handphone yang telah terdaftar (register) di whastapp dan text adalah kalimat yang akan disampaikan kepada nomor yang dituju tadi. Sedangkan %20 (persen dan 20) ialah character spasi.

    2. Cara memasang link

    Lalu bagaimana cara memasang link tersebut di website pribadi baik dengan menggunakan html atau php, atas sekedar men sharenya di media umum tanpa mesti memakai suatu website???  berikut trik nya 

    a. Memasang di situs web

    asumsinya sobat sudah memahami html atau php ya… berikut scriptnya :

    Script (Klik utk Memperbesar)

    Lalu ini hasilnya :

    Ujicoba di Localhost

    b. Memakai penyingkat/pemendek link

    Gunakan salah satu diantaranya : https://bitly.com/, https://goo.gl/,  dan yang lain, perhatikan contohnya saya coba dengan goo.gl ialah penyingkat url yang dimiliki google maka risikonya ialah :

    Klik link diatas memakai Smartphone anda untuk menyaksikan kesannya.
    Setelah mendapatkan link tersebut, tinggal copy paste di sosial media seperti facebook, line, twitter nanti saat sobat atau orang lain meng klik link tersebut maka beliau pribadi terhubung ke kita dengan menggunakan whatsapp tanpa mesti mengetik nomor

    c. Memasang di Link di Website Blogger atau WordPress

    Di Blogger silahkan susukan Menu Layout, lalu tambahkan gadget atau script pada posisi yang diinginkan, pilih HTML/Javascript, copy dan pastekan kode berikut ke gadget dan simpan, tentukan telah mengganti nomor hp dan pesan yang diinginkan.

    Penutup

    Sangat gampang membuat link whatsapp pribadi chat di website, bahkan tanpa situs web pun mampu kita kerjakan, ini adalah kemudahan api (application programming interface) yang disedikan oleh whatsapp, sehingga memperlihatkan alternatif bagi kita untuk memudahkan audiens berinteraksi memakai whastapp. Semoga menunjukkan faedah, jangan lupa komentar dan sharing ya…