The Design of Mobile Application as Information System and Communication Media for Student’s Parents and Teachers in Elementary School

  Tugas Akhir - 141558

Perancangan Aplikasi Mobile Sistem Informasi dan Media

Komunikasi untuk Orangtua Siswa dan Guru Sekolah Dasar Mahasiswa

  Muhammad Hilmy Fawwazy NRP 3413100120

  Dosen Pembimbing

  Ir. Baroto Tavip Indrojarwo, M.Si NIP: 19640930 199002 1001

  Departemen Desain Produk

  Program Studi Desain Komunikasi Visual Fakultas Teknik Sipil dan Perancangan Institut Teknologi Sepuluh Nopember Surabaya 2017

  Final Project - 141558 The Design of Mobile Application as Information System and Communication Media for Student’s Parents and Teachers in Elementary School Student

  Muhammad Hilmy Fawwazy NRP 3413100120

  Lecturer

  Ir. Baroto Tavip Indrojarwo, M.Si NIP: 19640930 199002 1001

  Department of Product Design Visual Communication Design Faculty of Civil Engineering and Planning Sepuluh Nopember Institute of Technology Surabaya 2017

  

LEMBAR PENGESAHAN

PERANCANGAN APLIKASI MOBILE SISTEM INFORMASI DAN

MEDIA KOMUNIKASI UNTUK ORANGTUA SISWA DAN GURU

SEKOLAH DASAR

TUGAS AKHIR

  Disusun untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik (S.T.)

  Pada Bidang Studi Desain Komunikasi Visual

  Program Studi S-1 Departemen Desain Produk Fakultas Teknik Sipil dan Perencanaan

  Institut Teknologi Sepuluh Nopember

  

Oleh :

MUHAMMAD HILMY FAWWAZY

NRP 3413100120

  Surabaya, 1 Agustus 2017 Periode Wisuda: 116 (September 2017)

  Mengetahui Kepala Departemen Desain Produk

  Ellya Zulaikha, ST., M.Sn., Ph. D

  NIP. 19751014 200312 2001 Disetujui

  Dosen Pembimbing

  Ir. Baroto Tavip Indrojarwo, M.Si

  NIP: 19640930 199002 1001

PERNYATAAN KEASLIAN TUGAS AKHIR

  Saya mahasiswa Bidang Studi Desain Komunikasi Visual, Departemen Desain

Produk, Fakultas Teknik Sipil dan Perencanaan, Institut Teknologi Sepuluh

Nopember Surabaya: Nama Mahasiswa : MUHAMMAD HILMY FAWWAZY

  NRP : 3413100120 Dengan ini menyatakan bahwa karta Tugas Akhir yang saya buat dengan judul

“Perancangan Aplikasi Mobile Sistem Informasi dan Media Komunikasi

untuk Orangtua Siswa dan Guru Sekolah Dasar” adalah

  1. Bukan merupakan duplikasi karya yang sudah dipublikasikan atau yang pernah dipakai untuk mendapatkan gelar sarjana di universitass lain, kecuali pada bagian-bagian sumber informasi dicantumkan sebagai kutipan/ referensi dengan cara yang semestinya.

2. Dibuat dan diselesaikan sendiri, dengan menggunakan data-data hasil pelaksanaan tugas akhir dalam proyek tersebut.

  Demikian pernyataan ini saya buat dan jika terbukti tidak memenuhi apa yang telah dinyatakan di atas, maka saya bersedia tugas akhir ini dibatalkan.

  Surabaya, 1 Agustus 2017 Yang Membuat Pernyataan

MUHAMMAD HILMY FAWWAZY

PERANCANGAN APLIKASI MOBILE SISTEM

  

INFORMASI DAN MEDIA KOMUNIKASI UNTUK

ORANGTUA SISWA DAN GURU SEKOLAH DASAR

Muhammad Hilmy Fawwazy

NRP: 3413100120

  

Program Studi Desain Komunikasi Visual, Departemen Desain Produk,

Fakultas Teknik Sipil dan Perancangan

Institut Teknologi Sepuluh Nopember

email: hilmyfa@gmail.com

  Abstrak

  Berbagai studi menunjukkan bahwa hubungan yang baik antara Orangtua dengan Guru menjadi faktor yang sangat penting dalam kesuksesan akademis anak. Orangtua dan Guru harus berkomunikasi dengan intensif untuk menciptakan lingkungan akademis yang kondusif bagi anak. Tetapi dalam penerapannya, komunikasi yang selama ini menggunakan metode tradisional tidak dapat diandalkan, karena penyampaian informasi sangat lambat, adanya resiko kehilangan data atau informasi, dan berbagai permasalahan yang timbul dikarenakan keterbatasan media. Pentingnya komunikasi yang baik antara Orangtua dengan Guru memunculkan urgensi untuk membuat suatu sistem informasi dan sarana komunikasi yang mudah dan selalu siap untuk diakses, dapat diandalkan dan terintegrasi penuh.

  Perancangan aplikasi mobile ini dilakukan dengan memetakan kebutuhan pihak Sekolah Dasar, Guru dan Orangtua sekolah tersebut. Studi literatur dilakukan tentang media, aplikasi mobile pembanding, dan hubungan antara Orangtua dan pihak sekolah atau Guru yang didapat dari berbagai jurnal dan artikel. Perancangan dilakukan dengan metode Desain Kontekstual, dan hasil penelitian dianalisa untuk kemudian dirancang sebuah konsep Aplikasi Mobile yang baik dan mampu menjawab permasalahan pengguna.

  Kebutuhan, arsitektur informasi, konten, konsep Tampilan Antarmuka Pengguna (User Interface) dan Desain Interaksi (User Experience) pada Aplikasi Mobile ini ditentukan berdasarkan riset. Dengan aplikasi ini diharapkan hubungan komunikasi dan pertukaran informasi antara guru dengan Orangtua menjadi lebih baik sehingga kedua pihak dapat mendukung perkembangan anak secara sinergis.

  

