PENGERTIAN INTERNET, WEB, HTML. DAN CSS.

PENGERTIAN INTERNET, WEB, HTML. DAN CSS

A. INTERNET

Interconnection network (internet) adalah sistem global dari seluruh jaringan komputer yang saling terhubung. Internet berasal dari bahasa latin "inter" yang berarti "antara". Internet merupakan jaringan yang terdiri dari milyaran komputer yang ada di seluruh dunia. Internet melibatkan berbagai jenis komputer serta topology jaringan yang berbeda. Dalam mengatur integrasi dan komunikasi jaringan, digunakan standar protokol internet yaitu TCP/IP. TCP bertugas untuk memastikan bahwa semua hubungan bekerja dengan baik, sedangkan IP bertugas untuk mentransmisikan paket data dari satu komputer ke komputer lainya.

Sejarah internet awalnya berasal dari proyek ARPA yang dibentuk tahun 1969 oleh Departemen Pertahanan Amerika Serikat. Proyek ini kemudian dikenal dengan ARPANET (Advanced Research Project Agency Network) yang melakukan riset tentang cara menghubungkan komputer satu dengan komputer lainnya agar bisa saling berkomunikasi. Pada tahun 1970, proyek ini berhasil menghubungkan lebih dari 10 komputer dalam bentuk jaringan, dan beberapa tahun kemudian, hasil riset proyek ini dikembangkan di luar Amerika. Karena jumlah komputer yang terhubung semakin banyak, maka pada tahun 1980 dibuatlah protokol resmi yang dikenal dengan TCP/IP (Transmission Control Protocol/Internet Protocol).

Berikut ini adalah beberapa fasilitas yang disediakan melalui internet:

o     E-mail. Electronic-mail adalah surat atau pesan elektronik yang dikirimkan dan diterima melalui komputer. Dengan e-mail, pesan yang dikirimkan akan sampai kepada penerima saat itu juga. Dibandingkan dengan pengiriman surat melalui jasa pengiriman, e-mail telah memangkas waktu dan pesan yang disampaikan juga up-to-date. E-mail saat ini sudah bisa disertai dengan grafik, gambar foto, suara, animasi, dan bahkan bisa mengirim ke beberapa alamat sekaligus.

o     FTP. File Transfer Protocol (FTP) adalah salah satu layanan internet untuk melakukan transfer file. Proses melakukan transfer file dari komputer ke server (file server) disebut dengan istilah unggah (upload). File yang sudah berada di file server, dapat diambil oleh orang lain untuk disimpan di komputer (pc). Proses mengambil file dari file server disebut dengan unduh (download).

o     Telnet. Telnet (Telecommunication Network) merupakan salah satu protokol jaringan yang digunakan di koneksi internet atau LAN (Local Area Network). Telnet digunakan untuk melakukan koneksi ke sebuah server dan port tertentu. Telnet digunakan untuk berinteraksi langsung dengan server. Anda dapat mengetikkan perintah langsung dari komputer untuk ditujukan ke server dan server akan langsung merespon dengan mengirimkan output (keluaran) untuk ditujukan ke komputer yang mengirimkan perintah.

o     Gopher. Gopher adalah program berbasis teks yang digunakan untuk mem-browser daftar menu internet di berbagai server gopher. Gopher merupakan aplikasi yang dapat mencari informasi di internet dan informasi yang dicari hanya sebatas pada teks. Untuk mendapatkan informasi melalui gopher, diperlukan hubungan dengan server gopher yang ada di internet.

o     World Wide Web (WWW). World wide web merupakan kumpulan dokumen multimedia yang saling terkoneksi menggunakan link hypertext. Hyperlink merupakan sebuah link yang digunakan untuk melakukan perpindahan antar dokumen. Web memudahkan kita  mengakses berbagai informasi dalam bentuk teks, gambar, video, suara, dan juga animasi.

Internet telah memberikan kontribusi dan andil yang sangat besar bagi perkembangan dunia. Kehadiran internet telah menghapus batas dan jarak terhadap akses informasi. Bagaimanapun juga, perkembangan internet bisa memberi dampak positif (baik) dan negatif (buruk). Di bawah ini adalah beberapa dapat baik dan buruk terhadap kehadiran internet.

Dampak positif dari internet.

o     Media komunikasi, dimana pengguna internet di seluruh  dunia dapat saling berkomunikasi.

o     Media untuk bertukar data dan informasi dengan menggunakan email, ftp, www, dan sebagainya.

o     Media untuk mencari data dan informasi. Jutaan data dan informasi yang tersimpan menjadikan internet perpustakaan terbesar di dunia.

o     Kemudahan memperoleh informasi. Segala sesuatu yang terjadi di dunia ini dapat dipantau melalui internet.

o     Media untuk bertransaksi dan berbisnis. Ada banyak peluang bisnis yang bisa dihasilkan dari internet seperti Google Adsence.

o     Media pendidikan jarak jauh. Banyak sekali universitas yang sekarang ini membuka kelas jarak jauh dimana materi kuliah dan kegiatan belajar dilakukan secara online.

