Javascript I

                                                                Javascript I

A. Tujuan Praktikum
     a. Mahasiswa dapat membuat dokumen HTML dengan javascript
     b. Mahasiwa dapat memanfaatkan form menampilkan dialog pesan
     c. Mahasiwa dapat memanfaatkan form untuk program penjumlahan dengan javascript

B. Dasar Teori
     Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini
     dinamakan "LiveScript" yang berfungsi sebagai bahasa sederhana untuk browse Netscape Navigator
     2. Pada masa itu bahasa ini banyak dikritik karena kurang aman, pengembangannya yang terkesan
     buru-buru dan tidak ada pesan kesalahan yang ditampilkan setiap kali kita membuat kesalahan pada
     saat menyusun suatu program. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape
     dan Sun (pengembang bahasa pemrograman "Java") pada 4 desember 1995. Pada saat yang
     bersamaan microsoft sendiri mencoba untuk mengadaptasikan Javasript adalah bahasa yang
     berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang
     sejarah internet bahasa ini adalah bahasa pertama untuk web. Bahasa ini adalah bahasa
     pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan
     mengijinkan pengeksekusian perintah perintah di user, yang artinya disisi browser bukan disisi
     server web.
     Terdapat dua cara untuk menuliskan kode-kode Java Script gar dapat ditampilkan pada halaman
     HTML yaitu:
     a). Javascript ditulis pada file yang sama
     Untuk penulisan dengan cara ini, perintah yang digunakan adalah :
     <HTML>
     <HEAD> \ <TITLE>...... . \ </TITLE>
     </HEAD>
     <BODY>
     <SCRIPT LANGUAGE="Javascript">
        //kode javascript disini
     </SCRIPT>
      //KODE html DISINI
     </BODY>
     </HTML>

      b). Javascript ditulis pada file terpisah
      Kode Javascript bisa juga kita buat dalam file terpisah dengan tujuan agar dokumen HTML isinya
      tidak terlalu panjang. Atibut yang digunakan adalah
      <SCRIPT SRC="namafile.js">...\<\SCRIPT>
      Diantara tag </SCRIPT.....> dan \ <SCRIPT> tidak perlu lagi kode Javascriptnya karena sudah
      dibuat dalam file terpisah. File yang mengandung Javascript berekstensi .js
      Tidak seperti bahasa pemrograman lainnya, Javascript tidak memiliki tipe data secara explist.
      Hal ini dapat dilihat dari beberapa contoh variabel ditas. Anda mendeklarasikan variabel tapi tidak
      menentukan tipenya. Meskipun Javascript tidak memiliki tipe data secara explist. JavaScript
      mempunyai tipe data implist. Terdapat empat macam tipe data implist yang dimiliki oleh
     JavaScript yaitu : Numerik, String, Boolean, Null.
     Operator pada JavaScript terbagi enam, yaitu: ritmetika, Pemberian nilai (Asign), Pemanipulasian
     bit (bitwise), Pembanding, Logika, string.

skrip 9.1 Halo JavaScript________________________________________________________
1. <html>
2. <head>
3. <title>Halo Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript">
7. document.write("Halo saya baru belajar JAVASCRIPT !");
8. </SCRIPT>
9. </body>
10.</html>

skrip 9.2 Menulis dokumen dengan Javascript__________________________________________
1. <html>
2. <head>
3. <title>Halo Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript">
7. document.write("<h3> Pekerjaan hari ini: </h3>");
8. document.write("<ul>");
9. document.write("<li> Servis motor </li>");
10.document.write("<li> Belanja Sembako </li>");
11. document.write("<li> Memberi makan ikan </li>");
12. document.write("<li> Ngajari anak belajar </li>");
13. document.write("</ul>");
14. </SCRIPT>
15. <h1> Ini di luar javascript </h1>;
16. </body>
17. </html>
18. </head>

skrip 9.3 Eksternal Javascript______________________________________________________
1. <html>
2. <head>
3. <title>Eksternal Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript" src="isi.js"></SCRIPT>
7.<h1> Ini diluar Javascript </h1>
8. </body>
9. </html>

skrip 9.4 Operasi Aritmatik dan string________________________________________________

1. <html>
2. <head>
3. <title>Operasi Aritmatik dan String</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript"> 
7. documen.writeln("<PRE>");
8. documen.writeln("<h3>Operasi Aritmatik dan String</h3>");
9. var A = "1";
10. var B = "2";
11. var C = "3";
12. var D = "4";
13. var E = "A+B";
14. documen.writeln(' Hasil "1" + "2" = '  + E);
15. E = B + C;
16. document.writeln(' Hasil "2" + 3 = ' + E);
17. E = C + D;
18. document.writeln(' Hasil 3 + 4 = ' E);
19. document.writeln("</PRE>");
20. </SCRIPT> </P>
21. </body>
22. <html>

   
 

