NABILA AINI PRATIWI

11190251000033

Dasar Dasar Pengetahuan Rekayasa Web

  Markup Language

Adalah istilah yang diartikan menjadi bahasa markah. Bahasa ini menggunakan tags atau tanda. Semua tanda ini akan dibaca oleh komputer, dan diartikan menjadi tampilan website yang biasa kita sering lihat sehari-hari. Markup Language adalah sistem modern untuk menganotasi dokumen yang secara sintaksis dibedakan dari teks. Ide dan terminologinya berawal dari "menandai" sebuah naskah, yaitu petunjuk revisi oleh editor, yang secara tradisional ditulis dengan pena biru pada naskah penulis. Fungsi dari markup language adalah membuat suatu situs alias website.

Cara Kerja Markup Language :

Bahasa yang masuk dalam markup language adalah:

1.      HTML, Hypertext Markup Language

2.      KML, Keyhole Markup Language

3.      MathML, Mathematical Markup Language

4.      SGML, Standard Generalized Markup Language

5.      XHTML, eXtensible Hypertext Markup Language

6.      XML, eXtensible Markup Language.

Programming Language

Adalah perkumpulan dari aturan sintaks dan semantik yang bertfungsi untuk mendefinisikan program komputer. Dari sini kita dapat katakan sebagai kumpulan instruksi yang diberikan ke komputer untuk dapat melakukan tugas-tugas tertentu dalam menyelesaikan sebuah permasalahan. Singkatnya, bahasa pemrograman adalah kumpulan-kumpulan  instruksi dan perintah yang dimiliki komputer apabila manusia berinteraksi dengan computer

            Cara Kerja Programming Language:

memerintahkan komputer supaya mengolah data sesuai dengan yang kita inginkan dan butuhkan. Sebenarnya , kendali sepenuhnya ada di tangan kita, salah satu bahasa dalam pemrograman ini bisa digunakan untuk pembuatan sebuah web, menuliskan perintah untuk komputer, menciptakan game, hingga membuat berbagai aplikasi lainnya.

 CSS (Cascading Style Sheet)

Adalah bahasa pemrograman yang biasa digunakan untuk men-design halaman website dengan menggunakan sebuah id dan class. Seiring berkembangnya dunia pemrograman dan teknologi, CSS bukan cuma digunakan untuk mendesain sebuah halaman HTML dan XHTML tapi sudah bisa digunakan untuk mendesign tampilan aplikasi android dan untuk segala domukenXML.

Cara Kerja CSS:

untuk mendesain, membentuk, dan mengubah tampilan sebuah  halaman website supaya sederhana. Contohnya seperti mengubah font, ukuran font, dan format font, dan mengatur ukuran layout, lebar tinggi dan warna element, membuat halaman website yang cepat untuk di akses. 

      HTML

adalah  campuran antara teks dan informasi yang digunakan membuat sebuah halaman situs. HTML menampilkan berbagai macam informasi di dalam sebuah software web browser internet dan formating hypertext sederhana yang ditulis dalam berkas format standar internasional ASCII (American Standard Code for Information Interchange). Hal tersebut agar bisa menghasilkan tampilan wujud yang menyatu.

Cara Kerja HTML:

Dokumen HTML sama dengan dokumen tulisan biasa. Dalam dokumen HTML tulisan dapat memuat sebuah instruksi yang ditandai dengan sebuah kode atau lebih dikenal dengan TAG tertentu. Contohnya, jika ingin membuat tulisan ditampilkan menjadi tebal, seperti TULISAN TEBAL, penulisan dalam dokumen HTML dilakukan dengan cara TULISAN TEBAL. Tanda dipakai untuk mengaktifkan instruksi cetak tebal, kemudian diikuti tulisan yang ingin ditebalkan. Setelah itu, diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut. 

JAVASCRIPT

Adalah bahasa pemrograman yang biasa digunakan membuat halaman web yang dinamis dan interaktif. Inilah yang memberi suatu kehidupan pada halaman sampai elemen interaktif dan animasi yang dapat menarik perhatian setiap pengunjung website.

Cara Kerja Javascript:

pengunjung situs akan diarahkan melalui file .js yang terpisah langsung ke halaman website. Jadi bisa dimaknai sebagai bahasa dari sisi pengguna. Nanti pengguna akan mengakses website lalu script tersebut akan terunduh di perangkat pengguna. Script tersebut juga diproses di perangkat yang dimaksud. Jadi pemrosesannya bukan pada web server, tapi pada perangkat pengguna atau pengunjung website.

PHP

PHP adalah bahasa pemrograman server side, PHP diproses pada komputer server. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll. Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor.

Cara Kerja PHP:

Caranya mengaplikasikan dengan beban yang mengarah ke server bukan pengguna. Jika browser meminta dokumen PHP, maka webserver menggunakan sebuah modul PHP untuk mengolah data-data tersebut.

 Server

    Sebuah layanan dalam sistem komputer dalam suatu jaringan. Server didukung oleh scalable, RAM, serta sistem operasi khusus yang disebut network operating system. Server memiliki jenis dan fungsi yang berbeda. 

Cara Kerja Server:

secara sederhana adalah untuk memenuhi permintaan pengguna. Contohnya, pada web server ketika kalian mengakses sesuatu alamat website menggunakan browser, maka komputer yang kalian pakai berperan sebagai komputer pengguna. Komputer pengguna meminta informasi website kepada web server.

Web Server

sebuah perangkat lunak yang berperan untuk menerima dan melayani permintaan yang dikirimkan user melalui browser lalu ditampilkan kepada user sesuai dengan permintaan yang dikirimkan kepada server. Bisa dikatakan web server merupakan pusat kontrol yang berperan untuk memproses permintaan yang diterima dari browser. Layanan ini juga bisa mengacu sebagai software atau hardware. Sedangkan Web Server berbasis Software berfungsi sebagai pusat kontrol untuk memproses permintaan yang diterima dari browser dan menampilkan sesuai dengan permintaan.

Cara Kerja Web Server:

Database

Adalah sebuah kumpulan data yang saling berhubungan disimpan secara sistematis disuatu perangkat komputer yang masih berbentuk mentah dan dikumpulkan secara sistematik serta perlu diperiksa oleh sistem komputer agar dapat memproleh suatu informasi yang utuh.

Cara Kerja:

Dynamic Website

Adalah sebuah halaman web yang disusun oleh konten dan layout yang  akan berbagi informasi didalamnya. Dinamakan website Dinamis  atau disebut juga Website Dinamis karena kontennya dapat berubah. Dengan demikian, adanya program yang berjalan untuk mengatur perubahan data yang ditampilkan dalam website Dinamis tersebut.

Static Website

Sebuah informasi yang disimpan di server dengan format tertentu untuk semua para pengguna. Website ini dikembangkan oleh bahasa pemrograman yaitu HTML dan CSS. Biasanya website statis ini akan menampakkan bentuk yang sama ketika kita mengunjunginya dan website statis informasinya merupakan informasi yang satu arah, yaitu hanya berasal dari pemilik software nya saja, hanya bisa diupdate oleh pemiliknya saja jika pengelola ingin mengubah penampilan dari website ini, maka pengelola harus mengubahnya melalui kode program yang tentunya menuntut pengelola untuk memahami prinsip-prinsip pemrograman sebuah website dan secara berkala tentu sangat merepotkan jika mempunyai banyak halaman statis yang harus diupdate secara manual.

Cara Kerja

Native Website Metadata

Merupakan suatu bagian dari struktur kode HTML yang berperan untuk merekam atau mendokumentasikan setiap halaman dari website atau situs yang telah di publikasikan melalui aspek tertentu dari setiap halaman.

Metadata pada dokumen microsoft word:

Berikut ini sebuah berkas gambar dalam format .jpg berikut metadatanya yang diambil dari sebuah blog:

Open Graph Metadata

Merupakan sebuah bahasa pemrograman untuk menampilkan pratinjau thumbnail dari suatu jenis situs. Open Graph Metatag ini hampir sama dengan meta title dan meta description. Ada beberapa tag yang harus digunakan dalam merangkai Open Graph Metatag, seperti : Title, Type, Image, URL, dan Deskripsi.

User Interface

Merupakan bagian visual dari website, aplikasi software atau device hardware yang memastikan bagaimana seorang user berinteraksi dengan aplikasi atau website tersebut serta bagaimana tampilan informasi di layarnya. User interface sendiri menggabungkan konsep desain visual, desain interasi, dan infrastruktur informasi. 

Cara Kerja

Perumpamaannya seperti ini anda mengunjungi tempat wisata, ketika anda melihat pintu gerbangnya saja sudah tertarik untuk masuk, dan anda melihat salah satu wahana seru di tempat itu, kalian pasti sudah tidak sabar untuk menaiki wahana tersebut. Nah yang anda lihat itu bisa disebut UI atau user inteface.

UX (User Experience)

    Bagaimana pengguna mengembangkan suatu website. User Experience itu adalah pembuatan sebuah website atau aplikasi oleh seseorang supaya mudah dalam menggunakannya. UX ini harus dibuat dengan mementingkan kenyamanan pengguna karena suatu bagian yang penting sekali. 

Programming Language for Web Development

Frontend dari sebuah website merupakan apa yang dilihat dan digunakan oleh seorang pengguna, seorang developer front end bertanggung jawab atas penampilan dan user experience dari sebuah website.

Backend Language for Website Development

