SDFSDFSDF: website

Tampilkan postingan dengan label website. Tampilkan semua postingan

Rabu, 06 Januari 2016

Langkah Membuat Website Pertama

Setelah pada artikel sebelumnya, penulis sudah Memperkenalkan HTML, kali ini kita akan belajar membuat website pertama menggunakan HTML. Teman-teman tentu sudah tidak sabar untuk membuat website pertama. Baiklah, ikuti langkah-langkah berikut ini :

Membuat Website Pertama Menggunakan HTML

Buka Notepad++ dengan cara klik Start --> All Programs --> Notepad ++ --> Notepad ++
Kemudian ketikan nama kalian, sebagai contoh penulis akan menuliskan TutorialKomputerLengkap.Com
Tampilan Notepad ++
Simpan halaman tulisan tadi dengan menekan CTRL + S, kemudian simpan menggunakan extensi *.html. Agar lebih mudah, penulis menganjurkan teman-teman untuk menyimpanya di dekstop.
Coba buka file yang sudah dibuat tadi menggunakan Web Browser, dan akan muncul tulisan yang diketikan pada notepad tadi.

Cukup sekian dulu tutorial kali ini, nantikan tutorial selanjutnya...

Halaman Utama Belajar Bahasa Pemrograman

Pengertian HTML, Mengenal Lebih Jauh Tentang HTML

Pengertian HTML

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Jadi HTML bukan sebuah bahasa pemrograman, HTML hanya bahasa untuk memberi format pada teks dan bentuk dari elemen website agar dapat tampil sedemikian rupa.

Lebih Lanjut Tentang HTML

Untuk mengetahui lebih lanjut tentang HTML, coba buka web tutorialkomputerlengkap.com, kemudian klik kanan klik Inspeksi Elemen. Selanjutnya akan muncul script html seperti pada gambar dibawah ini

Elemen HTML

Coba perhatikan pada baris pertama terdapat script <!DOCTYPE HTML>. Itu menandakan bahwa halaman yang sedang kita buka adalah halaman HTML.

Kemudian pada baris kedua terdapat script <HTML> itu juga menandakan bahwa itu adalah halaman HTML.

Kemudian pada baris dibawahnya adalah isi dari HTML tersebut. Didalamnya terdapat tag-tag atau perintah yang digunakan untuk memberikan pemformatan pada isi website, seperti pemberian format teks, pemberian format gambar, menetukan background, sampai dengan membuat menu.

Jangan pedulikan script diatas, script itu terlalu rumit untuk saat ini. Tetapi pelan-pelan kita akan mempelajarinya sampai bisa membuat seperti yang diatas.

Selasa, 05 Januari 2016

Yang Harus Dipersiapkan Untuk Belajar Pemrograman Web

Sebelum mempelajari pemrograman web ada beberapa tools yang harus dipersiapkan, guna menunjang pembelajaran, antara lain dibawah ini :

Tools Yang Harus Dipersiapkan Untuk Belajar Web

1. Web Browser

Mozilla Firefox

Hal yang harus disediakan adalah Web Browser, web browser digunakan untuk melakukan pengetesan terhadap halaman web yang telah dibuat. Sebenarnya di windows sendiri sudah ada web browser bawaan yaitu Internet Explorer. Tetapi penulis tidak menganjurkan teman-teman untuk menggunakan Internet Explorer, karena web browser ini kurang lengkap. Beberapa web browser yang penulis rekomendasikan antara lain :

- Mozilla Firefox

- Chrome

- Safari

2. Text Editor

Notepad ++

Sebenarnya ada cara mudah untuk membuat website yaitu menggunakan aplikasi yang sudah didesain untuk membuat desain, seperti Dreamwaver. Tetapi untuk lebih memahami script yang ditulis, penulis menyarankan untuk menggunakan text editor terlebih dahulu. Text editor sangat penting untuk membantu dalam memahami script. Karena jika menggunakan text editor setiap tag atau perintah diketikan, jadi secara tidak langsung ini akan membantu dalam pemahaman dan penyelesian masalah. Beberapa text edito yang penulis sarankan adalah :