Kartu Rencana Studi

Informasi Matakuliah Ditawarkan

Keterangan :

Informasi Matakuliah Ditawarkan berisi seluruh matakuliah yang ditawarkan pada semester aktif. Dari seluruh matakuliah yang terdapat pada daftar, setiap matakuliah mempunyai aturan tersendiri bergantung pada program studi, kurikulum, dan aturan akademik lainnya. Untuk lebih jelasnya, anda dapat melihat detil kelas.

Semester Genap 2011/2012

Program Studi

Paket Semester 2

No	Kode	MataKuliah	Nama Dosen	Kelas	W/P	SKS
1	SI 1148	Algoritma dan Pemrograman 2	Arif Rahman, S.Kom., M.T.	A	W	3
2	MM 1103	Aljabar Linier	Yudi Ari Adi, S.Si,M.Si	A	W	3
3	SI 1153	Arsitektur dan Organisasi Komputer	Imam Riadi, S.Pd., M.Kom.	A	W	3
4	BS 1052	Bahasa Inggris 2	Raditya Adi Pramono, S.S.; Hj.Ulaya Ahdiani, S.S., M.Hum.	A	W	2
5	UN 1032	Ilmu Sosial dan Budaya Dasar	Drs.Supriyadi, M.Si.	A	W	2
6	MM 1093	Matematika Dasar 2	Drs. H.Basuki AR, M.Si.	A	W	3
7	MM 2183	Matematika Diskrit	Suprihatin, S.Si., M.Kom.	A	W	3
8	SI 2238	Pemrograman Visual	Suprihatin, S.Si., M.Kom.	A	W	3
9	ML16012	Sertifikasi 1	Drs. H.Marsum, MM	A	W	0

Paket Semester 4

No	Kode	MataKuliah	Nama Dosen	Kelas	W/P	SKS
10	SI 3318	Basis Data 2	Imam Azhari, S.Si., M.CS.	A	W	3
11	SI 2438	Desain dan Pengelolaan Jaringan	Mursid Wahyu Hananto, S.Si., M.Kom.	A	W	3
12	SI 2268	Interaksi Manusia dan Komputer	Imam Azhari, S.Si., M.CS.	A	W	3
13	UN 2172	Kewarganegaraan	Dikdik Baehaqi Arif, S.Pd., M.Pd.	A	W	2
14	SI 2228	Pemrograman Web 2	Arif Rahman, S.Kom., M.T.	A	W	3
15	EM 2423	Perilaku Organisasi	Utik Bidayati, S.E., M.M.	A	W	3
16	SI 3333	Rekayasa Perangkat Lunak	Mursid Wahyu Hananto, S.Si., M.Kom.	A	W	3
17	ML16022	Sertifikasi 2	Anang Masduki, S.Sos.	A	W	0
18	SI 2198	Struktur Data dan Analisis Algoritma	Suprihatin, S.Si., M.Kom.	A	W	3

Paket Semester 6

No	Kode	MataKuliah	Nama Dosen	Kelas	W/P	SKS
19	SI 3463	E-Business	Imam Azhari, S.Si., M.CS.	A	W	3
20	SI 4402	Kerja Praktik	Tim,	A	W	0
21	EM 4388	Manajemen Proyek Teknologi Informasi	Tawar, S.Si., M.Kom.	A	W	3
22	SI 3483	Manajemen Sistem Informasi	Imam Riadi, S.Pd., M.Kom.	A	W	3
23	SI 3473	Manajemen Teknologi Informasi	Imam Riadi, S.Pd., M.Kom.	A	W	3
24	SI 3322	Metode Penelitian	Drs.Abdul Fadlil, M.T., Ph.D.	A	W	2
25	SI 4518	Mobile Technologies	Arif Rahman, S.Kom., M.T.	A	W	3
26	SI 4643	Pengembangan Perangkatlunak Instruksional	Mursid Wahyu Hananto, S.Si., M.Kom.	A	P	3
27	SI 4528	Proyek Pengembangan Sistem Informasi	Tawar, S.Si., M.Kom.	A	W	3
28	ML16032	Sertifikasi 3	Drs. H.M. Sudarto, M.Ag.	A	W	0
29	SI 3633	Sistem Pendukung Keputusan	Mursid Wahyu Hananto, S.Si., M.Kom.	A	P	3

Paket Semester 7

No	Kode	MataKuliah	Nama Dosen	Kelas	W/P	SKS
30	UN4374	Kuliah Kerja Nyata	Tim,	A	W	4

Paket Semester 8

No	Kode	MataKuliah	Nama Dosen	Kelas	W/P	SKS
31	ML16042	Sertifikasi 4	Drs.Aziz Abdullah, M.Ag.	A	W	0
32	SI 4996	Skripsi	Tim,	A	W	6

Petunjuk:

• Klik link nama kelas untuk melihat detil kelas.

Informasi Pengguna

RAMADHAN ANSYARI

11016006

Sistem Informasi

Tag Dasar

                                                                              Tag Dasar

A. Tujuan Praktikum
      1. Mahasiswa dapat mengerti struktur dasar HTML
      2. Mahasiswa dapat membuat halaman web dengan tag dasar

B. Dasar Teori
     HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam      pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Dokumen HTML disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk sebuah aplikasi teks editor. Dokumen HTML berekstensi HTML atau HTM. Struktur dasar dokumen HTML  berisi elemen-elemen atau tag sebagai berikut :
skrip 1.1 Struktur dasar HTML                                                                                                                  
1. <html>
2.<head>
3.   <title>Judul Halaman web</title>
4. </head>
5.              </body>
6.                        Isi Halaman WEB
7.              </body>
8. </html>
Tag dasar dasar HTML adalah sebagai berikut :
                                                          Tabel 1.1 Tag Dasar
        Start Tag                         Kegunaan                                                                                              
        <html>                             Mendefenisikan sebuah dokumen html
        <body>                            Mendefenisikan isi /badan suatu dokumen
        <h1>-<h6>                      Mendefenisikan heading ke 1 s/d heading ke 6
        <p>                                  Mendefenisikan sebuh paragraph
        <br>                                 Menyisipkan sebuah line break
        <hr>                                 Mendefenisikan sebuah garis horizontal
        <!-->                                Mendefenisikan komentar dalam kode sumber HTML

skrip 1.2. Heading_________________________________________________________________
1. <html>
2.<head>
3.    <title>Judul Halaman web</title>
4.</head>
5.              <body>
6.              <h1>Ini adalah heading 1</h1>
7.              <h2>Ini adalah heading 2</h2>
8.              <h3>Ini adalah heading 3</h3>
9.              <h4>Ini adalah heading 4</h4>
10.            <h5>Ini adalah heading 5</h5>
11.            <h6>Ini adalah heading 6</h6>
12.
13.           </body>
14.</html>

skrip 1.3 Paragraph_________________________________________________________________
1.  <html>
2.  <head>
3.      <title>Judul Halaman Web,/title>
4.  </head>
5.             <body>
6.             <h1>Dasar teori</h1>
7.             <p>
8.  HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
9.  dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
10. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
11. yang digunakan untuk mengatur format tampilan suatu dokumen.
12. </p> <p>
13. Untuk membuat
14. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
15. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
16. berikut:
17. </p>
18.            </body>
19. </html>

skrip 1.4 Garis Horizontal dan Line Break___________________________________________
1.  <html>
2.  <head>
3.       <title>Judul Halaman Web</title>
4.  </head>
5.                 <body>
6.                 <h1>Dasar teori,/h1>
7.                 <hr>
8.                 <p>
9.   HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
10.  <br>
11. dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
12. <br>
13. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
14. yang digunakan untuk mengatur format tampilan suatu dokumen.
15. </p> <p><,hr>
16. Untuk membuat
17. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
18. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
19. berikut:
20. </p>
21.                   </body>
22.  </html>

skrip 1.5 Komentar-komentar tambahan______________________________________________
1.   <html>
2.   <head> <!--tag awal head-->
3.       <title>Judul Halaman Web</title>
4.   </head>Tag penutup head-->
5.       <body> <!--tag awal body-->
6.   <h1>Dasar teori</h1>
7.   <hr> <!--tag garis horisontal-->
8.   <p> <!--tag awal paragraf-->
9.   HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan
10.  <br> <!--tag garis baris-->
11.  dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen HTML
12. <br>
 13. disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu
14. yang digunakan untuk mengatur format tampilan suatu dokumen.
15. </p> <p><,hr>
16. Untuk membuat
17. dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor. Dokumen HTML berekstensi
18. HTML atau HTM. Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai
19. berikut:
20. </p>
21.                   </body>
22.  </html>


C. Tugas:

1.  Ketiklah skrip 1.1 dengan notepad simpan dengan nama prg11.html
2.  Doubleklik lah file: prg11.html amati hasilnya tujukan judulnya
3.  Modifikasi skrip1.1 menjadi skrip 1.2 simpan dengan nama prg1.2 .html
4.  Amati hasilnya dengan cara double klik file nya
5.  Modifikasi skrip1.2 menjadi skrip 1.3 simpan dengan nama prg1.3 .html
6.  Amati hasilnya dengan cara double klik file nya
7.  Modifikasi skrip1.3 menjadi skrip 1.4 simpan dengan nama prg1.4 .html
8.  Amati hasilnya dengan cara double klik file nya
9.  Modifikasi skrip1.4 menjadi skrip 1.5 simpan dengan nama prg1.5 .html
10. Amati hasilnya dengan cara double klik file nya