Rangkuman pwpb

 

-pendahuluan

Blog ini berisi tentang konsep teknologi dan format teks pada aplikasi web dan selain konsep tersebut masi ada juga konsep lain yaitu tentang format tabel dan format multimedia pada halaman web,dan juga masi banyak banyak bab atau halaman-halaman lainya. 

-isi

Pada dasarnya, WWW berasal dari frasa kata World Wide Web. Jika dipenggal dan diartikan satu per satu, World memiliki arti 'dunia', Wide memiliki arti 'berukuran besar/raksasa', dan Web memiliki arti 'sebuah sistem yang digunakan untuk mengirimkan data maupun dokumen ke jaringan internet. Dengan menggunakan program ini, seluruh dokumen yang ada di internet menjadi tersusun lebih rapi sehingga lebih mudah ditemukan oleh para pengguna jaringan internet. Dengan web browser, user dapat melihat halaman web yang mungkin berisi teks, gambar, video, dan multimedia lainnya serta menelusurinya melalui hyperlink. Pada dasarnya, WWW berwujud rangkaian huruf yang selalu digunakan pada setiap bagian depan dari sebuah alamat domain halaman website atau sebuah blog.

AppServer MSCL 2005)

Desi Web Chet SW 2000 XP)

(MW2000)

Compary

D& (SOL Server 2000)

Gambar 1.1 Arsitektur aplikasi web

