ANALISIS JURNAL DESAIN PEMODELAN GRAFIS

 

Pemodelan 3D

Objek 3D atau objek tiga dimensi adalah sebuah objek  /  ruang  yang  memiliki  panjang,  lebar  dan  tinggi yang  memiliki  bentuk.  3D  tidak  hanya  digunakan  dalam matematika  dan  fisika  saja  melainkan  dibidang  grafis, seni, animasi, komputer dan lain-lain.  Dalam  grafik  komputer  3D,  modeling  3D  adalah suatu    proses    menciptakan    objek    3D    yang    ingin dituangkan  dalam  bentuk  visual  nyata  melalui  perangkat lunak tertentu.

Rendering

Rendering   adalah   proses   akhir   dari   proses pemodelan    dimana    semua    data-data    yang    sudah dimasukkan  dalam  proses  modeling,  animasi,  teksturing, pencahayaan,  akan  diterjemahkan  dalam  bentuk  output tampilan akhir pada model dan animasi.

Unity3D

Unity  adalah  multi  platform game  engine  yang dikembangkan  oleh  Unity  Technologies.  Unity  sendiri mencakup game   engine   dan   Integrated   Development Environment   (IDE)   dalam   satu   paket.   Unity   dapat digunakan  untuk  membuat video  game  untuk website, desktop,  berbagai  macam  konsol,  dan  juga  perangkat bergerak. Berbagai  macam  fitur  ditawarkan  oleh  Unity, diantaranya In-built Rendering, Scripting, Asset Tracking, Asset Store, dan Physics. 

Sketchup

Sketchup adalah perangkat lunak pemodelan 3D yang  dirancang  untuk  arsitek,  insyinyur  sipil,  pembuat film,  pengembang  permainan,  aplikasi,  dan  profesi  lain yang terkait bidang 3D. Keunggulan  Sketchup  dibanding  perangkat  lunak  lain diantaranya adalah :

1) Antarmuka  yang  mudah  dimengerti  dan  menarik, sehingga mudah digunakan bagi pemula sekalipun.

2) Dukungan  berbagai open  source  plugin  yang  akan memudahkan kinerja Sketchup

 

ANALISIS JURNAL

Judul Jurnal : 

Perancangan dan Pembuatan Aplikasi Visualisasi 3D Interaktif Masjid Agung Jawa Tengah Menggunakan Unity3D

Penulis : R. Rizal Isnanto , Didik Eko Widianto

Dalam jurnal ini berisi upaya penulis untuk membuat pemodelan  3D Masjid Agung Jawa Tenga. Dimana dimulai dengan mengimpor berkas .FBX ke unity3D, lalu ubah skala nya menjadi 1.

Dalam jurnal ini terdapat sistematika pembuatan yang detail dimana dimulai dari adanya desain sistem yaitu diagram alir dan design strukktur navigasi.

Pemodelan masjid ini dimulai dari aplikasi sketch up dan dilanjutkan dengan unity3D dimana kita dapat menambahkan karakter bertipe sudut pandang orang pertama, pencahayaan, mengatur Terrain, menbambahkan objek serta menambahkan skrip. 

Pembahasan Lengkap Jurnal ini sebagai berikut : 

1. Landasan Teori mengenai masjid agung jawa tengah

2. Pengertian Pemodelan 3D, Rendering, Unity3d, sketchup

3. Tahap Perancangan Sistem

    a. Tahap Pengembangan sistem

    b. analisis kebutuhan dalam pebuatan design

    c. desain sistem ( diagram alir dan struktur navigasi)

4. Implementasi pengujian menggunakan sketchup dan unity3d

5. Pengujian menggunakan metode blackbox

  

Implementasi pada unity3d

 POSTER PENGENALAN DIRI

Halo teman-teman, berikut adalah poster singkat mengenai saya

PEMODELAN GRAFIK

MANAJEMEN MEMORI 

Apa itu manajemen memori? 

    Memori adalah pusat dari operasi pada sistem komputer modern. Memori adalah array besar dari word atau byte, yang disebut alamat. CPU mengambil instruksi dari memory berdasarkan nilai dari program counter. Instruksi ini menyebabkan penambahan muatan dari dan ke alamat memori tertentu. 

   Memori Utama sebagai sumber daya yang harus dialokasikasikan dan dipakai bersama di antara sejumlah proses yang aktif, sehingga dapat memanfaatkan pemroses dan fasilitas masukan/keluaran secara efisien, sehingga memori dapat menampung sebanyak mungkin proses.

    

MANAJEMEN MEMORI

Manajemen memori berkaitan dengan memori utama sebagai sumber daya yang harus dialokasikan dan dipakai bersama diantara sejumlah proses yang aktif.

Manajemen memori juga berkaitan dengan usaha agar pemrogram atau pemroses tidak dibatasi oleh kapasitas memori fisik yang terdapat pada sistem komputer.

Fungsi Manajemen Memori : 

- mengelola informasi memori yang terpakai dan yang tidak terpakai

- mengalokasikan memori ke proses yang memerlukan

- mendealokasikan memori dari proses telah selesai

- mengelola swapping antara memori utama dan disk

MANAJEMEN PERANGKAT KERAS

Manajemen Perangkat keras merupakan perngolahan I/O agar dapat berjalan dengan baik. Perangkat keras adalah perangkat yang terhubung pada sistem komputer yang secara fisik dapat kita lihat. Salah satu contoh dari perangkat keras yang akan dibahas disini adalah processor. Dimana processor itu sendiri memiliki fungsi sebagai berikut: fetch(menerima instruksi),decode(memproses instruksi), execute(mengeksekusi instruksi) dan store(pemberian umpan balik).

Perangkat Keras ( HARDWARE )

Perangkat keras adalah perangkat yang terhubung pada sistem komputer yang secara fisik dapat kita lihat. Contoh dari perangkat keras adalah :

Papan sistem (motherboard) yang merupakan tempat CPU, memori dan bagian lainnya, dan memiliki slot untuk kartu tambahan. Yang terhubung pada motherboard adalah : 

RAM, Buses (PCI,AGP, USB,ISA), Power Suply, Pengontrol Penyimpanan (SATA,SCSI,dll), Beberapa jenis penyimpanan komputer, seperti CD, DVD, dan Flopy Disk. Media penyimpanan dalam jangka panjang seperti hardisk. KArtu suara, PErangkat jaringan komputer seperti NIC, dan modem. PErangkat Input seperti mouse, keyboard, scaner, dan perangkat output seperti monitor, printer, dan speaker. 

MANAJEMEN PERANGKAT LUNAK 

Perangkat Lunak (software) merupakan bagian  dari sistem komputer yang tidak berwujud, karena ia merupakan aplikasi atau program yang berisi sekumpulan instruksi untuk menjalankan perangkat keras (hardware) komputer. Perangkat Lunak berperan sebagai penghubung antara pengguna dengan perangkat keras komputer. 

PERANGKAT LUNAK DESAIN GRAFIS : 

Dengan perkembangan teknologi yang semakin canggih, melahirkan banyak sekali software desain grafis yang bisa digunakan sesuai dengan kebutuhan. Mulai dari yang sederhana hingga yang paling rumit. 

Contoh perangkat lunak untuk desain grafis : 

1. Adobe Photoshop

2. Corel Draw

3. Autodesk

4. Adobe Illustrator  

dan masih banyak yang lainnya . 

GRAPHICAL USER INTERFACE

Apa itu GUI atau Graphical User Interface?

GUI merupakan salah satu jenis user interface yang digunakan untuk melakukan komunikasi antara manusia dengan perangkat seperti laptop, komputer, ponsel dan tablet. Hal ini menjadikan komponen GUI selalu berhubungan dengan representasi visual dari sebuah sistem operasi ataupun software.

GUI adalah suatu sistem yang membuat para pengguna atau user memapu berinteraksi dengan suatu perangkat komputer yang digunakan oleh si user tersebut. GUI sendiri dapat dikendalikan menggunakan beberapa macam alat input, seperti mouse, keyboard, touchscreen, dan lain sebagainya.

Mengenai GUI : 

 - Contoh umum GUI adalah sistem operasi Microsoft.

 - Untuk pengguna umum, Windows 7 adalah pilihan masuk tanpa diragukan lagi karena sulit bagi mereka untuk berkomunikasi dengan mesin melalui perintah seperti pada MS-DOS.

Kenapa Windows 7? 

 - Ya, GUI membantu pengguna untuk memahami fungsionalitas yang ada di dalam komputer melalui ikon grafis dan klik pada ikon tersebut memulai tindakan dan komunikasi yang diinginkan pengguna.