- Notepad ++

- Sublime Text

3. Localhost

XAMPP

Localhost digunakan untuk menjalankan server didalam komputer kita. Localhost berguna untuk menguji bahasa pemrograman yang berjalan disisi server serperti PHP. Sebenarnya, untuk belajar HTML dan CSS, kita belum membutuhkan ini. Kita akan memakai Localhost ketika mulai mempelajari bahasa pemrograman PHP. Localhost yang penulis sarankan adalah XAMPP. Penulis sendiri belum pernah menggunakan localhost selain XAMPP. Alasan penulis menggunakanya adalah karena tools yang satu ini sudah sangat lengkap, bahkan sudah mendukung MySQL. Paket yang disediakan XAMPP sudah lebih dari cukup untuk belajar pemrograman web.

Itulah Tools Yang Harus Dipersiapkan Sebelum Belajar Pemrograman Web. Untuk teman-teman yang akan belajar website, silahkan dipersiapkan tools-tools diatas. Jika tidak ada halangan, penulis juga akan membuat artikel tentang Tutorial Belajar Website Dari Nol. Sekian dan terima kasih.

Rekomendasi Bahasa Pemrograman Yang Mudah Dipelajari Pemula

Bahasa pemrograman adalah sebuah bahasa yang digunakan didalam komputer untuk memberikan perintah atau intruksi kepada komputer untuk melakukan hal tertentu. Dengan bahasa pemrograman kita dapat memerintahkan komputer untuk melakukan suatu pekerjaan, misalnya perhitungan atau membuat data. Dengan bahasa pemrograman kita juga dapat membuat aplikasi sendiri, seperti aplikasi kalkulator, penghitungan gaji, sampai pembuatan data karyawan.

Ada banyak jenis bahasa pemrograman yang dapat digunakan di komputer, masing-masing memiliki fungsi dan kelebihan serta kekuranganya sendiri. Saat ini penulis tidak akan membahas terlalu jauh tentang fungsi bahasa pemrograman. Penulis akan memberikan rekomendasi bahasa pemrograman yang mudah dipelajari, terutama untuk pemula. Berikut listnya

Rekomendasi Bahasa Pemrograman Untuk Pemula

1. Bahasa Pascal

Pertama kali penulis diajarkan bahasa pemrograman dikampus adalah bahasa pascal. Bahasa pascal dipilih sebagai pengantar karena mudah dipahami, syntax-syntaxnya juga seperti menggunakan bahasa inggris sehingga lebih mudah dipahami. Bagi teman-teman yang baru mengenal dunia pemroggraman, penulis sarankan untuk belajar bahasa ini terlebih dahulu. Aplikasi yang penulis gunakan untuk belajar bahasa ini adalah Turbo Pascal.

2. Bahasa Java

Bahasa Java adalah bahasa pemrograman yang paling banyak digunakan saat ini. Bahasa Java banyak digunakan untuk membuat aplikasi berbasis mobile. Seiring dengan semakin Boomingnya Android, bahasa ini makin banyak diminati orang untuk membuat aplikasi android. Bagi teman-teman yang tertarik untuk belajar membuat aplikasi android, bisa langsung mencoba mempelajari bahasa Java.

3. Bahasa C/C++

Jika berbicara mengenai bahasa pemrograman C atau C++ ini adalah salah satu bahasa yang juga tidak kalah saing mengenai penggunaan dari para programmer dunia. C++ sendiri merupakan pengembangan atau bisa dibilang turunan dari basa C itu sendiri, jika kita melihat syntax-syntax dari PHP maka akan mirip sekali dengan bahasa C itu sendiri, benar demikian, karena bahasa pemrograman PHP juga dikembangkan atau merupakan turunan dari bahasa C.

4. Bahasa PHP

