Web

Programmin
g
Ayu Sandra Dewi
01
XAMPP
 XAMPP
Xampp  software berbasis web server bersifat open source,
dapat dioperasikan menggunakan windows, linux, dan Mac
Os.

Xampp  menyimpan file website dalam localhost agar bisa

dipanggil web browser.

Xampp bekerja secara offline seperti web hosting tapi tidak

bisa diakses oleh banyak orang.
 Cross Platform
X Dapat dijalankan menggunakan berbagai system XAMPP
operasi (windows, linux, dll)

Apache
A Web server gratis dan bisa dikembangkan
banyak orang (open source)

MySQL/MariaDB
M Aplikasi database
membuat, membaca, edit,
hapus (CRUD)
PHP
P bahasa pemrograman PHP 
back end. Lebih mudah
digunakan
Perl
P Bahasa pemrograman Perl  lebih
rumit, satu operasi satu aksi
 Fungsi XAMPP

Konfigurasi phpMy

01 02
Menjalankan Laravel
Admin
Mengatur database pada Laravel  framework milik PHP.
phpMyAdmin sehingga Mempermudah programmer untuk
dapat melakukan CRUD mengembangkan tampilan website.

03
Menginstall WordPress secara Offline
Dapat digunakan secara offline,
mempermudah pengerjaan front end dan
back end
 Komponen XAMPP

Control Panel
Pengelola XAMPP
HTDocs  database, upload
file, konfigurasi
Penyimpan file dan
proyek website PhpMyAdmin
dokumen yang akan
ditampilkan pada Pengatur proses
bowser dalam konfigurasi pada
bentuk website MySQL
 02
Sublime
text
 Your logo

Sublime text
Aplikasi editor untuk kode dan teks yang dapat berjalan
di berbagai platform operating system.
Mendukung berbagai bahasa pemrograman dan mampu
menyajikan fitur syntax highlight seperti : C, C++, CSS,
D, Dylan, HTML, PHP, Javascript, SQL, XML, Matlab,
dll.
 Fitur

01 02
Goto Anything Multiple
Membuka file/menjelajahi Selections
User mampu mengubah secara
isi dari file dengan interaktif banyak baris sekaligus,
menuliskan keystrokes mengubah nama variabel dengan
mudah dan memanipulasi file lebih
cepat

03 04
Command Pallete Distraction Free Mode
Mencari fungsi dengan Memberikan tampilan
cepat menggunakan layar penuh
keystorkes
 Fitur

05 06
Split Editting Instant Project Switch
Dapat mengedit dengan Mampu menjelajahi semua file yang
banyak baris dan kolom ada atau beralih ke file dalam project
yang user inginkan lain dengan cepat.

07 08
Plugin API Customize Anything
Dapat memodifikasi fungsi Pengaturan
yang ada atau menambah fungsional aplikasi
fungsi yang baru fleksibel

09
Cross Platform
Mampu berjalan di hamper
semua operating system
03
HTML
HTML ( Hyper Text Markup
Language) .
Bahasa pemrograman terstruktur yang
dikembangkan untuk membuat laman
website yang dapat diakses
menggunakan web—Adam
browser.
Saputra
HTML dianggap sebagai tulang
(struktur) dari sebuah halaman web,
dan CSS sebagai kulit (tampilan)
 Fungsi HTML

01 02
Fungsi utama Menandai teks pada suatu
Membuat halaman web yang laman
HTML ditulis pada suatu halaman
bisa dibaca dan dipahami dokumen dengan tag/symbol tertentu
dengan mudah

03 04
Dasar website Menampilkan tabel,
Sebagai bahasa dasar pada gambar, video, dll
website

05
Menandai elemen
dan membuat
online form
Contoh
04
CSS
CSS (Cascading Style Sheets) 
mendesain halam depan/tampilan
website (front end).

Menyederhanakan proses pembuatan

website dengan mengatur elemen
yang tertulis di bahsa markup.
 Fungsi CSS
Mempercepat proses
desain  fungsi yang
Proses pemeliharaan
dibuat bisa dipanggil
berkali-kali mudah

1 2 3 4

Halaman lebih cepat Style lebih beragam

dimuat dibanding HTML
 Fungsi CSS
Kompatible dengan
berbagai macam
perangkat

5 6

Standar pengembangan
website
Cara kerja CSS  membuat style di
dalam halaman web dapat
berinteraksi dengan elemen HTML.
Contoh
 05
Javascript
JavaScript

Bahasa pemrograman yang digunakan

untuk membuat situs dengan konten
website yang dinamis (dapat
bergerak/berubah sendiri).

JavaScript  menambah elemen

interaktif
 Fungsi JavaScript
Membuat website lebih
menarik
Mengembangkan game
berbasis web browser

1 2 3 4

Menciptakan aplikasi Menjalankan web server

mobile
Contoh
 06
PHP
MyAdmin
PHP MyAdmin

Aplikasi website open source yang

ditulis dengan bahsa pemrograman PHP,
HTML, CSS, JavaScript untuk
pengolahan database MySQL dalam
bentuk tampilan website.
 Fungsi

Mmbuat Database Mengedit database Mengapus database

Membuat tabel Mengedit tabel Menghapus tabel Dll

Contoh
Tugas

1. Instal software xampp

2. Buka software phpMyAdmin
3. Buat akun di W3School
4. Buat kelompok 5 orang
 Thanks!

CREDITS: This presentation template was created by Slidesgo,

including icons by Flaticon, infographics & images by Freepik and
illustrations by Stories