Jadi GUI menyediakan fungsionalitas dengan mengabstraksi detail teknis yang sulit dipahami dari setiap komponen / modul dan menyediakan penggunaan sistem yang bebas repot.

SEJARAH SINGKAT GUI 

ada awal diciptakannya, komputer dijalankan dengan menggunakan perintah yang diketik pada layar monitor menggunakan keyboard. Hal ini berlaku untuk semua program ataupun perintah-perintah tertentu yang berhubungan dengan sistem informasi. Hal ini tentu saja dirasa tidak praktis dan kurang canggih. Selain itu hanya orang-orang tertentu saja yang bisa mengoperasikannya. Oleh karena itu para ahli terdorong untuk dapat menciptakan sesuatu yang dapat digunakan oleh orang kebanyakan dengan cara yang praktis dan mudah diingat.

Akhirnya lahirlah yang disebut dengan GUI atau graphical User Interface. GUI adalah seperangkat aplikasi yang menampilkan semua menu, ikon dan alat penunjuk lainnya yang menggantikan perintah ketik di shell. Hal ini membuat pengguna komputer menjadi lebih mudah mengoperasikan sebuah perangkat daripada mengingat perintah yang menggunakan teks pada sebuah kotak komando tertentu. Hal ini didasarkan bahwa manusia lebih mudah mengingat gambar dibanding tulisan. GUI pertama kali digunakan dalam komputer yang diproduksi oleh Apple yakni Machintosh dengan Steve Jobs sebagai penggagasnya. Namun belakangan sistem operasi lain mengikutinya, seperti misalnya Microsoft dengan GUI Windows-nya yang menjadi tren setter penggunaan start menu dan taskbar di bawah.

CARA KERJA GUI 

Prinsip-prinsip desain GUI sesuai dengan pola perangkat lunak model-view-controller, yang memisahkan representasi internal informasi dari cara di mana informasi disajikan kepada pengguna, menghasilkan sebuah platform di mana pengguna diperlihatkan fungsi mana yang mungkin dilakukan tanpa memasukan code perintah. Pengguna berinteraksi dengan informasi dengan memanipulasi widget visual, yang dirancang untuk merespons sesuai dengan jenis data yang mereka pegang dan mendukung tindakan yang diperlukan untuk menyelesaikan tugas pengguna.

.

Tampilan dari sistem operasi atau perangkat lunak aplikasi dapat dirancang ulang sesuka hati karena sifat GUI yang independen dari fungsi aplikasi. Aplikasi biasanya menerapkan elemen tampilan GUI unik mereka sendiri di samping elemen GUI yang sudah ada pada sistem operasi yang ada.

Pengujian GUI mengacu pada proses sistematis yang menghasilkan kasus pengujian untuk mengevaluasi fungsionalitas sistem dan elemen desainnya.

Alat pengujian GUI yang bersifat manual atau otomatis dan biasanya diimplementasikan oleh operator pihak ketiga, tersedia di bawah berbagai lisensi dan didukung oleh berbagai platform. 

Kelebihan GUI:

Desain Grafis yang menarik.

Memudahkan penguna(User Friendly)

Menarik minat pengguna.

Resolusi gambar yang bagus.

Kekurangan GUI:

Membutuhkan memory yang besar.

Bergantung kepada perangkat keras.

Tidak fleksibel.

STUDY KASUS

Laptop saya dalah ACER ASPIRE 4741G sehingga yang memungkinkan untuk meggunakan software Blender. 

Blender merupakan sebuah perangkat lunak grafika 3D yang digunakan untuk membuat film animasi, efek visual, model cetak 3D, aplikasi 3D interaktif, dan permainan video. Umumnya Blender dikenal luas oleh masyarakat sebagai paket pembuatan 3D gratis dengan sumber terbuka. Blender sangat cocok untuk individu atau studio kecil yang ingin mendapatkan keuntungan dari pipeline terpadu dan proses pengembangan yang responsif.

Hardware Requirements

 - Minimum

1 . 64-bit dual core 2Ghz CPU with SSE2 support

2. 4 GB RAM

3. 1280×768 display

4. Mouse, trackpad or pen+tablet

5.Graphics card with 1 GB RAM, OpenGL 3.3

6. Less than 10 year old

Karena laptop saya mempunyai spesifikasi RAM 6 GB, maka saya memakai aplikasi blnder ini yang lebih ringan dari photoshop tetapi tetap memiliki itur yang banyak tanpa mengambil memori yang cukup besar.

