Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
BUKU AJAR PEMROGRAMAN WEB DAN PERANGKAT BERGERAK DENGAN APP INVENTOR
1. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 1
BAB I - KONSEP TEKNOLOGI PEMROGRAMAN WEB
Tujuan Pembelajaran:
Setelah mempelajari bab ini siswa diharapkan dapat mampu
1. Memahami tentang perkembangan teknologi informasi dan internet
2. Menjelaskan tentang HTML dan CSS
3. Mengetahui tentang Web Browser
4. Mengetahui dan Menggunakan Aplikasi Text Editor IDE
A. Pendahuluan
Perkembangan teknologi informasi dan internet sangat cepat sekali dan
berkembang pesat. Perkembangan ini turut mempengaruhi perkembangan bahasa
pemrograman, dimana pemrograman yang semula berbasis desktop, kemudian beralih
ke pemrograman web dan perangkat bergerak.
Seseorang yang ingin belajar bahasa pemrograman web dan harus terlebih
dahulu menguasai HTML. HTML adalah singkatan dari Hypertext Markup Languange.
Format umum yang digunakan dalam pemrograman web. Pemrograman web dan
perangkat bergerak juga tidak terlepas dari kata-kata www (world wide web) yaitu
sebuah istilah yang diberikan untuk seluruh bagian internet yang dapat di akses melalui
web browser. WWW adalah kumpulan dokumen multimedia yang saling bertautan
dengan menggunakan tautan hyperteks.
B. HTML
HTML ada singkatan dari Hypertext Markup Languange. Disebut Hypertext karena
didalam HTML sebuah text dapat berfungsi lain, kita dapat membuatnya menjadi
menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan
mengklik text tersebut. Walapun pada implementasinya nanti tidak hanya text yang
dapat dijadikan link. Disebut Markup Language karena bahasa HTML menggunakan
tanda (mark) untuk menandai bagian-bagian text.
HTML merupakan bahasa dasar pembuatan web. Disebut dasar karena dalam
membuat web, jika hanya menggunakan HTML tampilan web kelihatan sederhana,
perlu didukung bahasa pemrograman yang mendukung untuk memanipulasi kode
2. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 2
HTML seperti JavaScrip dan PHP, tetapi sebelum anda belajar JavaScript dan PHP
memahami HTML merupakan hala yang sangat mendasar.
C. Web Browser
Untuk dapat mempelajari HTML sangat dibutuhkan web browser. Terdapat
beberapa web browser yang cukup banyak digunakan seperti mozila firefox, internet
explorer, google chrome, operasi, safari dll. Anda bebas menggunakan web browser
yang yang ada sukai. Web Browser adalah suatu program yang digunakan untuk
menjelajahi internet atau untuk mencari informasi dari suatu web yang tersimpan
didalam komputer. Untuk menggunakan web browser pengguna dapat mengaksesnya
dengan sangat mudah. User atau pengguna hanya perlu membuka aplikasi kemudian
mengetikkan alamat atau situs yang dituju, biasanya dengan menggunakan format
WWW (world wide web) atau mengetikkan URL (Uniform Source Locator) pada address
bar dilaman web browser.
D. Aplikasi Text Editor IDE
Setelah kita memiliki web browser untuk membuat kode HTML dibutuhkan
aplikasi text editor yang sering disebut dengan IDE (Integrated Development
Environment). Sama seperti web browser, aplikasi text editor juga cukup banyak seperti
Notepad++, Komodo Edit, Dreamweaver, Sublime text dan Visual code. Dukungan tools
untuk pemrograman web dan perangkat bergerak sangat kuat. Seperti yang sudah
dijelaskan sebelumnya kita dapat menggunakan aplikasi text editor IDE seperti
Notepad++, Komodo Edit, Dreamweaver, Sublime text dan Visual code. Untuk materi
pemrograman web di bahan ajar ini kita akan menggunakan Sublime text yang
mempunya cukup banyak fitur dan populer serta banyak digunakan oleh para
programmer di industri digital dan kalangan web developer professional. Sublime Text
adalah sebuah teks editor yang sangat canggih untuk coding, markup dan lain-lain.
Anda akan menyukai antarmuka pengguna yang sangat sederhana. Sublime text
mendukung sejumlah bahasa pemrograman diantaranya C, C++, C#, PHP, CSS, HTML,
ASP dan banyak lagi.
3. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 3
RANGKUMAN
1. Perkembangan teknologi informasi dan internet sangat cepat sekali dan
berkembang pesat. Perkembangan ini turut mempengaruhi perkembangan
bahasa pemrograman, dimana pemrograman yang semula berbasis desktop,
kemudian beralih ke pemrograman web dan perangkat bergerak
2. HTML merupakan bahasa dasar pembuatan web. HTML ada singkatan dari
Hypertext Markup Languange. Disebut Hypertext karena didalam HTML sebuah
text dapat berfungsi lain, kita dapat membuatnya menjadi menjadi link yang
dapat berpindah dari satu halaman ke halaman lainnya hanya dengan mengklik
text tersebut
3. Untuk dapat mengakses web dan html diperlukan aplikasi web browser.
Terdapat beberapa web browser yang cukup banyak digunakan seperti mozila
firefox, internet explorer, google chrome, operasi, safari dll. Anda bebas
menggunakan web browser yang yang ada sukai
4. Web Browser adalah suatu program yang digunakan untuk menjelajahi internet
atau untuk mencari informasi dari suatu web yang tersimpan didalam komputer.
5. Setelah kita memiliki web browser untuk membuat kode HTML dibutuhkan
aplikasi text editor yang sering disebut dengan IDE (Integrated Development
Environment). Sama seperti web browser, aplikasi text editor juga cukup banyak
seperti Notepad++, Komodo Edit, Dreamweaver, Sublime text dan Visual code.