Rangkuman Tugas M9

 Identifikasi Kebutuhan Pengguna Grafik Pada Aplikasi Berbasis Web

13.1. Desain Website

Untuk memenuhi kebutuhan pengguna terhadap grafik pada sebuah aplikasi berbasis web, maka ada beberapa hal yang perlu diperhatikan pada desain website, diantaranya adalah:

1. Penggunaan warna yang tepat

Warna sangat berpengaruh dalam sebuah desain. Seperti yang telah kita ketahui, masing masing warna memiliki karakter tersendiri, dan mecerminkan suasana tertentu. Skema warna (kombinasi warna) dalam desain harus bisa mewakili karakter yang diinginkan.

2. Teks yang mudah dibaca

Teks harus mudah dibaca, hal ini bisa dicapai dengan mengatur kontras warna teks dengan background. Selain itu penggunaan font yang tepat juga perlu diperhatikan, jenis font, ukuran font, style dan konsistensinya dalam desain.

3. Desain visual yang harmonis

Image atau gambar secara visual merupakan unsur atau elemen utama dalam desain. Image bisa digunakan sebai pemanis, atau penyeimbang atau point of interest.

4. Layout yang Simpel

Layout atau tataletak desain diusahakan sesederhana mungkin, minimalisir elemenelemen yang tidak penting, maksimalkan whitespace (jarak antar elemen). Website dengan layout yang baik, mudah untuk dijelajahi, pengunjung mudah untuk menemukan sesuatu, dan dengan cepat menemukan apa yang dicarinya.

5. Alur yang mudah dimengerti

Layout desain website harus bisa menuntun pengunjung dan mengarahkan mereka ke sesuatu yang kita inginkan, jadi kitalah yang menuntun alur perhatian pengunjung dari titik a, ke titik b, ke titik C, dan seterusnya, sehingga tujuan kita dan misi dari website bisa dicerna dengan baik oleh pengunjung

6. Menu Navigasi yang jelas

Salah satu elemen penting yang juga wajib diperhatikan adalah navigasi atau menu. Menu navigasi adalah satu - satunya cara pengunjung berinteraksi dengan website. Ada banyak cara dan banyak desain menu navigasi, tetapi yang tidak boleh dilupakan adalah fungsi utamanya, sebagai alat interaksi pengunjung dengan website.

Ada dua hal penting yang membuat website menjadi sukses dan mampu mendapatkan trafik dalam jumlah tinggi: konten berkualitas dan desain yang unik serta menarik. Desain website yang tidak rapi dan berantakan memengaruhi kesempatan konten dibaca oleh pengunjung situs. Pastinya mereka tidak akan melanjutkan membaca konten jika desain web yang dibuat „merusak‟ pandangan mata. Kalau sudah begini, jumlah pengunjung yang mengakses web akan berkurang. Oleh karena itu, harus berhati-hati dalam mengatur tata letak website. Carilah informasi sebanyak mungkin tentang cara desain web guna membantu dalam menemukan style yang tepat.

13.2. Ragam Layout Website

Ada beberapa macam layout desain web saat ini yang semakin menghiasi dunia web :

1. Static

Layout static pada web desain memiliki ukuran tetap pada semua resolusi browser. Lebar layout static ini menggunakan satuan pixel (px) sehingga akan menghasilkan layout yang statis.

Contoh layout static: Facebook, Twitter. 

2. Fluid Layout fluid 

memiliki kemampuan untuk menyesuaikan lebar layout sesuai dengan resolusi browser. Hal tersebut terjadi karena lebar layout menggunakan satuan percent (%) sehingga lebar layout akan mengikuti resolusi browser saat dikecilkan atau dibesarkan (resize). Contoh layout fluid: gmail, yahoo mail.

3. Responsive

Layout responsive memiliki kemampuan untuk berganti layout pada resolusi tertentu. Layout bisa berganti ini berkat kehadiran CSS3 dengan sintax media queries nya. 