Bahasa pemrograman dalam pengembangan belakang layar dalam suatu situs. Bahasa pemrograman untuk Backend development diantaranya adalah Golang, Java, PHP, Phyton, dan Ruby. Kebanyakan sistem manajemen suatu konten dibangun dengan backend programming.

API

Merupakan perantara antara perangkat lunak yang menghubungkan dua aplikasi untuk saling berhubungan atau saling terkait satu sama lain.

Cara kerjanya:

Komunikasi API melalui segala rangkaian yang menentukan bagaimana semua perangkat mulai dari  komputer, mesin, atau setiap aplikasinya. Seperti contoh, misalnya anda masuk ke Instagram melalui ponsel Anda memberitahu aplikasi Instagram bahwa anda ingin mengakses akun anda, lalu aplikasi ponsel melakukan panggilan ke API utnuk mengambil akun Instagram dan data-data anda. Kemudian Instagram akan mengakses informasi dari salah satu servernya dan dikembalikan lagi datanya ke ponsel.

Content Management System (CMS) 

Adalah perangkat lunak yang digunakan untuk menambahkan atau mengubah isi dari suatu situs web. Jadi CMS memiliki fungsi sebagai tempat untuk membangun website dengan mudah tanpa harus mengetahui sistem pemograman seperti HTML, CSS, Javascript, dan PHP. CMS juga menyediakan banyak template sehingga kita dapat membangun website secara instant dan untuk proses instalasi juga sangat mudah dan sederhana. 

Algoritma

Merupakan suatu cara atau langkah yang dilakukan secara logis untuk menyelesaikan suatu masalah. Algoritma disusun secara sistematis dan logis, algoritma haruslah mempunyai suatu nilai antara benar dan salah. Cara kerja algoritma sendiri ini juga untuk memudahkan kita dalam melakukan proses pembuatan program. Melalui algoritma, kita bisa melakukan pendekatan top down maupun divide and conquer. Baik program sederhana maupun sulit, sama-sama bisa dipecahkan melalui algoritma.

Sistem Operasi

Sebuah perangkat lunak yang beroperasi mengatur atau mengontrol sebuah perangkat keras dan mengoperasikan aplikasi atau software suatu sistem di komputer. 

Cara kerja dari sistem operasi ini adalah sebagai narahubung antara software dengan hardware. Ada beberapa sistem operasi pada saat ini, contohnya : Linux, Mac OS, Windows, dsb.

WAF Website Appliancation Firewall

Adalah susunan filter yang bertugas untuk memfilter, memonitor dan melakukan blocking terhadap data yang berasal dari client ke sebuah webserver.

Cara kerja WAF adalah Web application firewall akan menganalisis permintaan GET dan POST yang dikirim melalui HTTP dan HTTPS kemudian menerapkan aturan firewall yang dikonfigurasi untuk mengidentifikasi lalu lintas. WAF kemudian akan memblokir dan menolak akses jika menemukan lalu lintas mencurigakan atau lalu lintas yang memiliki indikasi sebagai ancaman untuk keamanan website.

Text Editor

Adalah aplikasi atau perangkat lunak yang berfungsi untuk membuat, mengubah, mengedit suatu teks file. Text editor dapat dipakai untuk memasukkan pernyataan sumber bahasa program atau untuk membuat dokumen seperti teknis manual.

VPS

Virtual Private Server merupakan server pribadi yang keseluruhan resource-nya hanya digunakan oleh satu pengguna saja dan tidak dipengaruhi oleh pengguna lainnya. VPS user juga dapat mengakses dan mengelola keseluruhan aspek perangkat lunak dari server termasuk akses administrator di sistem operasi server sampai aplikasi yang akan di implementasikan ke server tersebut.

Hosting

Merupakan tempat menyimpan semua data yang ada di website supaya bisa diakses secara online, kalau tidak ada hosting  bisa diakses oleh siapa pun. Jadi cara kerjanya begini, saat ada pengguna internet yang ingin melihat situs web Anda, yang harus mereka lakukan adalah mengetikkan alamat situs web atau domain Anda di browser mereka, kemudian komputer mereka akan terhubung dengan server dan halaman web Anda melalui browser.

Dedicated Server

Merupakan salah satu tipe dari hosting yang menawarkan fasilitas server dengan skala yang penuh hanya ke satu akun penyewa. Anda bisa melakukan pengoperasian seperti memilih jenis operasi, menginstal perangkat lunak dengan cara sendiri. Anda berkuasa penuh atas pengelolaan dedicated server tersebut termasuk pemilihan sistem operasi, hardware, dan sebagainya. Namun anda tidak perlu repot untuk melakukan instalasi dan penyediaan hardware lainnya, karena kami menyediakan support untuk instalasi software tersebut sehingga siap digunakan.