Wednesday, February 1, 2023

thumbnail

Cara Membuat Database Menggunakan Xampp CMD

 


Halo Semuanya Selamat Datang di ZakaTechTutor

di post kali ini saya akan memberikan tutorial tentang cara membuat database menggunakan software xampp dan cmd di windows


Di tutorial kali ini kita akan menggunaka software bundle yang bernama Xampp
dan sebuah interface bawaan windows yaitu CMD



Database

Database sebagai pangkalan data sangat berperan penting dalam manajemen pengarsipan data. Database merupakan kumpulan data atau informasi yang disimpan secara sistematis sehingga mudah diakses oleh program komputer untuk mencari keberadaan data tersebut.

Xampp server sendiri merupakan web server open source yang digunakan untuk mengelola website. Di dalam Xampp terdapat program mysql yang sudah diikutkan dalam software tersebut. Mysql diperlukan untuk menjalankan operasi database seperti membuat database baru, menciptakan tabel ataupun mengisi tabel dengan data-data yang saling terkait satu sama lain.

Pada artikel kali ini saya akan menjelaskan bagaimana cara membuat database berikut dengan tabel melalui Command Prompt yang berada pada lingkungan windows. Server yang digunakan kali ini memakai Xampp server

Software Xampp dapat diperoleh dengan cara mendownloadnya melalui situs resminya di https://www.apachefriends.org/index.html. Silahkan download Xampp versi terbaru pada tautan tersebut secara gratis. Anda juga dapat mempelajari Cara instalasi Xampp disini.

Saya asumsikan software Xampp sudah terinstall dengan baik pada laptop atau PC anda. Silahkan klik ganda pada icon Xampp untuk memanggil software tersebut. Kemudian silahkan jalankan service Apache dan juga Myql dengan mengklik tombol Start. Pastikan kedua service tersebut dalam keadaan aktif dan bekerja dengan baik.



Membuat Database

Sebelum masuk ke MySql, anda perlu masuk pada Command Prompt (CMD) pada Windows untuk sebagai UI (User Interface) berinteraksi dengan query Mysql. Silahkan tekan tombol WIN + R. Kemudian ketikkan CMD pada field input diakhiri dengan mengklik atau menekan tombol Enter.


Setelah masuk pada Command Prompt Windows, langkah selanjutnya adalah menuju program Mysql pada Xampp. Untuk masuk program Mysql anda harus masuk pada direktori file executable mysql.exe terlebih dahulu. File tersebut digunakan untuk menghandle seluruh operasi database pada mysql.

Silahkan ketik cd c:\xampp\mysql\bin

go to dir xampp

Untuk masuk dan mengakses database silahkan ketik mysql -u root. Query tersebut digunakan untuk masuk database dengan username root dan password empty/kosong.

menghubungkan mysql cmd

Selanjutnya adalah membuat database baru. Perintah atau query untuk membuat database baru adalah create database db_transaksi;. Di sini saya akan membuat database dengan nama db_transaksi.

create database db_transaksi;

Setelah database tersebut berhasil dibuat, anda perlu melihat apakah database tersebut benar-benar ada. Untuk menampilkan daftar data base silahkan ketikkan perintah show databases;. Perhatikan bahwa database db_transaksi sudah masuk dan berada pada list.

show databases;
menampilkan database cmd
thumbnail

Cara Menginstal Xampp

     


Halo Semuanya Selamat Datang di ZakaTechTutor


Di post ini saya akan memberitahu cara menginstall dan mendownload Xampp

Apa itu Xampp?

Fungsi dari Xampp adalah sebagai server yang berdiri sendiri atau sering juga disebut localhost. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Aplikasi Xampp sendiri bersifat open source tersedia dalam GNU General Public License dan bebas. Xampp merupakan web server yang paling banyak digunakan dan mudah untuk di oprasikan.

Xampp terdiri atas program banyak program dan sangat memudahkan kita. Fitur-fitur dari Xampp antara lain.

  • MySQL
  • PHP
  • phpMyAdmin
  • FileZilla FTP Server
  • Tomcat
  • XAMPP Control Panel

Xampp banyak digunakan oleh web developer pemula maupun developer yang sudah mahir sekalipun, tetapi tergantung project apa yang sedang mereka kerjakan.

Cara Instal XAMPP Di Windows

1. Download aplikasi XAMPP terlebih dahulu pastinya, kamu bisa download aplikasi Xamppnya disini. Saat mendownload pilih lah Xampp sesuai dengan versi PHP yang akan kamu gunakan.

download xampp

2. Setelah aplikasi sudah kamu download, kamu bisa langsung jalankan installernya. Terkadang pada proses awal muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK.