(Sumber: https://ketikanawam.files.wordpress.com/2012/10/techare.jpg?w=636)

MENGAMATI

Pelajarilah buku teks maupun sumber lain tentang konsep teknologi dan format teks pada aplikasi web dengan baik dan benar!

A.konsep teknologi aplikasi web

 Aplikasi web adalah suatu aplikasi yang berbentuk client atau server yang dapat membentuk halaman-halaman web berdasarkan permintaan pemakai dan pakai browser web melalui jaringan internet dan juga ada beberapa persyaratan untuk membangun sebuah aplikasi web dan peran yang penting juga dalam membangun aplikasi web memerlukan pilihan yang tepat untuk merancang aplikasi web,serta distribusi dan integrasi sistem arsitektur yang sangat memadai. Aplikasi web sebagai sebuah perangkat lunak komputer yang dikodekan dalam bahasa pemrograman yang mendukung perangkat lunak berbasis web, seperti HTML, JavaScript, CSS, Ruby, Python, Php, Java, dan bahasa pemrograman lainnya.

http://www

Gambar 1.2

(Sumber: http://www.webtol.com/wp-content/uploads/2017/08/2-122.jpg)

-konsep www

WWW adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna.

-sejarah awal

Pada tahun 1980, Tim Berners-Lee (ketika masih seorang kontraktor bebas di CERN) mengajukan sebuah proyek yang berbasiskan konsep hiperteks (hypertext) untuk memfasilitasi pembagian dan pembaruan informasi di antara para peneliti. Dengan bantuan dari Robert Cailliau, dia menciptakan sistem prototipe bernama Enquire. WWW benar-benar menjadi perhatian publik di dunia internet ketika dipresentasikan ke publik untuk pertama kalinya pada tahun 1995. Program ini digunakan untuk mengganti FTP, yang telah lama digunakan sebagai traffic control jaringan internet. Program WWW yang dibangun oleh Tim Berners-Lee, benar-benar sesuatu yang baru yang tidak pernah dipikirkan kebanyakan orang pada saat itu. Selanjutnya, World Wide

-fungsi www

WWW merupakan kumpulan peladen web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama.Web merupakan sesuatu yang oleh kebanyakan orang dianggap sebagai Internet.WWW berisi halaman web, gambar, video, dan konten online lainnya yang dapat diakses melalui browser web dan jugaSementara itu, internet adalah koneksi jaringan yang mendasarinya yang memungkinkan kita mengirim email dan mengakses World Wide web.dengan adanya web memudahkan orang untuk terhubung dari hampir semua tempat di dunia.

-teknologi aplikasi web

Paradigma pemrograman, aspek distribusi, dan teknologi dapat digunakan sebagai dasar untuk teknologi aplikasi web. Hal tersebut menjadi salah satu faktor yang menyebabkan perkembangan aplikasi dalam web sebagai hasil dari pendekatan atau perubahan yang sangat cepat dalam teknologi. Berdasarkan persepsi dari beberapa pengembang perangkat lunak dan pakar bidang rekayasa perangkat lunak (software engineering professional), pengembangan aplikasi web tidaklah sama dengan rekayasa software walaupun keduanya melibatkan pemrograman dan pengembangan perangkat lunak. Pengembangan teknologi aplikasi web identik dengan gabungan dari print publishing dan pengembangan perangkat lunak, di antaranya marketing dan perhitungan jika dilihat dari sudut pandang seni dan teknologi. Meskipun cukup banyak dalam mengadopsi prinsip-prinsip rekayasa perangkat lunak, prosedur dalam pengembangan aplikasi web masih memiliki berbagai pendekatan, alat bantu, metode, teknik, dan panduan yang memenuhi persyaratan pembuatan sistem berbasis web. Pengembangan sistem berbasis web tersebut jelas berbeda dengan pengembangan perangkat lunak konvensional dan pengembangan sistem berbasis web lebih banyak menghadapi tantangan.

-macam-macam browser

Dari sekian banyak web browser, beberapa di antaranya sangat familier dan banyak digunakan, seperti Internet Explorer, Mozilla Firefox, Google Chrome, Opera, dan Safari. Beberapa editor menyediakan fitur-fitur tambahan, seperti syntax coloring (memberi warna pada kode-kode HTML) dan code completion (melengkapi secara otomatis kode yang akan dituliskan). Saat ini telah banyak perangkat lunak berbasis GUI yang sangat membantu dalam pembuatan halaman-halaman HTML. Macromedia Dreamweaver dan Microsoft Frontpage merupakan dua nama yang cukup populer di platform Microsoft Windows. Sementara itu, di Linux tersedia Quanta+, Bluefish, dan Nvu.

-Flock

Flock browser merupakan penjelajah web yang spesialisasinya kepada fitur penyedia jejaring sosial dan merupakan browser sosial internasional dunia pertama yang berbasis pada firefox. Dengan fitur-fitur yang menarik, bisa memberikan pengalaman berkomunitas sosial di internet sambil browsing.

-Internet Explorer

Pengguna Internet Explorer semakin sedikit, walaupun begitu, tetap saja Internet Explorer masih ada yang menggunakannya sebagai web browser. Browser ini pernah digunakan sampai 95% pengguna internet pada tahun 2002-2003.

-Opera

Opera juga merupakan salah satu dari macam-macam web browser yang popular. Saat ini yang digunakan sekitar 6% pengguna internet di seluruh dunia untuk perangkat komputernya dan 11% pengguna internet untuk perangkat mobilenya.

-Safari

Pengguna Safari di dunia hampir mencapai 16%, sehingga browser ini menjadi salah satu yang paling populer. Aplikasi buatan Apple Inc ini dirilis pada tahun 2003 untuk perangkat komputer dan pada 2007 untuk perangkat mobilenya.

-Mozilla Firefox

Mozilla Firefox juga merupakan salah satu dari macam-macam web browser yang paling banyak digunakan oleh para pengguna internet. Sekitar kurang lebih 1/6 jumlah pengguna internet dunia dan Indonesia merupakan salah satu negara pengguna Firefox terbanyak.

-Google Chrome

Google Chrome adalah sebuah penjelajah web open source yang dikembangkan oleh Google dengan menggunakan mesin rendering WebKit. Proyek open source ini dinamakan Chromium.

-Konqueror

Jenis browser yang berbasis pada mesin rendering HTML, Konqueror ini merupakan browser open source untuk semua platform, terutama Linux yang dapat menggantikan fungsi Internet Explorer.

-Links

Jenis browser web yang berumur sangat tua ini untuk zaman. sekarang merupakan browser teks open source yang mendukung tabel HTML, tetapi masih banyak digunakan oleh para programmer web.

-Mozilla SeaMonkey

Jenis browser yang berasal dari Mozilla ini merupakan browser yang cocok untuk kebutuhan browsing seperti integrasi dengan chatting dan fungsionalitas e-mail.

-NetScape

Netscape ini merupakan salah satu dari browser tertua dengan

maraknya evolusi internet. Browser ini bisa digunakan untuk banyak

platform dengan fitur-fitur menarik seperti update berita dan lain-lain.

-Shiira Jenis browser yang berkonsentrasi pada perlengkapan web untuk bahasa, Shiira menjadi Browser Mac dengan dukungan 12 bahasa.

-Slim Browser

Slim Browser merupakan browser berukuran kecil terbaik dengan banyak fitur seperti pop up browser, integrasi dengan toolbar, keamanan, dan lain-lain.

- Wyzo

Jenis browser yang memprioritaskan kemampuan browser-nya pada pengguna yang banyak melakukan download media, seperti video, MP3, dan lain-lain.

-Konsep Web Server 

Web awalnya digunakan sebagai penyedia informasi, sekarang digunakan untuk komunikasi e-mail, chatting, hingga melakukan transaksi bisnis (commerce). Web pada awalnya adalah ruang informasi dalam internet dengan menggunakan teknologi hiperteks. Pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web

-Fungsi Web Server 

Web server berfungsi untuk mengirimkan kembali hasilnya dalam bentuk beberapa halaman web dan umumnya berbentuk dokumen HTML. Fungsi utama web server adalah untuk melakukan atau transfer berkas permintaan pengguna melalui protokol komunikasi yang telah ditentukan lain-lain.Pemanfaatan web server berfungsi untuk mentransfer seluruh aspek pemberkasan dalam sebuah halaman web termasuk yang di dalam berupa teks, video, gambar, atau banyak lagi.

-Cara Kerja dari Web Server 

Cara kerja dari web server sebagai salah satu mesin tempat software atau aplikasi beroperasi dalam mendistribusikan web page ke user/pengguna bisa ditentukan oleh permintaan user.Ketika browser memminta data web page kepada server , instruksi dari permintaan data protocol transport kemudian dikirim ke alamat, dalam hal ini adalah protocol berikutnya, yaitu HTTP (Hyper Text Transfer Protocol) yang sudah dikenal.

-Macam Macam Software Web

Web server yang paling banyak digunakan biasanya memiliki kelebihan (fitur) jika dibandingkan web server lainnya. Di samping itu, web server yang paling banyak digunakan biasanya memiliki forum yang besar dan aktif sehingga dapat dimanfaatkan untuk berdiskusi serta memecahkanberbagai macam permasalahan. Secara garis besar, web server terdiri dua jenis sebagai berikut.

-Web Server Berbayar 

Berikut ini beberapa jenis web server komersial (berbayar) yang paling banyak digunakan.

Microsoft Internet Information Services (IIS)

LiteSpeed 

- Web Server Gratis 

Berikut ini beberapa web server gratis yang paling banyak digunakan 

Apache

Nginx

Apache Tomcal 

Lighttpd

Ampps

Xaampp Control Panel 

-macam-macam text editor

A. Adobe Dreamweaver

Text editor yang paling sering digunakan, bisa multi-tab. Tampilan eye catching dan tidak terlalu memakan banyak memori PC. Namun, software ini berbayar.

b. Araneae

Araneae merupakan text editor yang digunakan untuk file html dengan syntax highlighting, panjang dokumen tidak terbatas, mendukung drug and drop gambar, instant browser preview, dapat membuka sekaligus beberapa tab, serta sudah support untuk berbagai bahasa.

C. ATPad

ATPad merupakan pengganti dari Notepad standar. Fitur-fitur di dalamnya: multi-tab, tampilan editornya dapat disesuaikan, terdapat garis penomoran, recent documents, bookmark, reload on-demand, change tracking, reloading ininterval, serta portability.

d. Crimson Editor 

Free text editor ini sementara dapat berfungsi sebagai pengganti yang baik untuk Notepad. Crimson Editor juga menawarkan banyak fitur canggih untuk bahasa pemrograman, seperti html, C/C++, Perl, dan Java.

e.EditPad Lite

Jika menggunakan sebuah text editor untuk hal-hal seperti HTML coding, menulis script, atau file batch, EditPad bisa dijadikan opsi baru. Dengan demikian, EditPad Lite diterjemahkan sebagai suatu free text editor yang menyajikan banyak aspek di luar Windows Notepad. Berikut ini beberapa fiturnya.

1) Tidak memiliki batasan untuk ukuran file atau panjang baris teks. 2) Multi tabs untuk membuka beberapa tab sekaligus. 3) Support terhadap berbagai jenis bahasa.

