Senin, 06.00 – 17.

00

LAPORAN RESMI

MASA ORIENTASI MAHASISWA ILMU KOMPUTER

RANGKUMAN KEGIATAN HARI PERTAMA MOSAIK 2019

KELOMPOK :
Avia Arista [19081010077]

SENIOR PENDAMPING :

Ilham Krisdianta Siregar [18081010103]

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
JAWA TIMUR
2019
 LEMBAR PENGESAHAN

LAPORAN INI TELAH DITERIMA DAN DISETUJUI :

KEGIATAN : MOSAIK 2019

JUDUL : RANGKUMAN KEGIATAN HARI PERTAMA MOSAIK 2019

NPM : 19081010077

Surabaya, 13 Agustus 2019

Mengetahui,

(Ubaidillah Firdaus)
 MATERI
1. Java Script
Pengertian JavaScript

JavaScript adalah bahasa yang digunakan untuk membuat program yang digunakan agar
dokument HTML yang ditampilkan pada sebuah Browser menjadi lebih interaktif, tidak
sekedar indah saja. JavaScript memberikan beberapa fungsionalitas ke dalam halaman web,
sehingga dapat menjadi sebuah program yang disajikan dengan menggunakan antar muka web.

JavaScript merupakan bahasa script, yaitu bahasa yang tidak memerlukan kompiler untuk
dapat menjalankanya, tetapi cukup dengan Interpreter. Tidak perlu ada proses kompilasi
terlebih dahulu agar program dapat dijalankan. Browser web Netscape Naviagtor dan Internet
Exploler adalah salah satu contoh dari salah banyak interpreter, karena kedua browser ini telah
dilengkapi dengan Interpreter JavaScript. Tetapi tidak semua browser web dapar menjadi
interpreter javascript karena belum tentu browser tersebut dilengkapi dengan
interpreter JavaScript.

JavaScript adalah bahasa pemrograman yang ringan dan mudah untuk digunakan. Dengan
adanya JavaScript ini, maka kini halaman web tidak sekedar menjadi halaman data dan
informasi saja, tetapi juga menjadi suatu program aplikasi dengan antarmuka web.

JavaScript merupakan bahasa pemrograman yang tidak membutuhkan lisensi untuk dapat
menggunakanya. Jika browser web yang kita gunakan mendukung JavaScript, maka kita dapat
langsung membuat aplikasi berbasis web dengan menggunakanJavaScript. JavaScript muncul
sebagai jawaban atas tantangan dari pengakses webyang mengharapkan halaman web yang
ditampilakan dapat lebih dinamis, tidak statis. Dokumen atau halaman web, tidak sekedar
digunakan untuk dapat berinteraksi dengan suatu sistem informasi . Karena pada awal
perkembangan teknologi dan peneraopan web , halaman-halaman web lebih cenderung sebagai
halaman-halaman yang statis, tidak ada suatu daya tarik lain. Selain hanya data dan informasi
yang ditampilkan sehingga akan membuat pengunjung web menjadi cepat bosan dan
memutuskan untuk beralih ke situs web lain.

Terus pertanyaanya, bagaimanakah caranya membuat halaman web menjadi tidak statis
dan menjadi dinamis?? Jawaban pertama keinginan adanya suatu yang dinamis dalam halaman
web adalah adanya animasi gambar yang dikemas dalam file gif animasi (animated gif). Tetapi
gambar animasi ini ternyata bukanlah jawaban yang sesungguhnya diharapkan, karena secara
prinsip, bukan merupakan suatu konsep dinamis yang sesungguhnya. Ternyata model dinamis
yang diinginkan adalah bahwa halaman web yang ditampilkan bisa juga digunakan sebagai
aplikasi, sebagaimana aplikasi dalam suatu sistem operasi (aplikasi atau program berbasis teks
atau windows).

Web sebagai standar antarmuka aplikasi online, haruslah dapat mengakomodasi kebutuhan
untuk menjadikanya standar seperti halnya aplikasi dalam mode text atau window, harus
memungkinkan adanya intraksi antara pemakai aplikasi dengan halaman web yang sedang
ditampilkan. Aplikasi yang ditampilkan pada halaman web harus dapat memberikan informasi
atau pun melakukan validasi terhadap masukan yang diberkan oleh pemakai sebelum
dikirimkan kepada server untuk diproses.

Untuk menjalankan javascript, kita hanya membutuhkan aplikasi text editor, dan web
browser. Javascript memiliki fitur: high-level programing language, client-side, loosely
tiped, dan berorientasi objek.

Fungsi Javascript
Javascript adalah program dalam bentuk script, yang akan dijalankan oleh interpreter yang
telah ditanamkan ke dalam browser web, sehingga browser web dapat mengeksekusi
program Javascript. Program Javascript disisipkan ke dalam dokumen HTML dengan
ditandai dengan tag yang diawali dengan <Script ...> dan diakhiri dengan </script>.

Fungsi adalah salah satu bagian yang paling indah dari Javascript. Sebagai bahasa fungsional
Javascript mengimplementasikan fungsi kelas pertama (first class function). Fungsi dapat
disimpan dalam variabel, dikembalikan oleh fungsi lain, dan dikirimkan sebagai argumen
untuk fungsi lainnya. Implementasi fungsi yang sangat fleksibel seperti ini membuka banyak
kesempatan kepada pengembang untuk menuliskan kode yang bukan hanya berjalan dengan
baik, tetapi juga sangat elegan dan indah.

Sebuah fungsi membungkus satu atau banyak perintah. Setiap kali kita memanggil fungsi,
maka perintah-perintah yang ada di dalam fungsi tersebut dijalankan. Secara umum fungsi
digunakan untuk penggunaan kembali kode (code reuse) dan penyimpanan informasi
(information hiding). Implementasi fungsi kelas pertama juga memungkinkan kita
menggunakan fungsi sebagai unit-unit yang dapat dikombinasikan, seperti layaknya sebuah
lego. Dukungan terhadap pemrograman berorientasi objek juga berarti fungsi dapat kita
gunakan untuk memberikan perilaku tertentu dari sebuah objek.

Ada 3 macam cara penulidan tag javascript, yaitu;

 Menuliskan Tag dengan diawali <script type=”text/javascript” > dan diakhir dengan
</script> atribut yang menginformasikan kepada browser bahwaprogram script yang ada
dalam tag tersebut adalah javascript dalam format text.

 Menuliskan Tag dengan diawali <script language=”javascript” > dan diakhir dengan
</script> atribut ini digunakan dengan tujuan untuk menentukan versi dari javascript yang
digunakan, sebagai contoh <script language=”javascript1.2”> menyatakan
bahwa javascript yang kita gunakan adalah versi 2.1.

 Menuliskan Tag dengan diawali <script language=”javascript” type=”text/javascript” >

dan diakhir dengan </script> cara campuran ini yaitu penulisan lama dan penulisan baru
disatukan, dilakukan untuk mengantisipasi pengakses halaman web yang masih
menggunakan browser web yang mendukung javascript, tetapi belum mendukung HTML
Dengan adanya javascript, maka teknik penulisan HTML dapat dilakukan dengan dua cara,
yaitu dengan membuat program javascript untuk menghasilkan dokumen HTML atau dengan
membuat dokumen HTML seperti biasa, kemudian jika ada programjavascript, maka kita
menambahkan program javascript tersebut sebagai sisipan saja.

Apa yang bisa dilakukan oleh Javascript?

Javascript memungkinkan pemrograman web untuk:

1. Memiliki piranti pembuatan program dalam web.

2. Membaca dan menulis elemen HTML ke dalam suatu halaman web.

Program javascript dapat mengubah isi elemen web yang sedang ditampilkan.

3. Membuat halaman web lebih dinamis, karena kita bisa menyisipkan juga elemen web ke
dalam javascript.

4. Memberikan reaksi kepada suatu kejadian diatas halaman web yang sedang ditampilkan,
miasalnya ada kejadian tombol kanan mouse diklik di halaman web, maka
dengan javascript kita dapat menambahkan suatu program agar dilakukan suatu reaksi
atau eksekusi program tertentu apabila ada kejadian penekanan tombol mouse.

5. Menjadikan halaman web menjadi suatu aplikasi berbasis web yang dapat berjalan di atas
browser web. Halaman web tidak menjadi tampilan data dan informasi saja, tetapi juga
menjadi aplikasi untuk berinteraksi dengan penggunanya, memproses data di browser,
menerima dan memvalidasi data sebelum dikirimkan ke server.

6. Mendeteksi Browser yang digunakan oleh pengguna, sehingga kita bisa menyajikan
informasi yang berhubungan dengan browser web yang digunakan oleh pengguna.

7. Membuat cookie, atau suatu kode yang digunakan untuk menyimpan dan mengambil data
dan informasi dari browser pengunjung .

Contoh Program sederhana Javascript:

<html>

<head>

<tittle> Belajar Javascript </title>

</head>

<body bgcolor=#FFFFAA>

<h1> Contoh Program JavaScript </h1>

<script type=”text/javascript>

Document.write(“Hallo, nama saya Javascript”);

</script>

</body>

</html>

Perkembangan Javascript sampai saat ini

Dalam perkembangannya Javascript mengalami permasalahan yang sama seprti kode
pemrograman web yang bersifat client-side seperti CSS, yakni bergantung kepada
Implementasi web browser. Karena hal tersebut, javascript pada awalanya termasuk bahasa
pemrograman yang rumit karena harus membuat beberapa kode program untuk berbagai web
browser.

Namun, beberapa tahun belakangan ini, javascript kembali bersinar berkat kemudahan
yang ditawari oleh komunitas programer yang membuat
libraryjavascript seperti Jquery. Library ini me memuahkan kita membuat program javascript
untuk semua web browser,dan membuat fitur-fitur canggih yang sebelumnya membutuhkan
ribuan baris kode program menjadi sederhana.

Perkembangan javascript kedepanya akan tetap menjadi kebutuhan programer,

apalagi untuk situs saat ini yang mengharuskan mempunyai banyak fitur modern sebagai
standar web.
 2. Kode hex
Hexadecimal (Heksadesimal) atau yang sering disebut dengan HEX, menurut
situs wikipedia "Heksadesimal adalah sebuah sistem bilangan yang menggunakan 16 simbol.
Berbeda dengan sistem bilangan desimal, simbol yang digunakan dari sistem ini adalah angka 0
sampai 9, ditambah dengan 6 simbol lainnya dengan menggunakan huruf A hingga F. Sistem
bilangan ini digunakan untuk menampilkan nilai alamat memori dalam pemrograman komputer.
Berikut adalah Kode Hex dan Nama Warna yang didukung oleh semua jenis browser (firefox,
chrome, dll):

NO Kode HEX Nama Warna Warna

1 #000000 Black

2 #000080 Navy

3 #00008B DarkBlue

4 #0000CD MediumBlue

5 #0000FF Blue
 3. Komponen dasar HTML image dan penerapannya :

1. <img>

Tag untuk membuat gambar

1
2 <!DOCTYPE html>
<html>
3 <head>
4 <title>Penggunaan Tag Image</title>
5 </head>
6 <body>
7 <h1>Belajar Tag Gambar</h1>
<img src="koala.jpg" />
8 </body>
9 </html>
10
Perhatikan bahwa tag <img> tidak memiliki elemen, sehingga langsung ditutup dengan />

2. <map>
Tag untuk membuat gambar-peta

3. <area>

Tag untuk membuat area dalam gambar-peta

<h3>Klik Area gambar (smiley) untuk memperjelas</h3>

<img src="http://i.imgur.com/y968PrU.png" alt="gambar suasana hati" width="185"

height="160" style="border:0" usemap="#suasanahati"/>

<map name="suasanahati">
 <area shape="circle" coords="83,110,8" href="http://i.imgur.com/cLd7ww1.png"

alt="senang" title="senang">

<area shape="circle" coords="104,110,8" href="http://i.imgur.com/H4MIr8N.png"

alt="sedih" title="sedih">

</map>

4. <canvas>

Digunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru

HTML5)

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title>Contoh HTML Canvas tag</title>
<style>
canvas {
background: #555;
}
</style>
</head>
<body>
<h3>Contoh HTML5 Canvas</h3>
<canvas id="kanvasGambar" height="200" width="300">
<!-- Teks ini muncul apabila browser tidak mendukung HTML5 canvas -->
<p>Browser Anda tidak mendukung HTML5 Canvas</p>
</canvas>

