Tampilkan postingan dengan label Belajar dasar HTML. Tampilkan semua postingan

Pengertian dan Fungsi XAMPP

►

XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming. XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di Linux dan Windows. Keuntungan lainnya adalah cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa module lainnya. Hanya bedanya kalau yang versi untuk Windows sudah dalam bentuk instalasi grafis dan yang Linux dalam bentuk file terkompresi tar.gz. Kelebihan lain yang berbeda dari versi untuk Windows adalah memiliki fitur untuk mengaktifkan sebuah server secara grafis, sedangkan Linux masih berupa perintah-perintah di dalam console. Oleh karena itu yang versi untuk Linux sulit untuk dioperasikan. Dulu XAMPP untuk Linux dinamakan LAMPP, sekarang diganti namanya menjadi XAMPP FOR LINUX.


1. Mengenai APACHE

Apache sudah berkembang sejak versi pertamanya. Sampai saat ditulisnya artikel ini versi terakhirnya yang ada yaitu Apache ver 2.0.54. Apache bersifat open source, artinya setiap orang boleh menggunakannya, mengambil dan bahkan mengubah kode programnya. Tugas utama apache adalah menghasilkan halaman web yang benar kepada peminta, berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. Jika diperlukan juga berdasarkan kode PHP yang dituliskan, maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.

2. Mengenai PHP


Bahasa pemrograman PHP merupakan bahasa pemrograman untuk mebuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. PHP dapat dijalankan pada berbagai macam Operating System (OS), misalnya Windows, Linux dan Mac OS. Selain Apache, PHP juga mendukung beberapa web server lain, misalnya Microsoft IIS, Caudium, PWS dan lain-lain.
Seperti pernah disinggung sebelumnya bahwa PHP dapat memanfaatkan database untuk menghasilkan halaman web yang dinamis. Sistem manajemen database yang sering digunakan bersama PHP adalah MySQL. Namun PHP juga mendukung system manajemen Database Oracle, Microsoft Acces, Interbase, d-Base, PostgreSQL dan sebagainya.
Hingga kini PHP sudah berkembang hingga versi ke 5. PHP 5 mendukung penuh Object Oriented Programing(OOP), integrasi XML, mendukung semua ekstensi terbaru MySQL, pengembangan web services dengan SOAP dan REST, serta ratusan peningkatan kemampuan lainnya dibandingkan versi sebelumnya. Sama dengan web server lainnya PHP juga bersifat open source sehingga setiap orang dapat menggunakannya dengan gratis.

3. Mengenai MySQL

Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang khusus digunakan untuk mengolah database. SQL pertama kali didefinisikan oleh American National Standards Institute (ANSI) pada tahun 1986. MySQL adalah sebuah sistem manajemen database yang bersifat open source. MySQL adalah pasangan serasi dari PHP. MySQL dibuat dan dikembangkan oleh MySQL AB yang berada di Swedia.
MySQL dapat digunakan untuk membuat dan mengola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah dan menghapus data yang berada dalam database. MySQL merupakan sisitem manajemen database yang bersifat at relational. Artinya data-data yang dikelola dalam database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data akan menjadi jauh lebih cepat.
MySQL dapat digunakan untuk mengelola database mulai dari yang kecil sampai dengan yang sangat besar. MySQL juga dapat menjalankan perintah-perintah Structured Query Language (SQL) untuk mengelola database-database yang ada di dalamnya. Hingga kini, MySQL sudah berkembang hingga versi 5. MySQL 5 sudah mendukung trigger untuk memudahkan pengelolaan tabel dalam database.

4. Mengenai PHPMyAdmin

Pengelolaan database dengan MYSQL harus dilakukan dengan mengetikkan baris-baris perintah yang sesuai (command line) untuk setiap maksud tertentu. Jika anda ingin membuat database, ketikkan baris perintah yang sesuai untuk membuat database. Jika kita ingin menghapus tabel, ketikkan baris perintah yang sesuai untuk menghapus tabel. Hal tersebut tentu cukup menyulitkan karena kita harus hafal dan mengetikkan perintahnya satu persatu.
Banyak sekali perangkat lunak yang dapat dimanfaatkan untuk mengelola data base dalam MySQL, salah satunya adalah phpMyAdmin. Dengan phpMyAdmin kita dapat membuat tabel, mengisi data dan lain-lain dengan mudah tanpa harus hafal perintahnya. Untuk mengaktifkan phpMyAdmin langkah-langkahnya adalah : yang pertama setelah XAMP kita terinstall, kita harus mengaktifkan web server Apache dan MySQL dari control panel XAMPP. Yang kedua, jalankan browser kesayangan Anda (IE, Mozilla Firefox atau Opera) lalu ketikkan alamat web berikut : http://localhost/phpmyadmin/ pada address bar lalu tekan Enter. Langkah ketiga apabila telah nampak interface (tampilan antar muka) phpMyAdmin anda bisa memulainya dengan mengetikkan nama database, nama tabel dan seterusnya.

