Laporan 1 Praktikum Web Server Side

Nama&Nim : Bayu Kuncara Jati (165410189)

Membuat Tutorial menggunakan Visual studio code

2. Langkah selanjutnya jalankan visual stduio code setelah terinstal dan instal beberapa tamplate extention yang dibutuhkan seperti “HTML Boilerplate” dan “Format HTML in PHP” seperti gambar berikut :

perhatikan lingkaran merah dan tanda panah, lngkaran merah adalah kumpulan extentions yang bisa digunakan guna membantu programer melakukan coding.

3. Langkah berikutnya adalah menginstal server local. Untuk menjalankan program web yang kita buat, kita membutuhkan sebuah server lokal, karena Server lokal berfungsi untuk melakukan compaile pada program yang kita buat di visual studio code. Terdapat 3 rekomendasi server lokal yang bisa digunakan di antaranya adalah xampp, laragon, dan ampps. Namun kali ini saya akan menggunakan xampp, karena menurut saya xampp lebih mudah digunakan dan saya sudah menginstalnya. Tampilan Xampp seperti berikut :

Untuk menjalankan xampp cukup tekan tombol start pada Apache dan Mysql yang diberi tanda panah merah diatas.

4. Kemudian setelah Visual studio code dan Xampp berhasil dijalankan barulah kita mengetikan program pada Visual studio code. Menggunakan bahasa pemrogrman php dan menggunakan platfrom HTML. pertama buatlah File beru dengan format file (.php) terlebih dahulu dengan cara klik file → new file. Atau bisa dengan cara tekan CTRL+N.

maka akan muncul file kosong baru seperti berikut :

Namun file diatas masih belum terdefinisi sebagai file (.php), cara agar file tersebut menjadi file php adalah klik file → save → kemudian lekatakan file di dalam direktori htdoc yang terdapat pada folder XAMPP. seperti berikut :

Jangan lupa merubah format file menjadi (.php). maka hasilnya adalah sebagai berikut

5. Langkah selanjutnya adalah menuliskan program sederhana menggunakan Extention yang sudah kita instal tadi. Sebagai berikut :

Cukup Ketik html maka extentions yang sudah kita instal sebelumnya akan langsung merekomdasikan penggunaan html5-boilerplate. klik maka hasilnya langsung mucul seperti berikut :

Isi title dan body sesuai keinginan mu kemudian tekan CTLR+S untuk menyimpan pekerjaan mu.

6. Jika file sudah siap untuk di jalankan, buka web browser kemudian ketikan localhots/namafile.php/ contohnya sebagai berikut :

Selesai, Selamat Mencoba :D

Nama & Nim : Bayu Kuncara Jati (165410189

Tugas : Membuat web berisikan Biodata menggunakan tag <p> dan<br>

Hasil :

Related posts:

Hi and to this message reaching the grand spirits! I, AM, contacting the, today in regards to my recent appeal, filed on the decision not to approve my claim. I, have been working since 15 years old…

This weird time before we have results is formless. This is the time for looking into what you want to create. How are we going to move forward? As a country? As a people? As inhabitants of this one…

You know how poetry just comes to you? No! I didn’t wake up to write about love, No! I don’t want to write about men nor the one who broke my heart, No! I don’t want to talk about the complicated…