<script>
var kanvas = document.getElementById("kanvasGambar");
var konteks = kanvas.getContext("2d");
konteks.fillStyle = "rgb(255,0,0)";
konteks.fillRect(10,50,150,50);
konteks.fillStyle = "rgb(255,255,255)";
konteks.fillRect(10,100,150,50);
</script>

<p>
<strong>Keterangan:</strong> blok kotak hitam (diberi style CSS) adalah area
kanvas yang merupakan HTML element <code>canvas</code>, sedangkan kotak merah-
putih dibuat dengan script (javascript) yang berkaitan dengan HTML5 canvas (Canvas
API).
</p>
</body>
</html>

5. <figure>
Menentukan konten mandiri (tag baru HTML5)

<figure>
<img src="/media/images/content/menara-banten.jpg" alt="Masjid Agung dan Menara
Banten Lama Serang" width="308" height="250">
<figcaption>Gambar 1 - Masjid Agung dan Menara Banten.</figcaption>
</figure>

4. Rekapan kegiatan Mosaik pada tanggal 12 agustus 2019

1) Pengenalan BEM
- Visi dan Misi
a. Visi
Terwujudnya BEM FASILKOM sebagai wadah aspirasi dan menjadi
wahana juang mahasiswa Fakultas ilmu komputer.UPN “ Veteran “ Jawa
Timur berdasarkan tri dharma perguruan tinggi.
b. Misi
 Meningkatkan pelayanan mahasiswa yang aspiratif untuk
meningkatkan kreatifitas mahasiswa.
 Merangkul Himpunan jurusan dan komuitas mahasiswa yang ada
dalam lingkungan Fakultas ilmu komputer.
 Membangun kinerja internal berdasarkan kekeluargaan dan
bernafaskan profesionalisme.
 Mewujudkan kontribusi nyata kepada masyarakat dengan melibatkan
seluruh elemen mahasiswa Fakultas ilmu komputer PN “ Veteran
“ Jawa Timur.
- Struktur Organisasi
Nama Kabinet “Synergasia” yang artinya kerjasama. Menurut KBBI,
Kerjasama adalah kegaiatan atau usaha yang dilakukan oleh beberapa orang untuk
mencapai tujuan bersama. Terdiri daari 4 kementrian :
a. PSDM ( Pembangunan sumber daya mahasiwa )
 Koderiasasi
 Senor ( Seni dan Olahraga )
Mengadakan latihan – latihan di bidang olahraga.
 Ristek ( Riset dan teknologi )
Aktif dalam meningkatkan mutu pendidikan.
b. IDK ( Informasi dan Kejasama )
Bertugas untuk memiliki relasi degan univ lain.
 Kominfo ( Komunikasi dan Informasi )
  Luar Negri
Menjalin kerjasama dengan fakultas dan univeritas lain.
c. Sospol ( Sosial dan Politik )
 Advokesma ( Advokasi dan Kesejahteraan Mahasiswa )
 Kastrat ( Kajian dan Strategi )
 Pengmas (Pengabdian Masyarakat )
d. PO ( Pengembangan Organisasi )
 Internalisasi
Bertugas merekatkan pengurus BEM.
 KWU ( Kewirausahaan )
Bertugas memenuhi kebutuhan fasilkom.
1) Pengenalan BLM ( Badan Legislatif Mahasiswa )
Terdiri dari 8 orang, dengan perwakilan 4 orang dari jurusan Teknik
Informatika dan 4 orang dari jurusan Sistem Informasi.
- Visi
Terwujudnya BEM sebagai badan organisasi yang responsif, profesinal
dan integritas.
- Struktur Organisasi
a. Ketua Umum
b. Wakil Ketua Umum
c. Komisi Anggaran, dengan tugas :
 Membentuk, merancang, merevisi AD / ART fasilkom.
 Menggagendakan SU / SI
 Melaksanakan pemira fasilkom.
 Mengkaji kebijakan yang ada di fasilkom
d. Komisi Legislasi, dengan tugas :
 Pengawasan BEM.
 Melakukan audit secara berkala.
 Membuat SOP kegiatan proker / LPJ.
 Koordinasi dengan komisi asprasi dan pengawasan.
e. Komisi Aspirasi dan Pengawasan, dengan tugas :
 Menerima, menampung, menyampaikan dan mengkaji apirasi KM
FASILKOM.
 Mengawasi setiap kegiatan dan proker BEM.
 Mengevaluasi kerja BEM.
 2) Hasil diskusi Bem debat
