Java GUI

  1. JForm
    import javax.swing.JFrame;
    public class gui1{
    public static void main(String[] args) {
    JFrame a=new JFrame(“Latihan Frame”);
    a.setSize(400,150);
    a.setVisible(true);
    }
    }
  2. JButton – FlowLayout
    import javax.swing.JFrame;
    import javax.swing.JButton;
    import java.awt.FlowLayout;
    public class gui2 {
    public static void main(String[] args){
    JFrame a=new JFrame(“Mencoba Frame”);
    FlowLayout tampilan=new FlowLayout(FlowLayout.CENTER);
    JButton b1=new JButton(“Satu”);
    JButton b2=new JButton(“Dua”);
    JButton b3=new JButton(“Tiga”);
    JButton b4=new JButton(“Empat”);
    JButton b5=new JButton(“Lima”);
    a.setLayout(tampilan);
    a.add(b1);
    a.add(b2);
    a.add(b3);
    a.add(b4);
    a.add(b5);
    a.pack();
    a.setSize(600,100);
    a.setVisible(true);
    }
    }
  3. JButton – BorderLayout
    import javax.swing.JFrame;
    import javax.swing.JButton;
    import java.awt.BorderLayout;
    public class gui3 {
    public static void main(String[] args){
    JFrame a=new JFrame(“Mencoba Frame”);
    BorderLayout tampilan=new BorderLayout();
    JButton b1=new JButton(“Satu”);
    JButton b2=new JButton(“Dua”);
    JButton b3=new JButton(“Tiga”);
    JButton b4=new JButton(“Empat”);
    JButton b5=new JButton(“Lima”);
    a.add(b1,tampilan.NORTH);
    a.add(b2,tampilan.EAST);
    a.add(b3,tampilan.WEST);
    a.add(b4,tampilan.SOUTH);
    a.add(b5,tampilan.CENTER);
    a.pack();
    a.setSize(400,500);
    a.setVisible(true);
    }
    }
  4. JCheckBox
    import javax.swing.JFrame;
    import javax.swing.JLabel;
    import javax.swing.Box;
    import javax.swing.BoxLayout;
    import javax.swing.JCheckBox;
    public class gui4{
    public static void main(String[] args){
    JFrame a=new JFrame(“Coba Frame”);
    JLabel label=new JLabel(“Menu makan siang : “);
    JCheckBox cb1=new JCheckBox(“Nasi Goreng”);
    JCheckBox cb2=new JCheckBox(“Nasi Soto Ayam”);
    JCheckBox cb3=new JCheckBox(“Nasi Pecel”);
    JCheckBox cb4=new JCheckBox(“Nasi Rawon”);
    Box b=new Box(BoxLayout.Y_AXIS);
    b.add(label);
    b.add(cb1);
    b.add(cb2);
    b.add(cb3);
    b.add(cb4);
    a.add(b);
    a.pack();
    a.setSize(400,500);
    a.setVisible(true);
    }
    }
  5. JRadioButton
    import javax.swing.JFrame;
    import javax.swing.Box;
    import javax.swing.BoxLayout;
    import javax.swing.JRadioButton;
    import javax.swing.ButtonGroup;
    public class gui5{
    public static void main(String[] args){
    JFrame a=new JFrame(“Coba Frame”);
    JRadioButton rb1=new JRadioButton(“Es Jeruk”);
    JRadioButton rb2=new JRadioButton(“Es Tea”);
    JRadioButton rb3=new JRadioButton(“Es Teler”);
    JRadioButton rb4=new JRadioButton(“Es Degan”);
    ButtonGroup gr=new ButtonGroup();
    gr.add(rb1);
    gr.add(rb2);
    gr.add(rb3);
    gr.add(rb4);
    Box b=new Box(BoxLayout.Y_AXIS);
    b.add(rb1);
    b.add(rb2);
    b.add(rb3);
    b.add(rb4);
    a.add(b);
    a.pack();
    a.setSize(400,500);
    a.setVisible(true);
    }
    }

