SlideShare a Scribd company logo
1 of 9
Freddy Ferdiansyah
KI / 1412510586
XML (eXtensible Markup Language) merupakan bahasa web turunan dari SGML
(Standart Generalized Markup Language) yang ada sebelumnya. XML hampir sama
dengan HTML, dimana keduanya sama-sama turunan dari SGML. Teknologi XML
dikembangkan mulai tahun 1966 dan mendapatkan pengakuan dari Worl Wide Web
Consortium (W3C) pada bulan Februari 1998. Sedangkan SGML sendiri telah
dikembangkan pada awal tahun 1980-an. Pada saat HTML dikembangkan pada
tahun 1990, para penggagas XML mengadopsi bagian paling penting SGML dan
dengan berpedoman pada pengembangan HTML menghasilkan bahasa markup
yang tidak kalah hebatnya dengan SGML.
Secara sederhana XML adalah suatu bahasa yang digunakan untuk
mendeskripsikan dan memanipulasi dokumen secara terstruktur. Secara teknis XML
didefinisikan sebagai suatu bahasa meta-markup yang menyediakan format tertentu
untuk dokumen-dokumen yang mempunyai data terstruktur. Bahasa markup adalah
mekanisme untuk mengenal secara terstruktur di dokumen. XML adalah suatu
aplikasi profil dari SGML. Seperti yang didefinisikan dari ISO 8879, SGML adalah
cara standart dan vendor-independent.
Contoh program XML:
Sebuah contoh dokumen XML seperti pada contoh dibawah ini dan simpan
kedalam file contoh1.xml :
<?xml version="1.0"?>
<product barcode="2394287410">
<manufacturer>Verbatim</manufacturer>
<name>DataLife MF 2HD</name>
<quantity>10</quantity>
<size>3.5"</size>
<color>black</color>
<description>floppy disks</description>
</product>
XML tidak mempunyai definisi secara tepat karena ada yang berpendapat bahwa
XML bukanlah suatu bahasa pemrograman,melainkan XML merupakan sintaks
yang digunakan untuk menjelaskan bahasa markup lain (Dournaee,2002), sehingga
dinamakan meta-language.Selain itu XML bukanlah solusi semua hal untuk tujuan
semua user. Sedangkan peran dari markup itu sendiri berupa:
1. Markup dapat menambah maksud arti (semantic) suatu data.
2. Dapat memisahkan data.
3. Dapat mendefinisikan peran data.
4. Dapat mendefinisikan batasan data.
5. Dapat menfenisikan keterhubungan data.
JSON (dibaca: “Jason”), singkatan dari JavaScript Object Notation adalah suatu
format ringkas pertukaran data komputer. Formatnya berbasis teks dan terbaca-
manusia serta digunakan untuk merepresentasikan struktur data sederhana dan
larik asosiatif (disebut objek).
Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui
suatu koneksi jaringan pada suatu proses yang disebut serialisasi. Aplikasi
utamanya adalah pada pemrograman aplikasi web AJAX dengan berperan sebagai
alternatif terhadap penggunaan tradisional format XML.
Walaupun JSON didasarkan pada subset bahasa pemrograman JavaScript (secara
spesifik, edisi ketiga standar ECMA-262, Desember 1999 [1]) dan umumnya
digunakan dengan bahasa tersebut, JSON dianggap sebagai format data yang tak
tergantung pada suatu bahasa. Kode untuk pengolahan dan pembuatan data JSON
telah tersedia untuk banyak jenis bahasa pemrograman. Situs json.org
menyediakan daftar komprehensif pengikatan JSON yang tersedia, disusun
menurut bahasa.
Contoh JSON
{“menu”: {
“id”: “file”,
“value”: “File”,
“popup”: {
“menuitem”: [
{“value”: “New”, “onclick”, “CreateNewDoc () “} ,
{“value”: “Open”, “onclick”, “OpenDoc () “} ,
{“value”: “Close”, “onclick”, “CloseDoc () “} ,
]
}
}}
Perbedaan yang paling mendasar antara XML dan HTML adalah sebagai berikut:
1. XML bukan merupakan pengganti HTML.
2. XML dirancang untuk menyimpan dan mentransport data, dengan focus pada
data apa itudan HTML yang dirancang untuk menampilkan data, dengan
focus pada seperti apa dataitu terlihat.
3. XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada apa
data.
4. HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data
terlihat.
5. HTML adalah tentang menampilkan informasi, sedangkan XML adalah
membawainformasi.
6. XML dan HTML memiliki standar penulisan tag yang berbeda, Tag yang
digunakandalam HTML telah ditetapkan. Dokumen HTML hanya bisa
menggunakan tag yangdidefinisikan dalam standar
HTML (seperti<p>,<h1>,<b>,<i>dll). Sedangkan tagXML tidak ditetapkan atau
tidak didefinisikan dalam standar khusus. Penulis tag XML bebas menulis tag-
nya sendiri.
Javascript adalah sebuah bahasa komputer atau kode pemrograman yang
digunakan pada website agar website tersebut menjadi lebih interaktif dan
dinamis. Javascript adalah jenis bahasa pemrograman client side . Penggunaan
kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu
ada. Namun, website-website maupun blog modern saat ini hampir semuanya
menggunakan kode javascript walaupun sedikit. Hal ini karena tanpa javascript,
sebuah website bagaikan sayur tanpa garam.
javascript berfungsi membuat sebuah halaman website lebih interaktif dan
dinamis. Penggunaan kode javascript sangat dibutuhkan untuk website-website
yang berorientasi pada kenyamanan pengakses (user-experience). Namun,
penggunaan kode javascript ini tidak akan maksimal jika tidak dibarengi dengan
penggunaan css karena javascript juga tidak akan lepas dari html.
Berikut ini adalah contoh penggunaan kode javascript yaitu dengan membuat
“alert” :
<script type="text/javascript">
function simsalabim() {
alert("Simsalabim, blah blah blah");
}
</script> <button onclick="simsalabim()">
Karena penggunaan javascript diatas masih sederhana, anda juga
bisa menuliskan fungsi diatas seperti dibawah ini :
<button onclick="alert("Simsalabim, blah blah blah");" >
Front-End Developer
Programmer yang lebih fokus pada tampilan luarnya (layout), jika kalian melihat
web-web yang bagus layout/tampilanya itu biasanya dibuat oleh para front-end
web developer untuk itu mereka harus bisa memahami beberapa bahasa
programming diantaranya HTML, CSS, Javascript dan Jquery.
Back-End Developer
Programmer yang lebih fokus pada fungsi-fungsi dari website tersebut, misalnya
membuat form registrasi, pembayaran dan lain sebagainya, karena itu mereka
harus bisa memahami beberapa bahasa programming juga diantaranya php, sql,
java dan lain sebagainya.