Kata kunci: aplikasi, sistem informasi, media komunikasi, Orangtua, guru,

sekolah dasar

THE DESIGN OF MOBILE APPLICATION AS

  

INFORMATION SYSTEM AND COMMUNICATION

MEDIA FOR STUDENT’S PARENTS AND

TEACHERS IN ELEMENTARY SCHOOL

  

Oleh: Muhammad Hilmy Fawwazy

NRP: 3413100120

Visual Communication Design, Department of Product Design,

Faculty of Civil Engineering and Planning

  

Sepuluh Nopember Institute of Technology

email: hilmyfa@gmail.com

Abstract

  Many studies suggests that good relationship between student’s parent and

teachers is essential for student’s academic success. Parents and teachers have to

communicate intensively to create a condusive academic environment for students.

However, in practice, this communication which usually employs traditional method

is unrealiable, because of the slow information transfer, risk of losing data or

information, and many problems that ensued caused by the limitation of the media

used. The importance of good relationship between Parents and Teachers emanates

an urgency to create an information system and also acts as a communication

platform that is easy and readily-accessible, reliable and fully-integrated.

  Research of mobile applicatio n is conducted to find the needs of Elementary

School, its teachers and student’s parents. Literatures on the topic of media, mobile

application and relationship between parents and teachers are studied from many

journals and articles. Research is using Contextual Design method in which the

results will be analyzed to make a concept of a proper and robust Mobile Application

which solves user’s problem.

  The needs, information architecture, content, User Interface and User Experience

design concepts are conceived from research. This research of application design

hopefully strengthen good relationship between parents and teachers, thus they can

synergically support student’s development.

  

Keywords: application, information system, communication media, parents,

teachers, elementary school

KATA PENGANTAR

  Syukur Alhamdulliah atas karunia Allah SWT, buku laporan Tugas Akhir saya yang berjudul “Perancangan Aplikasi Mobile Sistem Informasi dan

  

Media Komunikasi untuk Orangtua Siswa dan Guru Sekolah Dasar” dapat

  terselesaikan dengan baik. Saya selaku Penulis mengucapkan banyak terima kasih kepada :

  1. Orangtua saya, Ali Ikhwan dan Trinuk Kurniawati. Saya persembahkan kelulusan saya sebagai bentuk tanggungjawab saya terhadap pengorbanan yang sudah beliau lakukan untuk menyekolahkan saya.

  2. Agha Maulana, teman baik dan partner tugas akhir saya. Tanpa kemampuannya mengolah program, penelitian ini tidak dapat dilakukan.

  3. Kepala Sekolah, Guru dan Orangtua di SD Negeri Ketabang sebagai responden.

  4. Tommy Anugrah, UX Research Bukalapak yang memberikan masukan yang sangat berharga dari seorang ahli di bidangnya.

  5. Teman- teman Ruang TA yang selalu saling membantu.

  6. Bapak Ir. Baroto Tavip Indrojarwo, M.Si selaku dosen pembimbing tugas akhir saya.

  7. Bapak Didit Prasetyo, ST, MT, Ibu Kartika Kusuma Wardani, S.T., M.Si, Ibu Putri Dwitasari, ST, M.Ds, selaku dosen penguji yang telah memberikan masukan dan informasi yang membantu pelaksanaan Tugas Akhir ini.

  8. Seluruh civitas akademika Departemen Desain Produk ITS yang tidak dapat saya sebutkan satu persatu. Akhir kata, buku Tugas Akhir ini masih jauh dari sempurna, masukan dan saran sangat kami butuhkan. Semoga buku ini dapat bermanfaat bagi pembaca terutama mahasiswa untuk menambah wawasan ataupun sebagai acuan bagi yang mengerjakan Tugas Akhir.

  Surabaya, 25 Juli 2017 Penulis,

  M. Hilmy Fawwazy

  

DAFTAR ISI

  Abstrak .............................................................................................................v

  Abstract ...........................................................................................................vi

  Kata Pengantar ...............................................................................................vii Daftar Isi ..........................................................................................................ix Daftar Gambar .................................................................................................xi Daftar Tabel ....................................................................................................xv

  