Wireframe berbagai Aplikasi tugas Matakuliah Desain Antarmuka Pengguna kelas Q1

  1. e-Gorgeous, wireframe aplikasi makelar kecantikan oleh Kristin Angelina
  2. E-Klontong, wireframe aplikasi jual beli kebutuhan sehari-hari oleh Muhammad Ilhamil Mi’roj
  3. Sikat Narkoba, wireframe aplikasi untuk konsultasi tentang Narkoba oleh Melania Rizky Eka Putri
  4. Sematik, wareframe aplikasi persewaan kendaraan oleh Theo Pande Nandito Sinaga
  5. Ovra Make-up, wireframe aplikasi layanan Make-up oleh Meilinda Nurqasanah
  6. Healthier, wireframe aplikasi layanan kesehatan, obat dan ambulan oleh Anisah Nadiyah Fatin
  7. Popuri E-Store, wireframe portal e-commerce oleh Aditya Lila Saputra
  8. Schoolink, wireframe aplikasi berbasis android sekolah oleh Aditya Ramadhan
  9. RemoteJOBS, wireframe aplikasi marketplace penjual jasa dan layanan oleh Muhamad Lutfhan Nugraha Sani
  10. Petshop, wireframe aplikasi  penjualan kebutuhan dan kunsultasi binatang piaraan oleh Muhamad Risqiwahid
  11. Mundo (Create and Buy Event With Ease), wireframe aplikasi  jual beli tiket, dan Event Organizer oleh Djatu Hamidan Ardiwinanto
  12. Penjualantiket, wireframe aplikasi  penjualan tiket Pesawat dan Kereta oleh Alif Maulana Muhammad
  13. Kursus Bahasa,  wireframe aplikasi mobile kursus berbagai bahasa oleh Nabila Intan Assaufa
  14. Fire Netz, wireframe  redesign Instagram oleh  Audrey Cinderry Kala
  15. Penjualan Online FreshTime, wireframe Penjualan Online oleh Aditya Nur Farika
  16. Travel Adict, wireframe paket wisata online oleh Muhammad Miftahul Hadi
  17. SUNMORI, wireframe aplikasi layanan mencuci sepeda motor berbasis aplikasi oleh Fabian Daffa Rafrisah
  18. Redesain Dana, wireframe Redisign aplikasi Dana oleh Muchammad Tedy Adiaksa
  19. Re-Design PegiPegi, wireframe Re-Design PegiPegi oleh Muhammad Muchlis Riski
  20. LiRoom, wireframe aplikasi pemesanan/pembelian buku oleh Nagia panji yudha pratama
  21. Re-Design SiCyca Stikom, wireframe re-design Sicyca Stikom Surabaya oleh Dwi Ari Wijaya

Wireframe berbagai Aplikasi tugas Matakuliah Desain Antarmuka Pengguna kelas O1

  1. Wireframe Project DC Extended Universe oleh Mario Angelo Kevin Buga Langoday
  2. Instrumen wireframe aplikasi sekolah oleh Adrianus Hernowo Wahyu Pandito
  3. Bola-Baju OlAh raga Wireframe layanan aplikasi penjualan online baju oleh raga oleh Onastatia Sahartian
  4. MegaPict oleh Indana Nazulfa
  5. Nusantara wireframe aplikasi layanan wisata oleh Yulian Tino Lesta
  6. Bacain  oleh Abyan Akbar Indroyono
  7. SIX Games Store wireframe untuk jual beli aksesoris untuk Game oleh Leonardo Gunawan
  8. NewSiCyCa wireframe Sistem Informasi Akademik Stikom Surabaya oleh Calvin Young
  9. Komputerku Wireframe aplikasi oleh Kevin Owen David Kurniawan
  10. Smart City Wireframe aplikasi Smart City di Indonesia oleh Deo Marvin Yahya
  11. Yok Olah Raga Wireframe pemesanan lapangan/sarana olah raga oleh Irvan Adi
  12. E-Service Wireframe aplikasi E-Service,aplikasi untuk pengguna gadget yang malas men-servis-kan gadget karena tidak ingin repot
  13. Farmasi-Care Wireframe aplikasi layanan farmasi oleh Michael Vinsent Djulianto
  14. E-Tilang CCTV Wireframe E-Tilang yg didukung dengan CCTV oleh Reiki Arlansyah Rokhani
  15. Katrol Wireframe Katering Online oleh Aprianto
  16. Pet-Care Wireframe layanan online pemeliharaan dan penjualan kebutuhan binatang piaraan oleh M. Dimas Aditya Pamungkas
  17. Rent-Trans, wireframe persewaan sarana transportasi oleh Meisya Jala Girinda
  18. MakeUpbyMe, wireframe layanan MakeUp oleh Sahla Salsalbila Arza Saat
  19. E-Sekolah, wireframe Sistem informasi sekolah oleh Moh. Nofi Oke I Bagus Putra
  20. konfek, wireframe penjualan partai barang-barang konfeksi Rifqi Ahmad Alhuwaidi
  21. WaveAccustica, wireframe aplikasi peminjaman alat musik oleh Toddi Erlangga
  22. AdaEvent, wireframe aplikasi pembuatan dan informasi event oleh Reva Eka Prasetyo
  23. OnlineStore, wireframe penjualan online oleh Jacky Setiawan
  24. JalanYok, wireframe travelling oleh Azril Hari Nugroho
  25. Crita.co, wireframe aplikasi tentang cerita oleh Nikolaus Christian Aditama
  26. J-Properti, wireframe aplikasi untuk jual beli rumah oleh Abraham Filipo
  27. OLShopKu, wireframe aplikasi penjualan baju online oleh Isnaini Hayati