Pertama kali penulis mengenal pemrogaman adalah pemrograman web, dengan bahasa pemrograman yang digunakan adalah bahasa PHP. PHP sendiri merupakan bahasa pemrograman yang berjalan disisi server, sehingga pengguna tidak akan melihat script ini. Bagi teman-teman yang ingin belajar membuat website, bisa mempelajari bahasa PHP ini, untuk membuat website menjadi dinamis dan pembaharuan konten menjadi lebih mudah.

5. Bahasa Basic

Bahasa Basic adalah bahasa pemrograman yang digunakan pada aplikasi Visual Basic. Aplikasi Visual Basic sendiri merupakan sebuah aplikasi yang berguna untuk membuat aplikasi baru berbasis dekstop dengan menggunakan bahasa basic sebagai perintahnya. Aplikasi yang dibuat menggunakan Visual Basic berbasis GUI. Bahasa ini juga sangat mudah dipelajari, dan bagi teman-teman yang tertarik untuk membuat aplikasi berbasis dekstop bisa mempelajari bahasa ini.

Untuk memudahkan teman-teman dalam belajar bahasa pemrograman, sebaiknya pelajari terlebih dahulu satu bahasa pemrograman sampai benar-benar mahir, setelah itu barulah mempelajari bahasa pemrograman lainya. Karena setiap bahasa pemrograman memiliki kemiripan dalam penggunaanya.

Itulah 5 Rekomendasi Bahasa Pemrograman Untuk Pemula, semoga membantu.

Rabu, 23 Desember 2015

3 Situs Belajar Pemrograman Web Gratis Yang Bakal Membuatmu Handal

Perkembangan internet membawa dampak positif dan negatif bagi kehidupan manusia. Untuk saat ini kita tidak akan membahas tentang dampak negatif yang ditimbulkan oleh internet. Kita akan membahas tentang salah satu dampak positif dari internet, yaitu mempermudah kita dalam belajar. Diinternet ada banyak situs yang menyediakan informasi tentang pembelajaran, khususnya tentang komputer dan pemrograman seperti tutorialkomputerlengkap.com. Bagi yang suka pemrograman ada situs-situs yang dapat menjadi media pembelajaran untuk belajar pemrograman secara otodidak.

Nah dari banyak situs tersebut, penulis memiliki rekomendasi untuk teman-teman yang akan belajar pemrograman khususnya pemrograman web untuk belajar dari situs berikut ini :

3 Situs Belajar Bahasa Pemrograman Yang Wajib Dikunjungi

1. Codecademy

Codecademy adalah situs untuk belajar website yang sangat menarik. Disamping tampilanya yang sangat interaktif, situs ini juga memiliki sistem seperti game RPG. Jadi kita akan memiliki level, dan level itu akan meningkat seiring dengan meningkatnya kemampuan kita. Kita akan disuguhkan materi untuk dipelajari, setelah selesai mempelajari materi kita akan dihadapkan pada ujian yang akan menaikan level kita. Tidak hanya itu, situs tersebut juga dapat mengoreksi kode yang kita tuliskan, apabila kita tidak menuliskan kode sesuai dengan yang diperintahkan, maka situs akan menunjukan jika terjadi kesalahan pada program yang ditulis.

Pada level awal, kita akan diajarkan tentang elemen-elemen website, kemudian pada level selanjutnya kita akan mulai mempelajari tentang dasar-dasar pemrograman web, kemudian berlanjut lagi hingga tahap akhir. Jika mengikuti dengan seksama, setelah lulus dari level akhir kita akan bisa membuat sebuah halaman website yang menarik.

Bahasa pemrograman yang diajarkan di situs ini diantaranya adalah HTML, HTML5, CSS, JavaScritp, JQuery, PHP, Ruby, Phyton. Dengan banyaknya bahasa pemrograman yang didukung, serta kemudahanya, penulis menempatkan Codecademy di urutan pertama dalam daftar ini. Bagi teman-teman yang ingin langsung mencoba silahkan langsung kunjungi situs Codecademy.