4. Responsive-fluid

Layout responsive-fluid merupakan gabungan antara responsive dengan fluid sehingga lebar layout akan mennyesuaikan resolusi dan akan berganti layout pada resolusi tertentu. Layout ini menggunakan media queries dan satuan percent (%) untuk ukuran.

5. Horizontal Scrolling

Layout horizontal scrolling adalah dengan menata content web kesamping, sehingga untuk melihat content web tersebut menggunakan scroll horizontal.

6. Parallax Scrolling

Layout parallax scrolling menggunakan beberapa layer dan setiap layer memiliki kecepatan perpindahan yang berbeda-beda saat di scroll sehingga menimbulkan efek yang menarik.

13.3. Format Gambar untuk Website

Format image ada beberapa jenis, yang umum untuk ditemukan adalah JPEG (JPG), GIF dan PNG juga BMP. Perbedaannya tidak dapat dilepaskan dari jenis kompresi yang digunakan untuk menyimpan data.

Semakin besar kompresi semakin sedikit data yang disimpan. Dan jika ukuran data semakin besar, akan menambah waktu yang diperlukan untuk menampilkannya pada web browser

Berikut acuan sederhananya:

• PNG sangat baik untuk dipergunakan pada kebanyakan web browser (IE6+ butuh sedikit sentuhan CSS untuk pengaturan transparansi). Format jenis ini sangat tepat untuk menyimpan grafik (ilustration) atau foto (kualitas tinggi)

• JPG adalah pilihan terbaik untuk menampilkan foto secara online, walau kualitasnya tidak sebagus PNG tetapi cukup bisa diterima mata manusia

• GIF sangat baik untuk menampilkan gambar grafik (jika tidak mau menggunakan PNG), tapi jangan ubah foto menjadi format GIF karena hasilnya tidak sedap dipandang mata

• BMP bisa dikategorikan sebagai gambar tidak terkompresi, tidak disarankan untuk penggunaan pada web (menghabiskan bandwidth) 

13.4. Menerapkan Warna Efektif ke dalam Website

Ada beberapa hal yang harus diperhatikan dalam menerapkan warna. Berikut apa saja yang sebaiknya dilakukan dalam mengkombinasikan warna ke dalam desain website.

1. Gunakan warna brand

Warna identitas brand merupakan hal yang penting untuk selalu diterapkan ke berbagai media, termasuk media online seperti website sebagai bentuk branding perusahaan. Begitu juga website Coca Cola yang menerapkan identitas brand-nya yaitu merah.

2. Terapkan psikologi warna

Secara tidak sadar, warna mampu memberikan pengaruh kedalam pikiran seseorang. Saat kita mengunjungi halaman website, mata akan tertarik untuk memperhatikan sesuatu yang terlihat berbeda dan menonjol. Seperti sifat warna-warna panas yang cerah, cukup efektif untuk menarik perhatian, jika digunakan sebagai informasi penting, tombol, link, headline, dan lain-lain. Begitu juga dengan warna-warna dingin yang menenangkan dapat digunakan sebagai background, text maupun paragraph dan lain-lain. 3. Sesuaikan warna dengan target pasar

Setiap konsumen memiliki ketertarikan warna yang berbeda sesuai umur maupun jenis kelaminnya. Begitu juga setiap bidang usaha akan selalu berbeda dalam menerapkan warna berkaitan dengan profesionalitas usaha. Sebagai contoh warna ceria yang tampil fun dan menyenangkan, akan lebih efektif digunakan untuk target konsumen bayi/anak-anak maupun wanita, serta digunakan dalam bidang usaha yang lebih santai.

4. Pastikan warna teks kontras dengan background

Kontras teks dalam desain website jugalah penting. Teks menjadi sumber rujukan bagi pengunjung untuk mengetahui informasi mengenai bisnis. Untuk itu, membuat teks mudah dibaca dan untuk menghindari ketegangan mata pengunjung website, harus ada kontras yang tinggi antara warna teks dan warna background.