Evolusi proses pengembangan perangkat lunak

Evolusi proses pengembangan perangkat lunak : 

  • Diagram pertama menggambarkan awal hari industri perangkat lunak, ketika programmer menginisiasi produk perangkat lunak, kemudian membangun dan menguji.
  • Pada era berikutnya, manajer profesional ikut andil untuk membantu memfasilitasi proses dengan menerjemahkan peluang pasar menjadi persyaratan produk.
  • Diagram ketiga, desainer grafis dibawa untuk membuat ikon dan elemen visual lainnya dalam proses pembuatan aplikasi.
  • Diagram akhir menunjukkan pendekatan Goal-Directed untuk pengembangan perangkat lunak, di mana keputusan tentang fitur, bentuk, dan perilaku aplikasi divisualisasikan dalam design antarmuka. Selanjutnya proses pengembangan disepakati dengan sejumlah biaya (software cost).

Referensi : Cooper, A., Reimann, R., Cronin, D., & Noessel, C. (2014). About face: the essentials of interaction design. John Wiley & Sons.

Daftar Menu Makanan seorang UI Design

Evolusi dalam pengembangan perangkat lunak (software engineering) saat ini menempatkan Design User Interface (UI) sebagai langkah awal yang harus dibuat sebelum code program dibuat. Untuk menghasilkan design User Interface (UI) yang sederhana, indah dan mudah digunakan, Adham Dannaway seorang produk designer,  memberikan rekomendasi bagi designer User Interface (UI) untuk mengkonsumsi buku-buku berikut agar didapat design yang sesuai dengan harapan.

Buku-buku tersebut adalah sebagai berikut :

  1. UI is Communication By Everett N McKay
  2. Designing with the Mind in Mind By Jeff Johnson
  3. Evil by Design By Chris Nodder
  4. Simple and Usable Web, Mobile, and Interaction Design By Giles Colborne
  5. Designing Interfaces By Jenifer Tidwell
  6. The Best Interface Is No Interface By Golden Krishna
  7. About Face: The Essentials of Interaction Design By Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel
  8. Don’t Make Me Think, Revisited By Steve Krug
  9. Digital Design Essentials By Rajesh Lal
  10. Interdisciplinary Interaction Design By James Pannafino

Sumber  : UI design books you should read By Adham Dannaway last updated on 23 May 2018

Evaluasi Heuristic Interaksi Manusia dan Komputer berbasis Usability

Menurut Molich dan Nielsen, suatu pendekatan dalam melakukan evaluasi heuristic antara manusia dengan mesin (man-machine) jika dikaitkan dengan kemudahan penggunaan (usability) meliputi hal-hal sebagai berikut :

  1. visibility of system status (feedback)
  2. Match between system and the real world (metaphor)
  3. User control and freedom (navigation)
  4. Consistency and standards (consistency)
  5. Error prevention (prevention)
  6. Recognition rather then recall (memory) 
  7. Flexibility and efficiency of use (efficiency)
  8. Aesthetic and minimalist design (design)
  9. Help users recognize, diagnose, and recovers from errors (recovery)
  10. Help and documentation (help)