Permasalahanyang didapat oleh kelompok 19 dan 20 adalah tentang
pemindahan pusat pemerintahan ibu kota dari DKI jakarta ke pulau kalimantan
dari diskusi singkat kami, diperoleh beberapa fakta berikut :
a. Jakarta terlalu banyak penduduk.
b. Menurut berita satu, jakarta kota terpadat no. 9 di dunia. Masalah seperti
pemerataan penduduk, sosial dan ekonomi dapat teratasu dengan
pemindahan ibu kota.
c. Agar orang tahu bahwa indonesia tidak hanya jawasentris terutama
jakartasentris. Indoesia punya banyak aspek yang bisa dikembangkan salah
satunya pulau kalimantan sebagai salah satu pulau terbesar di indonesia.
d. Dari kementriaan ppn akan menerapkan konsep forest city sebgai solusi
masalah laham dalam pembangunan infrastruktur pemerintahan.
e. Anggaran untuk pemindahan ibu kota membutuhkan dana yang besar tapi
tidak akan menganggu anggran lain menurut kementrian ppn.
f. Untuk kebutuhan hidup yang dikhawatirkan tinggi akan diikuti kualitas
perekonomian yang naik secara berkala di pulau kalimantan sendiri.
g. Berdasarkan beberapa fakta di atas, maka kami sebagai mahasiswa setuju
dengan rencana pemindahan ibu kota ke pula kalimanta. Maka selayaknya
kita sebagai mahasiswa dan masyarakat mensuport dan menjalankan
rencana pemindahan ibu kota tersebut.
Sebagai kesimpulan, setuju atau tidaknya tergantung dari perpektif masing-masing
individu. Tapi kami disini mencoba berpendapat untuk indonesia yang lebih baik di masa
depan.
3) Mahasiswa
Berpikir dengan caranya sendiri,oleh karena itu mereka berpikir
berdasarkan pandangan mereka sendiri. Mahasiswa juga dapat disebut sebagai
seseorang yang belajar di perguruan tinggi.
a. Hal-hal yang harus dipersiapkan :
 Tujuan kedepan
 Keluar dari zona nyaman
b. Esensi mahasiswa
bukan berpikir untuk diri sendiri, melainkan kepentingan orang
banyak. Esensi mahasiswa antara lain :
 Agent of change
Seorang mahasiswa harus membawa perubahan yang lebih baik
untuk masyarakat.
 Social control
Seorang mahasiswa menjadi kontrol sosial di masayarakat
dengan terjun langsun menyelesaikan permasalahan yang ada di
masyarakat.
 Iron of stock
Seorang mahasiswa harus pantas untuk menjadi stok pemimpin
di masa depan dengan memiliki mental seperti besi, yang
apabila makin ditempa makin kuat
 .

5. Mosaik I-O
Pada mosaik I-O tanggal 12 agustus 2019, dari hasil evaluasi ditemukam
beberapa kesalahan mengenai tugas dan atribut.
- Logo mosaik yang ada dibuku banyak yang tidak sesuai, diman ayang
benar adalah potongannya mendekati logo mosaik tidak terlalu jauh.
- Warna bendera merah putih berbeda-beda dan tidak sesuai ketentuan
UUD.
- Warna jingga pada Id card dan buku serta background tidaklah sama 1
angkatan.
- Posisi NFC ada beberapa yang terlalu sempit sehingga NFC sedikit
terlipat.
- Bentuk segi enam ID card sudah benar.
- Logo kelompok yang ada di tas sudah benar.
 KESIMPULAN

Kegiatan mosaik pada hari pertama,yaitu tanggal 12 agustus 2019 dapat dikatakan
berjalan dengan lancar tanpa suatu halangan yang berarti. Acara juga berlangsung kondusif,
penjelasan materi yang diberikan dapat diterima dengan baik dan member wawasan
tambahan tentang dunia perkuliahan bagi mahasiswa baru fakultas Ilmu komputer 2019,

Namun demikian, kegiatan mosaik pada hari pertama menurut saya dapat di selingi
hiburan lain selain yel-yel agar rangkaian acara lebih variatif dan membuat peserta mosaik
lebih bersemangat dalam mengikuti serangkaian acara.