2. W3Schools

W3Schools merupakan daftar situs lainya yang wajib dikunjungi oleh para calon web programer. Situs ini menyediakan materi bahasa pemrograman yang cukup lengkap, diantaranya HTML, HTML5, CSS, JavaScritp, JQuery, PHP, SQL, ADO, XML, ASP, ASP.Net dan Ajax. Selain menyediakan materi pemrograman yang sangat lengkap, situs ini juga memiliki tampilan yang sangat interaktif, hampir sama dengan Codecademy, bahkan hasil dari kode program yang ditulis dapat langsung ditampilkan sehingga kita dapat mengetahui kesalahan yang terjadi. Situs ini juga memiliki dukungan yang sangat baik seperti forum tanya jawab. Bagi teman-teman yang ingin mencoba bisa mengunjugi situs W3Schools.

3. CodeSchool

Hampir sama dengan situs Codecademy, memiliki tampilan yang interaktif. Sistem pembelajaran di CodeSchool juga mirip dengan Codecademy, hanya saja dukungan bahasa pemrograman yang disediakan lebih sedikit. Bahasa pemrograman yang disediakan antara lain HTML, CSS, Ruby JavaScript dan Objective C. Bagi yang ingin mencoba silahkan kunjungi langsung CodeSchool.

Itulah 3 situs Belajar Pemrograman Web yang penulis rekomendasikan. Apabila dipelajari dengan baik, dijamin setelah menyelesaikan materi teman-teman dapat menjadi web programer yang hebat. Sekian artikel ini, semoga bermanfaat.

Kamis, 17 Desember 2015

Cara Membuat Website Dengan HTML Dan CSS

Membuat tampilan website yang menarik adalah hal yang sangat penting dalam pembuatan website, selain dengan menyajikan konten yang menarik tampilan website juga akan berpengaruh untuk membuat pengunjung betah berlama-lama di blog kita. Untuk membuat tampilan website yang menarik tidak cukup hanya dengan menggunakan tag-tag HTML, untuk yang belum mengerti apa itu HTML dapat melihat sekilas artikel sebelumnya tentang Cara Membuat Web HTML Dengan Notepad. Nah untuk membuat tampilan website yang menarik kita membutuhkan CSS (Cascading Stylesheet), CSS adalah aturan yang mengatur komponen web sehingga tampak seragam. Untuk lebih jelasnya mari kita coba membuat website dengan HTML dan CSS.

Bahan yang dibutuhkan
1. Notepad++
2. Web Browser

Sebelum kita masuk ke coding penulis akan menjelaskan terlebih dahulu komponen apa saja yang akan kita buat.

Tampilan Website Yang Akan Dibuat

Dalam halaman tersebut ada beberapa elemen pokok yang akan kita buat diantaranya :

<div id="wrapper"></div> berfungsi sebagai wadah dari seluruh konten yang akan kita buat mulai dari header, halaman artikel hingga footer

<header></header> disini kita akan meletakan logo website dan juga membuat menu website

<section id=content></section> disini kita akan membuat daftar artikel terbaru yang akan muncul ketika pengunjung membuka homepage kita

<aside></aside> disini kita akan meletakan sekilas tentang informasi data diri, kemudian artikel terbaru, dan artikel terpopuler

<footer></footer> disini kita akan meletakan tulisan copyright

Baiklah kita akan memulai membuat websitenya

1. Pertama-tama buat file baru dengan nama website.html, kemudian masukan script dibawah ini dan simpan