Referensi :

Nielsen, J. dan Molich, R. (1990). “Heuristic evaluation of user interface”, in Proceedings of ACM Chi’90 Conference on Human Factors in Computing system, pp. 25-62.

Menyiapkan JDK di Ubuntu 18.04

Membuat aplikasi java pada Command Line Terminal Linux memberikan ketrampilan olah raga tangan dengan baik dan meningkatkan kemampuan dalam LOGIKA. Editor yang di sarankan dalam pembuatan aplikasi java khususnya untuk belajar pemrograman java adalah VI atau VIM. Editor keluarga vi memang editor yang lumayan jadul tapi masih sangat joss untuk mengasah kemampuan mengingat keywords vi yang mengasikkan.

Untuk mempersiapkan JDK pada server/desktop Linux ubuntu dengan tahapan sebagai berikut :

sudo apt-get update

sudo apt install default-jdk

sudo apt install openjdk-11-jdk-headless

sudo apt install ecj

sudo apt install openjdk-8-jdk-headless

Setelah itu masuk command line interface, dan jalankan $java -version dan $javac -version jika sudah tampil informasi bahwa JRE dan JDK dalam linux system tersebut, program java siap di produksi pada system anda. Selamat mencoba!!

Final Projects User Interface Design 2018

Desain Antarmuka Pengguna/User Interface Design) atau rekayasa antarmuka pengguna adalah desain untuk komputer, peralatan, mesin, perangkat komunikasi mobile, aplikasi perangkat lunak, dan situs web yang berfokus pada pengalaman pengguna (User Experience) dan interaksi.

Berikut hasil karya Project Akhir  Design User Interface berbagai Aplikasi dan Video pemaparan dari Design yang sudah dibuat oleh mahasiswa program Studi Sistem Informasi Stikom Surabaya.

Kelas P1 Mata kuliah Design Antar Muka Pengguna (MK Semester Dua):

  1. Sistem informasi perpustakaan berbasis Web by Arda Fikri S.:Design,  Video-1, Video-2
  2. Indonesia Trade by Noel Godzallez : Design1, Design2, Video1, Video2
  3. T-Culture by Graciela Evanda Ronadi : Design, Video1, Video2, Video3
  4. K-DShop by Rofi Wahyudi : Design, Video
  5. Sinau by Denandra Putra : Design, Video
  6. Let’s Chat by Reynaldi Himawan Fanani : Design, Video1, Video2
  7. Celestial Travel by Yushar Yusof : Design, Video
  8. Bytes Film by Dwiky Hidayat : Design, Video
  9. Health One by Dimas Fitrah Maulana : Design, Video
  10. Desain (LINECTED) by Enrico Chandra Hartono : Design1, Design2, Video 
  11. Lelang Online by Arif Prasetiyo Utomo : Design, Video
  12. JackSound by Fadhli Dzil Ikhram I.P. : Design, Video
  13. Khitan by Rizaldy Pasya Wijaya : Design, Video
  14. Better Trip by Rafif Akbar : Design, Video1, Video2
  15. Pembayaran Online by Alhidayah : Design, Video1, Video2
  16. Treatment Sepatu by Bima Lestya : Design, Video1, Video2
  17. DGame Store by Gde Yandika Putrawan : Design1, Design2, Design3, Video1, Video2
  18. Rocknation by Adwin Oktavian T. : Design, Video1, Video2
  19. Muson (Museum Online) by Yholandha Martha R. A. : Design, Video
  20. Mediccal, aplikasi dokter Online by Gita Puspita Sari : Design, Video
  21. Aplikasi SanStrip (Pemesanan Hotel) by Satya Agatha F. : Design, Video1, Video2
  22. Co-Coach by Heryawan Wisnuyana : Design, Video
  23. Lease Camera by Achmad Lukman Hakim : Design, Video
  24. Wash my Car by Susilo Bayu Aji : Design, Video
  25. Empek-empek bu Rusdi by Rakha Hardi : Design, Video

