Materi Perprogaman Web Kelas X(10) TKJ B

SEJARAH WEB

 

Macam-macam profesi IT

1.Software

2.Hardware

3.System Operation

 

 

SOFTWARE

A.Software:-Menganalisa

                   - Mengimplantsi Sistem yang ada

B.Hardware:-Mengamplentasi Rancangan 

                     -Membuat Program

C.Web Progamer:-Mengomplantasikan membuat program

                             -Membuat Program berbasis web

HARDWARE

A.Technical Engineer:-Teknisi

                                   :Memelihara

                                   :Perbaikan

B.Networking Engineer:-Teknisi

                                       :-Pemeliharaan Network

                                       :-Perbaikan

OPERATION SYSTEM INFORMASI

A.EDP operator:Mengoprasikan program

B.System adiminstrator:-Kewenang terhadap System

                                      :-Pengatur Operasional System

PROFESI BIDANG TEKNOLOGI INFORMASI

1.Web designer

Bertanggung Jawab untuk menentukan tampilan web site

Tugas web designer 8

-Pengolahan gambar

-tata letak

-Warna

-Aspek Visual

Web designer harus Menguasai:

-HTML,DHTML

-Pengolahan gambar

-Animasi,Move

2.Web progamer

-Percodingan Website agar dinamis

harus menguasai:

-CGI(pers),PHP,My Sql Lunik Base)

-ASP (NT base

-Java Script dan aplet

3.Web Adminstrator

-Memaintance Server

Harus menguasai :

*OS Linux

*OS HT

*Jaringan (LAN,WAN,INTERNET)

*Keamanan Server

 

4.Web master

-mengerti semua hal

-Mempertanggung Jawabkan Situsnya

 

Web administrator harus menguasai:

*HTML,DHTML

*(GI perl,PHP,MySql,ASP,Java

*Penguasaan OS

*Jaringan (LAN,WAN,INTRANET)

*Keamanan Server

 

5.Web developer

*4 kegiatan dalam satu team

*memberi konslutasi,konsep web yang akan dibuat,membangun sebuah web

Tugas!!

1.sejarah internet

2.istilah-istilah :

A.HTML

B.DHTML

C.PHP

D.MySql

E.Java Script

 

JAWABAN

1.1. Sejarah Pemrograman Web
Apakah yang dimaksud Web Programming? Web Programming adalah adalah proses menulis, mencoba, memeriksa dan memperbaiki (debug), serta memelihara kode untuk membuat sebuah program komputer. Kode ini ditulis dalam berbagai bahasa pemrograman. Tujuan dari pemrograman adalah untuk memuat suatu program yang dapat melakukan suatu perhitungan atau proses sesuai dengan keinginan si pemrogram (Sumber :wikipedia).
Jadi Secara singkat untuk Web programming adalah proses pembuatan program yang outputnya disajikan oleh Web Browser. Di sini belum akan di jelaskan web programming secara detail dimada ada program berupa server side ataupun client side. Untuk lebih jelas jenis-jenis dan perkembangan dari Web programming hal ini bisa dibaca pada web development.Dan bahasa yang digunakan adalah bahasa HTML.
HTML merupakan turunan atau pengembangan dari SGML (Standar Generalized Markup Language). HTML sendiri dikembangkan oleh Tim Berners-Lee sewaktu masih bekerja di CERN yang pertama kali dipopulerkan oleh browser Mosaic yang dikembangkan NCSA. Selama awal tahun 1990an, HTML terus mengalami kemajuan yang sangat cepat.Tapi pengembangan resmi HTML ini baru dikeluarkan pada tahun 1995 yang dikembangkan oleh Internet Engineering Task Force (IETF). HTML2 yang dikembangkan ini merupakan turunan dari HTML+ pada tahun 1993. HTML3 yang juga dirilis pada tahun 1995 mempunyai kemampuan yang jauh lebih bagus dari versi sebelumnya. Merupakan hasil usaha yang dikembangan oleh World Wide Web Consortium’s (W3C) dan kemudian menghasilkan HTML3.2 pada tahun 1996.Dan akhirnya terbitlah HTML4 dan HTML4.1 pada akhir tahun 1997 dan 1998. HTML ini merupakan sebuah text biasa yang dirancang untuk tidak tergantung pada sistem operasi apapun.
Secara umum pemrograman web dapat dibagi 2, yaitu: client side scripting dan server side scripting. perbedaan dari kedua jenis script ini adalah pada bagaimana script tersebut di proses dan tentu saja dari sintaks program yang digunakan.
1.  client side scripting (CSS), merupakan jenis script yang pengolahannya dilakukan di sisi client. pengolahan disini berarti “di terjemahkan/ interpreted”. yang memiliki tugas untuk menterjemahkan script jenis ini disisi client adalah web browser. agar semua script yang masuk kategori ini dapat diterjemahkan oleh web browser maka didalam web browser terdapat sebuah komponen/ modul/ “engine” yang memiliki daftar pustaka (library) yang mampu mengenali semua perintah-perintah yang terdapat pada kategori client side scripting. berikut contoh web browser yang populer digunakan: internet explorer, mozilla firefox, opera., safari. berikut adalah contoh client side scripting: HTML (hypertext markup language), java script, XML (extensible markup language), CSS (cascading style sheet). client side scripting merupakan script yang digunakan untuk membuat halaman web statis.
2. server side scripting (SSS), merupakan script yang pengolahannya (baca: diterjemahkan) di sisi server. server yang dimaksud disini adalah sebuah komponen yang biasa disebut web server yang didalamnya terintegrasi dengan sebuah mesin (engine)/ modul yang didalamnya terdapat daftar pustaka (library) yang mampu menterjemahkan script-script tersebut yang kemudian setelah di terjemahkan di server kemudian dikirim (ditampilkan) ke client (web browser) dalam format HTML (hypertext markup language). mesin (engine) tersebut harus di install terlebih dahulu karena mesin-mesin tersebut memiliki karakteristik yang berbeda untuk tiap script (bahasa pemrograman) yang digunakan. berikut contoh server side scripting: PHP (Hypertext Pre Processor), ASP (active server pages), JSP (java server pages). server side scripting digunakan untuk membuat halaman web dinamis. hal ini disebabkan karena server side scripting memiliki kelebihan, diantaranya: mampu berinteraksi dengan banyak perangkat lunak basis data (database), mampu mengelola sumber daya yang terdapat di sistem operasi dan perangkat keras komputer, mampu dijalankan di semua sistem operasi (multi plattform), aman karena scriptnya di proses di server yang tidak dapat dilihat dari sisi client.
2. Maksud Pemrograman Web & Jenisnya
Web merupakan fasilitas hypertext untuk menampilkan data berupa teks,gambar,suara,animasi,dan data multimedia lainnyajika anda ingin meguasai web maka anda perlu  mengenal itu bahasa HTML dan PHP.HTML merupakan bahasa pemrogrman web yang merupakan  pada kategori script client side sedangkan PHP merupakan salah satu script(perintah-perintah program) server side yang sangat populer diterapkan dalam sebuah web.web dapat menjadi alat untuk mempromosikan suatu produk maupun diri kita sendiri jika ingin terkenal  lewat web.web mengalami perkembangan yang sangat pesat dewasa ini.mulai dari situs web e-commerce sampai web non-profit.Situs/web dapat dikategorikan menjadi dua yaitu web statis dan web dinamis.

1. 1.      Web statis

Web statis adalah web yang berisi/menampilkan informasi –informasi yang sifatnya statis(tetap).disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut.singkatnya,untuk mengetahui suatu web bersifat statis atau dinamis dapat dilihat Dari tampilannya.jika suatu web hanya berhubungan dengan halaman web lain dan berisi informasi yang tetap maka web tersebut disebut dengan web statis.pada web statis,pengguna hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan berpindah ke halaman web yang lain.interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan .tetapi tidak dapat mengolah informasi yang dihasilkan.web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .Html atau .htm.

1. Web Dinamis

Web dinamis adlah web yang menampilkan informasi serta dapat berinteraksi dengan pengguna.web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan.web dinamis bersifat interaktif,tidak kaku,dan terlihat lebih indah.

1. Pemrograman Web

Ada 2 kategori dalam pemrograman web,yaitu pemrograman server side dan client side.pada pemrograman server-side.perintah-perintah program (script) dijalankan di server web.kemudian hasil dikirimkan dalam bentuk HTML biasa.Adapun pada client side,program  Dijalankan pada browser web sehingga ketika klien meminta dokumen script maka script  Dapat didownload dari server kemudian dijalankan pada browser bersangkutan.

1. Mengenal script client side

Program web yang tergolong dalam client side seperti Javascript,Vbscript,HTML,dan lain-lain.hasil parsing script pemrograman client side (misal javascript dan Vbscript) yang berupa HTML dari server web dapat dilihat dengan memilih menu view >Source Code.Anda dapat melihat bahwa script program yang ditulis ditampilkan pada halaman source code.

1. Javascript

Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995.pada awalnya bahasa ini dinamakan “Livescript” dan berfungsi sebagai bahasa sederhana utnuk browser Netscape Navigator 2.Pada masa awal dirilis,bahasa ini banyak dikritik karena kurang aman.tidak ada pesan kesalahan yang ditampilkan saat kita membuat kesalahan program.kemudian sejalan Dengan kerjasama antara Netscape dengan Sun(pengembang bahasa pemrograman Java) pada masa itu,maka netscape memberi nama “Javascript” kepada bahasa tersebut pada tanggal 4 Desember 1995.Javascript adalah bahasa pemrograman sederhana karena bahasa ini tidak dapat digunakan untuk membuat aplikasi ataupun applet.dengan  Javascript kita dapat dengan mudah  sebuah halaman web yang interaktif.program Java script dituliskan pada file HTML.dengan kata lain anda tidak perlu menuliskan program Javascript pada file terpisah (walaupun anda juga bisa melakukannya).Bahasa ini adalah bahasa  pemrograman untukn memberikan kemampuan tambahan terhadap bahasa HTML.dengan mengizinkan Pengeksekusian perintah di sisi klien,yang artinya disisi browser bukan disisi server web.Javascript bergantung kepada browser yang memanggiol halaman web berisi script.Javascript tidak memerlukan kompilator atau penerjemah khusus untuk menjalankannya.Pada Javascript kita tidak mungkin menyembunyikan kode script yang kita tulis.kode langsung ditulis dalam dokumen HTML dan sangat mudah terlihat.Javascript adalah bahasa yang “case-sensitive”.artinya,membedakan penamaan variabel dan fungsi
Yang menggunakan huruf besar dan huruf kecil.contoh Variabel atau fungsi dengan nama “KICKADY” berbeda dengan variabel nama” kickady”(tanpa tanda petik).Javascript terletak di dalam dokumen HTML. Script dari Javascript mempunyai bentuk seperti berikut


2.A).HTML=Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

B).DHTML=DHTML (Dynamic Hipertext Markup Language) merupakan suatu istilah untuk membuat halaman web yang dinamis dan interaktif dengan mengkombinasikan bahasa pemrograman HTML, JavaScript, Document Object Model, dan CSS.