cara install xampp di windows

3. Berikutnya akan muncul jendela selamat datang kamu bisa langsung klik tombol Next.

cara install xampp bagian 1

4. Selanjutnya kamu akan diminta untuk memilih aplikasi yang mau diinstall. Centang saja semua pilihan dan klik tombol Next.

cara install xampp bagian 2

5. Kemudian kamu akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan disimpan ke folder c:\xampp. Namun jika kamu ingin menyimpannya di folder lain bisa klik browse dan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Next. (Note* jika kamu sudah pernah menginstall Xampp sebelumnya akan muncul pesan error seperti ini, jadi kamu harus mengosongkan folder xamppnya terlebih dahulu).

cara install xampp bagian 3.1
cara install xampp di windows 3

6. Pada tahap selanjutnya kamu bisa langsung Next saja.

cara install xampp di windows 4
cara install xampp di windows 5

7. Setelah itu muncul jendela proses install. Proses install memakan waktu beberapa menit.

cara install xampp

8. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.

install xampp

9. Berikutnya, akan muncul jendela bahasa kamu bisa pilih bendera amerika saja.

cara install xampp di windows 8

Cara Menjalankan Aplikasi XAMPP

1. Setelah proses install selesai, bukalah aplikasi XAMPP. kamu klik saja iconnya

cara menjalankan xampp di windows 1

2. Setelah Xamppnya terbuka, selanjutnya klik tombol Start pada kolom Action, saat  tombol start berubah menjadi Stop dan muncul angka pada port artinya itulah aplikasi yang dijalankan. Biasanya jika menjalankan wordpress menggunakan XAMPP, yang harus dijalankan adalah aplikasi Apache dan MySQL.

cara menjalankan xampp di windows 2

3. Sekarang buka browser biasa kamu gunakan, dan buka http://localhost/ di browser kamu. Jika muncul tampilan seperti gambar di bawah ini, selamat maka instalasi telah berhasil.

cara menjalankan xampp di windows 3

Untuk lebih jelas lagi cara menginstall xampp silahkan lihat video tutorial yang sudah saya buat
    
thumbnail

Macam - macam Sistem Operasi

 

Sistem Operasi

Halo Semuanya Selamat Datang di ZakaTechTutor

di post kali ini saya akan menjelaskan tantang Sistem Operasi dan macam-macamnya

Sistem Operasi adalah Perangkat lunak yang paling penting untuk menjalankan komputer.Sistem Operasi bertugas mengelola seluruh perangkat lunak dan perangkat keras komputer. Tanpa sistem operasi, maka komputer tidak akan berguna

Macam - Macam Sistem Operasi

1. Android


Android merupakan OS dengan basis linux yang didesain secara khusus untuk diterapkan di dalam perangkat mobile seperti smartphone maupun komputer tablet

OS Android pada awalnya dikembangkan oleh Android,Inc dengan support dana dari Google. Hingga pada akhirnya Google membeli OS ini pada tahun 2005. Lalu OS ini mulai dirilis di tahun 2007

Kelebihan dari Andoid

  • Sifatnya Open Source
  • Multitasking
  • Didukung dengan aplikasi yang tersedia dari Google Play Store
  • Mendukung Penggunaan USB Mass Storage

Kekurangan dari Android

  • Rawan diserang oleh Malware
  • Pemakaian baterai yang boros

2. Microsoft Windows



Windows merupakan jenis OS terbesar didunia yang saat ini banyak diadopsi untuk membantu mengakomodir kebutuhan sehari - hari. Sekarang ini Windows menjadi OS terbaik mengalahkan Linux dan Operating System lainnya saat ini.

OS Windows sejatinya adalah hasil dari revolusi MS DOS yang beberapa tahun sebelumnya masih menggunakan basis tulisan tanpa gambar

Kelebihan dari Windows

  • Lebih mudah untuk proses instalasi
  • User Friendly
  • Aplikasi OS Windows yang melimpah

Kekurangan dari Windows

  • Tidak open source
  • Mudah untuk diretas karena sistem keamanannya masih lemah
  • Rentan terkena Serangan Virus
  • Berbayar serta harga yang lumayan mahal

3. Linux


Linux juga sering digunakan oleh pengguna komputer, walau jumlahya tidak sebanyak Windows OS. Linux memungkinkan penggunanya untuk melakukan modifikasi untuk meningkatkan kinerja sistemnya

Kelebihan dari Linux

  • Open Source
  • Gratis, tidam terdapat biaya lisensi
  • Bisa dimodifikasi sesuai kebutuhan
  • Perkembangan yang cepat