<HTML>
    <head>
        <title>My First Site</title>
        <link rel="stylesheet" href="style.css"/>
    </head>
    <body>
        <div id="wrapper">
            <header>
                <img src="logo.png"/>
                <ul id="menu">
                    <li><a href="">HOME</a></li>
                    <li><a href="">KOMPUTER</a></li>
                    <li><a href="">INTERNET</a></li>
                    <li><a href="">PEMROGRAMAN</a></li>
                    <li><a href="">ABOUT ME</a></li>
                </ul>
            </header>
            <div id="main">
                    <section id="content">
                        <article>
                            <figure>
                                <img src="gambar.png"/>
                                <figcaption><h5>Gambar</h5></figcaption>
                            </figure>
                            <div id="description">
                                <h1>Judul Artikel</h1>
                                <h4>Kategori Artikel</h4>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
                                Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
                                </p>
                            </div>
                        </article>
                        <article>
                            <figure>
                                <img src="gambar.png"/>
                                <figcaption><h5>Gambar</h5></figcaption>
                            </figure>
                            <div id="description">
                                <h1>Judul Artikel</h1>
                                <h4>Kategori Artikel</h4>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
                                Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
                                </p>
                            </div>
                        </article>
                        <article>
                            <figure>
                                <img src="gambar.png"/>
                                <figcaption><h5>Gambar</h5></figcaption>
                            </figure>
                            <div id="description">
                                <h1>Judul Artikel</h1>
                                <h4>Kategori Artikel</h4>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
                                Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
                                </p>
                            </div>
                        </article>
                    </section>
                <aside>
                    <h2>Sekilas Tentang Penulis</h2>
                    <p>Nama saya Rudi Rizkiyanto, saya mahasiswa disebuah perguruan tinggi di pringsewu. Saya adalah ... <a href="">[Read More]</a></p>
                    <br/>
                    <h2>Kategori</h2>
                    <ul id="kategori">
                        <li><a href="">Komputer</a></li>
                        <li><a href="">Internet</a></li>
                        <li><a href="">Website</a></li>
                    </ul>
                    <br/>
                    <h2>Artikel Populer</h2>
                    <ul class="related">
                        <li><a href="">Artikel1</a></li>
                        <li><a href="">Artikel2</a></li>
                        <li><a href="">Artikel3</a></li>
                    <br/>
                    <h2>Artikel Terkait</h2>
                    <ul class="related">
                        <li><a href="">Artikel1</a></li>
                        <li><a href="">Artikel2</a></li>
                        <li><a href="">Artikel3</a></li>
                    </ul>
                </aside>
            </div>
            <footer>Copyright By Rizkiyanto</footer>
        </div>
    </body>
</HTML>

2. Buat file baru dengan nama style.css kemudian masukan script dibawah ini kemudian simpan.

*{
margin:0px;
padding:0px;
font-family:"segoe ui", arial, verdana, sans-serif;
}

body{
background-color:#ccffff;
}

#wrapper{
width : 780px;
margin:0 auto;
background-color:#999999;
}

    header{
    background-color:#333333;
    width:100%;
    height:150px;
    }

        header img{
        padding-top:5px;
        padding-left:5px;
        width:200px;
        height:100px;
        }

        #menu{
        margin-top:10px;
        padding-left:10px;
        }

            #menu li{
            background-color:#cccc00;
            display:inline;
            list-style:none;
            padding:3px 10px;
            margin-right:5px;
            border-radius:5px;
            }

                #menu li a{
                text-decoration:none;
                color:black;
                }

            #menu li:hover{
            background-color:#ccff00;
            }

    #main{
        width:770px;
        margin:5px;
        overflow:hidden;
    }

        #content{
            width:560px;
            float:left;
        }

            #article-place{
                width:540px;
                margin-top:5px;
                padding:5px;
                background-color:#cccccc;
            }

                article{
                    background-color:white;
                    margin-top:3px;
                    overflow:hidden;
                }

                article:first-child{
                    margin-top:0px;
                }

                    figure{
                        float:left;
                        width:160px;
                    }

                        figure img{
                            width:150px;
                            height:150px;
                            padding:3px;
                        }

                        figcaption{
                            text-align:center;
                        }

                    #description{
                        margin-right:2px;
                        width:375px;
                        float: right;
                    }

        aside{
            width:200px;
            margin:5px;
            float:right;
        }

            #kategori{
                list-style:none;
            }

                #kategori li a{
                    width:100%;
                    text-decoration:none;
                    color:black;
                }

            .related{
                list-style:none;
            }

                .related li a{
                    text-decoration:none;
                    font-size:9pt;
                }

    footer{
        clear:both;
        height:30px;
        margin-top:5px;
        padding-top:10px;
        text-align:center;
        background-color:#cccccc;
    }

3. Coba buka halaman website tersebut pada web browser, jika dilakukan dengan benar akan tampil tampilan diatas.

Sekian artikel tentang cara membuat website dengan menggunakan HTML dan CSS, semoga membantu.

Rabu, 16 Desember 2015

Cara Membuat Web HTML Dengan Notepad

HTML

Banyak orang yang mengatakan membuat website itu sulit. Akan tetapi sebenarnya membuat website tidaklah terlalu rumit jika kita sudah memahami dasar-dasarnya. Dalam membuat website yang pertama kali harus kita mengerti adalah HTML. Sebenarnya apa sih HTML itu? HTML (Hypertext Markup Language) adalah suatu bahasa markup yang mendeskripsikan struktur halaman web yang ditulis dengan tag yang mengapit konten tersebut.

Nah dalam artikel ini, penulis akan membagikan tutorial tentang Cara Membuat Web HTML Dengan Notepad. Ini Merupakan dasar untuk belajar membuat website, baiklah tidak perlu panjang lebar, mari kita siapkan tools yang dibutuhkan :

Notepad / Notepad ++ (Dianjurkan Notepad ++ karena akan lebih mudah dalam mencari kesalahan ketika terjadi error pada script yang ditulis)
Web Browser seperti Mozilla Firefox, Google Chrome atau Internet Explorer (Untuk melihat hasil dari script yang sudah ditulis)

Baiklah, mari kita mulai membuat halaman web pertama kita.

Penjelasan :

<!DOCTYPE HTML> adalah perintah untuk memberitahu web browser bahwa itu adalah halaman HTML.

<HTML></HTML> adalah pembuka dan penutup halaman HTML.

<head></head> adalah tag pembuka dan penutup untuk keterangan tentang halaman yang kita buat.

<title></title> adalah tag pembuka dan penutup untuk memberikan judul dari halaman yang kita buat.

<body></body> adalah tag pembuka dan penutup yang akan memberikan tampilan pada halaman web, disinilah kita akan banyak melakukan perubahan.

Tampilan Ketika Dijalankan Di Web Browser

Pada dasarnya hampir semua tag pada HTML memiliki tag pembuka dan tag penutup, sebagai contoh tag pembuka HTML adalah <HTML> sedangkan tag penutupnya adalah </HTML>. untuk memodifikasi isi dari tag tersebut kita harus memasukan kode diantara tag pembuka dan tag penutup.

Nah sampai disini sebenarnya kita sudah selesai membuat sebuah halaman website sederhana, namun tampilanya masih sangat sederhana, dan masih statis. Untuk mempercantik tampilan masih dibutuhkan banyak tag-tag HTML serta menggunakan CSS (Cascading Style Sheet). Apa Itu CSS dan bagaimana cara menggunakan HTML dan CSS untuk mempercantik halaman web akan penulis bahas pada artikel selanjutnya.

Sekian artikel ini, semoga bermanfaat.

Baca Juga :
Belajar Mengetik 10 Jari
Cara Menyembunyikan File Di PC

Kamis, 09 Oktober 2014

Cara memindahkan drupal localhost ke online hosting (cpanel)

Baca juga Cara instalasi drupal 7 linux

Selamat datang teman-teman yang gemar 'mencari tahu', kali ini saya mau memberikan tutorial mengenai Cara memindahkan drupal localhost ke online hosting (cpanel). Awalnya saya diberikan tugas membuat drupal di localhost menggunakan xampp for linux dan akhirnya saya disuruh untuk mengupload/memindahkannya ke hostingan online atau dengan kata lain ke internet.
Saya membagi ke beberapa tahap Cara memindahkan drupal localhost ke online hosting (cpanel) :