Tatacara Penggunaan dan Pengujian
Pengujian :
  1. Buka Web Browser
  2. Ketikkan http://localhost dalam Web Browser
  3. Bila masuk ke dalam Web XAMPP berarti semua langkah telah berhasil dilakukan.
Pengamanan :
Secara default, ada beberapa faktor keamanan yang harus dikonfigurasi. Faktor keamanan yang masih harus dikonfigurasi adalah :
  1. MySQL Administrator (root) tidak memiliki password.
  2. MySQL Daemon dapat diakses dari jaringan
  3. ProFTPD menggunakan password “lampp” untuk user “nobody”
  4. PHPMyAdmin dapat diakses dari jaringan
  5. Semua contoh dapat diakses dari jaringan
  6. MySQL dan Apache bekerja dalam konfigurasi user yang sama (nobody)
Jumat, 14 Juni 2013
Posted by Marketing IndiHome
0 Comments
Tag : , ,

Mengatur format tulisan di Dreamweaver

►
mengatur format <a href=tulisan dengan dreamweaver" />
Mungkin masih ada yang bingung cara pengoperasian serta fungsi property bar untuk tulisan yang ada pada dreamweaver. Pada tutorial berikut ini saya akan menjelaskan langkah-langkah untuk membuat tulisan serta cara mengaturnya dengan dreamweaver.
Langkah pertama buatlah tulisan pada area kerja dreamweaver.
membuat tulisan
Kemudian tulisannya dipilih semua
memilih tulisan
kemudian lihat pada bagian property bar yang ada pada bagian bawah.
property bar
Property bar seperti gambar diatas, digunakan untuk mengatur semua objek yang kita sudah pilih di area kerja.
Di Property bar tersedia banyak pilihan yaitu :
  1. Format 
    pilihan format
    Bagian ini digunakan untuk mengatur format tulisan dengan pilihan paragraf (<p>), heading 1 (<h1>..</h1>) s/d heading 6 (<h6>..<h6>) dan preformatted (untuk menampilkan jeniskode)
  2. Font dan Size
    jenis tulisan
    Font digunakan untuk mengatur jenis tulisan, sedangkan size untuk ukuran tulisannya.
  3. Style
    pilihan style
    Ini digunakan untuk mengatur objek tulisan sesuai dengan css yang sudah dibuat. Pada bagian ini kita juga bisa menyisipkan style eksternal yang ada di file css lain.
  4. Warna, posisi tulisan
    warna dan posisi tulisan
    Bagian ini digunakan untuk mengatur warna tulisan, tebal dan miring tulisan, pengaturan rata kiri, rata tengah, kanan dan rata kiri kanan (justify). Pada bagian kanan bawahnya jga ada fasilitas untuk membuat list item dengan simbol atau angka. Kemudian mengatur tulisan masuk ke kanan dan ke kiri. Dan terakhir dibagian gambar terlihat page properties yang digunakan untuk mengatur tampilan halaman secara keseluruhan.
 Sekarang pilih salah satunya, misal kita pilih heading 1 untuk megatur tulisan menjadi heading yang biasanya dibuat untuk judul halaman, kemudian pilih warnanya. Hasilnya :
hasil tulisan
Anda bisa coba fasilitas yang lain seperti paragraf, heading, pilihan font/bentuk tulisan serta tombol lainya.
Semoga bermanfaat
Kamis, 31 Januari 2013
Posted by Marketing IndiHome
0 Comments
Tag : ,

Membuat menu dropdown dengan css

►
Banyak sekali variasi menu web/blog yang bisa dibuat dengan css, ada bentuk menu tulisan maupun gambar biasa, dan ada juga bentuk-bentuk menu dropdown/menu bercabang secara horizontal atau vertikal. Pembuatanya juga bervariasi, ada yang menggunakan javascript, ada juga menggunakan jquery, bahkan ada yang membuat menu dari flash. Pada tulisan ini anda akan mengetahui bagaimana cara membuat menu dropdown horizontal murni dibuat dengan css. Silahkan anda simak.
Oke langsung saja langkah-langkanya sebagai berikut :
Membuat susunan list menu untuk  dropdown dalam html, kodenya berikut ini :
<ul class="dropmenu">
<li><a href="#1">Menu 1</a>
    <ul>
    <li><a href="#11">Sub Menu 1</a></li>
    <li><a href="#22">Sub Menu 2</a></li>
    </ul>
</li>
<li><a href="#2">Menu 2</a>
    <ul>
    <li><a href="#21">Sub Menu 1</a></li>
    <li><a href="#22">Sub Menu 2</a></li>
    <li><a href="#23">Sub Menu 3</a></li>
    <li><a href="#24">Sub Menu 4</a></li>
    </ul>