More Related Content

What's hot

Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669dodyalfad
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyaniikasulistiyani
 
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Riyadi Saputra
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa webSugianto oo
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasawebseptianarul
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602dewiapril1996
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa webfaisalawai
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa webHan'zo WEw
 
Apa itu XML - JSON - JavaScript - Front end & Back end
Apa itu XML - JSON - JavaScript - Front end & Back endApa itu XML - JSON - JavaScript - Front end & Back end
Apa itu XML - JSON - JavaScript - Front end & Back endAzhar Krisna
 
Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899hendrieprasetyo
 
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2debbie95
 
pemograman API
pemograman APIpemograman API
pemograman APIFarisLufhy
 
Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013DianSinta
 

What's hot (20)

Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
 
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
 
Tgs 2 rekweb
Tgs 2 rekwebTgs 2 rekweb
Tgs 2 rekweb
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Tugas2
Tugas2 Tugas2
Tugas2
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 rekaya web
Tugas 2 rekaya webTugas 2 rekaya web
Tugas 2 rekaya web
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasaweb
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Apa itu XML - JSON - JavaScript - Front end & Back end
Apa itu XML - JSON - JavaScript - Front end & Back endApa itu XML - JSON - JavaScript - Front end & Back end
Apa itu XML - JSON - JavaScript - Front end & Back end
 