1. Export database
2. Copy folder drupal yang berada di htdocs
3. Membuat database dan user di cpanel
4. Import database
5. Membuat subdomain
6. Mengupload File dengan Filezilla

Okelah kalau begitu, saya berharap kalian memperhatikan step by step dan screenshotnya, karena itu adalah petunjuk penting !

Export Database

Export database sangatlah mudah.
- Aktifkan apache dan mysql xampp, (jika menggunakan linux : /opt/lampp/lampp start)
- Ketikkan localhost/phpmyadmin
- Klik nama database yang akan di export (database yang digunakan untuk drupal)
- Export
- Go
- Ektensi filenya adalah .sql
---- Perhatikan screenshot Export database

Cara memindahkan drupal localhost ke online hosting (cpanel)

Pilih nama database yang akan di export

Go dan save as..

Copy folder drupal yang berada di htdocs

Ada yang tidak tahu cara copy paste file? wow parah gan!
Copy folder htdocs drupal kalian. Apabila menggunakan :
- Xampp for Windows lokasi defaultnya berada di C:\xampp\htdocs\tkj
- Xampp for Linux lokasi defaultnya berada di /opt/lampp/htdocs/tkj
Pada screenshot, nama folder saya adalah "tkj". Copy file dan satukan dengan hasil export database kalian tadi.
---- Perhatikan screenshot Copy folder drupal yang berada di htdocs

Jangan sampai terpisah yah filenya

Membuat database dan user di cpanel

Jangan sampai kehilangan fokus ya :D
Pertama-tama tentunya kalian harus punya akun hosting dan domain, kebetulan saya sudah punya semuanya, jadi tinggal masuk ke cpanel
- Ketikkan namadomain.com/cpanel
- Masukkan user dan password cpanel
- Cari dan pilih menu MySql Database
- Masukkan nama database. Pada contoh nama database saya adalah haswan, lebih lengkapnya chaaki_haswan, lalu Create Database
- Masukkan nama user. Pada contoh user saya adalah hasbullah, lebih lengkapnya chaaki_hasbullah. Isikan password. (Bedakan user password cpanel dan user password database)
- Setelah itu jodohkan antara database dan user. Add
- Centang semua. All Privileges, lalu make changes.
---- Perhatikan screenshot Membuat database dan user di cpanel

Pilih menu MySql Databases

Masukkan nama database (terserah)

Masukkan user dan password untuk database (terserah)

Jodohkan antara database dan user, lalu Add

Centang ALL PRIVELEGES lalu make changes

Import database

Karena kalian sudah berhasil membuat database dan user baru di cpanel, maka saatnya kita melakukan proses Import, dimana file yang di export di localhost akan dimasukkan ke dalam database yang barusan dibuat. Ibaratnya memindahkan jiwa dari tubuh lama ke tubuh baru.
- Kembali ke menu home Cpanel
- Pilih Phpmyadmin
- Pilih database dibuat, pada contoh database saya adalah chaaki_haswan
- Pilih Import
- Pilih file .sql (bekas dari export tadi), pastikan file sudah di compress ke dalam bentuk .zip
- Kirim
---- Perhatikan screenshot Import database

Pilih phpmyadmin yang berada di halaman utama cpanel

pilih database yang ingin di import

Pilih menu import diatas

Pilih file. pastikan file-nya sudah di compress ke dalam .zip

Import berhasil!

Membuat subdomain

Cara membuat subdomain juga tidak terlalu sulit kok, subdomain itu apa?
chaaki.com adalah domain, sedangkan hhaswan.chaaki.com adalah subdomain. Hhaswan merupakan bagian dari domain chaaki.com.
- Kembali ke menu utama cpanel
- Pilih subdomains
- Masukkan subdomain yang diinginkan, secara otomatis document root akan terisi berdasarkan nama subdomain kalian
- Create
---- Perhatikan screenshot Membuat subdomain