Video Rancangan Web

Dengan melengkapi tugas sebelumnya, kali ini saya akan menjelaskan dengan lebih mendetail mengenai halaman web yang saya buat. Yaitu Halaman Beranda.

Silahkan disimak videonya 

Rancangan Halaman Beranda / Home dari Web yang saya buat

Berkaitan dengan tugas sebelumnya yaitu arsitektur web, kali ini saya akan menjelaskan mengenai rancangan halaman beranda dari web clinic yang kami buat.

Jika ditelusuri sebuah web pasti selalu ada bagian beranda atau home yang biasanya diletakan sebelum maupun sesudah registrasi. Beranda adalah tanda pengenal dari suatu web tersebut, karena di halaman beranda mencangkup semua yang terdapat dari web atau lebih bagusnya kesimpulan.

Dan berikut tampilan beranda web yang saya buat :

 

Dibagian atas beranda, terdapat tab tab menuju penjelasan lebih detail dari usaha kami. Tinggal mengklik dan akan tersambung ke bagian web masing masing. dan ketika kita gulirkan ke bawah, maka  akan  menampilkan tampilan seperti ini :

Di bagian sini terdapat pengenalan dan penjelasan apa saja yang terdapat di klinik kami, seperti treatment apa, facial apa beserta penjelasan masing-masing, beserta gambar maupun video.

Dan dibagian bawah merupakan penjelasan mengapa memeilih produk kami. dan jika kita mengkliknya maka akan tersambung ke bagian masing-masing.

 

Saya membuat web ini menggunakan bahasa php, dan css untuk mendesignya. Terima kasih 

Arsitektur Web dan Aplikasi Utama

Kelompok kami membuat sebuah website Klinik kecantikan. Dimana di dalam webstite tersebut terdapat jenis perawatan, jadwal praktek, lokasi klinik, dan biaya yang terdapat dalam Klinik tersebut.

Berikut Tampilan Web yang sudah kelompok saya buat :

Dan berikut navigasi bar yang terdapat di web saya :

Berikut adalah penjelasan dari navigasi bar yang terdapat diberanda:

1. Beranda      

Beranda adalah halaman utama dari web yang kelompok saya buat terdiri dari tulisan selamat datang dan fakta-fakta tentang klinik.

2. Menu Perawatan

Menu ini digunakan untuk mengetahui jenis perawatan apa saja yang terdapat di klinik kami serta biaya masing-masing perawatan. 

a. Jenis Perawatan

 --> menampilkan jenis perawatan apa saja yang ada, serta gambaran dan penjelasan dari masing-masing perawatan 

b. Biaya

--> Menu ini menampilkan biaya masing-masing perawatan yang terdapat di web kami, dan akan diperbarui jika da perubahan harga

3. Jadwal Praktek

    Menu ini menampilkan jawal praktek para dokter sehingga para member clinic dapat mengetahui jadwal dokter masing-masing tanpa datang ke lokasi.

4. Lokasi Klinik

    Menu ini menampilkan lokasi dan kontak cabang klinik di masing-masing daerah

5. Testimonial

    Menu ini menampilkan para testi para member dan yang sudah melakukan perawatan di Civo clinic

6. Login

   Menu ini diperuntukan untuk member dengan id member serta password. Masing masing member dapat melihat riwayat perawatan serta konsultasi masalah mereka sebelumnya

Dan berikut menu beranda yg saya buat:

Saya membuat web ini dengan menggunakan php serta css untuk tampilan, untuk kodingannya saya menggunakan notepad++ dan sublime Text. Terima kasih

TENTANG WEB SCIENCE

WEB SCIENCE

Apa itu Web Science?

Web Science terdiri dari dua kata yang berbeda, yaitu Web dan Science. Web adalah kumpulan halaman yang dapat menampilkan informasi berupa gambar, animasi, suara maupun gabungan dari semuanya yang bersifat statis ataupun dinamis. Sedangkan, Science adalah ilmu pengetahuan yang di dapat dan bias menjadi pengetahuan untuk masyarakat. Sehingga dapat disimpulkan, Web Science adalah ilmu yang mempelajari efisiensi atau pemanfaatan sebuah Web agar manfaat dan kegunaannya berguna untuk kehidupan sehari-hari dengan memberdayakan sumber daya virtual sebagai media komunikasi dan informasi dengan tampikan yang menarik.