</li>
<li><a href="#3">Menu 3</a>
    <ul>
    <li><a href="#31">Sub Menu 1</a></li>
    <li><a href="#32">Sub Menu 2</a></li>
    <li><a href="#33">Sub Menu 3</a></li>
    <li><a href="#34">Sub Menu 4</a></li>
    </ul>
</li>
</ul>
Dari kode html tersebut akan dihasilkan sementara tampilan seperti berikut :
membuat dropdown
Kemudian kita buat kode css berikut, dengan menambahkannya pada bagian <head>..</head>
<style type="text/css">
.dropmenu {
    background: #616161;
    height: 30px;
    list-style-type: none;
    margin: 0;
    padding: 0px;
}
.dropmenu li {
    border-right: solid 1px white;
    float: left;
    height: 30px;
}
.dropmenu li a {
    color: #fff;
    display: block;
    font: 12px arial, verdana, sans-serif;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
}
.dropmenu li:hover { background: #778899; position: relative; }
.dropmenu li:hover a { text-decoration: underline; }
.dropmenu li:hover ul {
    background-color: #3f4a54;
    border: 1px solid grey;
    left: 0px;
    padding: 3px;
    top: 30px;
    width: 160px;
}
.dropmenu li:hover ul li { border: none; height: 18px; }
.dropmenu li:hover ul li a {
    background-color: #778899;
    border: 1px solid transparent;
    color: #fff;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0px;
    text-decoration: none;
    text-indent: 5px;
    width: 158px;
    padding: 3px;
}
.dropmenu li:hover ul li a:hover {
    background: silver;
    border: solid 1px #444;
    color: #000;
    height: 18px;
    padding: 3px;
}
.dropmenu ul {
    left: -9999px;
    list-style-type: none;
    position: absolute;
    top: -9999px;
}
</style>

Dari kode-kode tersebut maka akan dihasilkan tampilan seperti berikut :
membuat dropdown
Ini hasilnya, coba anda arahkan pilihan ke menu dibawah ini :

Menu ini sudah saya test menggunakan firefox, google chrome, dan internet explorer. Semuanya bisa berjalan dengan normal yang artinya menu dropdown yang dibuat dengan css lebih kompatibel dan lebih ringan jika ditampilkan.
Gimana, mudah kan?? Ada masukan, komentar atau pertanyaan silahkan kirimkan melalui box komentar dibawah.
Semoga Bermanfaat
Posted by Marketing IndiHome
0 Comments
Tag : ,

Popular Post

Blogger templates

Labels

agama Aku Untuk Negeriku Alkisah Anak-Anak Analisis Kebijakan Pendidikan ANE aneh Anime Antropologi aplikasi artis Barang Aneh Beauty Belajar dasar HTML Belajar dasar PHP Berita Berita Nasional Berita Umum bijak Binatang Aneh Blogger cara Cerita Cinta Cerita Lucu cinta design Dewasa Download Thema drama Dunia Dunia Malam Dunia Seks ekonomi Ekstrim Facebook Fashion Film Fun Funny gadget Games Gokil Gudang Tips Hacker Happy History health Hentai hewan hiburan Historiografi hobi Hot HP hukum hum Humor Ilmu Komputer ilmu pengetahuan sosial Image internasional internet Islami jakarta Jokowi - Ahok K Kampanye Damai Pemilu Indonesia 2009 Kata Bijak kata mutiara Kata-Kata kecantikan KEJADIAN YANG ANEH kesehatan Kisah Nyata korea kuliner lifestyle Love lowongan kerja Magelang Makalah Makanan Manajemen Pendidikan Misteri mobil Multimedia teknik museologi Music News olahraga otomotif Pasangan Aneh PeeR Dari Sahabat Pelajaran Pelajaran Bahasa Indonesia pelajaran biologi pelajaran ekonomi pelajaran fisika pelajaran geografi pelajaran kimia Pelajaran Olahraga Pelajaran Sejarah pelajaran seni Pelajaran seni musik peliharaan pendidikan Pendidikan Kewarganegaraan Perencanaan Pembelajaran Sejarah Peristiwa Penting Perspektif Global Politik ponsel promo properti puisi rambut Religi Renungan resep romantis rumah Sains Science Sejarah Sejarah Asia Timur sejarah indonesia masa islam sejarah Indonesia masa kolonial sejarah pergerakan nasional sejarah wanita Selebritis Seni Sepak Bola sinopsis Software Sofware Tahukah Kamu ? Tanaman teknologi tips trends TV Twitter Umum unik Video wallpaper wanita wisata Wordpress Zodiak
Diberdayakan oleh Blogger.
UNTUK INFO DAN PEMASANGAN Hubungi : YULIADI Telepon : 061-7646 9682 Handphone : 0822 7200 7787


- Copyright © Cara Registrasi Indihome Murah di Medan -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -