T.M Ke 1 Pemrograman Web - Smtr 4.pptx ss

T.M Ke 1 Pemrograman Web - Smtr 4.pptx ss

1. PEMROGRAMAN WEB Khairul Fikri , S.Kom ., M.Kom

2. Profil Khairul Fikri

3. Kontrak Perkuliahan Nama Mata Kuliah : Pemrograman Web Kode Mata Kuliah : 2407025004 Prodi : Informatika Jumlah SKS : 3 SKS Durasi Perkuliahan : 3 x 50 menit Jadwal Perkuliahan : Senin , 11:40 – 14:10 WITA Ruang Perkuliahan : ABD 3.8 Dosen Pengampu : Khairul Fikri , S.Kom ., M.Kom Moh Rifai , S.Kom ., M.Kom

4. Kontrak Perkuliahan Total Pertemuan : 16 x pertemuan Bentuk Pertemuan : 14 x pertemuan tatap muka 1 x UTS 1 x UAS Pertemuan ke 1 - 8 bersama Bapak Khairul Fikri Pertemuan ke 9 – 16 bersama Bapak Moh Rifai Sistem Penilaian : Kehadiran : 10 % Tugas Individu : 20 % UTS : 35 % UAS : 35 %

5. MATERI WEB

6. Pengertian Web Website atau disingkat dengan Web merupakan kumpulan halaman yang saling terkait dan dapat diakses melalui internet. Setiap halaman web berisikan teks , gambar , video dan elemen interaktif lainnya . ( Haryodi , 2024) Website dapat diartikan sebagai kumpulan halaman yang berisi informasi data digital, baik berupa teks , gambar , animasi , suara dan video, atau gabungan dari semuanya yang disediakan melalui jalur koneksi internet sehingga dapat diakses oleh semua orang di seluruh dunia . ( Abdulloh , 2023) Website dibuat menggunakan Bahasa standar yaitu HTML. Skrip HTML ini akan diterjemahkan oleh web browser sehingga dapat ditampilkan dalam bentuk informasi yang dapat dibaca oleh semua orang . ( Abdulloh , 2023)

7. Jenis-Jenis Web Web dibagi menjadi 3 jenis yaitu : A. Web Statis Suatu web yang isinya tidak diperbaharui secara berkala sehingga isinya akan tetap dari waktu ke waktu . Web ini biasanya dibuat dengan skrip sederhana yaitu HTML dengan tampilan nya menggunakan CSS & Javascript . B. Web Dinamis Web dinamis merupakan kebalikan dari web Statis . Sehingga webdinamis berisikan konten yang dapat berubah-ubah dan disesuaikan waktu ke waktu sesuai permintaan pemilik atau pengguna web. Pada umumnya web ini menggunakan Bahasa pemrograman PHP, Phython , Ruby serta memiliki database seperti MySQL.

8. Jenis-Jenis Web C. Web Interaktif Web interaktif adalah jenis situs web yang memungkinkan pengguna berinteraksi secara langsung dengan konten atau fitur yang disediakan . Situs web ini sering melibatkan pengguna untuk mengisi form / formulir , mengirim pesan , mengunduh file dan sejenisnya . Karena web ini selalu berinteraksi dengan pengguna , menyebabkan isi dari web ini selalu berubah-ubah dari waktu ke waktu akibat dari pengguna web itu sendiri .

9. Pengertian Pemrograman Web Pemrograman Berartikan proses atau cara pembuatan perangkat lunak menggunakan Bahasa Pemrograman . Bahasa pemrograman merupakan Bahasa yang digunakan untuk memberikan instruksi kepada kompuer sehingga komputer dapat memproses data dan menampilkan informasi sesuai yang dikehendaki oleh si pembuat perangkat lunak .

10. Bahasa Pemrograman Web Bahasa pemrograman web terdiri dari 5 Bahasa utama yang biasa digunakan untuk membangun sebuah web.

11. Bahasa P emrograman Web HTML Berperan sebagai pembentuk struktur halama website yang menempatkan setiap elemen web sesuai layout yang diinginkan . Dalam mengatur atau membuat sebuah elemen web, digunakan sebuah tanda (tag) HTML. Contoh : Jika ingin menampilkan suatu table di halaman web, maka gunakan tag : <table> < tr > <td> isi 1</td> <td> isi 2</td> </ tr > <table> Isi 1 Isi 2

12. Bahasa pemrograman Web CSS Berperan sebagai pembentuk desain web dengan mengatur setiap elemen HTML agar tampil menarik pada aplikasi web browser atau sejenisnya . Cascading Style Sheet disingkat dengan CSS digunakan untuk menentukan warna elemen pada web, letak elemen , ukuran font teks , latar belakang web, gambar , video dan lainnya .. Hal ini sama seperti mengatur style pada aplikasi Microsoft Word yaitu heading, subbab , bodytext , footer, images, font size dan lainnya .

13. Bahasa pemrograman Web PHP Berperan sebagai pemroses data pada sisi server sesuai yang diminta oleh client menjadi informasi yang siap ditampilkan . Selain itu , Bahasa PHP juga sebagai penghubung web dengan databasenya . Bahasa sejenis ini yaitu ASP, Java dan Python. Bahasa PHP digunakan untuk membuat web Dinamis dan juga menggunakan Bahasa HTML secara bersamaan . PHP (Hypertext Preprocessor) adalah bahasa pemrograman open-source yang umumnya digunakan untuk membangun aplikasi web dinamis dan interaktif

14. Bahasa pemrograman Web SQL Berperan sebagai Bahasa yang mengatur transaksi data Antara perangkat lunak dengan database sebagai tempat penyimpanan data. Jenis database yang sering digunakan yaitu MariaDB , MySQL, Oracle, SQL Server dan sebagainya .

15. Bahasa pemrograman Web Javascript Berperan sebagai Bahasa yang memproses data pada sisi client serta dapat memanipulasi HTML dan CSS secara dinamis . Contoh , merubah warna tabel ketika mengklik sebuah tombol di halaman web tersebut . Menggunakan Javascript , kita bisa mengubah isi halaman , berinteraksi dengan elemen HTML, melakukan validasi form, membuat animasi dan masih banyak lagi .

16. Istilah Dalam Pemrograman Web Server, merupakan komputer khusus dengan kecepatan dan kapasitas khusus untuk mengimpan data serta file-file web. Client, merupakan perangkat komputer biasa seperti komputer , laptop, handphone dan sejenisnya yang dapat mengakses halaman web. IP address, merupakan deret angka yang mewakili alamat dari server web. Domain, merupakan nama unik yang mewakili IP address sehingga mudah diingat ketika ingin mengakses halaman web. Hosting, merupakan tempat menyimpan file-file website di suatu server. Uniform Resources Locator (URL) merupakan nama unik yang mengidentifikasi letak sumber daya website berupa file HTML, gambar , video dan lainnya .

17. MATERI Aplikasi Pembuat Web

18. Aplikasi Pembuat Web Aplikasi pembuat web merupakan perangkat lunak yang digunakan dalam proses pembuatan web. Text Editor Merupakan aplikasi yang digunakan untuk membuat dan mengedit taq HTML, kode CSS, Javscript dan kode Bahasa pemrograman lainnya . Contoh : Sublime Text, Visual Studio Code, Atom dan Notepad.

19. Aplikasi Pembuat Web Web Browser Merupakan aplikasi yang digunakan untuk menampilkan dan mengakses situs web. Browser atau peramban memungkinkan pengembang web ( kita ) untuk melihat tampilan hasil kode HTML secara lansung . Contoh : Google Crhome , Mozilla Firefox dan Safari.

20. Aplikasi Pembuat Web HTML Editor Merupakan aplikasi khusus yang dirancang untuk membantu dalam penulisan dan pengeditan kode HTML. Aplikasi ini memudahkan kita untuk membuat web tanpa harus hapal taq HTML. Contoh : Adobe Dreamweaver, Brackets dan Bluefish.

21. Aplikasi Pembuat Web Integrated Development Environment (IDE) Merupakan aplikasi yang menyediakan lingkungan yang terintegrasi untuk pengembangan web. IDE biasaynya mencangkup fitur-fitur seperti teks editor, alat pengujian , pengelollan proyek dan debugger. Contoh : Visual Studio, Jet-Brains Webstrom dan Eclipse.

22. Aplikasi Pembuat Web Version Control System (VCS) Merupakan aplikasi yang digunakan untuk melacak perubahan pada kode-kode dalam proyek pengembangan web. VCS memungkinkan kita untuk berkerja secara kolaboratif , melacak perubahan kode dan mengelola versi yang berbeda dari proyek . Contoh : Git dengan yang terpopuler website GitHub .

23. TERIMAKASIH DISKUSI