Web Science  didirikan pada tahun 2006 dengan nama Web Science Research Initiative (WSRI) atau sebuah lembaga yang bergerak di bidang penelitian web. Kemudian di tahun 2009 berganti nama menjadi the Web Science Trust. Setelah itu tim Berners-Lee sebagai pemimpin dari program penelitian terebut bermaksud menarik pemerintah dan swasta terlibat dalam pembuatan kurikulum sebagai syarat untuk lulus sebagai sarjana. Tujuan dari web science adalah  untuk mengetahui bagaimana cara mengetahui source code dari web itu sendiri dan bagaimana kita dapat memanfaatkan web tersebut untuk melakukan hal yang positif.

 Perkembangan  dalam dunia website

perkembangan terbaru pada dunia web :

CakePHP Framework

CakePHP

CakePHP merupakan open-source PHP terdepan, yang menyediakan banyak fitur seperti form validasi, perlindungan CSRF, pencegahan XSS, code generation sebagainya.

Namun, karena berada di atas PHP, maka diperlukan terlebih dahulu dasar pemahaman untuk :

a) Pemrograman berorientasi objek- minimal mengetahui untuk membuat fungsi atau method.

b) PHP array

c) Pemahaman mengenai MYSQL dan menulis skema database yang clean.

d) Memahami mengenai sesi dan PHP post data

Laravel Framework

laravel-logo-white.png

Laravel merupakan salah satu open-source PHP framework yang kuat dan populer. versi terakhirnya dilengkapi dengan fitur modern dan sangat berguna seperti object-relational mapping (ORM), routing, autentifikasi, queue library dan sebagainya.

Laravel ditujukan agar proses pengembangan menjadi sesuatu yang ‘menyenangkan’, bagi developer tanpa mengorbankan sisi fungsionalnya.

Visualisasi data menggunakan D3JS

D3.js-Logo.png

D3JS merupakan JavaScript library untuk menghasilkan visualisasi data yang dinamis dan interaktif pada browser web. Digunakan secara luas penerapannya pada standar SVG, HTML5 dan CSS, serta sebagai penerus kesuksesan dari pendahulunya yaitu Protovis framework.

Dalam era bisnis modern, visualisasi data merupakan aspek yang sangat penting. Visualisasi data ini akan memungkinkan presentasi data dilakukan dengan elemen visual yang interaktif, seperti menggunakan diagram statistik, diagram batang, diagram lingkaran dan lain sebagainya.

JQuery mobile

JQuery mobile adalah sistem interface berdasarkan HTML 5, yang didesain untuk membuat website yang responsif dan aplikasi yang dapat diakses oleh semua smartphone, tablet dan perangkat dekstop.

jquery-444684_1280 JQuery mobile mendukung berbagai sistem operasi

Pengembangan mobile saat ini  membuka peluang besar dalam pertumbuhan karir. Namun, tantangan terbesar yang dimiliki oleh para mobile developer adalah bagaimana agar aplikasi dan website dapat berjalan dengan mulus pada berbagai perangkat seperti pada berbagai platform.

JQuery mobile merupakan suatu teknologi software yang sangat kuat, yang memungkinkan para developer untuk mengembangkan aplikasi mobile lintas platform yang beroperasi pada berbagai perangkat mobile seperti smartphone dan tablet, selain itu juga mendukung berbagai sistem operasi pada mobile, seperti android, iOS dan Windows.

Angular 2

angularjs_logo.svg_

Angular 2 adalah front-end framework lintas platform yang modern, yang telah mempertahankan semua fitur utama dari angular.js. Disamping itu, Angular 2 juga sudah menyediakan fitur tambahan dan kemampuan-kemampuan lainnya, seperti orientasi objek yang mudah, penggabungan Flux dan React.js, penggunaan uang komponen, dan dukungan robust untuk pengembangan mobile.

Sedangkan angular.js merupakan teknologi pengembangan web yang sangat kuat, dan juga cukup populer dikalangan para web developer. Saat ini, angular.js telah melakukan sebagian besar update pada versi terbarunya dan angular 2 telah dirilis.

daftar pustaka

https://bagasardian.wordpress.com/2017/03/22/perkembangan-terbaru-dalam-dunia-web/

http://si283.ilearning.me/2015/11/20/pengertian-sejarah-dan-perkembangan-web-science/