f. Netbeans

Netbeans cukup baik untuk coding web, namun tidak direkomendasikan untuk PC yang memorinya kecil atau seadanya karena akan membuat proses yang memakan memori cukup besar.

g. Notepad 

Notepad adalah text editor asli bawaan dari Windows/Microsoft. Pengguna sistem operasi Windows pasti sudah terbiasa menggunakan aplikasi ini. Pemula biasanya direkomendasikan untuk menggunakan notepad biasa ini. Notepad yang harus serba manual mengajarkan Anda cara untuk menghafal penempatan coding-coding/website maintenance.

h. Notepad++ 

Notepad++ hampir sama dengan notepad biasa, namun fitur lebihnya adalah pewarnaan pada kode-kode tertentu sehingga akan sedikit memudahkan penggunanya.

i. Sublime-text

Sublime-text memiliki banyak fitur yang mempermudah penggunanya dan tampilannya menarik. Kekurangannya adalah software ini merupakan software berbayar.

j. Google Web Designer

Pada tahun 2013-an, Google juga meluncurkan text editor Web Design yang keren dengan fitur-fitur yang memanjakan penggunanya. Beberapa fitur tersebut di antaranya fitur manipulasi 3D, ilustrasi tools, dan sebagainya.

5.Struktur Dasar HTML