Kelas Q1 Mata kuliah Design Antar Muka Pengguna (MK Semester Dua):

  1. Desain Antar Muka Aplikasi World comic by Habiburrohman : Design, Video
  2. Desain Antarmuka Pengguna  (ZOYA) by Muhsin Habib : Design1, Design2, Video
  3. Redesign Wattpad to Bluebooks by Egakania Wijaya : Design, Video
  4. Redesign Instagram Menjadi MyGram by Delvia Sunarno Putri : Design, Video
  5. Tutorial Aplikasi GoFlight by Ekky Febrihandani Rahmawati : Design, Video
  6. Redesign Twitter menjadi Tweety by Karenina Zaskiya Belkis : Design, Video
  7. I Game by Irvan Adi Santoso : Design, Video
  8. Play my Film by Tito Dwiki Darmawan :  Design, Video1, Video2
  9. Pemesanan Tiket Kebun Binatang by Shofa Wardatul Jannah : Design, Video
  10. Pemesanan menu makanan Cengkir Resto by Hanifah Lazuardy E. S. : Design, Video
  11. Hi Rencar and Travel by Atika Wardhani R. : Design, Video
  12. Helios Applikasi Testing Kepribadian by Gede Kitchen Batara : Design, Video
  13. Aplikasi Apotech by Kalingga Razak : Design, Video
  14. Penjualan Tiket Pesawat by Rahmat Aris : Design, Video
  15. Penjualan Batik Online by Muhammad Alvin Agung G. : Design, Video
  16. Paket Pernikahan by Harris Dwi Putranda : Design, Video
  17. Live.TV by Amrizal Rizky Fajar : Design, Video
  18. Cookpedia by Edvan Perdana Sandjaya : Design, Video
  19. Dream House by Ferry : Design, Video
  20. My Coffee by Muhamad Afif S. : Design, Video
  21. Toko Online Retail Alas Kaki – prospect by Hafidz Widyanto : Design, Video

 

Kelompok Ujian Akhir Keamanan Jaringan Komputer

Ujian MK Keamanan Jaringan Kelas P1 program studi Sistem Komputer diadakan setelah tanda tangan kehadiran sesuai jadwal, sampai dengan pukul 16.30 dengan pembagian kelompok ujian dan tempat ujian sebagai berikut :

Kelompok Demo Tempat Team-1 Team-2
1 Lantai-1 08410200040 10410200032
09410200013 10410200043
2 Lantai-2 08410200090 10410200085
08410200065 10410200093
3 Lantai-3 10410200031 10410200079
10410200033 10410200098
4 Lantai-4 10410200081 10410200027
11410200074 10410200005
5 Lantai-5 10410200042 10410200007
10410200040 10410200020
6 Lantai-6 10410200055 09410200031
10410200097 09410200093
7 Lantai-7 10410200063 10410200034
10410200066 10410200058
8 Lantai-8 10410200057 10410200092
10410200083 10410200078
9 Lantai-9 10410200051 10410200022
08410200075 10410200054

Petunjuk pelaksanaan demo dan workshop dijelaskan di ruangan B303 sesuai dengan jadwal (pukul 14.00). Tiap team harus membawa video record (handy cam atau sejenisnya) untuk merekam kegiatan demo dan workshop.

Firewall Menggunakan OpenBSD

OpenBSD Firewall dikategorikan pada tipe network firewall karena pada aplikasi OpenBSD firewall ini melakukan proses filter terhadap paket yang masuk pada sistem ini. Disebut dengan network filter karena yang di filter adalah protocol data unit pada layer network yaitu packet (Low level of the TCP/IP protocol stack). Filter yang dimaksudkan adalah dengan tidak mengijinkan paket lewat selama kondisi packet yang melalui firewall sesuai dengan daftar rule yang sudah ditentukan.

OpenBSD adalah turunan dari sistem operasi UNIX dari Berkeley Software Distribution (BSD), yang dikembangkan di Universitas California, Berkeley. Sistem operasi OpenBSD memiliki moto “FREE, FUNCTIONAL AND SECURE” sehingga pada websitenya (www.openbsd.org) dapat dijumpai tulisan “Only two remote holes in the default install, in a heck of a long time!”.

Untuk membangun Firewall menggunakan OpenBSD dijelaskan pada URL berikut : http://blog.stikom.edu/anjik/files/2013/02/Membangun-Firewall-Dengan-OpenBSD1.pdf