BAB I. PENDAHULUAN ....................................................................................1

  1.1 Latar Belakang ...........................................................................................1

  1.2 Identifikasi Masalah ...................................................................................3

  1.3 Batasan Masalah .........................................................................................3

  1.4 Rumusan Masalah ......................................................................................3

  1.5 Tujuan Penelitian ........................................................................................3

  1.6 Manfaat Penelitian ......................................................................................4

  1.7 Ruang Lingkup ...........................................................................................4

  1.8 Diagram Alur ..............................................................................................4

  

BAB II. TINJAUAN PUSTAKA ...........................................................................7

  2.1 Subjek Desain .............................................................................................7

  2.2 Landasan Teori ..........................................................................................9

  2.3 Layout .......................................................................................................16

  2.4 Warna ........................................................................................................20

  2.5 Desain Icons .............................................................................................24

  2.6 Desain User Experience ...........................................................................26

  2.7 Kerjasama Wali Siswa dengan Guru ........................................................34

  2.8 Tipologi Hubungan Kerjasama Wali Siswa dengan Guru ........................34

  2.9 Studi Eksisting ..........................................................................................35

  2.10 Studi Komparator ...................................................................................39

  2.11 Ulasan Eksisting dan Komparator ..........................................................44

  

BAB III. METODOLOGI PENELITIAN .........................................................49

  3.1 Metode Penelitian .....................................................................................49

  3.2 Urutan Penelitian ......................................................................................49

  3.3 Protokol Riset ...........................................................................................50

  

BAB IV. HASIL PENELITIAN .......................................................................55

  4.1. Hasil Deep Interview ...............................................................................55

  4.2 Hasil Kuisioner Wali Kelas ......................................................................56

  4.3 Hasil Kuisioner Orangtua Siswa ..............................................................59

  4.4 Hasil User Test Pengguna ........................................................................62

  

BAB V. IMPLEMENTASI DESAIN ...............................................................65

  5.1 Target Audiens ..........................................................................................65

  5.2 Kata Kunci (Keyword) ..............................................................................66

  5.3 Definisi Konsep Aplikasi ..........................................................................68

  5.4 Arsitektur Informasi .................................................................................68

  5.5. Kriteria Teknis Aplikasi ...........................................................................71

  5.6 Kriteria Konten .........................................................................................72

  5.7 User Experience (UX) ..............................................................................77

  5.8 Wireframe .................................................................................................78

  5.9 User Interface (UI) ...................................................................................83

  5.10 Desain Ikon .............................................................................................84

  5.11 Konsep Logo ..........................................................................................91

  5.12 Alternatif Desain .....................................................................................95

  5.13 Desain Akhir .........................................................................................101

  5.15 Business Plan ........................................................................................ 115

  

BAB VI. KESIMPULAN & SARAN ............................................................ 121

  6.1 Kesimpulan .............................................................................................121

  6.2 Saran .......................................................................................................121 Daftar Pustaka ..................................................................................................... 123 Lampiran .............................................................................................................. 125 Biodata Penulis..................................................................................................... 137

  

DAFTAR GAMBAR

Gambar 2.1 Aturan Baseline Grids ......................................................................26Gambar 2.2 Struktur List .......................................................................................27Gambar 2.3 Tampilan Detail ..................................................................................27Gambar 2.4 Struktur Navigation Drawer ...............................................................28Gambar 2.5 Acuan Rasio .......................................................................................28Gambar 2.6 Inkrementasi ukuran ...........................................................................29Gambar 2.7 Contoh Penggunaan Warna Primer dan Sekunder .............................30Gambar 2.8 Penggunaan Warna Sekunder Benar: Aksentuasi Tautan ..................31Gambar 2.9 Penggunaan Warna Sekunder Salah: Warna Teks Keseluruhan .........31Gambar 2.10 Penggunaan Warna Benar: Aksentuasi Judul ..................................32Gambar 2.11 Penggunaan Warna Benar: Tombol Monokromatik Membuat Objek

  Utama Lebih Menonjol ....................................................................32

Gambar 2.12 Penggunaan Warna Sekunder Benar: Sebagai Warna Tombol Aksi 32Gambar 2.13 Penggunaan Warna Sekunder Salah: Warna Menyatu .....................32Gambar 2.14 Penggunaan Warna Benar: Aksentuasi Text Field ..........................33Gambar 2.15 Penggunaan Warna Benar: Seleksi Teks ..........................................33Gambar 2.16 Penggunaan Warna Benar: Opacity..................................................33Gambar 2.17 Penggunaan Warna Salah: Dirubah Menjadi Abu- abu ....................33Gambar 2.18 Warna Teks Benar: Warna Sekunder untuk Penekanan Judul ..........34Gambar 2.19 Warna Teks Salah: Terlalu Banyak Teks Berwarna ..........................34Gambar 2.20 Benar: Warna Teks dengan Kontras yang Baik ................................34Gambar 2.21 Salah: Warna Teks dengan Kontras Terlalu Rendah ........................34Gambar 2.22 Grid ikon, berukuran 24 x 24px, satuan grid 1px ............................35Gambar 2.23 Grid Ikon ..........................................................................................35Gambar 2.24 Keylines Ikon ...................................................................................35Gambar 2.25 Area Live, berukuran 20dp x 20dp ...................................................35Gambar 2.26 Area jarak, berukuran 4dp x 40dp ....................................................35Gambar 2.27 Anatomi Ikon ....................................................................................36Gambar 2.28 Konsistensi Corner pada Ikon ..........................................................36Gambar 2.29 Konsistensi Strokes pada Ikon .........................................................36Gambar 2.30 Prinsip UX untuk Aplikasi Mobile ..................................................37Gambar 2.32 Homescreen ....................................................................................39Gambar 2.33 Contoh Daftar Menu Sumber: Google, 2015 ...................................40Gambar 2.34 Contoh Sugesti Otomatis pada Pencarian .......................................41Gambar 2.35 Contoh Notifikasi Dorong ...............................................................43Gambar 2.36 Logo Trello .......................................................................................45Gambar 2.37 Antarmuka Trello .............................................................................45Gambar 2.38 Logo WhatsApp ...............................................................................47Gambar 2.39 Antarmuka WhatsApp ......................................................................47Gambar 2.40 Logo Google Classroom ..................................................................49Gambar 2.41 Antarmuka Google Classroom .........................................................49Gambar 2.42 Logo Edmodo ...................................................................................51Gambar 2.43 Antarmuka Edmodo .........................................................................52Gambar 4.1 Grafik frekuensi smartphone terhubung dengan internet wali kelas ..64Gambar 4.2 Grafik preferensi aplikasi media komunikasi wali kelas ...................65Gambar 4.3 Grafik informasi yang diberikan wali kelas pada orangtua ................65Gambar 4.4 Grafik preferensi media yang digunakan wali kelas untuk meng- hubungi orangtua siswa ....................................................................66Gambar 4.5 Grafik kendala Wali Kelas dalam menyampaikan informasi .............67Gambar 4.6 (a) Grafik profil pekerjaan orangtua; (b) Grafik profil umur orangtua

  ..........................................................................................................67

Gambar 4.7 Grafik frekuensi Smartphone terhubung dengan internet orangtua siswa .................................................................................................68Gambar 4.8 Grafik preferensi aplikasi media komunikasi Orangtua siswa ...........68Gambar 4.9 Grafik informasi yang diinginkan orangtua dari pihak SD ................69Gambar 4.10 Grafik preferensi media yang digunakan orangtua untuk meng- hubungi guru atau pihak SD .............................................................69Gambar 4.11 Grafik kendala penyampaian informasi orangtua pada pihak SD ....70Gambar 5.1 Bagan alur pemetaan kata kunci ........................................................75Gambar 5.1 Bagan Arsitektur Informasi Administrator Sekolah ...........................77Gambar 5.2 Bagan Arsitektur Informasi Orangtua ................................................77Gambar 5.3 Bagan Arsitektur Informasi Guru .......................................................78Gambar 5.4 Bagan Distribusi Data ........................................................................78Gambar 5.5 Komposisi Rule of Third ....................................................................80Gambar 5.6 Komposisi garis mengarah .................................................................81Gambar 5.7 Komposisi dengan pola dan simetri ...................................................81Gambar 5.8 Pengambilan sudut pandang atas .......................................................82Gambar 5.9 Latar belakang polos ..........................................................................82Gambar 5.10 Contoh cropping gambar ..................................................................83Gambar 5.11 Filter yang disediakan aplikasi .........................................................83Gambar 5.12 Wireframe layar masuk, dan layar daftar .........................................85Gambar 5.13 Wireframe layar memilih anak .........................................................85Gambar 5.14 Wireframe manajemen profil walisiswa dan anak ...........................86Gambar 5.15 (a) Beranda Wali Siswa, (b) Berita Wali Siswa ................................86Gambar 5.16 (a) Menu Percakapan, (b) Forum Kelas, (c) Percakapan .................87Gambar 5.17 (a) Menu Tugas, (b) Tampilan Tugas Lengkap ................................87Gambar 5.18 (a) Menu Nilai, (b) Tampilan Tugas dengan Nilai ...........................88Gambar 5.19 Beranda akun Guru ..........................................................................88Gambar 5.20 (a) Tampilan Menu Tugas, (b) Tampilan Tambah Tugas .................89Gambar 5.21 (a) Tampilan Tugas Lengkap, (b) Input Nilai ...................................89Gambar 5.22 Font Lato Heavy dan Lato Regular ..................................................90Gambar 5.23 Palet Warna .....................................................................................91Gambar 5.24 Sketsa ikon Beranda .........................................................................92Gambar 5.25 Alternatif ikon Beranda ....................................................................92Gambar 5.26 Sketsa ikon Percakapan ....................................................................92Gambar 5.27 Alternatif ikon Percakapan ...............................................................93Gambar 5.28 Sketsa ikon Tugas.............................................................................93Gambar 5.29 Alternatif ikon Tugas ........................................................................93Gambar 5.30 Sketsa ikon Nilai ..............................................................................94Gambar 5.31 Alternatif ikon Nilai .........................................................................94Gambar 5.32 Sketsa ikon Profil .............................................................................95Gambar 5.33 Alternatif ikon Profil ........................................................................95Gambar 5.34 Sketsa ikon Profil .............................................................................95Gambar 5.35 Alternatif ikon Cari ..........................................................................95Gambar 5.36 Sketsa ikon Profil Anak ....................................................................96Gambar 5.37 Alternatif ikon Profil Anak ...............................................................96Gambar 5.38 Sketsa ikon Panggilan ......................................................................96Gambar 5.39 Alternatif ikon Panggilan .................................................................97Gambar 5.40 Sketsa ikon Centang & Silang .........................................................97Gambar 5.41 Alternatif ikon Centang & Silang .....................................................97Gambar 5.42 Alternatif ikon Buat Percakapan ......................................................98Gambar 5.43 Alternatif ikon Buat Tugas ...............................................................98Gambar 5.44 Alternatif ikon Buat Tugas ...............................................................98Gambar 5.46 Peta konsep asosiasi obyek dengan topik perancangan ...................99Gambar 5.47 Sketsa Konsep Logo .........................................................................99Gambar 5.48 Eksekusi Digital Alternatif Logo ...................................................100Gambar 5.49 Eksplorasi Logo Utama ..................................................................101Gambar 5.50 Aplikasi Logo dengan latar berwarna ............................................101Gambar 5.51 Splash 1 ..........................................................................................102Gambar 5.52 Masuk 1 ..........................................................................................102Gambar 5.53 Regitrasi 1 .....................................................................................102Gambar 5.54 Pilih Anak 1 ....................................................................................102Gambar 5.55 Profil 1 ............................................................................................102Gambar 5.56 Profil Anak .....................................................................................102Gambar 5.57 Menu Beranda & Berita 1 ..............................................................103Gambar 5.58 Berita Lengkap 1 ............................................................................103Gambar 5.59 Menu 1 ...........................................................................................103Gambar 5.60 UI Tambah Percakapan 1 ...............................................................103Gambar 5.61 UI Percakapan 1 .............................................................................103Gambar 5.62 Menu Tugas 1 .................................................................................103Gambar 5.63 Tugas yang Sedang Berjalan 1 .......................................................104Gambar 5.64 Tugas Selesai dan Grafik Kelas 1 ...................................................104Gambar 5.65 Tugas Selesai dan Grafik Pelajaran 1 .............................................104Gambar 5.66 Tugas Tidak Dikerjakan 1 ..............................................................104Gambar 5.67 Menu Nilai 1 ..................................................................................104Gambar 5.68 UI Daftar Panggilan 1 ...................................................................104Gambar 5.69 Splashscreen 2 ................................................................................105Gambar 5.70 Masuk 2 ..........................................................................................105Gambar 5.71 Regitrasi ........................................................................................105Gambar 5.72 Pilih Anak 2 ....................................................................................105Gambar 5.73 Profil 2 ...........................................................................................105Gambar 5.74 Profil Anak 2 ..................................................................................105Gambar 5.75 Menu Beranda 2 .............................................................................106Gambar 5.76 Berita Lengkap 2 ............................................................................106Gambar 5.77 Menu 2 ...........................................................................................106Gambar 5.78 UI Tambah Percakapan ..................................................................106Gambar 5.79 UI Percakapan 2 .............................................................................106Gambar 5.80 Menu Buat Percakapan 2 ...............................................................106Gambar 5.81 UI Menu Tugas 2 ............................................................................107Gambar 5.82 Tugas yang Sedang Berjalan 2 ......................................................107Gambar 5.83 Tugas Selesai dan Grafik 2 .............................................................107Gambar 5.84 UI Menu Nilai 2 .............................................................................107Gambar 5.85 Menu Panggilan 2 ..........................................................................107Gambar 5.86 Menu Drawer 2 ..............................................................................107Gambar 5.87 Penggunaan tipografi dalam aplikasi .............................................109Gambar 5.88 Aturan Grid, jarak dan margin aplikasi Akademitra ...................... 110Gambar 5.89 Aturan ruang dan jarak halaman Beranda ...................................... 111Gambar 5.90 Aturan ruang dan jarak halaman Berita .......................................... 112Gambar 5.91 Aturan ruang dan jarak halaman Percakapan ................................. 113Gambar 5.92 Aturan ruang dan jarak halaman Tugas .......................................... 114Gambar 5.94 Aturan ruang dan jarak Detail Tugas .............................................. 115Gambar 5.95 Aturan ruang dan jarak halaman Nilai ........................................... 116Gambar 5.96 Aturan ruang dan jarak halaman Profil ..........................................117Gambar 5.97 Aturan ruang dan jarak halaman Beranda Guru ............................. 118Gambar 5.98 Aturan ruang dan jarak halaman Percakapan Guru ........................ 119Gambar 5.99 Aturan ruang dan jarak halaman Tugas Guru .................................120

  Gambar 5.100 Aturan ruang dan jarak halaman Tambah Tugas Guru .................121 Gambar 5.101 Aturan ruang dan jarak halaman Beri Nilai Guru ........................122 Gambar 5.102 Feature Graphic aplikasi Akademitra ...........................................125 Gambar 5.103 Screenshot aplikasi Akademitra ...................................................125 Gambar 5.104 Aplikasi Akademitra pada Google Play Store ..............................126

  DAFTAR TABEL

Tabel 2.1 Ulasan Eksisting Trello ...................................................................46Tabel 2.2 Ulasan Eksisting WhatsApp ...........................................................48Tabel 2.3 Ulasan Komparator Google Classroom ..........................................51Tabel 2.4 Ulasan Komparator Edmodo ..........................................................53Tabel 2.5 Perbandingan antar-eksisting ..........................................................56Tabel 5.1 Segmentasi Demografi ....................................................................72Tabel 5.2 Biaya Langsung Non-Personil (BLNP) ........................................120Tabel 5.3 Biaya Langsung Personil (BLP) ...................................................120Tabel 5.4 Total biaya per bulan ....................................................................121

  (halaman ini sengaja dikosongkan)

BAB I. PENDAHULUAN

1.1 Latar Belakang

  Anak usia dini berada dalam masa keemasan di sepanjang rentang usia perkembangan manusia. Montessori dalam Hainstock (1999) mengatakan bahwa masa ini merupakan periode sensitif (sensitive periods), dimana selama masa inilah anak secara khusus mudah menerima stimulus-stimulus dari lingkungannya. Seiring dengan perkembangan anak, anak membutuhkan pendidikan yang lebih mendalam untuk menyiapkan anak menuju masa dewasa. Pendidikan yang paling umum adalah pendidikan formal yaitu melalui program sekolah. Dalam beberapa dekade terakhir, partisipasi anak pada program sekolah menjadi sangat umum dan dukungan publik baik dari pemerintah maupun masyarakat terus meningkat drastis (Barnett, 2008).

  Menurut Good & Brophy (1986b, dalam Sylva, 1994), sekolah memiliki efek langsung pada pendidikan anak, tingkat pemahaman literasi, numerik dan pengetahuan sains. Kemampuan- kemampuan dasar ini memberikan anak landasan untuk subyek berikutnya yang lebih spesifik seperti misal Geografi, Fisika dan Bahasa Asing. Kualifikasi pada pendidikan formal menjadi kunci anak untuk memasuki jenjang pendidikan yang lebih tinggi dan juga mendapatkan pekerjaan. Efek langsung dari proses belajar mengajar di kelas adalah pembelajaran pengetahuan dan kemampuan yang spesifik. Selain itu, sekolah juga memengaruhi kesadaran sosial dan perasaan; dan hal tersebut dapat menjadi tolok ukur yang kuat dalam memprediksi hasil di kemudian hari sebagaimana kurikulum sekolah. Efek tidak langsung dari sekolah lebih sukar dipahami karena efek tersebut di mediasi oleh motivasi anak untuk belajar atau menghindari belajar, pemahaman anak pada diri sendiri dan teman- temannya, dan atribusi yang anak ciptakan untuk menjelaskan keberhasilan dan kegagalan. Mediator motivasional dan kognitif dari efek tidak langsung terus memengaruhi perkembangan seorang individu di luar dan setelah bersekolah (Sylva, 1994).

  Pentingnya edukasi di sekolah pada anak tidak lepas dari peran orangtua. Studi menunjukkan bahwa orangtua memiliki peran penting pada perkembangan sosioemosional dan pencapaian akademis anak. Selain itu keterlibatan orangtua dengan pendidikan anak secara keseluruhan dapat diasosiasikan dengan pencapaian hasil akademis yang lebih baik pada angka 0.52 unit standard deviation (Jeynes, 2016). Studi menunjukkan bahwa sekolah memiliki peran penting dalam memfasilitasi orangtua untuk memotivasi anak dalam pencapaian akademisnya. Bagian yang sangat penting dari peran tersebut adalah hubungan antara orangtua dan guru serta hubungan antara komunitas dengan sekolah. Hubungan yang baik antara orangtua dengan guru terbukti memengaruhi kesuksesan seorang anak bahkan hingga tumbuh dewasa (Comer & Haynes, 1991 dalam Booth & Dunn, 2013), dikarenakan hubungan yang baik tersebut dapat mempermudah orangtua dan guru untuk bekerjasama memfasilitasi perkembangan intelektual anak. Studi lain mengindikasikan bahwa hubungan baik antara orangtua dengan guru tidaklah seperti yang diharapkan. Beberapa studi menunjukkan bahwa orangtua ingin lebih terlibat pada pendidikan anak dan menginginkan lebih banyak informasi dan bantuan dari pihak sekolah (Leitch & Tangri, 1988; Baker & Stevenson, 1986 dalam Booth & Dunn, 2013).

  Kesalahan penyampaian informasi yang rancu dalam proses komunikasi dapat menyebabkan kesalahpahaman. Pada tahun 2016, media mengangkat beberapa kasus terjadinya kekerasan fisik dikarenakan terjadi kesalahpahaman antara Guru dengan Orangtua siswa. Dalam periode satu bulan saja (Mei- Juni 2016) tercatat 2 kasus kekerasan antara orangtua siswa dan guru, salah satunya kasus orang tua murid melaporkan guru kepada pihak yang berwajib (gelegarupi.com). Peristiwa kekerasan tersebut juga terjadi di berbagai daerah seperti Makassar, Sidoarjo, Kalimantan Barat, Blitar dan beberapa daerah lainnya. Ketua Komisi Perlindungan Anak Indonesia (KPAI), Asrorun Niam menilai peran orangtua dan guru di sekolah telah gagal, dimana seharusnya dua pihak ini saling mendukung, justru malah bertabrakan. Asrorun menegaskan pentingnya keterkaitan antara orangtua sebagai pendidik dan pengasuh anak di rumah dengan guru sebagai pendidik dan pengasuh di lingkungan sekolah saling mendukung (matatelinga. com).

  Pihak sekolah biasanya melakukan komunikasi atau penyampaian informasi dengan cara tradisional, yaitu menitipkan surat atau berita melalui anak atau dengan mengirimkan surat ke alamat rumah para walisiswa. Cara komunikasi tradisional tersebut memiliki beberapa kelemahan dan dapat menimbulkan kesalahan persepsi antara pemberi informasi dengan penerima. Kelemahan- kelemahan tersebut diantaranya adalah resiko kehilangan data atau informasi, informasi lambat tersampaikan, hanya dapat dibaca satu orang dalam satu waktu, keterbatasan fisik media (biasanya kertas) yang mudah rusak, sobek, tinta yang memudar, masalah efisiensi biaya pengiriman surat dalam jumlah besar ke berbagai alamat, tidak adanya integrasi informasi sehingga sulit untuk ditelusuri, dan tidak memungkinkan penerima untuk memberi balasan langsung secara instan.

  Di era teknologi ini komunikasi dapat dilakukan melalui media digital, yang dapat menyelesaikan berbagai permasalahan media komunikasi tradisional tersebut. Media komunikasi yang paling banyak digunakan sekarang adalah Aplikasi Mobile pada Smartphone. Dengan aplikasi ini diharapkan hubungan komunikasi dan pertukaran informasi antara guru dengan Orangtua menjadi lebih baik sehingga kedua pihak dapat mendukung perkembangan anak secara sinergis.

  1.2 Identifikasi Masalah

• Penyampaian komunikasi melalui cara konvensional memiliki kelemahan yaitu lambat tersampaikan, adanya resiko kehilangan data, tidak dapat diakses kapan saja dan dimana saja, dan tidak terintegrasi.
• Dibutuhkan komunikasi yang baik antara guru dengan wali siswa agar kedua pihak dapat bekerjasama dalam memantau dan mendukung perkembangan anak baik di rumah maupun di sekolah.
• Orangtua ingin lebih berkontribusi dalam pendidikan anak secara akademis di sekolah.

  1.3 Batasan Masalah

  Dengan identifikasi permasalahan yang ada, maka diperlukan batasan maslaah mengingat luasnya cakupan masalah dan keterbatasan waktu maupun disiplin ilmu yang dikuasai. Batasan masalah meliputi:

  1. Dalam penelitian ini, ruang lingkup dibatasi pada Sekolah Dasar di Surabaya yang mewakili kota besar di Indonesia

  2. Perancangan ini tidak meneliti latar belakang ekonomi wali siswa dan guru.

  Diasumsikan setiap peran yang terlibat memiliki media smartphone yang memadai.

  3. Perancangan ini ditujukan untuk pihak sekolah, yang kemudian bisa didistribusikan kepada para guru dan wali siswa.

  4. Perancangan ini tidak membahas metode pemasaran aplikasi untuk tujuan komersil.

  1.4 Rumusan Masalah

  Rumusan masalah perancangan ini adalah: Bagaimana merancang sebuah aplikasi sistem informasi dan komunikasi yang terintegrasi antara wali siswa dengan guru di Sekolah Dasar.

  1.5 Tujuan Penelitian

• Untuk membangun sistem informasi dan komunikasi berbasis digital antara pihak sekolah dengan wali siswa yang terintegrasi dan siap untuk diakses kapan saja.
• Menjalin hubungan antara orangtua dengan guru agar dapat bekerjasama memfasilitasi dan memantau perkembangan anak baik di rumah maupun di sekolah.
• Mengurangi kerancuan informasi dan kesalahpahaman antara pihak wali siswa dengan pihak sekolah.

  1.6 Manfaat Penelitian

  1. Praktis:

• Dapat meningkatkan komunikasi dan menjalin hubungan baik bagi wali siswa dan guru atau pihak sekolah.
• Dapat memberikan informasi terbaru dengan cepat, terstruktur dan selalu tersedia untuk diakses tanpa resiko kehilangan data.
• Perancangan ini dapat dikembangkan untuk berikutnya digunakan di sekolah- sekolah lain.

  2. Teoritis:

• Bagian lahan desain komunikasi visual penelitian ini berguna sebagai acuan penelitian dan erancangan serupa dan dapat dimanfaatkan untuk dikembangkan lebih jauh, baik tema, genre, mau pun media lain.

  1.7 Ruang Lingkup

  1. Studi mengenai sistem informasi dan media komunikasi antara guru dan wali siswa di SD

  2. Studi mengenai sistem aplikasi yang meliputi konten, alur kerja, User Interface dan User Experience, serta respon dari target audiens.

  1.8 Diagram Alur

  BAB I : PENDAHULUAN Bab ini membahas tentang latar belakang dari perancangan dan melihat fenomena yang ada saat ini yang kemudian akan merujuk pada identifikasi masalah. Berdasarkan identifikasi masalah, kemudian disusun batasan masalah dari penelitian ini. Selain itu juga membahas mengenai rumusan masalah, tujuan dan manfaat penelitian, ruang lingkup dan sistematika penulisan.

  BAB II : TINJAUAN PUSTAKA Bab ini membahas tinjauan pustaka mengenai teori-teori yang digunakan dalam mendukung penyelesaian masalah atau pencapaian tujuan. Selain itu juga terdapat tinjauan yang lebih mendalam terhadap subyek desain, studi eksisting, dan penelitian terdahulu.

  BAB III : METODE PENELITIAN Bab ini membahas tentang metode-metode yang dilakukan dalam perancangan ini yakni untuk memperoleh kebutuhan informasi pengguna yang kemudian dianalisa dan diambil kesimpulan dari hasil pengumpulan data tersebut.

  BAB IV : HASIL PENELITIAN Setelah penelitian dilakukan, data dikumpulkan dan dianalisa untuk mendapatkan kebutuhan pengguna. Bab ini menjabarkan data hasil penelitian secara detil. BAB V : IMPLEMENTASI DESAIN Bab ini membahas tentang pembentukan konsep aplikasi dan implementasi desain dari studi dan kebutuhan pengguna yang sudah dipetakan melalui penelitian. Kebutuhan informasi pengguna dibuat dalam rangkaian arsitektur informasi. Bagan kerja aplikasi divisualkan dalam bentuk wireframe yang kemudian diimplementasikan desain antarmuka pengguna.

  BAB VI : KESIMPULAN DAN SARAN Bab ini berisi kesimpulan dari keseluruhan hasil penelitian serta saran yang diperlukan dalam perancangan ini.

  (halaman ini sengaja dikosongkan)

BAB II. TINJAUAN PUSTAKA

2.1 Subjek Desain

2.1.1 Media Komunikasi

  Media komunikasi merupakan sebuah sarana atau alat yang dipakai sebagai penyampai pesan dari komunikator kepada masyarakat. Media yang dominan dalam berkomunikasi ialah pancaindra manunsia seperti mata dan telinga. Media komunikasi juga dijelaskan sebagai sebuah sarana yang dipakai untuk memproduksi, mengolah, reproduksi, serta mendistribusikan informasi. Media komunikasi merupakan perantara dalam menyampaikan sebuah informasi dari komunikator kepada komunikan yang memiliki tujuan agar efisien dalam menyebarkan pesan atau informasi. Komunikasi adalah percakapan yang berlangsung dengan dasar persamaan persepsi.

  A. Fungsi Media Komunikasi

  Menurut Marshall Mc Luhan, media komunikasi memiliki 4 fungsi yaitu: Efektif: Media komunikasi akan memudahkan serta melancarkan dalam penyampaian sebuah informasi.

• informasi.
• Konkrit: Media komunikasi akan membantu mempercepat isi informasi atau pesan yang mempunyai sifat abstrak.
• Motivatif: Media komunikasi memberikan informasi yang lebih bisa dipertanggungjawabkan.

  Efisien: Media komunikasi akan mempercepat penyampaian didalam sebuah

  B. Jenis- jenis Media Komunikasi

  Terdapat 2 jenis media komunikasi:

  1. Analog Media konvensional, termasuk radio, telepon dan televisi.

  2. Digital

  Media komunikasi yang dijembatani komputer, jaringan dan telegrafi. Media yang paling umum digunakan termasuk kabel coaxial, transmisi gelombang mikro, satelit dan serat optik.

2.1.2 Sistem Informasi

  Untuk penyampaian informasi yang lebih efisien, dibutuhkan sebuah sistem informasi. Dengan berkembangnya teknologi informasi dan komunikasi, sistem informasi menjadi semakin kompleks dan cerdas yang dapat memudahkan manajemen data dan pengambilan keputusan berbasis data. Sistem Informasi yang terstruktur membantu manusia untuk merencanakan, mengorganisir, menjadi acuan dan mengontrol organisasi.

  A. Definisi Sistem Informasi

  Sistem Informasi (SI) adalah setiap bentuk sistem yang terorganisir dalam koleksi, organisasi, tempat penyimpanan dan komunikasi informasi. Lebih spesifiknya SI adalah studi dari jaringan yang saling melengkapi yang digunakan manusia untuk mengumpulkan, menyaring, membuat dan mendistribusikan data. Sistem Informasi Komputer adalah sistem yang terdiri dari manusia dan komputer yang memproses dan menginterpretasi informasi (D’Atri A., De Marco M., Casalino N., 2008).

  Sistem Informasi sebagai studi akademis adalah keilmuan pada sistem dengan referensi spesifik pada informasi dan jaringan komplementer perangkat keras dan lunak yang digunakan manusia untuk mengumpulkan, menyaring, membuat dan mendistribusikan data. Fokus utama ditujukan pada Sistem Informasi yang memiliki Batasan, Pengguna, Prosesor, Tempat, Input, Output dan jaringan komunikasi yang pasti (Jessup, 2008).