MENGENAL ANTARMUKA GRAFIS

37
+ MENGENAL ANTARMUKA GRAFIS Teknik Informatika Universitas Bunda Mulia Jakarta Chandra Hermawan, M.Kom., MM

description

MENGENAL ANTARMUKA GRAFIS. Teknik Informatika Universitas Bunda Mulia Jakarta Chandra Hermawan, M.Kom ., MM. TUJUAN PEMBELAJARAN. Mengetahui macam-macam tampilan Graphical User Interface (GUI) pada UNIX/Linux Mampu menggunakan GUI pada UNIX/Linux. Antarmuka. - PowerPoint PPT Presentation

Transcript of MENGENAL ANTARMUKA GRAFIS

Page 1: MENGENAL ANTARMUKA GRAFIS

+

MENGENAL ANTARMUKA GRAFISTeknik InformatikaUniversitas Bunda Mulia Jakarta

Chandra Hermawan, M.Kom., MM

Page 2: MENGENAL ANTARMUKA GRAFIS

+TUJUAN PEMBELAJARAN

Mengetahui macam-macam tampilan Graphical User Interface (GUI) pada UNIX/LinuxMampu menggunakan GUI pada UNIX/Linux

Page 3: MENGENAL ANTARMUKA GRAFIS

+Antarmuka Pengertian antarmuka ( interface) adalah salah satu

layanan yang disediakan sistem operasi sebagai sarana interaksi antara pengguna dengan sistem operasi.

Antarmuka adalah komponen sistem operasi yang bersentuhan langsung dengan pengguna.

Terdapat dua jenis antarmuka, yaitu Command Line Interface(CLI) dan Graphical User Interface(GUI)

Page 4: MENGENAL ANTARMUKA GRAFIS

+Sejarah GUI GUI pertama kali dikembangkan oleh para peneliti di

Xerox Palo Alto Research Center (PARC) di tahun 70-an Personal computer pertama yang menggunakan

antarmuka pengguna grafis modern adalah Xerox Alto, yang dikembangkan pada tahun 1973

Pada tahun 1984, Apple merilis Macintosh yang menggunakan GUI hasil riset Xerox PARC

Beberapa tahun kemudian, Microsoft merilis sistem operasi Windows-nya yang juga menggunakan GUI.

Apple mengklaim bahwa Microsoft mencuri ide dari Apple

Page 5: MENGENAL ANTARMUKA GRAFIS

+

Xerox PARC

Apple : the Lisa

Page 6: MENGENAL ANTARMUKA GRAFIS

+Graphical User Interface(GUI) GUI adalah tipe antarmuka yang digunakan oleh

pengguna untuk berinteraksi dengan sistem operasi melalui gambar-gambar grafik Icon Menu pointing device

Elemen-elemen utama dari GUI bisa diringkas dalam konsep WIMP ( window, icon, menu, pointing device)

GUI (Graphical User Interface), berjalan di atas sistem operasi

Page 7: MENGENAL ANTARMUKA GRAFIS

+Contoh GUI

Page 8: MENGENAL ANTARMUKA GRAFIS

+

Seperti halnya CLI, tiap-tiap sistem operasi juga memiliki nama tersendiri untuk komponen GUI-nya

Pada Apple Mac OS X, GUI-nya disebut Aqua Microsoft memberi nama GUI Windows XP sebagai

Lunar dan GUI Windows Vista sebagai Aero Pada Linux, ada dua pengembang utama desktop

environment pada Linux KDE (K Desktop Environment) SuSE dan Mandrake GNOME Fedora Core dan Ubuntu

Page 9: MENGENAL ANTARMUKA GRAFIS

+Command Line Interface(CLI) CLI adalah tipe antarmuka dimana pengguna berinteraksi

dengan sistem operasi melalui text-terminal. Pengguna menjalankan perintah dan program di sistem

operasi tersebut dengan cara mengetikkan baris-baris tertentu

Tiap-tiap sistem operasi memiliki nama atau istilah yang berbeda untuk CLI-nya

Pengguna Linux mengenal CLI pada Linux sebagai terminal

Microsoft Disk Operating System (MS-DOS) memberi nama command.com atau Command Prompt

Windows Vista, Microsoft menamakannya PowerShell Apple namanya adalah commandshell

Page 10: MENGENAL ANTARMUKA GRAFIS

+GUI & CLI kelebihan penggunaan CLI dibandingkan GUI

Kontrol Kecepatan Penggunaan Resource Scripting

kelebihan penggunaan GUI dibandingkan CLI Kemudahan Multitasking Look & Feel

Penggunaan CLI atau GUI intinya lebih disesuaikan dengan kebutuhan kita, kapan kita cukup menggunakan CLI saja, dan kapan kita harus menggunakan GUI

Page 11: MENGENAL ANTARMUKA GRAFIS

+Linux & GUI Pada awal-awal distribusi Linux, Linux didukung oleh

banyak Window Manager Window Manager adalah antarmuka grafis yang

disiapkan supaya kita dapat berinteraksi dengan sistem operasi Linux menggunakan tampilan grafis

Windows Manager berjalan di atas layanan yang disebut sebagai X Server

X Server mengelola ikon jendela, tampilan umum, dan nuansa dari desktop kita

Windows Manager yang mengontrol penempatan dan penampilan (atau tampilan) dari jendela dalam sistem windowing.

Page 12: MENGENAL ANTARMUKA GRAFIS

+Apa itu X-Windows ? X-Windows (atau X11 atau X) adalah sistem

grafis dan windowing bagi sistem operasi UNIX dan sistem-operasi-mirip-UNIX yang dikembangkan di Massachusetts Institute of Technology (MIT) sejak tahun 1984.

Dengan menggunakan X-Windows dan aplikasi Windows Manager, sebuah komputer dengan sistem operasi UNIX dapat memiliki sistem GUI (Graphical User Interface)

wikipedia.org

Page 13: MENGENAL ANTARMUKA GRAFIS

+Sejarah Perkembangan

1984 – MIT Project X – mengembangkan landasan (Framework) yang diperlukan untuk dapat menggunakan UNIX secara grafis (GUI)

1986- Peluncuran versi komersial X untuk digunakan di sistem operasi UNIX

1994- Munculnya XFree86, implementasi open source dari X11R6 dibawah lisensi GPL, yang digunakan pada sistem operasi Linux

Page 14: MENGENAL ANTARMUKA GRAFIS

+What is XFree86? The XFree86 Project, Inc is a global volunteer organization

which produces XFree86®, the freely redistributable open-source implementation of the X Window System continuously since 1992.

XFree86 runs primarily on UNIX® and UNIX-like operating systems like Linux, all of the BSD variants, Sun Solaris both native 32 and 64 bit support, Solaris x86, Mac OS X (via Darwin) as well as other platforms like OS/2 and Cygwin.

What XFree86 does, is provide a client/server interface between the display hardware (those physical things like the mouse, keyboard, and video displays) and the desktop environment, (this is typically called a window manager as it deals with how X is displayed i.e. the overall appearance). Yet X it goes beyond that and also gives the infrastructure and a standardized application interface (API).

wikipedia.org

Page 15: MENGENAL ANTARMUKA GRAFIS

+Jenis-Jenis GUI Linux

KDE GNOME FVWM

Page 16: MENGENAL ANTARMUKA GRAFIS

+KDEKDE (K Desktop Environment) adalah lingkungan desktop (desktop environment) dan platform pengembangan aplikasi yang dibangun dengan toolkit Qt dari Trolltech. KDE dapat ditemui pada berbagai sistem Unix, termasuk Linux, BSD, dan Solaris Dikembangkan oleh Matthias Ettrich, seorang mahasiswa

Universitas Tubingen, Jerman yang di pertengahan tahun90-an

Desktop Environment yang terkenal stabil, mudah digunakan, dan cocok untuk pemula

proyek open-source besar dengan 800 lebih kontributor dan 2,6 juta baris program

Beberapa perusahaan tercatat menjadi sponsor. Di antaranya adalah SUSE, Caldera, dan O’reilly.

Page 17: MENGENAL ANTARMUKA GRAFIS

+KDE

Page 18: MENGENAL ANTARMUKA GRAFIS

+Beberapa aplikasi KDEAplikasi DeskripsiArk Archive Manager, seperti WinzipDigikam Aplikasi untuk bekerja dengan Digital CameraKate Advanced Text editorKghostview Viewer untuk PS dan PDFKgpg Front End untuk GPGKmail Mail Client serba gunaKonqueror Web browser, File Manager, dan lain-lain.

Seperti Windows Explorer di Windows Bahkan, dengan pengembangan sampai saat ini, Konqueror bisa dibilang mengalahkan Windows Explorer.

Kontact Groupware clientKopete Aplikasi Multiprotocol Instant MessangingKuickShow Image Viewer

Page 19: MENGENAL ANTARMUKA GRAFIS

+GNOME GNOME dimulai oleh hacker super canggih Miguel de Icaza dan

rekan-rekannya Proyek ini dimulai tahun 1997 (setahun setelah KDE) GNOME bertujuan untuk menghasilkan desktop yang benar-

benar free GNOME 1.x memiliki tampilan yang kaku dan kurang memikat Saat ini, dengan hadirnya GNOME 3.2 kita bisa menikmati

suatu desktop dengan teknologi canggih di dalamnya. GNOME adalah bagian dari proyek GNU dan dapat digunakan

di kebanyakan sistem operasi Unix-like, kebanyakan Linux dan OpenSolaris desktop.

Page 20: MENGENAL ANTARMUKA GRAFIS

+GNOME

Page 21: MENGENAL ANTARMUKA GRAFIS

+Beberapa aplikasi GNOMEAplikasi DeskripsiEvolution Groupware client. Sangat bagus.

Mencakup e-mail, contact, task management, newsagregator dan lain sebagainya

File-Roller Aplikasi kompresi seperti WinzipGAIM Multiprotocol Instant MessangingGedit Teks editorGGV Aplikasi untuk membuka fi le PS dan

PDFGqview Image viewerNautilus File manager

Page 22: MENGENAL ANTARMUKA GRAFIS

+FVWMAdalah window manager virtual untuk X Window System. merupakan turunan twm, yang berkembang menjadi lingkungan yang kuat dan dapat dikonfigurasi dengan mudah pada sistem operasi Unix dan variannya

Page 23: MENGENAL ANTARMUKA GRAFIS

+FVWM

Page 24: MENGENAL ANTARMUKA GRAFIS

+

FVWM Family

Page 25: MENGENAL ANTARMUKA GRAFIS

+Perbandingan GUI Linux

Page 26: MENGENAL ANTARMUKA GRAFIS

+Perbandingan Aplikasi GUI

Page 27: MENGENAL ANTARMUKA GRAFIS

+Komponen Penyusun GUIX-ServerWindows ManagerDesktop Environment

Page 28: MENGENAL ANTARMUKA GRAFIS

+X-Server Sets up the graphics display

e.g. Monitors resolution, color depth, refresh rate etc

Tracks mouse movements and keystrokes

Communicates with X clients E.g. X11R6, Metro-X, MacOS-

X, Accelerated-X

Page 29: MENGENAL ANTARMUKA GRAFIS

+Windows ManagerProvides Features such as Windows

layouts, Menus , Bars, borders .Mechanism to Minimize and Maximize Windows and Icons placementsVirtual Desktops

Page 30: MENGENAL ANTARMUKA GRAFIS

+Desktop Environment Provides Icons, Folders, toolbars, applications,

applets, wallpapers, screensavers, and abilities like drag and drop.

A distinctive look and feel.

Page 31: MENGENAL ANTARMUKA GRAFIS

+Fedora 16

Page 32: MENGENAL ANTARMUKA GRAFIS

+

THANK YOU

Page 33: MENGENAL ANTARMUKA GRAFIS

+KDE vs Gnome, What is the better desktop environment?Tugas : Analisalah dari dua jenis Desktop Environment

tersebut. Berilah kesimpulan dari analisa tersebut. Analisa berdasarkan stabilitas, kompabilitas, feature,

komparasi resource dll… Tugas di kumpulkan paling lambat tanggal 17-3-2012

pukul 00:00 dan kirimkan ke email :

Page 34: MENGENAL ANTARMUKA GRAFIS

+Latihan Praktikum

Mengubah Ukuran dan Lokasi Panel. Mengubah Tingkah Laku Panel. Merapikan Icon pada Desktop Menjalankan Terminal

Page 35: MENGENAL ANTARMUKA GRAFIS

+Mengatur Tampilan Terminal. Mengubah Skema Terminal. Untuk Menampilkan atau Menyembunyikan Menu

Bar Mengubah Ukuran Font. Membuka Shell Terminal Baru Mengunci Desktop.

Page 36: MENGENAL ANTARMUKA GRAFIS

+Mengenal KFK (Konqoeror File Manajer). Menghubungkan atau Memutuskan antara

Bagian Kiri dan Bagian Kanan dari KFM. Mengubah Tampilan KFM Membuat Direktori Mencari File. Mengetahui Properti File atau Direktori.

Page 37: MENGENAL ANTARMUKA GRAFIS

+Trash Bin

Memindahkan File atau Direktori ke Direktori Trash.

Memulihkan File atau Direktori dari Direktori Trash