Dampak negatif dari internet.

o     Pornografi. Anggapan yang mengatakan bahwa internet identik dengan pornografi memang tidak salah. Banyak sekali konten-konten semacam ini bertebaran dan memberikan dampak yang kurang baik bagi yang mengaksesnya, terutama kalangan anak-anak.

o     Internet juga banyak berisi konten-konten yang terkait kekejaman dan kesadisan (violence and gore). Konten seperti ini biasanya banyak digunakan oleh pemilik situs demi mendongkrak penjualan situs.

o     Penipuan. Modus penipuan melalui internet sudah sering kali kita dengar. Internet memang bisa dijadikan media untuk melakukan tidak kejahatan semacam ini.

o     Pencurian. Internet merupakan media yang memberikan kemudahan untuk traksaksi online karena sifatnya yang real-time (langsung), misalnya berbelanja menggunakan kartu kredit. Para penjahat dapat menemukan celah kelemahan saat transaksi untuk menguras isi kartu kredit tanpa sepengetahuan pemiliknya.

o     Perjudian. Para penjudi tidak harus pergi ke tempat judi untuk melakukan kegiatan dan keinginannya. Yang perlu dilakukan hanyalah mengunjungi situs-situs perjudian.

B. WEB

WWW merupakan kepanjangan dari (World Wide Web) yang dapat diartikan sebagai suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian dari pada Internet. Dengan kata lain www juga bisa diartikan sebagai nama yang diberikan untuk semua bagian Internet yang dapat diakses dengan software web browser. Dengan adanya WWW, kita bisa menerima berbagai macam informasi dalam berbagai format. WWW sering disebut juga sebagai protokol pada sebuah URL (Uniform Resource Locator). Fungsi WWW sendiri sebenarnya adalah menyediakan data serta informasi yang dibutuhkan untuk dapat dipergunakan bersama.
WWW pertama kali dikembangkan di Pusat Penelitian Fisika Partikel Eropa (CERN), Jenewa, Swiss. Sekitar tahun 1989 Berners-lee membuat proposal untuk proyek pembuatan hypertext secara global, kemudian pada bulan Oktober 1990, ‘World Wide Web‘ sudah bisa dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991 dan WWW resmi digunakan secara luas pada jaringan Internet.

C. HTML

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML)

D. CSS

Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading,subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warnahyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

1. Aplikasi pembelian barang

#include<iostream>
#include<conio.h>
#include <stdlib.h>

using namespace std;

int main(){
    double jml1, jml2, harga1, harga2, total1, total2, hitungppn;
    char flg_status;
    repeat:
    cout<<"* TOSERBA - TOKO SERBA ADA *";
    cout<<"\n"; cout<<"\n";
    cout<<" ID CUST : C05023";
    cout<<"\n";
    cout<<" BARANG YANG DIBELI : ";
    cout<<"\n";
    cout<<" 1. NAMA BARANG : " ; cout<<"MIE INSTAN";
    cout<<"\n";
    cout<<" HARGA         : "; cout<<"Rp.48.500 PerKardus";
    cout<<"\n";
    cout<<" DISC         : " ; cout<<"10%";
    cout<<"\n";
    cout<<" JUMLAH     : "; cin>>jml1;
    harga1 = 48500;
 
    cout<<"\n";
    cout<<" 2. NAMA BARANG : " ; cout<<"MINYAK GORENG";
    cout<<"\n";
    cout<<" HARGA         : "; cout<<"Rp.22.000 PerLiter";
    cout<<"\n";
    cout<<" DISC         : " ; cout<<"-";
    cout<<"\n";
    cout<<" JUMLAH     : "; cin>>jml2;
    harga2 = 22000;
    cout<<"\n"; cout<<"\n";
    /* Hitung */
    cout<<"===========================================";
    cout<<"\n"; cout<<"\n";
    cout<<" PROSES PERHITUNGAN :" ;
    cout<<"\n"; cout<<"\n";
    total1 = harga1 * jml1;
    total2 = harga2 * jml2;
    hitungppn = 0.1*total1+total2;
    cout<<" PPN          : "<<hitungppn;
    cout<<"\n";
    cout<<" TOTAL PEMBELIAN : "<<total1+total2-hitungppn;
    cout<<"\n"; cout<<"\n";
    cout<<"===========================================";
    cout<<"\n";
    cout<<" Kembali ke menu awal [y] : "; cin>>flg_status;
    if(flg_status == 'y' || flg_status == 'Y'){
        system("cls");
        goto repeat;  
    }
    getche();
    return 0;
}



HASIL SCHREENSHOT :

2. Menghitung luas bangun ruang

#include<iostream>
#include<conio.h>
#include <stdlib.h>

using namespace std;

