Rabu, 23 September 2020
Selasa, 17 Maret 2020
Pembelajaran Mingu ke II Kelas TKJ
Tujuan Pembelajaran
Setelah mengikuti kegiatan belajar ini siswa diharapkan dapat:
1) Mengetahui mode GUI pada sistem operasi.
2) Memahami penerapan mode GUI dalam sistem operasi.
Poin-poin pembelajaran kali ini diberikan dalam peta pikiran berikut.
b. Uraian Materi
MODE SISTEM OPERASI
Ada banyak sistem operasi yang dikembangkan saat ini, demikian juga dengan klasifikasinya.
Jika dilihat berdasarkan model interaksinya sistem operasi dapat dibedakan menjadi dua
macam, yakni sistem operasi mode teks (Command Line Interface; CLI) dan GUI (Graphical
User Interface). Mode interaksi teks sistem operasi akan dibahas pada kegiatan belajar
berikutnya. Saat ini materi akan difokuskan pada interaksi mode GUI.
Ilmu yang mempelajari model interaksi berbasis gui dikenal dengan nama interaksi manusia
dan komputer (human-computer interaction) atau desain interaksi (interaction design)
GUI merupakan jenis antarmuka yang memungkinkan user berinteraksi dengan suatu
perangkat elektronik melalui gambar-gambar (icon) dan berbagai indikator visual lainnya.
Model interaksi ini merupakan pengembangan dari model interaksi berbasis teks yang telah
lebih dulu ada. Sistem berbasis GUI banyak ditemukan pada perangkat bergerak
(mobile/portable).
Doug Engelbart merupakan orang pertama yang mengembangkan GUI di akhir tahun 1960-
an. Proyek GUI dengan nama Augmentation of Human Intellect ini dikerjakan di Augmentation
Research Center di SRI International, Menlo Park, California. Aplikasi yang dihasilkan
dinamakan oN-Line System (NLS). Aplikasi ini menggunakan mouse sebagai perangkat
interaksinya dan sudah mendukung Window.
Sejak saat itu mulai banyak sistem GUI yang dikembangkan, termasuk juga yang akan
diterapkan pada sistem operasi. Sistem operasi GUI yang berhasil dikembangkan saat itu
diantaranya Apple dengan Macintosh, Microsoft dengan Windows dan UNIX dengan X
Window.
Sistem X Window (X11 atau X) pada UNIX pertama kali dipublikasikan pada pertengahan
tahun 1980-an. Sejak saat itu ada banyak turunan UNIX termasuk Linux yang mulai
menerapkan sistem GUI ini.
Di Linux sendiri sistem X Window ini diturunkan menjadi beragam sistem GUI yang dikenal
dengan istilah Desktop Environment (DE). Beberapa sistem desktop environment yang ada di
UNIX/Linux diantaranya K Desktop Environment (KDE), GNOME Desktop Environment, Unity
Desktop Environment dan XFCE Desktop Environment.
Hampir semua DE di UNIX/Linux adalah aplikasi yang bersifat open source, sehingga dapat
dikembangkan dan digunakan oleh banyak orang secara bebas. Selain di Linux ada juga DE
yang dapat berjalan pada platform yang berbeda. KDE merupakan salah satu DE yang dapat
digunakan pada sistem operasi Windows.
Desktop environment (DE) dalam aplikasinya berfungsi sebagai sistem yang akan memproses
interaksi user secara grafis dengan masukkan baik melalui keyboard ataupun mouse. Selain
bertugas mengendalikan interaksi-interaksi dengan user, DE juga memiliki banyak fitur lainnya
yang terbagi-bagi ke dalam komponen-komponen tersendiri. Berikut ini merupakan daftar
beberapa komponen DE yang dimiliki:
- Window manager, aplikasi DE yang bertugas untuk mengelola interaksi terhadap window.
- Display manager, aplikasi untuk mengelola resolusi layar, dan dukungan multimonitor.
- Taskbar, komponen untuk menampilkan daftar aplikasi yang sedang digunakan oleh user.
- Konfigurasi DE, untuk menampilkan semua konfigurasi yang ada pada DE.
- Theme manager, aplikasi untuk memodifikasi style (look and feel) pada DE.
- Aplikasi pendukung lainnya seperti file manager, text editor, image viewer, audio player,
video player dan lainnya.
Komponen-Komponen DE yang dapat diamati pada Debian dijelaskan sebagai berikut.
Menu Bar
Bagian ini digunakan untuk menampilkan menu dari sistem Gnome. Lokasinya ada di bagian
atas. Menunya terdiri dari:
- Aplikasi, berisi daftar aplikasi yang terinstal.
- Lokasi, berisi daftar media penyimpan yang dapat diakses oleh user termasuk ketika
memasukkan USB Flash Disk akan ditambahkan aksesnya disini dan akses media
penyimpn dalam jaringan.
- Kalender, menampilkan tanggal dan jam saat ini.
- Volume, untuk mengatur volume suara speaker.
- Baterai (untuk laptop), memberikan status penggunaan baterai oleh sistem.
- Koneksi jaringan, mengatur koneksi jaringan yang ada. Koneksi yang dapat diatur selain
jaringan kabel termasuk jaringan nirkabel dan VPN
- Menu user, berisikan menu sistem untuk mematikan komputer, restart, mengunci layar
dan lainnya.
Ada banyak ragam aplikasi yang telah disediakan pada saat instalasi Debian seperti pengolah
kata (LibreOffice Writer, GEdit), pengolah data (LibreOffice Calc, LibreOffice Base), pengolah
presentasi (LibreOffice Impress), pengolah gambar (LibreOffice Draw, GIMP, Inkscape,
Shotwell, Evince), browser (Iceweasel), torrent (Transmission BitTorrent Client), komunikasi
(Empathy, Evolution) dan lainnya.
Task Bar
Bagian ini berisikan daftar aplikasi yang sedang dijalankan oleh user. Posisinya berada pada
bagian bawah. Selain itu pada bagian kanan dari bar ini terdapat komponen Desktop Switching
yang memungkinkan user untuk memiliki lebih dari satu lingkungan desktop. Jadi tidak hanya
menampilkan daftar aplikasi, namun juga daftar lingkungan desktop yang dapat diakses.
Window manager
Pengelolaan window pada aplikasi disini ditunjukkan melalui keberadaan tombol close,
minimize dan maximize pada title bar. Serta menu window yang akan muncul apabila
melakukan klik kanan pada title bar. Pada Gnome tombol-tombol tersebut ditempatkan pada
bagian kanan dari title bar. Perpindahan antar window (aplikasi) yang sedang dibuka dapat dilakukan dengan menahan tombol Alt kemudian menekan tombol Tab hingga aplikasi yang akan dituju ditampilkan.
Atau untuk berpindah antara lingkungan Desktop yang berbeda dapat menggunakan
kombinasi tombol Ctrl + Alt + panah kiri atau kanan.
Gnome memiliki banyak keyboard shortcut dan dapat diakses melalui menu Aplikasi >
Perkakas Sistem (System Tools) > Preferensi > Tatanan Sistem (System Settings) > Papan
Ketik (Keyboard) > Pintas (Shortcuts).
Konfigurasi DE
Ini berisikan semua konfigurasi yang mungkin dilakukan pada suatu DE. Pada Gnome fitur ini
disematkan pada aplikasi Gnome Control Center. Di dalamnya terdapat sejumlah pengaturan
konfigurasi untuk personalisasi, perangkat keras dan sistem. Aplikasi ini dapat diakses melalui
menu Aplikasi > Perkakas Sistem > Preferensi > Tatanan Sistem.
Mode Teks
Mode teks ini merupakan fitur yang memungkinkan user dapat mengetikkan perintah-perintah
operasi. Pada Gnome aplikasi ini dinamakan terminal dan dapat diakses melalui menu Aplikasi
> Aksesoris > Terminal atau Root Terminal (untuk menjalankan aplikasi Terminal sebagai
root).
Session Manager
Ini merupakan fitur Gnome untuk melakukan logout, suspend, restart dan shutdown sistem
operasi. Fitur ini dapat diakses pada menu user.
Ini merupakan fitur Gnome untuk melakukan logout, suspend, restart dan shutdown sistem
operasi. Fitur ini dapat diakses pada menu user.
Aplikasi Pendukung DE
Gnome memiliki banyak aplikasi pendukung seperti:
- Pengolah kata, seperti gedit dan LibreOffice Writer.
- Pengolah file, seperti Nautilus.
- Media player, seperti Totem Media Player.
- Pengolah gambar, seperti GIMP, Inkscape.
- Pembuka PDF, seperti Evince.
- Dan lainnya.
Gnome memiliki banyak aplikasi pendukung seperti:
- Pengolah kata, seperti gedit dan LibreOffice Writer.
- Pengolah file, seperti Nautilus.
- Media player, seperti Totem Media Player.
- Pengolah gambar, seperti GIMP, Inkscape.
- Pembuka PDF, seperti Evince.
- Dan lainnya.
Desktop Environment (DE). Pada sistem operasi UNIX/Linux terdapat banyak DE yang dapat
digunakan dan hampir semuanya bersifat open source. Gnome merupakan DE bawaan pada
sistem operasi Debian. Bebapa fitur DE Gnome diantaranya adalah window manager, task
bar, menu bar dan konfigurasi DE.
Module Download
======================================================================
TUGAS PILIH JAWABAN YANG BENAR
======================================================================
TUGAS PILIH JAWABAN YANG BENAR
Jumat, 27 Desember 2019
Cara Membuat Login Sistem Informasi Akademik (Siakad) Sekolah Dengan Php dan MySQL
selamat melanjutkan tutorial membuat siakad sekolah, dimana sebelumnya saya sudah membuat dua artikel tutorial tentang sistem informasi akademik sekolah dengan php dan mysql, baca disini dan disini
sebelum masuk ke tutorial dibawah ini sebaiknya baca dulu tutorial tersebut, karena tutorial Cara Membuat Login Siakad Sekolah Dengan Php dan MySQL masih lanjutan dari tutorial-tutorial sebelumnya.
oke langsung saja disini saya anggap anda sudah membaca tutorial tersebut dan saya anggap anda sudah mengerti dan paham, sekarang kita akan masuk ke tutorial membuat login.
halaman login ini adalah salah satu halaman untuk masuk ke halaman bagian administrator, login ini berfungsi untuk membatasi akses terhadap halaman tertentu, disistem informasi akademik sekolah ini terdapat halaman yang hanya dapat diakses oleh administrator saya, halaman-halaman ini nanti hanya dapat diakses setelah kita login.
di php kita bisa membatasi halaman tertentu hanya bisa diakses oleh orang yang di tentukan, bisa hanya bisa diakses oleh admin, user, atau karyawan, contoh script nya seperti ini
<? session_start(); //koneksi database include "../include/koneksi.php"; if (isset($_SESSION['level']) && isset($_SESSION['username'])) { if ($_SESSION['level'] == "admin") { ?>
dari script diatas kita menentukan halamannya hanya bisa diakses oleh level admin, kemudian jika bukan admin maka kita bisa buat pesan bahwa orang tersebut tidak bisa halaman itu, contoh script alert sebagai berikut
<? } else { // jika levelnya bukan admin, tampilkan pesan echo "<script type='text/javascript'> { if(alert('Sorry gank!! Anda tidak berhak mengakses halaman ini karena bukan admin.')){document.location='login.php';} } </script>"; } } else { echo "<script type='text/javascript'> { if(alert('Login Dulu dong Frend!!')){document.location='login.php';} } </script>"; } ?>
dari script javascript diatas saat kita mengakses halaman tertentu yang sudah dibatasi hanya untuk admin maka keluar pesa sseperti ini 'Sorry gank!! Anda tidak berhak mengakses halaman ini karena bukan admin.' setelah kita klik oke kita akan di redirect ke halaman login untuk melakukan login terlebih dahulu.
kira-kira bisa dimengertikan?
oke berikut cara membuat login sistem informasi akademik sekolah dengan php dan mysql
pertama buat dulu sebuah folder bernama “administrator” tanpa tanda petik didalam folder siakad yang sudah kita buat di tutorial sebelumnya,
buat file index.php
index.php
<? header("location:login.php"); ?>
simpan file index.php di dalam folder administrator
kemudian kita buat file login.php
login.php
<?php // memulai session session_start(); include "../include/koneksi.php"; if(isset($_POST['Submit'])){ $username = $_POST['username']; $password = $_POST['pass']; if(empty($username)){ echo "<script type='text/javascript'> onload =function(){ alert('Username belum diisi'); } </script>"; } elseif(empty($password)){ echo "<script type='text/javascript'> onload =function(){ alert('Password belum diisi'); } </script>"; } else { // query untuk mendapatkan record dari username $query = "SELECT * FROM user WHERE username = '$username'"; $hasil = mysql_query($query); $data = mysql_fetch_array($hasil); // cek kesesuaian password if ($password == $data['password']) { header("location:home.php"); // menyimpan username dan level ke dalam session $_SESSION['level'] = $data['level']; $_SESSION['username'] = $data['username']; } echo "<script type='text/javascript'> onload =function(){ alert('Username atau password salah!! Ulangi kembali'); } </script>"; } } ?> <style type="text/css"> <!-- body { background-color: #003366; background-image: url(../images/foto/images14.jpg); } --> </style> <table width="622" border="0" align="center" cellpadding="1" cellspacing="0"> <tr> <td colspan="2"><? include "header.php"; ?></td> </tr> <tr> <td valign="top"><h2 align="center"> </h2> <h2 align="center"><strong>Login Administrator </strong> </h2> <p align="center"><img src="../images/icon/kunci.png" width="103" height="90" /> <form method="post" action=""> <table width="289" border="0" align="center"> <tr> <td>Username </td> <td><input name="username" type="text"></td> </tr> <tr> <td>Password </td> <td><input name="pass" type="password"></td> </tr> <tr> <td> </td> <td><input type="submit" name="Submit" value="MASUK"></td> </tr> </table> </form> </p> <p> </p> <div align="center"><a href="../index.php">Kembali ke Home</a> </div></td> </tr> <tr> <td valign="top"><p> </p> <p> <? include "footer.php"; ?> </p> </td> </tr> </table>
simpan file login.php ini didalam folder administrator juga.
dari file login diatas ada script untuk memanggil file koneksi ke database
lihat include "../include/koneksi.php"; script ini akan mengeksekusi file koneksi.php dimana file koneksi ini fungsinya untuk menyambungkan ke database. jadi kita harus buat file koneksi.php
buat lagi satu folder didalam folder siakad nama foldernya include, setelah itu kita buat file koneksi.php
koneksi.php
<? //variabel database $nama_host="localhost"; $user_db="root"; $password_db=""; $nama_db="dbsekolah"; //koneksi database $koneksi=mysql_connect($nama_host,$user_db,$password_db); //bila terkoneksi if($koneksi){ //pilih database mysql_select_db($nama_db); }else{ echo "Database tidak terkoneksi"; } ?>
simpan file koneksi.php didalam folder include
di file koneksi ini kita akan menyambungkan ke database dbsekolah, nah sekarang kita buat database di phpmyadmin kita, nama databasenya “dbsekolah” tanpa tanda peting, setelah database dibuat kemudian klik SQL lalu paste kode dibawah ini kedalam kotak SQL dan klik Go
-- phpMyAdmin SQL Dump -- version 3.3.9 -- http://www.phpmyadmin.net -- -- Host: localhost -- Generation Time: Mar 20, 2017 at 07:41 AM -- Server version: 5.5.8 -- PHP Version: 5.3.5 SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO"; /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8 */; -- -- Database: `dbsekolah` -- -- -------------------------------------------------------- -- -- Table structure for table `user` -- CREATE TABLE IF NOT EXISTS `user` ( `username` varchar(20) NOT NULL, `password` varchar(30) NOT NULL, `level` varchar(30) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=latin1; -- -- Dumping data for table `user` -- INSERT INTO `user` (`username`, `password`, `level`) VALUES ('admin', '123', 'admin');
setelah anda klik Go jika tidak ada error maka dengan otomatis kita sudah membuat table user yang berisi informasi untuk login.
sekarang coba dibuka browsur anda buka http://localhost/siakad/administrator
anda akan diarahkan ke halaman login seperti gambar dibawah ini
oke jangan login dulu ya, sabar… ini belum siap, coba buka file login.php disitu ada tulisan header("location:home.php"); artinya jika berhasil login maka kita akan diarahkan ke home.php
nah sementara kita belum membuat file home.php oleh karena itu kita buat dulu home.php nya
home.php
<? session_start(); //koneksi database include "../include/koneksi.php"; if (isset($_SESSION['level']) && isset($_SESSION['username'])) { if ($_SESSION['level'] == "admin") { ?> <style type="text/css"> <!-- body { background-image: url(../images/foto/images14.jpg); } --> </style> <table width="622" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#CCCCCC"> <tr> <td colspan="2"><? include "header.php"; ?></td> </tr> <tr> <td width="103" align="center" valign="top" background="images/foto/Page-BgGlare.png"><p> <? include "menu.php";?> </p> <p align="center"> </p> </td> <td width="515"><table width="510" border="0" align="center"> <tr> <td valign="top"><h2 align="center">Wellcome PhpdanMySQL.Com </h2> <p align="center"><strong>Sistem Informasi Akademik Sekolah Berbasis Web dgn Php dan Mysql </strong></p> <hr /> <p align="justify"><img src="../images/foto/spectacles.gif" width="100" height="142" align="left" />Siakad ini merupakan sebuah aplikasi berbasis web yang dikembangkan untuk belajar Php dan MySQL, Website sekolah ini dibuat dengan tujuan untuk mengelola data akademik sekolah, khususnya pengelolaan data nilai (raport) bagi siswa.</p> <p align="justify">Dalam website ini terdapat proses pengolahan data nilai dimulai dari data siswa, data mata pelajaran, data guru, mahasiswa yang mengambil mata pelajaran tertentu, proses penilaian dan proses pencetakan raport. Beberapa proses pengolahan data dalam sistem informasi sederhana ini adalah:</p> <ul> <li>Data Siswa</li> <li>Data Mata Pelajaran</li> <li>Data Guru</li> <li>Pengambilan Mata Pelajaran </li> <li>Proses Penilaian</li> <li>Raport Siswa</li> </ul> <p align="justify">Semoga Bermanfaat bagi para pemula dan mahasiswa di seluruh Indonesia yang sedang belajar PHP MySQL untuk tugas akhir (Skripsi S1/Laporan D3).</p> <p>Developer,</p> <p>Abd Adies, S. Inf </p> <p> </p> <p> </p> </td> </tr> </table></td> </tr> <tr> <td colspan="2" bgcolor="#999999"><p> </p> <p> <? include "footer.php"; ?> </p> <p> </p></td> </tr> </table> <? } else { // jika levelnya bukan admin, tampilkan pesan echo "<script type='text/javascript'> { if(alert('Sorry gank!! Anda tidak berhak mengakses halaman ini karena bukan admin.')){document.location='login.php';} } </script>"; } } else { echo "<script type='text/javascript'> { if(alert('Login Dulu dong Frend!!')){document.location='login.php';} } </script>"; } ?>
simpan file home.php didalam folder administrator
setelah selesai silakan dicoba untuk login, isi usernamenya admin, passwordnya 123 klik masuk
jika tidak ada error anda akan diarahkan ke http://localhost/siakad/administrator/home.php
tampilan masih sama dengan halaman http://localhost/siakad/ namun bedanya dihalaman administrator kita mengedit, menyimpan dan menghapus data,
sampai disini kita sudah selesai membuat login, selanjunya kita buat logout dimana logout ini berfungsi untuk keluar dari sistem, jika kita sudah selesai memakai sistem kita klik logout untuk keluar agar sistem kita tidak bisa diakses oleh informasi login kita.
buat file logout.php
logout.php
<?php session_start(); session_destroy(); header("location:index.php"); ?>
simpan file logout.php didalam folder administrator.
semudian coba logout. jika berhasil akan kembali ke halaman login.
sekian tutorial kali ini tentang membuat login siakad sekolah dengan php dan mysql.
semoga bermanfaat.
Download source code aplikasi sistem informasi pelayanan puskesmas berbasis web yang dibuat dengan menggunakan framework codeigniter secara gratis (freebies) melalui tombol download dibawah ini
Selasa, 29 Oktober 2019
Konfigurasi Router Debian ppt download
Konfigurasi Router Debian ppt download: INSTALASI LINUX DEBIAN 6.07 Mensetting booting komputer pada BIOS. Pastikan booting pertama adalah CD/DVD. Pastikan CD-ROM Drive pada posisi teratas karena kita akan booting lewat CD ROM dan melakukan instalasi menggunakan CD/DVD. Apabila kita melakukan instalasi lewat Jaringan, maka Network Boot from AMD Am79C970A berada pada posisi teratas.
Dasar-dasar Web Design - ppt download
Dasar-dasar Web Design - ppt download: Asal Design hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem solving) www (world wide web) Merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama Web Fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, suara, animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya Website Merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu Web Design?
PANDUAN MEMBUAT DOMAIN DAN HOSTING SECARA GRATIS - ppt download
PANDUAN MEMBUAT DOMAIN DAN HOSTING SECARA GRATIS - ppt download: PENGERTIAN DOMAIN Pengertian domain menurut Wikipedia : Nama domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai IP address. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya
PRESENTASI PELATIHAN Hosting WEBSITE - ppt download
PRESENTASI PELATIHAN Hosting WEBSITE - ppt download: SYARAT WEBSITE BISA ONLINE Agar website bisa online, maka harus memiliki nama domain dan hosting Menurut Wikipedia Nama Domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau server di jaringan komputer ataupun internet. Hosting biasa disebut dengan Web-Hosting, adalah perusahaan yang menyediakan layanan dan penyimpanan Web bagi perorangan atau perusahaan. Dengan kata lain Hosting adalah salah satu bentuk layanan penyewaan ruang simpan data (space) yang digunakan untuk menyimpan data – data website agar halaman website tersebut bisa diakses dari mana saja.
Langganan:
Postingan (Atom)