Tugas 3 0317
Tugas 3 0317Tugas 3 0317
Tugas 3 0317
 
Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899
 
Tugas 4 api
Tugas 4 apiTugas 4 api
Tugas 4 api
 
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2
 
pemograman API
pemograman APIpemograman API
pemograman API
 
Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013
 

Viewers also liked

Plans and pricing work voices 2013
Plans and pricing work voices 2013Plans and pricing work voices 2013
Plans and pricing work voices 2013WorkVoices
 
Kurt's Resume Current
Kurt's Resume CurrentKurt's Resume Current
Kurt's Resume CurrentKurt Dathe
 
Dosier sobre las bayas silvestres por Palmira Pozuelo y Entorno Escorial
Dosier sobre las bayas silvestres  por Palmira Pozuelo y Entorno EscorialDosier sobre las bayas silvestres  por Palmira Pozuelo y Entorno Escorial
Dosier sobre las bayas silvestres por Palmira Pozuelo y Entorno EscorialMichael Harris
 

Viewers also liked (8)

Http
HttpHttp
Http
 
FUSION-CHED ENDORSEMENT
FUSION-CHED ENDORSEMENT FUSION-CHED ENDORSEMENT
FUSION-CHED ENDORSEMENT
 
Plans and pricing work voices 2013
Plans and pricing work voices 2013Plans and pricing work voices 2013
Plans and pricing work voices 2013
 
Newsletter sample
Newsletter sampleNewsletter sample
Newsletter sample
 
Kurt's Resume Current
Kurt's Resume CurrentKurt's Resume Current
Kurt's Resume Current
 
NAVEGADORES
NAVEGADORESNAVEGADORES
NAVEGADORES
 
Dosier sobre las bayas silvestres por Palmira Pozuelo y Entorno Escorial
Dosier sobre las bayas silvestres  por Palmira Pozuelo y Entorno EscorialDosier sobre las bayas silvestres  por Palmira Pozuelo y Entorno Escorial
Dosier sobre las bayas silvestres por Palmira Pozuelo y Entorno Escorial
 
Tipos de esfuerzos
Tipos de esfuerzosTipos de esfuerzos
Tipos de esfuerzos
 

Similar to Perbedaan antara Front-End dan Back-End Developer

Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008ISMAIL ALUWI
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web Nasrul Akbar
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545imeldafelicia
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487nurul azmi
 
Tugas 2 rekayasa web
Tugas  2 rekayasa webTugas  2 rekayasa web
Tugas 2 rekayasa webhelmy afifi
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832fahreza yozi
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917rimaafauziaah
 
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844muhammad ayub
 
Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454alvinyosua
 
TUGAS REKAYASA WEB 2
TUGAS REKAYASA WEB 2TUGAS REKAYASA WEB 2
TUGAS REKAYASA WEB 2rizkyripai
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_kuIrfanRifangga
 
Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Dimas Setiadi
 
Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511lailyfitria
 

Similar to Perbedaan antara Front-End dan Back-End Developer (20)

Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
 
Tugas 2 rekayasa web
Tugas  2 rekayasa webTugas  2 rekayasa web
Tugas 2 rekayasa web
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
 
Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454Tugas 2 rekweb alvin yosua 1411510454
Tugas 2 rekweb alvin yosua 1411510454
 
TUGAS REKAYASA WEB 2
TUGAS REKAYASA WEB 2TUGAS REKAYASA WEB 2
TUGAS REKAYASA WEB 2
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku
 
RekWeb
RekWebRekWeb
RekWeb
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Tugas 2 Rekayasa Web
Tugas 2 Rekayasa WebTugas 2 Rekayasa Web
Tugas 2 Rekayasa Web
 
Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916
 
Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
 

Recently uploaded

MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAAndiCoc
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptxHendryJulistiyanto
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxRezaWahyuni6
 
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASaku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASreskosatrio1
 
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptxKONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptxawaldarmawan3
 
Dinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapDinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapsefrida3
 
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Abdiera
 
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxJamhuriIshak
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxWirionSembiring2
 
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BModul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BAbdiera
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxFuzaAnggriana
 
04-Gemelli.- kehamilan ganda- duo atau triplet
04-Gemelli.- kehamilan ganda- duo atau triplet04-Gemelli.- kehamilan ganda- duo atau triplet
04-Gemelli.- kehamilan ganda- duo atau tripletMelianaJayasaputra
 
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdfHARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdfkustiyantidew94
 
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...Kanaidi ken
 
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5ssuserd52993
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdfsdn3jatiblora
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfElaAditya
 
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfContoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfCandraMegawati
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdfvebronialite32
 
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMLaporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMmulyadia43
 

Recently uploaded (20)

MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptx
 
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASaku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
 
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptxKONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
KONSEP KEBUTUHAN AKTIVITAS DAN LATIHAN.pptx
 
Dinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapDinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genap
 
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
Modul Ajar Biologi Kelas 11 Fase F Kurikulum Merdeka [abdiera.com]
 
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
 
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BModul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
 
04-Gemelli.- kehamilan ganda- duo atau triplet
04-Gemelli.- kehamilan ganda- duo atau triplet04-Gemelli.- kehamilan ganda- duo atau triplet
04-Gemelli.- kehamilan ganda- duo atau triplet
 
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdfHARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
HARMONI DALAM EKOSISTEM KELAS V SEKOLAH DASAR.pdf
 
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
 
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
 
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfContoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdf
 
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMLaporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
 

