MATERI PWPB KELAS X
MATERI PWPB KELAS X
APA ITU PEMOGRAMAN????
Pemrograman adalah suatu cara dalam membuat satu atau menghubungkan lebih dari satu algoritma dengan menggunakan suatu bahasa pemrograman tertentu sehingga menjadi suatu program komputer. Ada banyak bahasa pemrograman yang dapat digunakan seperti bahasa C, C++, Java, Phyton, dan lain-lain. Setiap bahasa memiliki gaya yang berbeda-beda dalam penggunaannya sehingga memiliki gaya pemrograman yang berbeda pula. Gaya pemrograman ini biasa disebut dengan paradigma pemrograman. Orang yang pandai atau yang menggunakan bahasa pemrograman sering disebut seorang Pemrogram atau Programmer.
.png)
SEJARAH BAHASA PEMOGRAMAN
Terciptanya bahasa pemrograman beriringan dengan sejarah ditemukannya mesin dan komputer. Dilansir dari laman Dicoding, cikal bakal bahasa pemrograman pertama kali muncul pada tahun 1822, sebuah mesin bernama Difference Engine diciptakan oleh Charles Babbage. Namun mesin buatan Babbage hanya bisa mengeluarkan satu jenis output. Barulah 10 tahun kemudian Charles Babbage mengembangkan mesin pengolah data itu hingga mencapai versi kedua tahun 1849. Perjuangan Babbage diteruskan oleh anaknya, Henry Prevost dengan membuat kopian dari perhitungan algoritma mesinnya dan mengirim ke berbagai institusi di dunia.
Di tahun 1854, George Boole menemukan sistem logika yang disebut logika Boole. Logika ini menyatakan hubungan lebih besar, lebih kecil, sama dengan dan tidak sama dengan. Pengembangan logika ini terus berkembang dari tahun ke tahun hingga seorang ilmuwan Jerman bernama Konrad Zuse membuat sebuah mesin kalkulator biner dengan nama Z-1 pada tahun 1935.
Ketika sedang mengembangkan Z-4, Zuse sadar bahwa bahasa pemrograman dengan bahasa mesin terlalu rumit. Bahasa mesin ini tergolong bahasa tingkat rendah, karena hanya kumpulan kode 0 dan 1 (ya dan tidak). Setelah melakukan penelitian selama setahun, pada tahun 1945 barulah tercipta bahasa pemrograman tingkat tinggi pertama didunia, yaitu Plankalkul (Plan Kalkulus). Dengan Plankalkul terbukti bisa meciptakan mesin catur komputer pertama didunia.
Short Code dicetuskan pada tahun 1949 sebagai bahasa pemrograman tingkat tinggi pertama yang diciptakan oleh John Mauchly. Namun programnya harus ditranslasikan ke dalam bahasa mesin setiap dijalankan sehingga membutuhkan waktu yang cukup lama. Alick Glennie mengembangkan bahasa pemrograman Autocode di awal tahun 1950-an. Bahasa ini menggunakan kompiler yang mengkonversi secara otomatis bahasanya ke bahasa mesin dan pertama kali digunakan pada tahun 1952 untuk komputer Mark 1 di Universitas Manchester.
John W. Backus mengembangkan sebuah bahasa alternatif yang lebih praktis dari bahasa Assembly untuk memprogram IBM 704 mainframe computer dengan nama Formula Translation atau yang kita kenal dengan FORTRAN. Kompiler FORTRAN berhasil diselesaikan pada April 1957. Selanjutnya ada FLOW-MATIC yang dibuat oleh Grace Hopper yang diresmikan pada tahun 1959 dan membawa pengaruh besar untuk pembuatan bahasa pemrograman COBOL (Common Business Oriented Language).
Perkembangan bahasa pemrograman semakin pesat dengan adanya bahasa C. Dennis Ritchie dan Brian Kernighan menciptakan C awalnya untuk mesin DEC PDP-11. Dengan adanya bahasa C banyak bahasa baru bermunculan seperti C++, Java, dan akan terus berevolusi menjadi semakin mudah digunakan seiring perkembangan zaman.
BELAJAR HTML DASAR
- APA ITU HTML ?
"HTML atau HyperTextMarkupLanguage Merupakan sebuah Bahasa Marka untuk membuat halaman web . Jadi, HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web. Penanda atau markup ini, nanti akan kita sebut dengan Tag. HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web. HTML itu seperti batu bata untuk membangun rumah. Batu bata ini dapat disusun, hingga menjadi fondasi dasar. Dalam membuat halaman web, HTML tidak sendirian. Ada bahasa lain lagi yang menjadi pelengkapnya, yakni CSS dan Javascript. CSS adalah bahasa khusus yang digunakan untuk memperindah tampilan web. Lalu Javascript bertugas untuk membuat halaman web menjadi hidup. Karena dengan Javascript, kita dapat menentukan fungsi-fungsi maupun efek yang akan diterapkan di website.
1.Teks Editor untuk Menulis HTML
Teks editor akan kita gunakan untuk menulis kode-kode HTML. Kamu bebas menggunakan teks editor apapun. Notepad boleh, Notepad++ juga bisa.
.png)
2.WEB BROWSER UNTUK MEMBUKA HTML
.png)
Saya sarankan gunakan web browser yang terbaru, karena kita juga akan menggunakan HTML versi yang terbaru. Firefox atau Google Chrome.
NAMA FILE UNTUK HTML
1. Extensi file HTML
.html, .xhtml (untuk XHTML), dan .htm saja. Jika tidak menggunakan ekstensi ini, maka ia tidak akan bisa dibaca oleh web browser.hello-world.txt'..png)
2. Nama Khusus untuk Homepage
Jika kamu ingin membuat halaman untuk homepage, maka sebaiknya gunakan nama index.html. Karena ia akan otomatis dibuka saat website dikunjungi. Contohnya, saat kamu membuka www.petanikode.com.. maka file HTML yang akan dibuka adalah index.html yang berada di server petanikode.
3. Hindari Beberapa Hal ini..
Penggunaan Spasi Nama file HTML biasanya akan tercantum pada URL, maka sebaiknya hindari menggunakan spasi pada nama file HTML, agar URL yang dibentuk lebih bagus.Spasi pada URL, biasanya akan otomatis diubah menjadi '%20'.
.png){kind=small}
Berikanlah nama file HTML dengan file yang biasa, hindari menggunakan huruf besar, campuran dari huruf besar dan kecil, dan juga menggunakan simbol.
Contoh:
HeLLoWORLD.htmlda*#$.html
Meskipun nama ini bisa valid, tapi kurang bagus untuk dibaca.. baik oleh manusia, maupun mesin. Baiklah, berikutnya kita akan pelajari tentang kode-kode HTML.
Struktur Dasar HTML
Berikut ini adalah kode HTML yang baru saja kita buat:
.png)
Penulisan kode HTML selalu dimulai dengan deklarasi DOCTYPE, lalau menuliskan tag <html> dan di dalamnya terdapat tag <head> dan <body>.
Kalau kita perhatikan.. struktur dasar kode HTML terdiri dari tiga bagian penting:
- Bagian Deklarasi
- Bagian HEAD
- Bagian BODY
1. Bagian Deklarasi
Coba perhatikan kode pada baris pertama: <!DOCTYPE html>.
Ini adalah tag deklarasi untuk menyatakan tipe dokumen dan versinya. Pada contoh di atas, kita menyatakan dokumen ini bertipe HTML dan versinya adalah HTML 5.
.png)
Tag <html> wajib ada di setiap dokumen HTML..
Pada tag ini, kita memberikan atribut lang="en" untuk menyatakan kalau konten dokumen HTML ini akan menggunakan bahasa inggris.
Nah di dalam tag <html> ini, terdapat dua tag penting lagi.. yakni: tag <head> dan tag <body>.
Setelah itu barulah terakhir tag HTML ditutup dengan </html>.
2. Bagian HEAD
Bagian HEAD adalah bagian kepala dari HTML. Dimulai dari tag <head> dan ditutup dengan </head>.
.png)
Pada bagian HEAD, biasanya digunakan untuk menuliskan tag-tag yang akan dibaca oleh mesin.
Seperti:
- Tag meta untuk SEO;
- Tag
<title>untuk judul; - Tempat menulis kode CSS dan Javascript;
- dan lain-lain.
3. Bagian BODY
Bagian BODY adalah bagian yang akan ditampilkan pada web browser. Penulisannya di mulai dari tag <body> dan ditutup dengan </body>.
.png)
Di sinilah nanti kita akan banyak menuliskan konten dengan berbagai macam tag. Saat ini kita baru mengisinya dengan tag <p>. Tag <p> adalah tag yang digunakan untuk membuat paragraf.
Komentar
Posting Komentar