C).PHP=PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. Adapun bahasa script yang lain adalah Python, Ruby, CGI, Perl dan masih banyak lagi.

D).MySql=MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL. Adapun basis data (database) yang lain adalah SQL, SQL Lite, Oracle, Mongo DB dan masih banyak lagi.

E).JavaScript=JavaScript (JS) adalah bahasa pemrograman komputer yang dinamis. Javascript paling sering digunakan sebagai bagian dari browser web, yang memungkinkan implementasi script sisi klien untuk berinteraksi dengan pengguna, mengontrol browser, berkomunikasi asynchronous, dan mengubah isi dokumen yang ditampilkan. Javascript juga telah menjadi umum dalam pemrograman server-side, pengembangan game dan penciptaan aplikasi desktop.

SEJARAH WEB

 HTML=-Bahasa standar web

               -W3C(world wide web cosurtium)

               -Tim bernes lee yang merumuskan bahasa HTML

               -Browser mosaic adalah browser pertama.

Macam-Macam HTML

1.versi 1.0 keluar pada tahun 1990 fitur awal:Heading,paragraph,hypertext , list ,cetak miring pada teks ,perletakan image pada dokumen

2.Versi 2.0 keluar pada tahun 14 januari 1996 fitur: penambahan Form

3.3.0/HTML+ Keluar pada tahun 1997 18 Desember Fitur tebaru=penyempurnaan dari versi 3.0

4.4.0 keluar pada tahun 1999 24 desember fitur terbaru=inet,imagemaps,image

5.50 keluar pada tahun 2009 HTML,KHTML,DAN DOMHTML

HTML5 fitur terbaru kebebasan menggunakan huruf kapasitas kecil

ALUR PENGEMBANGAN WEB 

1.Formulasi:

Tujuan,ukuran aplikasi berbasis web ,batasan sistem

A.tujuan:

Tujuan yang bersifat informatif

tujuan yang bersifat Fungsional

2.Perencanaan:

Biaya ,jumlah pengembangan,waktu,resiko,Jadwal versi selanjutnya

3.Analisis:

Persyarataan Tekhnis ,mengidentifikasi,yang disajikan analis dari 4 sisi:

A.Analisis Isi info

B.-||- interaktif

C.-||- Fungsional

D.-||- konfigurasia

4.Rekayasa:

Desain isi info,desain web

Desain:A.Diagram wireframe

B.Diagram sitor

C.Stryboard

5.Almpemantasi pengujian

implentasi >Mewujudkan desain web 

TATAP

A.authoring:mempersiapkan tool 

B.Styling:Mengatur tampilkan web diatur ISS

C.Scripting Dan Pemograman :Penulisan bahasa yang berjalanan pada server 

PENGUJIAN

A.pengujian fungsional dan oksrional

B.-||- Navigasi

C.-||- kenovigasi

D.-||- Keamanann

Dasar-dasar HTML

HTML merupakan protokol yang digunakan untuk mentransfer data 

antara web server ke web browser ,languange HTML biasa Digunakan

Untuk memperintahkan.

TERIMA KASIH
ANDA TELAH MEMBACA SEMOGA ILMU ANDA BERMANFAAT