Kekurangan dari Linux

  • Instalasi yang sulit
  • Tidak dianjurkan untuk pengguna baru atau awam
  • Aplikasi Linux terbatas


4. MacOS

MacOS sering juga disebut Macintosh. Sistem Operasi ini hanya disediakan untuk komputer Apple. Pengguna MacOS jauh lebih sedikit dibanding pengguna Windows dan Linux.

MacOS yang diluncurkan pada tahun 1984 pertama kali digunakan untuk komputer bernama LISA. LISA tak lain adalah komputer racikan dari Steave Jobs setelah ia menempuh perjalanan spiritual ke India

Kelebihan dari MacOS

  • Lebih stabil
  • Aman dari virus
  • Tampilan antarmuka cocok untuk kebutuhan multimedia
  • Memiliki keamanan tinggi dan tidak mudah diretas

Kekurangan dari MacOS

  • Harganya relatif mahal
  • Kurang optimal untuk bermain game (Gaming)
  • Tidak open source


5. MS DOS (Disk Operating System)


DOS dapat disebut sebagai nenek moyang dari sistem operasi yang dikeluarkan oleh Microsoft sekarang ini.Seperti pada perangkat komputer versi pendahulunya, tampilan dari DOS masih berupa hitam putih serta tulisan dan tidak terdapat gambar yang ditayangkan

Kelebihan dari MS DOS

  • Ringan serta tidak banyak menghabiskan memori
  • Mempunyai kompatibilitas tinggi 

Kekurangan dari MS DOS

  • Tidak ada grafis sama sekali
  • Belum terdapat Interface

thumbnail

Dasar Yang Perlu Dikatahui di HTML



    

Halo Semuanya Selamat Datang di ZakaTechTutor

di post kali ini saya akan memberi tahu  kalian dasar dasar yang perlu ketahui di html
    

Apa itu HTML?

Hypertext Markup Language adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets dan bahasa skrip lainnya seperti JavaScript, VBScript, dan PHP.

Pertama tama yang kalian perlukan sebelum kalian mengkoding di html ialah sebuah text editor agar kalian bisa menulis dan mengcompile kode kalian di browser
di era sekarang sudah banyak sekali text editor yang tersedia secara gratis  
beberapa text edtiro yang sering digunaka ialah

  •     Visual Studio Code
  •     Notepad++
  •     Sublime text
  •      Atom 

Nah Setelah kalian memilih text editro yang kalian sukai kalian sudah bisa mulai mengkoding HTML,
tapi sebelum itu kalian harus mengatahui dasar dasar dari html itu sendiri

Siapakan Kode Struktur HTML

Setelah menyiapkan tools diatas, maka mari kita mulai untuk membuat file HTML pertama kamu. Caranya gampang banget loh! Pertama, buka aplikasi text editor yang tadi sudah disiapkan. Kemudian ketik kode seperti contoh di bawah ini.

Jika sudah, simpan file tersebut dengan nama apapun yang anda mau tapi dibelakang file harus ada  .html.

Contoh : belajar.html , pertama.html

Untuk melihat hasilnya, klik dua kali pada file yang sudah kamu buat tadi. Jika muncul pilihan aplikasi, pilihlah browser untuk membukanya. Maka di browser akan tampak “Halo Dunia!”. 

Struktur Dasar HTML


Sumber: Unsplash

Coba perhatikan lagi kode yang sudah kamu ketik di text editor tadi. Di dalamnya terdapat tiga tag penting, yaitu <html>, <head>, dan <body>. Ketiga tag inilah yang menjadi struktur utama atau struktur dasar penyusun HTML. 

Deklarasi

Bagian yang pertama adalah deklarasi. Fungsinya untuk menyatakan jenis dokumen beserta dengan tipenya. Contoh di atas menggunakan deklarasi <!DOCTYPE html> yang menandakan bahwa HTML yang digunakan adalah versi 5.

Di bawah tag tersebut ada <html lang=”en”>. Tag <html> wajib ada dalam setiap dokumen HTML. Tanpa tag tersebut, file HTML tidak bisa di compile dan output nya tidak akan tampil di browser. Sementara atribut lang=”en” menyatakan bahwa dokumen yang kamu buat berbahasa Inggris.

Tag <html> ditutup dengan </html>. Namun sebelum itu masih ada dua tag penting yang akan dibahas di bawah ini.

Head

Head adalah kepada dari file HTML. Pembentukan bagian head dimulai ketika kamu mengetik <head> dan diakhiri dengan tag </head>. Bagian head ini dipakai untuk menulis tag yang akan dibaca oleh mesin. Contoh tag tersebut antara lain:

  1. Tag <title> untuk memberikan judul pada file HTML.
  2. Tag meta untuk keperluan SEO.
  3. Tempat untuk menuliskan kode JavaScript serta CSS, dan masih banyak lagi fungsinya.