Pilih "Subdomains" untuk membuat subdomain

Masukkan nama subdomain yang diinginkan, secara otomatis document root akan terisi. Create

Go Back. Tanda berhasil membuat subdomain

Mengupload folder drupal dengan filezilla

Masih ingatkah kalian? Saya menyuruh untuk menyatukan folder drupal yang dari htdocs dan file sql? Semoga kalian masih ingat ya!
Mengupload folder drupal dengan filezilla juga tidak terlalu susah, yang ada hanya membutuhkan waktu untuk menunggu (sesuai dengan kecepatan internet masing-masing)
- edit file settings.php yang berada di /folderdrupal/sites/default
Ganti dan sesuaikan dengan user password database yang dibuat di cpanel tadi.

Bedakan user password database dan user password cpanel!!

- Install Filezilla
- Masukkan host : namadomain.com, username, password, port : 21.
Ingat! Bedakan user password cpanel dan user password database. Disini kita memasukkan user dan password cpanel.
- Quick Connect
- Pada remote site pergilah menuju /public_html/hhaswan
hhaswan merupakan document root hasil dari menambah subdomain
- Pada Local Site, pilih semua file yang akan diupload, and then.. Drag them!
- Pastikan tidak ada yang gagal ketika upload
---- Perhatikan screenshot Mengupload folder drupal dengan filezilla

--Finish--

Semoga berhasil yah teman-teman, kalau ada keraguan diantara kita mengenai Cara memindahkan drupal localhost ke online hosting (cpanel) bisa komentar dibawah, cantumkan screenshot lebih bagus :D
Visit us chaaki

Sabtu, 17 Agustus 2013

Website Untuk Belajar Coding (PHP, JS, Java, JQ, ASP, dll)

Coding adalah proses menulis, menguji dan memperbaiki (debug), dan memelihara kode yang membangun sebuah program komputer.
Dan dibawah ini adalah beberapa website yang menyediakan kita fasilitas untuk belajar coding.
Mau jadi programmer? Coding!

Beberapa website untuk belajar coding:

1. CODE SCHOOL

Learn by Doing. Disana kamu belajar coding sambil praktik, ada kasus untuk menambah skill dalam pemrograman Web,videonya, tantangan.

2. W3SCHOOL

Belajar coding web mulai dari HTML, PHP, Java Script, CSS, SQL, ASP, dan banyak lagi.
Kalau yang ini bisa dibilang favorit saya dan menurut saya yang paling lengkap (kira kira saja), itupun saya disarankan sama kakak kelas saya yang jago design web dan apapun itu mengenai web

3. CODE ACADEMY

Disini kita bisa belajar coding dengan bahasa pemrograman Jquery, PHP, Python, dan Ruby. Selain belajar (Learn), kita juga bisa mengajar (Teach).

4. CODE AVENGER

Kalau ini ada level-levelnya buat kamu belajar coding mulai dari level 1 sampe dengan level 3. Disana kita bisa belajar HTML, CSS, dan JavaScript. Keren!!

5. TEAM TREE HOUSE

Di website ini kita belajar coding dari nol besar sampai kita siap untuk bekerja di bidang peng-codingan. Disini kita bisa belajar membuat website, membuat aplikasi iPhone dan Android, coding pake Ruby on Rails, dan PHP.

6. DREAM IN CODE

situs berbasis komunitas. Banyak developer dan programmer dapat ilmu dari situs ini. Yang kurang cuma tampilannya saja yang kadang (kadang) membosankan. Disini kita bisa belajar C++, Java, VB, VB Net, C#, PHP, dan Cold Fussion.

7. CODINGKU

Dimulai dari belajar HTML yang merupakan dasar dan inti dari sebuah halaman website hingga belajar php, belajar mysql yang merupakan salah satu dasar bahasa pemrograman canggih yang dipakai oleh google, facebook, microsoft dan lain sebagainya.