13.5 Desain yang Sesuai Dengan User Experience dan User Interface

1. User Experience

User Experience Design atau yang biasa disebut UX Design yaitu adalah: Proses meningkatkan kepuasan pengguna (pengguna aplikasi, pengunjung website) dalam meningkatkan kegunaan dan kesenangan yang diberikan dalam interaksi antara pengguna dan produk. UX Design itu proses membuat sebuah website atau aplikasi  yang dibuat menjadi mudah untuk digunakan dan tidak membingungkan Ketika digunakan oleh pengguna.

2. User Interface

User Interface Design atau yang bahasa Indonesianya itu Desain Antarmuka Pengguna adalah desain antarmuka untuk mesin dan perangkat lunak, seperti komputer, peralatan rumah tangga, perangkat mobile, dan perangkat elektronik lainnya, dengan fokus pada memaksimalkan pengalaman pengguna.

13.6. Konsep Resolusi Pada Monitor

1. Resolusi Layar

Resolusi Layar adalah jumlah pixel pada setiap dimensi layar monitor. Istilah dapat menjadi ambigu terutama karena resolusi yang ditampilkan dipengaruhi oleh faktorfaktor yang berbeda. Contohnya, Cathode Ray Tube (CRT), monitor layar datar (termasuk LCD) tampilan proyeksi menggunakan gambar elemen susunan tetap (pixel / piksel).

2. Jumlah Piksel untuk Berbagai Resolusi

Metrik lain memperlihatkan perspektif yang sangat jelas adalah jumlah piksel. Sebuah tampilan Quad HD memiliki 3.69 juta piksel, lebih banyak 78% dibandingkan 1080p yang hanya 2,07 juta piksel, dan empat kali lipat dibanding tampilan 720p.

3. Aspek Rasio

Melihat persepsi mengenai “Resolusi Layar” dapat dipengaruhi oleh sejumlah factor seperti Resolusi Gambar dan Resolusi Optik. Salah satu faktor adalah bentuk persegi panjang layar, yang dinyatakan sebagai rasio dari lebar berbanding tinggi fisik. Hal ini dikenal sebagai Aspek Rasio.

Tugas Kelompok Pembuatan Rumah Design Pemodelan Graf

 

Perbandingan Film

  PERBANDINGAN FILM The Twilight Saga New Moon ( 2009 ) dengan The Twilight Saga Breaking Dawn ( 2011 & 2012 )

Perbandingan yang terlihat jelas antara film The Twilight Saga New Moon ( 2009 ) dengan The Twilight Saga Breaking Dawn ( 2011 dan 2012 ) adalah pada kualitas resolusi yang sangat jauh lebih baik yang breaking dawn, serta efek sound yang sangat nyata sehingga film seperti ini lebih nyata dibandingkan pada  The Twilight Saga New Moon. Resolusi yang dikeluar kan menampilkan berbedaan yang tidak jauh beda antara  The Twilight Saga New Moon dan  The Twilight Saga Breaking Dawn, secara sekilas mata lebih bagus resolusi The Twilight Saga Breaking Dawn.

Perbandingan Software Modelling dan Review Desain Rumah

    Blender adalah salah satu software open source yang digunakan untuk membuat konten multimedia khusunya 3Dimensi, ada beberapa kelebihan yang dimiliki Blender dibandingkan software sejenis. Berikut beberapa kelebihannya:

• Open Source Blender merupakan salah satu software open source, dimana kita bisa bebas memodifikasi source codenya untuk keperluan pribadi maupun komersial, asal tidak melanggar GNU General Public License yang digunakan Blender.

• Multi Platform Karena sifatnya yang open source, Blender tersedia untuk berbagai macam operasi sistem seperti Linux, Mac dan Windows. Sehingga file yang dibuat menggunakan Blender versi Linux tak akan berubah ketika dibuka di Blender versi Mac maupun Windows.

• Update Dengan status yang Open Source, Blender bisa dikembangkan oleh siapapun. Sehingga update software ini jauh lebih cepat dibandingkan software sejenis lainnya. Bahkan dalam hitungan jam, terkadang software ini sudah ada update annya. Update an tersebut tak tersedia di situs resmi blender.org melainkan di graphicall.org

• Free Blender merupakan sebuah software yang Gratis Blender gratis bukan karena tidak laku, melainkan karena luar biasanya fitur yang mungkin tak dapat dibeli dengan uang, selain itu dengan digratiskannya software ini, siapapun bisa berpartisipasi dalam mengembangkannya untuk menjadi lebih baik. Gratisnya Blender mendunia bukan seperti 3DMAX/ Lainnya yang di Indonesia Gratis membajak :p. Tak perlu membayar untuk mendapatkan cap LEGAL. Karena Blender GRATIS dan LEGAL

• Lengkap Blender memiliki fitur yang lebih lengkap dari software 3D lainnya.  Coba cari software 3D selain Blender yang di dalamnya tersedia fitur Video editing, Game Engine, Node Compositing, Sculpting. Bukan plugin lho ya, tapi sudah include atau di bundling seperti Blender.

• Ringan Blender relatif ringan jika dibandingkan software sejenis. Hal ini terbuti dengan sistem minimal untuk menjalankan Blender. Hanya dengan RAM 512 dan prosesor Pentium 4 / sepantaran dan VGA on board, Blender sudah dapat berjalan dengan baik namun tidak bisa digunakan secara maksimal. Misal untuk membuat highpolly akan sedikit lebih lambat.

• Komunitas Terbuka Tidak perlu membayar untuk bergabung dengan komunitas Blender yang sudah tersebar di dunia. Dari yang newbie sampai yang sudah advance terbuka untuk menerima masukan dari siapapun, selain itu mereka juga saling berbagi tutorial dan file secara terbuka. Salah satu contoh nyatanya adalah OPEN MOVIE garapan Blender Institute.

Adapun kekurangan pada Blender, untuk penguasaannya sangat membuntuhkan waktu lama karena memang agak sulit dipahami terutama pada GUI nya.

• Tool yang dimiliki tidak lengkap seperti Sketchup
• Tampilan cukup berantakan
• Semua proses dilakukan dengan manual

Selanjutnya kita akan bandingkan Blender dengan Sketchup

Sketchup merupakan sebuah program pemodelan tiga dimensi yang di rancang untuk arsitek, insinyur sipil, pembuatan film, game developer, dan profesi terkait. Ini juga mencakup fitur-fitur untuk menfasilitasi model penempatan di Google Earth. Aplikasi ini dirancang untuk mempermudah penggunaannya.

                Kelebihan Sketchup

·         Interface yang menarik dan simple.

·         Mudah digunakan oleh golongan pemula sekalipun.

·         Banyak open source dan plugin yang mendukung kinerja Sketchup.

·         Terdapat fitur import file keektensi seperti 3ds,dwg,pdf,jpg dll.

·         Aplikasi ringan dijalankan untuk komputer berbasis standard.

Kekurangan Sketchup

·       Karena kesederhanaan Sketchup menjadkan susahnya pemodelan tingkat lanjut meski     memakai plugin sekalipun.

·   Terjadi Crash apabila terdapat banyak permukaan patch dan vertex ( terjadi apabila  mengimpor model tingkat lanjut misal model manusia dari 3ds max ke Sketchup).

·       Hasil gambar kurang memuaskan.

Perbandingan Kelompok

- Desain Rumah Kelompok 4

Tipe Rumah : Modern 

Software      : Blender