Setiap halaman HTML minimal memiliki struktur dasar yang terdiri atas tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Struktur struktur tersebut sebagai hal mendasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.

a. DTD atau DOCTYPE Tag paling awal dari HTML adalah DTD atau DOCTYPE. 

DTD adalah singkatan dari Document Type Declaration yang berfungsi untuk memberi tahu web browser bahwa dokumen yang akan diproses adalah HTML. DTD memiliki banyak versi tergantung pada versi HTML yang digunakan. Jika tidak menuliskan DTD, browser akan tetap menampilkan dan memproses halaman web seperti tidak terjadi apa apa. Namun, browser sebenarnya menjalankan halaman HTML pada mode khusus yang disebut quirk mode.

b. Tag <html>

Semua kode HTML harus berada di dalam tag ini. Tag html dimulai

dengan <html> dan diakhiri dengan </html>.

e. Tag <head>

Elemen pada tag <head> umumnya berisi berbagai definisi halaman seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.

d. Tag <title>

Tag <title> digunakan untuk menampilkan title dari sebuah halaman web. Title biasanya ditampilkan pada bagian paling atas web browser. 

e. Tag <body>

Tag <body> berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dan lain-lain. Tag body ini ditutup dengan </body>. Sebagian besar waktu dalam merancang web akan dihabiskan di dalam tag <body>. Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag.

Sebuah halaman web bisa memiliki ratusan, bahkan ribuan baris yang ditulis dengan berbagai tag HTML

HTML Head, Title, dan Bady

Kesalahan akibat peletakan atau penggunaan tag HTML tidak akan mengakibatkan sistem komputer menjadi hang rusak. Kesalahan tersebut hanya berakibat pada tampilan halaman web tersebut. Jika ada tag HTML yang tidak diketahui dalam halaman web yang sedang diproses, web browser akan mengabaikannya seakan-akan tag tersebut tidak ada. Hal ini dikarenakan web browser sengaja dirancang dengan kemampuan mengenali dan melaksanakan hanya beberapa tag HTML dari keseluruhan tag standard W3C.

a. HTML

HTML merupakan dasar atau tulang punggung dalam pembuatan

sebuah Web, Penulisan Tag HTML adalah incasesensitive yang artinya

<HTML> akan sama dengan <html> atau <Html>. Untuk selanjutnya

akan dibagi menjadi 2 seksi, yaitu head dan body. Setiap file HTML selalu didahului dengan tag <HTML>. Tag ini akan membuat web browser mencoba untuk membaca file yang ada di dalam tag tersebut.

untuk ditampilkan dalam web browser. Pada akhir baris harus selalu mengakhiri tag <HTML> dengan </HTML>. Oleh sebab itu, akan kelihatan bahwa pada setiap tag HTML akan selalu <html> dan diakhiri dengan </html>. Header berfungsi sebagai tanda pengenal pada halaman yang akan

b. Head

dibuat. Untuk mendefinisikan header dalam tag HTML maka menambahkan <HEAD> dan </HEAD> tag di bawah tag <HTML>

menjadi sebagai berikut.

<html>

   <head> 

      </head>

</head>

c. Title

Tag <title> berfungsi untuk membuat judul website. Sementara itu, tag <head> berfungsi untuk membuat kepala dokumen. Tag <title> harus diletakkan di dalam tag <head>. Hasilnya adalah teks yang ada di tag <title> akan ditampilkan sebagai judul website. Tag <h1> berfungsi untuk membuat judul artikel.

d. Body

HTML elemen body menunjukkan konten sebuah dokumen. Isi dari sebuah dokumen HTML yang akan ditampilkan pada jendela browser. terdapat pada elemen <body>, sedangkan informasi dan keterangan lainnya yang berkaitan dengan dokumen tersebut dapat ditulis pada element <head>.

<html> 

<head>

<body>

</body>

</head>

</html>