int main(){
    double p, l, hasil, r;
    int pilihan, pil_pp, pil_ling;
    char flg_status;
    repeat:
    cout<<"I. MENGHITUNG LUAS DAN KELILING";
    cout<<"\n \n";
    cout<<"*  Silahkan Pilih Bangun Ruang ? ";
    cout<<"\n";
    cout<<"1. Hitung Luas dan Keliling Persegi Panjang [Kode : 1] ";
    cout<<"\n";
    cout<<"2. Hitung Luas dan Keliling Lingkaran [Kode : 2] ";
    cout<<"\n \n";
    cout<<"Masukan Kode Yang Anda Inginkan ? " ; cin>>pilihan ;
 
    //Lakukan validasi
    switch(pilihan){
        case 1:
            system("cls");
            cout<<"* Hitung Luas dan Keliling Persegi Panjang *";
            cout<<"\n"; cout<<"\n";
            cout<<"1. Hitung Luas Persegi Panjang [Kode : 1]" ;
            cout<<"\n";
            cout<<"2. Hitung Keliling Persegi Panjang [Kode : 2]" ;
            cout<<"\n \n";
            cout<<"Masukan Kode Yang Anda Inginkan ? " ; cin>>pil_pp ;
                if(pil_pp == 1 ){
                    system("cls");
                    cout<<"* Hitung Luas Persegi Panjang *";
                    cout<<"\n"; cout<<"\n";
                    cout<<"Masukan Panjang Persegi Panjang : "; cin>>p;
                    cout<<"Masukan Lebar Persegi Panjang : "; cin>>l;
                    cout<<"\n";
                    hasil = p*l;
                    cout<<"Luas Persegi Panjang Adalah : " <<hasil ;
                    cout<<"\n" ;
                    cout<<"Kembali ke menu awal [y] : "; cin>>flg_status;
                    if(flg_status == 'y' || flg_status == 'Y'){
                    system("cls");
                    goto repeat;
                    }
                }
                else if(pil_pp == 2){
                    system("cls");
                    cout<<"* Hitung Keliling Persegi Panjang *";
                    cout<<"\n"; cout<<"\n";
                    cout<<"Masukan Panjang Persegi Panjang : "; cin>>p;
                    cout<<"Masukan Lebar Persegi Panjang : "; cin>>l;
                    cout<<"\n";
                    hasil = 2*p + 2*l;
                    cout<<"Keliling Persegi Panjang Adalah : " <<hasil ;
                    cout<<"\n" ;
                    cout<<"Kembali ke menu awal [y] : "; cin>>flg_status;
                    if(flg_status == 'y' || flg_status == 'Y'){
                    system("cls");
                    goto repeat;
                }
                else
                cout<<"\n" ;
                cout<<"Kode Yang Anda Masukan Tidak Sesuai \nKembali ke menu awal [y] : "; cin>>flg_status;
                if(flg_status == 'y' || flg_status == 'Y'){
                    system("cls");
                    goto repeat;
                }
             
        break;
     
        case 2:
        system("cls");
            cout<<"* Hitung Luas dan Keliling Bola *";
            cout<<"\n"; cout<<"\n";
            cout<<"1. Hitung Luas Bola [Kode : 1]" ;
            cout<<"\n";
            cout<<"2. Hitung Keliling Bola [Kode : 2]" ;
            cout<<"\n \n";
            cout<<"Masukan Kode Yang Anda Inginkan ? " ; cin>>pil_ling ;
                if(pil_ling == 1 ){
                    system("cls");
                    cout<<"* Hitung Luas Bola *";
                    cout<<"\n"; cout<<"\n";
                    cout<<"Masukan Jari jari Bola : "; cin>>r;
                    cout<<"\n";
                    double phi;
                    phi = 3.14;
                    hasil = phi*r*r;
                    cout<<"Luas Bola Adalah : " <<hasil ;
                    cout<<"\n" ;
                    cout<<"Kembali ke menu awal [y] : "; cin>>flg_status;
                    if(flg_status == 'y' || flg_status == 'Y'){
                    system("cls");
                    goto repeat;
                    }
                }
                else if(pil_ling == 2){
                    system("cls");
                    cout<<"* Hitung Keliling Bola *";
                    cout<<"\n"; cout<<"\n";
                    cout<<"Masukan Jari jari Bola : "; cin>>r;
                    cout<<"\n";
                    double phi;
                    phi = 3.14;
                    hasil = phi*2*r;
                    cout<<"Keliling Persegi Panjang Adalah : " <<hasil ;
                    cout<<"\n" ;
                    cout<<"Kembali ke menu awal [y] : "; cin>>flg_status;
                    if(flg_status == 'y' || flg_status == 'Y'){
                    system("cls");
                    goto repeat;
                }
                else
                cout<<"\n" ;
                cout<<"Kode Yang Anda Masukan Tidak Sesuai \nKembali ke menu awal [y] : "; cin>>flg_status;
                if(flg_status == 'y' || flg_status == 'Y'){
                    system("cls");
                    goto repeat;
                }
        break;
        default:
            cout<<"Anda Memilih Kode Yang Tidak Sesuai";
            break;
        }
    }
}
    getche();
    return 0;

}

HASIL SCHREENSHOT :