Perbedaan antara Front-End dan Back-End Developer

  • 2. XML (eXtensible Markup Language) merupakan bahasa web turunan dari SGML (Standart Generalized Markup Language) yang ada sebelumnya. XML hampir sama dengan HTML, dimana keduanya sama-sama turunan dari SGML. Teknologi XML dikembangkan mulai tahun 1966 dan mendapatkan pengakuan dari Worl Wide Web Consortium (W3C) pada bulan Februari 1998. Sedangkan SGML sendiri telah dikembangkan pada awal tahun 1980-an. Pada saat HTML dikembangkan pada tahun 1990, para penggagas XML mengadopsi bagian paling penting SGML dan dengan berpedoman pada pengembangan HTML menghasilkan bahasa markup yang tidak kalah hebatnya dengan SGML. Secara sederhana XML adalah suatu bahasa yang digunakan untuk mendeskripsikan dan memanipulasi dokumen secara terstruktur. Secara teknis XML didefinisikan sebagai suatu bahasa meta-markup yang menyediakan format tertentu untuk dokumen-dokumen yang mempunyai data terstruktur. Bahasa markup adalah mekanisme untuk mengenal secara terstruktur di dokumen. XML adalah suatu aplikasi profil dari SGML. Seperti yang didefinisikan dari ISO 8879, SGML adalah cara standart dan vendor-independent.
  • 3. Contoh program XML: Sebuah contoh dokumen XML seperti pada contoh dibawah ini dan simpan kedalam file contoh1.xml : <?xml version="1.0"?> <product barcode="2394287410"> <manufacturer>Verbatim</manufacturer> <name>DataLife MF 2HD</name> <quantity>10</quantity> <size>3.5"</size> <color>black</color> <description>floppy disks</description> </product> XML tidak mempunyai definisi secara tepat karena ada yang berpendapat bahwa XML bukanlah suatu bahasa pemrograman,melainkan XML merupakan sintaks yang digunakan untuk menjelaskan bahasa markup lain (Dournaee,2002), sehingga dinamakan meta-language.Selain itu XML bukanlah solusi semua hal untuk tujuan semua user. Sedangkan peran dari markup itu sendiri berupa: 1. Markup dapat menambah maksud arti (semantic) suatu data. 2. Dapat memisahkan data. 3. Dapat mendefinisikan peran data. 4. Dapat mendefinisikan batasan data. 5. Dapat menfenisikan keterhubungan data.
  • 4. JSON (dibaca: “Jason”), singkatan dari JavaScript Object Notation adalah suatu format ringkas pertukaran data komputer. Formatnya berbasis teks dan terbaca- manusia serta digunakan untuk merepresentasikan struktur data sederhana dan larik asosiatif (disebut objek). Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu koneksi jaringan pada suatu proses yang disebut serialisasi. Aplikasi utamanya adalah pada pemrograman aplikasi web AJAX dengan berperan sebagai alternatif terhadap penggunaan tradisional format XML. Walaupun JSON didasarkan pada subset bahasa pemrograman JavaScript (secara spesifik, edisi ketiga standar ECMA-262, Desember 1999 [1]) dan umumnya digunakan dengan bahasa tersebut, JSON dianggap sebagai format data yang tak tergantung pada suatu bahasa. Kode untuk pengolahan dan pembuatan data JSON telah tersedia untuk banyak jenis bahasa pemrograman. Situs json.org menyediakan daftar komprehensif pengikatan JSON yang tersedia, disusun menurut bahasa.
  • 5. Contoh JSON {“menu”: { “id”: “file”, “value”: “File”, “popup”: { “menuitem”: [ {“value”: “New”, “onclick”, “CreateNewDoc () “} , {“value”: “Open”, “onclick”, “OpenDoc () “} , {“value”: “Close”, “onclick”, “CloseDoc () “} , ] } }}
  • 6. Perbedaan yang paling mendasar antara XML dan HTML adalah sebagai berikut: 1. XML bukan merupakan pengganti HTML. 2. XML dirancang untuk menyimpan dan mentransport data, dengan focus pada data apa itudan HTML yang dirancang untuk menampilkan data, dengan focus pada seperti apa dataitu terlihat. 3. XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada apa data. 4. HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data terlihat. 5. HTML adalah tentang menampilkan informasi, sedangkan XML adalah membawainformasi. 6. XML dan HTML memiliki standar penulisan tag yang berbeda, Tag yang digunakandalam HTML telah ditetapkan. Dokumen HTML hanya bisa menggunakan tag yangdidefinisikan dalam standar HTML (seperti<p>,<h1>,<b>,<i>dll). Sedangkan tagXML tidak ditetapkan atau tidak didefinisikan dalam standar khusus. Penulis tag XML bebas menulis tag- nya sendiri.
  • 7. Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side . Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit. Hal ini karena tanpa javascript, sebuah website bagaikan sayur tanpa garam. javascript berfungsi membuat sebuah halaman website lebih interaktif dan dinamis. Penggunaan kode javascript sangat dibutuhkan untuk website-website yang berorientasi pada kenyamanan pengakses (user-experience). Namun, penggunaan kode javascript ini tidak akan maksimal jika tidak dibarengi dengan penggunaan css karena javascript juga tidak akan lepas dari html.
  • 8. Berikut ini adalah contoh penggunaan kode javascript yaitu dengan membuat “alert” : <script type="text/javascript"> function simsalabim() { alert("Simsalabim, blah blah blah"); } </script> <button onclick="simsalabim()"> Karena penggunaan javascript diatas masih sederhana, anda juga bisa menuliskan fungsi diatas seperti dibawah ini : <button onclick="alert("Simsalabim, blah blah blah");" >
  • 9. Front-End Developer Programmer yang lebih fokus pada tampilan luarnya (layout), jika kalian melihat web-web yang bagus layout/tampilanya itu biasanya dibuat oleh para front-end web developer untuk itu mereka harus bisa memahami beberapa bahasa programming diantaranya HTML, CSS, Javascript dan Jquery. Back-End Developer Programmer yang lebih fokus pada fungsi-fungsi dari website tersebut, misalnya membuat form registrasi, pembayaran dan lain sebagainya, karena itu mereka harus bisa memahami beberapa bahasa programming juga diantaranya php, sql, java dan lain sebagainya.