TUGAS 2 – 0316 (INDIVIDU)
REKAYASA WEB
NAMA : HIDAYATUL ICHWAN
NIM : 1311511529
UNIVERSITAS BUDILUHUR
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.
Contoh
<?xml version="1.0"?>
<product barcode="239424545">
<manufacturer>Verbatim</manufacturer>
<name>DataLife MF 2HD</name>
<quantity>10</quantity>
<size>3.5"</size>
<color>black</color>
<description>floppy disks</description>
</product>
1. Apakah yang anda ketahui tentang XML?berikan contoh!
JSON (JAVASCRIPT OBJECT NOTATION) ADALAH FORMAT PERTUKARAN DATA
YANG RINGAN, MUDAH DIBACA DAN DITULIS OLEH MANUSIA, SERTA MUDAH DITERJEMAHKAN
DAN DIBUAT (GENERATE) OLEH KOMPUTER. FORMAT INI DIBUAT BERDASARKAN BAGIAN DARI
BAHASA PEMPROGRAMAN JAVASCRIPT, STANDAR ECMA-262 EDISI KE-3 - DESEMBER 1999.
JSON MERUPAKAN FORMAT TEKS YANG TIDAK BERGANTUNG PADA BAHASA PEMPROGRAMAN
APAPUN KARENA MENGGUNAKAN GAYA BAHASA YANG UMUM DIGUNAKAN OLEH PROGRAMMER
KELUARGA C TERMASUK C, C++, C#, JAVA, JAVASCRIPT, PERL, PYTHON DLL. OLEH KARENA
SIFAT-SIFAT TERSEBUT, MENJADIKAN JSON IDEAL SEBAGAI BAHASA PERTUKARAN-DATA.
Contoh :
<html>
<head>
<title>JSON testing – ichwan </title>
<script type='text/javascript'>
var JSON_adi = {nama:’ichwan’};
document.write (JSON_ich.nama);
</script>
</head>
<body>
</body>
</html>
2.Apakah yang anda ketahui tentang JSON?berikan contoh!
PERBEDAAN ANTARA XML DAN HTML
PERLU DIKETAHUI BEBERAPA HAL DIBAWAH INI:
XML BUKAN MERUPAKAN PENGGANTI HTML.
XML DAN HTML YANG DIRANCANG DENGAN TUJUAN YANG BERBEDA:
XML DIRANCANG UNTUK TRANSPORTASI DAN MENYIMPAN DATA, DENGAN FOKUS PADA APA
DATA.
HTML DIRANCANG UNTUK MENAMPILKAN DATA, DENGAN FOKUS PADA BAGAIMANA DATA
TERLIHAT.
HTML ADALAH TENTANG MENAMPILKAN INFORMASI, SEDANGKAN XML ADALAH MEMBAWA
INFORMASI TENTANG.
3. Berikan beberapa perbedaan mendasar antara HTML dan
XML?
PENGERTIAN JAVASCRIPT
JAVASCRIPT ADALAH BAHASA PEMOGRAMAN WEB YANG BERSIFAT CLIENT SIDE
PROGRAMMING LANGUAGE. CLIENT SIDE PROGRAMMING LANGUAGE ADALAH TIPE BAHASA
PEMOGRAMAN YANG PEMROSESANNYA DILAKUKAN OLEH CLIENT. APLIKASI CLIENT YANG
DIMAKSUD MERUJUK KEPADA WEB BROWSER SEPERTI GOOGLE CHROME DAN MOZILLA
FIREFOX
. <!DOCTYPE HTML>
<HTML>
<BODY>
<H1>JAVASCRIPT PERTAMA SOBATT</H1>
<P>JAVASCRIPT DAPAT MERUBAH SEBUAH CONTEN PADA ELEMENT HTML:</P>
<BUTTON TYPE="BUTTON" ONCLICK="FUNGSIKU()">TEKAN DSINI!</BUTTON>
<P ID="CONTOH">INI HANYA SEBAGAI CONTOH.</P>
<SCRIPT>
FUNCTION FUNGSIKU() {
DOCUMENT.GETELEMENTBYID("CONTOH").INNERHTML = "HAI.. JAVACRIPT :)";
}
</SCRIPT>
</BODY>
</HTML>
4. Jelaskan yang anda ketahui mengenai javascript?berikan
contoh!
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.
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.
ILUSTRASI
 Sebuah developer website menerima pesanan pembuatan website,
perusahaan tersebut hanya memberikan gambar website yang
mereka inginkan (atau yang biasa disebut mockup). Disinilah peran
Back-end dan Front-End developer dibedakan, yang pertama
memulai pekerjaan adalah Front-End, para Front-End developer
akan memulai tugas mereka yang pertama yaitu merubah
gambar(mockup) tadi menjadi sebuah halaman web static berbentuk
HTML (atau yang biasa disebut dengan slicing),
5. jelaskan dan berikan ilustrasi istilah front end dan back end pada
software development !