Body

Di bawah head terdapat struktur body yang menjadi inti dari dokumen HTML. Semua konten yang kamu lihat di layar browser berasal dari bagian ini. Tak heran kalau biasanya bagian body ini lebih banyak dibandingkan bagian lainnya.

Penulisan bagian body dimulai dengan tag <body> dan di bagian akhir ditutup dengan </body>. Umumnya, setelah tag </body>, file HTML akan berakhir dan ditutup dengan </html>.

Apa itu Tag, Elemen, dan Atribut?

Materi berikutnya yang perlu kamu pahami dalam belajar HTML adalah tag, elemen, serta atribut.

Tag

pengertian tag dalam HTML
Sumber: Medium

Tag merupakan penanda untuk awalan dan akhiran dari elemen HTML. Tag dibuat menggunakan kurung siku <>. Di dalam kurung tersebut berisi nama tag. Beberapa tag juga memiliki atribut. Contoh tag yang sering dipakai antara lain <head>, <body>, <p>, dan masih banyak lagi.

Setiap tag memiliki penutup yang dibuat menggunakan kurung siku dan garis miring. Contohnya </head>, </body>, dan <p>. Fungsinya adalah untuk mengakhiri elemen.

Elemen



Sumber: GeeksforGeeks

Pada HTML, elemen merupakan komponen penyusun. Elemen tersusun atas tag pembuka, isi dan penutup. Dalam beberapa kasus juga sering ditambahkan atribut. Contoh elemen bisa kamu lihat di bawah ini.

<p align=”center”>Halo Dunia!<p>

Contoh di atas adalah satu elemen <p> yang memiliki atribut align=”center”. Sementara isinya berupa teks, yaitu Halo Dunia!

Atribut



Atribut dalam HTML
Sumber: SlidePlayer

Atribut merupakan kata khusus yang ditempatkan di dalam tag pembuka. Istilah lain untuk menyebut atribut adalah modifier karena fungsi mengubah perilaku elemen. 

Pada contoh di atas, atribut yang digunakan adalah align=”center”. Fungsinya yaitu mengubah agar tulisan Halo Dunia! ada di bagian tengah layar.

Nah tadi adalah dasar dasar yang kalian perlu kalin ketahui terlebih dahulu sebelum mulai mengkoding HTML 

Tentu saja masih banyak lagi yang perlu kalian ketahui untuk membuat sebuah web yang profesional 

Sekian.

Wednesday, November 23, 2022

thumbnail

Cara Install Visual Studio Code


Halo Semuanya Selamat Datang di ZakaTechTutor

Pada Post Kali ini adalah merupakan Tutorial Menginstall Dan Mengguanakan VSC 

di OS Windows,MacOS, ataupun Linux.

 

Visual Studio Code

Adalah sebuah Code Editor Open Source yang dibuat oleh microsoft pada tahun 
2015, Jadi kalian dapat menggunakan VSC secara Gratis, Visual Studio Code Sangat kompatibel dengan banyak Bahasa Pemogramaan  
 
Bahkan, Visual Code Studio juga kompatibel dengan bahasa dan runtime environment lain, seperti PHP, bahasa Python, Java, dan .NET. Hal ini berkat ekosistemnya yang luas dan ketersediaan extension yang melimpah.  
 
Maka tidak heran, jika Visual Code adalah code editor terpopuler saat ini. Hal ini terbukti dari Survey StackOverflow, di mana software yang satu ini menduduki peringkat teratas dengan persentase pengguna 71.06%. 

 

Fitur Fiturnya

  • Basic Editing
  • IntellinSense 
  • Debugging 
  • Extension Marketplace 
  • Git Integration 

Cara Install 

Hal Pertama yang ingin kalian lakukan adalah Mengunjungi Alamat Website 
https://code.visualstudio.com/
          
Selanjutnya yang harus anda lakukan adalah memilih OS sesuai Jenis Komputer/Laptop Anda 
Contoh: Windows,Mac,Linux 

Lalu Download Installer nya dan Tunggu Sampai Proses Instalasi Selesai

Bukalah VSC maka tampilannya akan sebagai Berikut :


 Lalu Untuk Pengunaannya Sebagai Berikut

Pertama Anda Perlu memilih tempat untuk menaruh file anda  Selanjutnya anda harus membuat file yang berextensi sepreti .html .js .css setelah anda membuat file maka anda sudah bisa mengedit file code nya di VSC.


Terima Kasih 

 
 Image Source