WEB DESAIN DAN PEMOGRAMAN WEB


NAMA
1. AHMAD FIRMANSYAH
2. ANDRE ABIE SETIAWAN
KOMPETENSI
NILAI
SKILL
             NILAI
KNOWLADE
Kelas
X TKJ 1a
WEB DESAIN
DAN
PEMOGRAMAN WEB


Tanggal
7/5/2018
Job-ke
2

KERJAKAN SOAL DI BAWAH INI DENGAN MENGGUNAKAN WI-FI :
1. Jelaskan Apa Perbedaan Yang Kalian Ketahui Tentang Desain Dan Pemrograman Web ?
2. Jelaskan Yang Kamu Ketahui Tentang Pemrograman Web :    
HTML ?..
CSS ?..
PHP ?..
Jquery ?...
Javascript ?..
VBScript ?..

3. Buatlah Tabel Perbedaan Antara Pemograman Web Yang Berisi Client Side Dengan Server Side ?..
4. Jelaskan Apa Yang Kalian Ketahui Tentang FTP ?..
5. Jika Kalian Ingin Menggabungkan Desain Dan Pemrorgraman Web, Software Apa Yang Kalian  gunakan, 
    Jelaskan ?..
6. Jelaskan pengertian tetang hosting dan domain?..
7. Jelaskan yang dimaksud dengan web server dan jenis2 web server?(6)
8. Jelaskan yang dimaksud dengan web Browser dan jenis2 web browser?(5)
9. Jelaskan yang dimaksud dengan web programming dan macamnya?..
10. Jelaskan Perbedaan Dari Web Statis  Dan Dinamis ?..

JAWABAN !
1. secara umum dan paling simpel desain pada pemrograman itu ada 3,,,

A.desain database
B.desain sistem
C.desain tampilan/interface

penjelasannya
A. desain database di gunakan untuk memaksimalkan fungsi database dan meminimalisir adanya redudansi data dan menjaga integritas data dan tabel
B. desain sistem di gunakan untuk merancang bagaimana interaksi antar data yang meliputi input, proses, output terjadi dan memudahkan memetakan alur sistem
C. desain tampilan/interface digunakan untuk memudahkan interaksi antara user dan sistem/aplikasi, sehingga user gak bingung ketika lagi make app


pemrograman web itu sebuah bahasa pemrograman yang pada penerapannya berjalan di lingkup uderweb/jaringan web, pada umumnya bahasa pemrograman yg dipake adalah php,asp,jsp,etc....

javascript (termasuk jquery, dll) dan css merupakan pendukung dari html, bukan termasuk bagian dari pemrograman web, tapi pada sekarang ini bahasa pemrograman web juga memanfaatkan html,javascript,css sebagai salah satu pendukung dari interface

2.  a. HyperText 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. 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, warna hyperlink, 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.


c. Hypertext Preprocessor (PHP) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

d. jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL.
jQuery merupakan sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. Sesuai slogan nya, write less, do more. Menulis kode lebih sedikit, tetapi melakukan pekerjaan lebih banyak.
jQuery ukurannya cukup kecil, sehingga tidak memperlambat proses loading blog yang kita buat. jQuery juga kompatibel dengan CSS3 dan yang tak kalah penting adalah jQuery bisa berjalan di semua browser – cross browser.
Tanpa library seperti jQuery, menerapkan Javascript mungkin akan lebih sulit, terutama untuk pemula yang baru belajar Javascript. Plugin tambahan seperti JQuery UI (User Interface) semakin memudahkan kita mengembangkan blog yang cantik dan interaktif. Selain itu tersedia plugin-plugin lain yang semakin memperkaya kemampuan jQuery.

e. JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.
Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX. JavaScript adalah bahasa yang digunakan untuk AJAX.

f. VBScript atau lengkapnya Visual Basic Scripting Edition adalah bahasa pemograman komputer yang sistem kerjanya atau script nya bisa di kerjakan menggunakan program notepad, script vbs ini akan secara langsung ber interaksi dengan komputer tampa harus menggunakan editor bahasa pemograman lain, jadi kita tidak perlu mencari aplikasi lain untuk menciptkan script ini, kita ngak perlu repot - repot membeli aplikasi atupun mendownloadnya, cukup menggunakan notepad. Memang ada juga editor script lainya untuk mengerjakaan program vbscript, tapi yang pasti vbscript bisa di kerjakan menggunakan program sederhana notepad.