Tugas 2 – 0316

  • 1.
    TUGAS 2 –0316 (INDIVIDU) REKAYASA WEB NAMA : HIDAYATUL ICHWAN NIM : 1311511529 UNIVERSITAS BUDILUHUR
  • 2.
    XML (EXTENSIBLE MARKUPLANGUAGE) 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. Contoh <?xml version="1.0"?> <product barcode="239424545"> <manufacturer>Verbatim</manufacturer> <name>DataLife MF 2HD</name> <quantity>10</quantity> <size>3.5"</size> <color>black</color> <description>floppy disks</description> </product> 1. Apakah yang anda ketahui tentang XML?berikan contoh!
  • 3.
    JSON (JAVASCRIPT OBJECTNOTATION) ADALAH FORMAT PERTUKARAN DATA YANG RINGAN, MUDAH DIBACA DAN DITULIS OLEH MANUSIA, SERTA MUDAH DITERJEMAHKAN DAN DIBUAT (GENERATE) OLEH KOMPUTER. FORMAT INI DIBUAT BERDASARKAN BAGIAN DARI BAHASA PEMPROGRAMAN JAVASCRIPT, STANDAR ECMA-262 EDISI KE-3 - DESEMBER 1999. JSON MERUPAKAN FORMAT TEKS YANG TIDAK BERGANTUNG PADA BAHASA PEMPROGRAMAN APAPUN KARENA MENGGUNAKAN GAYA BAHASA YANG UMUM DIGUNAKAN OLEH PROGRAMMER KELUARGA C TERMASUK C, C++, C#, JAVA, JAVASCRIPT, PERL, PYTHON DLL. OLEH KARENA SIFAT-SIFAT TERSEBUT, MENJADIKAN JSON IDEAL SEBAGAI BAHASA PERTUKARAN-DATA. Contoh : <html> <head> <title>JSON testing – ichwan </title> <script type='text/javascript'> var JSON_adi = {nama:’ichwan’}; document.write (JSON_ich.nama); </script> </head> <body> </body> </html> 2.Apakah yang anda ketahui tentang JSON?berikan contoh!
  • 4.
    PERBEDAAN ANTARA XMLDAN HTML PERLU DIKETAHUI BEBERAPA HAL DIBAWAH INI: XML BUKAN MERUPAKAN PENGGANTI HTML. XML DAN HTML YANG DIRANCANG DENGAN TUJUAN YANG BERBEDA: XML DIRANCANG UNTUK TRANSPORTASI DAN MENYIMPAN DATA, DENGAN FOKUS PADA APA DATA. HTML DIRANCANG UNTUK MENAMPILKAN DATA, DENGAN FOKUS PADA BAGAIMANA DATA TERLIHAT. HTML ADALAH TENTANG MENAMPILKAN INFORMASI, SEDANGKAN XML ADALAH MEMBAWA INFORMASI TENTANG. 3. Berikan beberapa perbedaan mendasar antara HTML dan XML?
  • 5.
    PENGERTIAN JAVASCRIPT JAVASCRIPT ADALAHBAHASA PEMOGRAMAN WEB YANG BERSIFAT CLIENT SIDE PROGRAMMING LANGUAGE. CLIENT SIDE PROGRAMMING LANGUAGE ADALAH TIPE BAHASA PEMOGRAMAN YANG PEMROSESANNYA DILAKUKAN OLEH CLIENT. APLIKASI CLIENT YANG DIMAKSUD MERUJUK KEPADA WEB BROWSER SEPERTI GOOGLE CHROME DAN MOZILLA FIREFOX . <!DOCTYPE HTML> <HTML> <BODY> <H1>JAVASCRIPT PERTAMA SOBATT</H1> <P>JAVASCRIPT DAPAT MERUBAH SEBUAH CONTEN PADA ELEMENT HTML:</P> <BUTTON TYPE="BUTTON" ONCLICK="FUNGSIKU()">TEKAN DSINI!</BUTTON> <P ID="CONTOH">INI HANYA SEBAGAI CONTOH.</P> <SCRIPT> FUNCTION FUNGSIKU() { DOCUMENT.GETELEMENTBYID("CONTOH").INNERHTML = "HAI.. JAVACRIPT :)"; } </SCRIPT> </BODY> </HTML> 4. Jelaskan yang anda ketahui mengenai javascript?berikan contoh!
  • 6.
    FRONT-END DEVELOPER PROGRAMMER YANGLEBIH 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. 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. ILUSTRASI  Sebuah developer website menerima pesanan pembuatan website, perusahaan tersebut hanya memberikan gambar website yang mereka inginkan (atau yang biasa disebut mockup). Disinilah peran Back-end dan Front-End developer dibedakan, yang pertama memulai pekerjaan adalah Front-End, para Front-End developer akan memulai tugas mereka yang pertama yaitu merubah gambar(mockup) tadi menjadi sebuah halaman web static berbentuk HTML (atau yang biasa disebut dengan slicing), 5. jelaskan dan berikan ilustrasi istilah front end dan back end pada software development !