Ciri-ciri        : - Mempunyai garis-garis tegas yang menandakan rumah modern

                       - Mempunyai model bangunan yang unik dan seperti rumah masa depan

                       - Mempunyai warna tidak terlalu mencolok

- Desain Rumah Kelompok 7

Tipe Rumah : Modern Klasik

Software       : SketchUp

Ciri-ciri        : - Memiliki aksen klasik seperti kayu-kayu

                       - Mempunyai warna yang unik

                       - Mempunyai gaya klasik yang tidak membosankan dengan aksen yang ada

VC6: Posttest_Pengontrolan_Konkurensi

a. Jelaskan outcome dari transaksi dan berikan contoh nya

b. Properti Transaksi yaitu ACID, jelaskan dan berikan contoh

Jawab :

a.       1. COMMIT

              Jika operasi berjalan sukses, maka transaksi disebut  commited ,  basis data mencapai                 kondisi konsisten yg baru.

2. ABORT

             Jika operasi berjalan tidak sukses, maka transaksi disebut aborted  (gagal), jika transaksi             gagal maka basis data kembali ke keadaan konsisten sebelum transaksi dimulai. Disebut roll             back atau undone.

b.  PROPERTI TRANSAKSI (ACID)

• ATOMICITY (ATOMIK)

Semua operasi dalam transaksi dikerjakan   ‘semua atau tidak sama sekali’. Transaksi dilaksanakan keseluruhan atau tidak dilaksanakan sama sekali.

• CONSISTENCY (KONSISTEN)

                Transaksi harus mentransformasikan basis data dari kondisi konsisten ke kondisi konsisten lain

• ISOLATION / INDEPENDENCE

                Transaksi dieksekusi berdiri sendiri. Efek dari transaksi yg tidak selesai tidak terlihat pada transaksi lain.

• DURABILITY (BERTAHAN)

                Efek transaksi yg sukses secara permanen disimpan dalam basis data.

Contoh : 

Ti  :         read (A)

                                Aß A – 100000

                                write (A)

                                read (B)

                                B ß B + 100000

                                write (B)

• Atomik  :

    Jika nilai awal A = 2000000, B=100000, transaksi dijalankan, pada saat write A,  nilai A=1900000, terjadi gangguan (mati listrik), maka jika transaksi dilanjutkan kondisi sistem akan melanjutkan operasi transaksi selanjutnya, nilai B=1100000, atau dianggap transaksi belum dilakukan sama sekali

• Konsisten

    perubahan hasil transaksi menyebabkan kondisi konsisten lain. A à 2000000, menjadi Aà 1900000, Bà 1000000 menjadi Bà 1100000,

• Isolasi

   jika ada multi transaksi, dengan menggunakan data yang sama  maka perlu mekanisme concurrency control  agar eksekusi  setiap transaksi tidak saling mengganggu 

• Ketahanan

         jika transaksi sudah selesai dieksekusi (A=1900000, B=1100000), maka  nilai ini bertahan walau sistem tiba-tiba mengalami gangguan.

VC6: Pretest_Pengontrolan_Konkurensi

Apa yang anda pahami tentang konkurensi?

Mengapa perlu dilakukan pengontrolan  konkurensi ?

Jawab :

a.    Konkurensi merupakan landasan umum perancangan sistem operasi. Dimana proses-proses  disebut konkuren jika proses-proses berada pada saat yang sama. Dikatakan sebagai landasan umum perancangan sistem operasi karena dalam menciptakan suatu sistem operasi, sistem operasi tersebut umumnya harus bisa menjalankan beberapa proses (lebih dari satu proses) pada saat yang bersamaan.

Pada proses-proses yang konkuren atau berada pada saat yang bersamaan, terdapat beberapa masalah yang harus diselesaikan. Masalah-masalah tersebut antara lain :

1.      Mutual exclusion

2.      Sinkronisasi

3.      Deadlock

4.      Starvation

Dengan kata lain, masalah-masalah diatas akan timbul apabila sistem operasi menjalankan beberapa proses pada saat yang bersamaan.