3.  
Client Side
Server Side

Kode program didownload bersama dengan halaman web.
Bersifat interpreter dan diterjemahkan oleh browser.
Model eksekusinya simple dan skrip dapat dijadikan satu dengan HTML.


Ada client yang meminta request

Eksekusi program dilakukan di server

Mengirimkan hasil ke client




4. FTP  adalah singkatan "File Transfer Protocol" yaitu sebuah protocol internet yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk pertransferan berkas (file) computer antar mesin-mesin dalam sebuah inter jaringan.

5. Software web editor digunakan untuk menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script. Adobe Dreamweaver, Microsoft Frontpage, Alaire Homesite Cold Fusion Net, Object Fusion Software untuk pemrograman web

6.-Domain adalah nama pengganti dari ip address yang akan menuju pada server tertentu
    dan  biasanya diwakili oleh adanya website.
  -Hosting adalah tempat untuk menyimpan data digital yaitu termasuk text, gambar, atau
   video yang nantinya kesemua informasi tersebut akan di tampilkan dalam bentuk website.                      


7. Pengertian Web server adalah software yang memberikan informasi layanan data yang memiliki fungsi menerima permintaan dari HTTP ataupun HTTPS dari klien yang disebut dengan browser web dan akan mengirimkan kembali hasil nya yang bentuk halaman-halaman web. Halaman-halaman tersebut umumnya berbentuk dokumen HTML.
Apache
Web Server Litespeed
Web Server Nginx
Web Server Microsoft IIS
Apache Tomcat
Lighttpd

8. Web Browser merupakan sebuah aplikasi perangkat lunak untuk melintasi, mengambil, dan menyajikan sumber informasi di World Wide Web. Sumber informasi diidentifikasikan dengan Uniform Resource Identifier (URI) termasuk sebuah Halaman web, gambar, video, atau bagian lain dari konten web.
Google
Mozila
Camino
Konqueror
opera

9. Web programmer adalah sebuah pekerjaan dalam bidang teknologi informasi yang mana didalam pekerjaan tersebut seorang web programmer akan melakukan pengcodingan dan pemrograman sebuah website. 
client side scripting (CSS)
server side scripting (SSS)

10.  1. Web Statis
Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web tersebut tidak memliki database, data dan informasi yang ada pada web statis tidak berubah-ubah kecuali diubah sintaksnya. Dokumen web yang dikirim kepada client akan sama isinya dengan apa yang ada di web server..

2. Web Dinamis
Dalam web dinamis, interaksi yang terjadi antara pengguna dan server sangat kompleks. Seseorang bisa mengubah konten dari halaman tertentu dengan menggunakan browser. Request (permintaan) dari pengguna dapat diproses oleh server yang kemudian ditampilkan dalam isi yang berbeda-beda menurut alur programnya. Halaman-halaman web tersebut memiliki database. Web dinamis, memiliki data dan informasi yang berbeda-beda tergantung input apa yang disampaikan client. Dokumen yang sampai di client akan berbeda dengan dokumen yang ada di web server.

Perbedaan Web Statis dan Web Dinamis
Interaksi antara pengunjung dan pemilik web
Dalam web statis tidak dimungkinkan terjadinya interaksi antara pengunjung dengan pemilik web. Sementara dalam web dinamis terdapat interaksi antara pengunjung dengan pemilik web seperti memberikan komentar, transaksi online, forum, dll.

Bahasa Script yang digunakan
Web statis hanya menggunakan HTML saja, atau paling tidak bisa ditambah dengan CSS. Sedangkan web dinamis menggunakan bahasa pemrograman web yang lebih kompleks seperti PHP, ASP dan JavaScript.

Penggunaan Database
Web statis tidak menggunakan database karena tidak ada data yang perlu disimpan dan diproses. Sedangkan web dinamis menggunakan database seperti MySQL, Oracle, dll untuk menyimpan dan memroses data.

Konten
Konten dalam web statis hanya diberikan oleh pemilik web dan jarang di-update, sementara konten dalam web dinamis bisa berasal dari pengunjung dan lebih sering di-update. Konten dalam web dinamis bisa diambil dari database sehingga isinya pun bisa berbeda-beda walaupun kita membuka web yang sama.





Komentar