b. Pengontrolan Konkurensi dilakukan karena :

• Lebih dari satu pengguna (pada DBMS terpusat) dapat melakukan operasi pada basis data secara simultan
• Jika tidak dikontrol, hal ini dapat menyebab kan interferensi satu sama lain sehingga basis data menjadi tidak konsisten
• Untuk mencegahnya, DBMS mengimplementasikan pengontrolan konkurensi

VC5: Postest_Integritas_Data

a. Apa kegunaan integritas basis data

b. Jelaskan jenis-jenis integritas basis data

c. Buatlah contoh untuk Integritas Entitas

d. Buatlah contoh untuk Integritas Domain

Jawab :

a.       Kegunaan integritas basis data adalah untuk memastikan keakuratan, konsistensi, aksesibilitasi, dan kualitas tinggi dari sebuah data, sehingga sangat penting untuk mengikuti aturan pengintegritasan suatu data. Data yang mempunyai integritas identik di pertahankan selama operasi apapun (seperti bisnis transfer, penyimpanan, atau pengambilan). Secara sederhana dalam istilah bisnis, integritas data adalah jaminan bahwa data konsisten, bersertifikat dan dapat dirujukan.

b.      Jenis-jenis integritas basis data :

-          Integritas entitas

-          Integritas domain

-          Integritas referensial

-          Integritas enterprise

c.       Contoh integritas entitas :

Create table penjualan

(ID penjualan smallint,

ID model smallint,

deskripsiModel varchar(30),

primary key (ID penjualan));

d.      Contoh integritas domain :

Create table biografi

(idpenulis smallint unsigned not null,

Tahun lahir year not null,

Kotalahir varchar(30) not null default ‘Kosong’);

Create domain nilai numeric(3,2)

Constraint value-test check (value >= 0.00)

VC5 : Pretest_Integritas_Data

Salah satu fungsi pada DBMS adalah membuat integritas data mengapa integritas data penting dalam sebuah sistem basis data. Uraikan dan berikan contoh sederhana

Jawab :

Integritas data sangat penting karena dapat memastikan keakuratan, konsistensi, aksebilitasi, dan kualitas tinggi dari sebuah data, sehingga sangat penting untuk mengikuti aturan penintegritasan suatu data. Data yang mempunyai integritas identik di pertahankan selama operasi apapun (seperti bisnis transfer, penyimpanan, atau pengambilan).

Secara sederhana dalam istilah bisnis, integritas data adalah jaminan bahwa data konsisten, bersertifikat dan dapat dirujukan. Integritas data artinya akurasi dan kebenaran data. Integritas data dalam sebuah sistem basis data harus dijaga untuk menjaga kebenaran data yang disimpan.

Ada beberapa cara dan tujuan dalam menjaga integritas data, diantaranya :

·         Memasukkan aturan bisnis di dalam database

·         Menjaga agar data yang tidak valid tidak masuk ke database

·         Menjaga konsistensi data pada relasi keterkaitan antar tabel

Integritas Data dapat Di kelompokan menjadi 2 bagian :

·         Integritas data yang berada dalam relasi, yaitu integritas entitas dan integritas domain.

·         Integritas yang berada di luar relasi, yaitu integritas referensial

Selain itu ada juga integritas yang ditentukan sendiri di dalam suatu perusahaan, yaitu integritas perusahaan (Enterprise integrity/ user Defined Integrity).

Secara garis besar integritas data dalam model relasional meliputi :

1.      Integritas Entitas

2.      Integritas Domain

3.      Integritas Referensial

4.      Integritas Enterprise

Contoh sederhana : memasukkan usia manusia yang tidak mungkin bernilai minus

Check : memeriksa data dengan aturan bisnisnya sendiri tanpa membuat tipe data baru.

Syntaxnya :     usia number,

                        Constraint chk_usia check (nilai >0)