Selasa, 02 Februari 2016

Karakter "Monster" 3D dengan Blender

Tugas Softskill Kelompok:
1.       Ilham Amirullah
2.       Alan Adi Prastyo
3.       Fasti Listia Ningrum
4.       Abdu Azis R
5.       Ryan Tomi
Tugas kali ini adalah membuat sebuah karakter 3D dengan menggunakan aplikasi modelling 3. Pada kasus ini kami menggunakan aplikasi Blender.
kami akan membuat sebuah karakter cartoon animasi yang sudah cukup terkenal yaitu “Monster” dengan menggunakan blender.

-          Langsug saja pertama adalah buka aplikasi blender, maka akan tampil jendela utama blender,dengan sebuah kubus seperti berikut:


-          Selanjutnya, kami akan menggunakaan sebuah kubus untuk membuat karakter ini, subdivide sebuah kubus dengan menekan W pada keyboard lalu pilih subdivide, lakukan 2x, sehingga tampil seperti berikut:

 -          Untuk menjadikan sebuah kubus menjadi tampak lingkaran, tekan W dan pilih smoot

 -          Tambahkan juga modifier subdivide surfice agar tampilan menjadi halus, atur view menjadi 2:

 -          Untuk menjadikannya tampil lebih bulat, atur sedemikian rupa dengan menggunakan teknik subdivide dan scale, dan akan tampil seperti berikut:

 -          Setelah terlihat bulat sekarang kami akan membuat karakter ini menggunakan modifier mirror agar mudah dalam mengerjakannya, pertama hapus sebagian dari verticle yang sudah dibuat tadi


 -          Selnjutnya pada sisi kanan jendela blender pilih modifier dan pilih mirror, seperti berikut:

 -          Selanjutnya untuk membuat tangan monster kami menggunakan teknik extrude, scale, dan subdivide:

-          Selanjutnya untuk membuat matanya, sama seperti membuat tangan menggunakan teknik extrude, dan kemudian tambahkan objek uv sphire

-          Sekarang membuat mulutnya, sama seperti membuat mata denga extrude dan extrude kedalam, seperti berikut:

-          Selanjutnya membuat kakinya, sama dengan membuat tangan, seperti berikut:

-          Dan terakhir adalah membuat gigi dan tnduk, sama seperti yang lai dengan extrude, ditambah scale dan juga rotation, seperti berikut:

-          Sekarang memodifikasi matanya dengan smooth dan juga extrude:

 -          SELESAI!! Untuk menambah lebih menarik tambahkan material warna, seperti berikut:

-          Karakter ini bisa dibuat dengan animasi, dan bergerak dengan menambahkan bone tulang pada lengan dan sebagainya yang akan digerakkan, contoohnya saja seperti berikut:

-          Dengan pose mode jika ingin menggerakannya.
Sekian tutorial dari kelompok kami, jika kurang jelas bias ditanyakan, atau menghubungi kami lewat twitter: @ilham7_
Terima kasih atas perhatiannya.
Wassalamualaikum…





Rabu, 27 Januari 2016

Arti dan cara membuat Logo AC Milan Dengan Corel Draw



 MEMBUAT LOGO AC MILAN DENGAN COREL DRAW X7
Assalamualaikum
Pada pertemuan kali ini adalah meyelesaikan tugas membuat logo. Saya memilih membuat logo salah satu club sepakbola eropa yang cukup terkenal, yaitu AC milan. saya disini akan membuat logo dengan aplikasi corel draw.
1.       Pertama kita buka terlebih dahulu corel draw dan klik file à new


2.       Selanjutnya membuat sebuah objek lingkaran dengan eclipse tool ( F7) di taskbar, agar tercipta sebuah objek lingkaran yang simetri tekan Ctrl pada saat menarik objek. Tekan P agar objek berada di tengah2 halaman.


3.       Buatlah objek persegi panjang dengan Rectangle Tool ( F6 ) kemudian copi menjadi beberapa objek dan beri warna. Agar objek tersebut posisinya sesuai drag pada ruler bar pada sebelah kiri interface untuk membuat sebuah penggaris portable.
4.       Untuk memberi warna kita dapat menselect kotaknya dan memakai tool smart fill tool dan pilih warna yang seseuai pada bagian kanan windows, seperti berikut:

5.       Untuk membuat gambar plus (+) juga memnggunak Rectangel tool (F6), buatlah secara vertical dan horizontal seperti berikut

6.       Untuk menggabungkan lingkaran dan kotak menyatu yaitu menjadikannya sebuah grup dengan cara select kotak-kotak yang ada kemudian klik kana dan pilih grup objek. Dan untuk menjadikan objek kotk include ke lingkaran dengan cara select kotaknya kemudian klik kanan dan pilih powerclip include, dan select pada bagian lingkarannya, maka akn menjadi seperti berikut: 

7.       Selanjutnya adalah membuat lingkran lonjong bagian luar dengan menggunakan ellipse dan atur seperti berikut:

1.       Selanjutnya memasukan teks yaitu pilih teks pada bagian sisi kiri windows pada coreldraw. Dan tambahkan teks pada bagian atas yaitu ACM dan bagian bawah yaitu 1899
2.       Kemudian buatlah sisi luar menjadi merah dengan cara menambahkan ellips tipis pada baian luar kemudian warnai antara ellipse dengan smart fill tool, maka  akan tampak seperti berikut:

Itulah cara pembuatan logo sederhana AC milan dari saya.

ARTI LOGO AC MILAN
Berikut ini adalah makna dari logo AC milan tersebut:
Warna seragam kebanggaan Milan adalah merah-hitam atau dalam bahasa Italia: Rossoneri, namun anehnya, di ajang final suatu kompetisi yang tidak memakai format kandang-tandang (contoh:Liga Champions) , Milan selalu memakai warna seragam putih. Tradisi ini dipercaya membawa keberuntungan untuk Milan. Dengan enam kali menang dari delapan laga final Liga Champions berseragam putih (hanya kalah melawan Ajax pada 1995 dan Liverpool pada 2005) membuat tradisi ini semakin kukuh dipertahankan. Selain kedua seragam Milan (merah-hitam dan putih), Milan memiliki seragam ketiga (third kit) berwarna hitam dengan sentuhan garis merah di beberapa bagian. Namun, seragam ketiga ini sangat jarang digunakan.
Untuk "beberapa tahun" belakangan, lambang Milan memakai sentuhan bendera Milan (flag of Milan), yaitu lambang yang terlihat seperti lambang salib berwarna merah pada lambang Milan, yang aslinya adalah bendera dari Saint Ambrose. logo + yang ada pda logo Milan itu bukan Salib, Tetapi lambang + pada Milan Merupakan lambang untuk menghormati Pendiri Milan yang berasal dari Inggris. Panggilan Milan yang lainnya, Il Diavolo Rosso (setan merah) berasal dari lambang bintang yang dikenakan Milan di atas lambang klubnya. Bintang tersebut dikenakan Milan pada 1979 karena Milan sudah memenangkan lebih dari sepuluh gelar lokal (scudetto Seri A). Saat ini, lambang klub Milan adalah untuk dipersembahkan kepada bendera Comune di Milano, dengan singkatan ACM di atas dan tahun berdirinya 1899 di bawah.

Sekian dari saya Terima kasih atas perhatiannya..
Wassalamualaikum

Referensi:







Minggu, 11 Oktober 2015

DESAIN PEMODELAN GRAFIK

DESAIN PEMODELAN GRAFIK


Pada kali ini, saya akan memberikan penjelasan tentang Desain Pemodelan Grafik. kata desain ini sudah tidak asing lagi ditelinga kita. apalagi yang suka menggambar, mendesain, dan sebagainya. dan sekarang saya akan menjelaskan secara singkat apa itu desain pemodelan grafik, unsur-unsurnya, dan sebagainya. berikut penjelasannya:
  1. Pengertian

"Desain Pemodelan Grafik" dalam kalimat tersebut terdapat 3 kata, berikut arti-artinya. Yang pertama "Desain" yaitu diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya. dan yang kedua, "Pemodelan" adalah membentuk suatu benda-benda atau obyek. Membuat dan mendesain obyek tersebut sehingga terlihat seperti hidup. Sesuai dengan obyek dan basisnya, proses ini secara keseluruhan dikerjakan di komputer. Melalui konsep dan proses desain, keseluruhan obyek bisa diperlihatkan secara 3 dimensi, sehingga banyak yang menyebut hasil ini sebagai pemodelan 3 dimensi (3D modelling). dan selanjutnya "Grafik" adalah segala cara pengungkapan dan perwujudan dalam bentuk huruf, tanda, dan gambar yang diperbanyak melalui proses percetakan guna disampaikan kepada khalayak. Contohnya adalah foto, gambar/drawing, Line Art, dsb.
Secara keseluruhan dapat disimpulkan bahwa "Desain Pemodelan grafik" adalah suatu ilmu yang mempelajari tentang membuat dan menciptakan obyek baru berupa seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya yang direkayasa perangkat lunak merupakan suatu hal yang dilakukan di tahapan awal untuk pembuatan, penyimpanan, dan manipulasi model dan citra.



2.  Unsur-Unsur  Desain Grafik

Berikut adalah nsur-unsur Desain pemodelan grafik:
  •  Garis (Line)

Sebuah garis adalah unsur desain yang menghubungkan antara satu titik poin dengan titik poin yang lain sehingga bisa berbentuk gambar garis lengkung (curve) atau lurus (straight). Garis adalah unsur dasar untuk membangun bentuk atau konstruksi desain. Di dalam duni a komunikasi visual seringkali kita menggunakan dotted line, solid line, dan garis putus-putus.
  •  Bentuk (Shape)

Bentuk adalah segala hal yang memiliki diameter tinggi dan lebar. Bentuk dasar yang dikenal orang adalah kotak (rectangle), lingkaran (circle), dan segitiga (triangle).
  •  Tekstur (Texture)

Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan cara dilihat atau diraba. Yang pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan karpet, baju, kulit kayu, cat dinding, cat canvas, dan lain sebagainya.
  • Ruang (Space)

Ruang merupakan jarak antara suatu bentuk dengan bentuk lainnya, pada praktek desain dapat dijadikan unsur untuk memberi efek estetika desain dan dinamika desain grafis. Dalam bentuk fisiknya pengidentifikasian ruang digolongkan menjadi dua unsur, yaitu obyek (figure) dan latar belakang (background).
  • Ukuran (Size)

Ukuran adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu obyek. Dengan menggunakan unsur ini Anda dapat menciptakan kontras dan penekanan (emphasis) pada obyek desain anda sehingga orang akan tahu mana yang akan dilihat atau dibaca terlebih dahulu.
  • Warna (Color)


Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk bentuk visual secara jelas



              3.  Prinsip Desain Grafik

Desain grafis juga memiliki prinsip seperti halnya manusia, seseorang dikenal karena prinsipnya, prinsip utama harus ditampilkan dalam sebuah desain grafis sehingga karya tersebut komunikatif, sedangkan unsur yang lainnya ditampilkan sekedar dan tidak mengalahkan unsur utama. Semuanya itu tergantung selera desainer grafis, klien dan khalayak yang menjadi sasaran pesan.
  • Kesederhanaan

Hal ini sangat logis demi kepentingan kemudahan pembaca memahami isi pesan yang disampaikan. Dalam penggunaan huruf sebuah berita misalnya. Huruf judul (headline), subjudul dan tubuh berita (body text) sebaiknya jangan menggunakan jenis font yang ornamental dan njilimet, seperti huruf blackletter yang sulit dibaca. Desainer grafis lazim juga menyebut prinsip ini sebagai KISS (Keep It Simple Stupid). Prinsip ini bisa diterapkan dengan penggunaan elemen ruang kosong (white space) dan tidak menggunakan terlalu banyak unsur-unsur aksesoris. Seperlunya saja.
  • Keseimbangan

       Keseimbangan adalah keadaan atau kesamaan antara kekuatan yang saling berhadapan dan menimbulkan adanya kesan seimbang secara visual. Prinsip keseimbangan ada dua, yaitu: keseimbangan formal (simetris) dan keseimbangan informal.
       Keseimbangan formal memberikan kesan sempurna, resmi, kokoh, yakin dan bergengsi. Keseimbangan formal juga menyinggung mengenai konsistensi dalam penggunaan berbagai elemen desain. Semisal wana logo. Dalam desain kartu nama desain dibuat dengan full color (F/C). Tetapi dengan pertimbangan agar desain lebih variatif dan tidak membosankan, maka pada media desain yang berbeda Anda membuat logo tersebut dengan warna duotone.  
        Sedangkan keseimbangan informal bermanfaat menghasilkan kesan visual yang dinamis, bebas, lepas, pop, meninggalkan sikap kaku, dan posmodernis.
  • Kesatuan

Kesatuan adalah kohesi, konsistensi, ketunggalan atau keutuhan, yang merupakan isi pokok dari komposisi. Contohnya adalah ilustrasi, garis dan teks diberi raster sehingga memberikan kesan kesatuan terhadap pesan yang dimaksud.
  • Penekanan (aksentuasi)

Penekanan dimaksudkan untuk menarik perhatian pembaca, sehingga ia mau melihat dan membaca bagian desain yang dimaksud. Kalau dalam konteks desain surat kabar ini bisa dilakukan dengan memberikan kotak raster atas sebuah berita. Hal ini akan mengesankan pentingnya berita itu untuk dibaca oleh pembaca. Atau juga membesarkan ukuran huruf pada judul berita, sehingga terlihat jauh berbeda dengan berita lainnya. Penekanan juga dilakukan melalui perulangan ukuran, serta kontras antara tekstur, nada warna, garis, ruang, bentuk atau motif.
  • Irama (repetisi)

Irama merupakan pengulangan unsur-unsur pendukung karya seni. Irama merupakan selisih antara dua wujud yang terletak pada ruang, serupa dengan interval waktu antara dua nada musik beruntun yang sama. Desain grafis mementingkan interval ruang atau kekosongan atau jarak antar obyek. Misalnya jarak antarkolom. Jarak antar teks dengan tepi kertas, jarak antar 10 foto di dalam satu halaman dan lain sebagainya.
  • Proporsi (Proportion)

Proporsi termasuk prinsip dasar tata rupa untuk memperoleh keserasian. Untuk memperoleh keserasian dalam sebuah karya diperlukan perbandingan – perbandingan yang tepat. Pada dasarnya proporsi adalah perbandingan matematis dalam sebuah bidang. Proporsi Agung (The Golden Mean) adalah proporsi yang paling populer dan dipakai hingga saat ini dalam karya seni rupa hingga karya arsitektur. Proporsi ini menggunakan deret bilangan Fibonacci yang mempunyai perbandingan 1:1,618, sering juga dipakai 8 : 13. Konon proporsi ini adalah perbandingan yang ditemukan di benda-benda alam termasuk struktur ukuran tubuh manusia sehingga dianggap proporsi yang diturunkan oleh Tuhan sendiri. Dalam bidang desain proporsi ini dapat kita lihat dalam perbandingan ukuran kertas dan layout halaman.

Referensi:
http://technonide.blogspot.com/2010/11/rangkuman-buku-fundamental-of-graphic.html
http://www.ilmugrafis.com/artikel.php?page=prinsip-prinsip-desain-grafis
http://www.conceptmagz.com/magazine/detail/25
http://www.wikipedia.org
http://adnansocial.blogspot.com/2011/02/interaksi-manusia-dengan-komputer.html
http://radityacracker.blogspot.com/2011/10/desain-pemodelan-grafis-dari-segi.html
http://www.ahlidesain.com/unsur-definisi-prinsip-dan-istilah-dkv.html

Rabu, 17 Juni 2015

Menganalisa Web

Tugas Softskill Pengantar Web Science
Kelas 2IA11
Anggota:
1     Fasti Listia Ningrum
2        Ilham Amirullah
3      Shakti Darikhwan Aziz


Menganalisa Web (Web Pendidikan, Instansi Pemerintah, dan Sosial Media)

          Pada tugas saat ini adalah menganalisa web, yaitu web pendidikan, web instansi pemerintah, dan Sosial media). apa yang dianalisa??
Yang dianalisa pada penganalisaan kali ini adalah: pengukuran, search engine, dan web archiving.


1.     Web Instansi Pemerintahan  (www.perbendaharaan.go.id)
 halaman web perbendaharaan
             Pada analisa web instansi pemerintahan kami menganalisis web instansi pemerintahan yaitu Perbendaharaan.go.id. Perbendaharaan.go.id adalah sebuah website milik Direktorat Jendral Perbendaharaan Kementrian yang paling terupdate, Setiap keputusan/surat edaran baik dari Ditjen Perbendaharaan dan Menteri Keuangan paling lama antara 2-3 hari sesudah ditandatangani file sudah ada di website. Jadi dengan website ini kita dapat dengan mudah mengetahui perkembangan terbaru yang terdapat dipemerintahan. Perbendaharaan.go.id juga menyediakan file-file terupdate yang dapat didownload .



  •  Pengukuran Web

            Pengukuran web digunakan untuk mengukur website dari segi kecepatan akses dan performanya, serta mengukur banyaknya pengunjung suatu website, dan disini saya akan mengukur website Perbendaharaan.go.id. Sebenarnya pada web yang kami analisa sendiri sudah terdapat statistik pengukurannya yang ada langsung di dalam web nya. Tapi kami juga menggunakan Alexa.com sebagai acuan lain nya.
Gambar dibawah ini merupakan pengukuran dari dalam web nya langsung


 Gambar dibawah ini menggunakan pengukuran di  Alexa.com
                     Dari hasil pengamatan diatas baik dari statistik di dalam web , maupun dari bantuan Alexa.com hasil yang didapatkan sudah lumayan tinggi . Itu berarti keingin tahuan dari masyarakat tentang pemerintahaan cukup diminati , walaupun search trafficnya masih jauh dari 100 %.


  •  Search Engine
                        Search engine itu sendiri adalah program komputer yang dirancang untuk melakukan pencarian atas berkas-berkas yang tersimpan dalam layanan www, ftp, publikasi milis, ataupun news group dalam sebuah komputer dalam suatu jaringan. Search engine merupakan perangkat pencari informasi dari dokumen-dokumen yang tersedia. Hasil pencarian umumnya ditampilkan dalam bentuk daftar yang seringkali diurutkan menurut tingkat akurasi ataupun rasio pengunjung atas suatu berkas yang disebut sebagai hits. Informasi yang menjadi target pencarian bisa terdapat dalam berbagai macam jenis berkas seperti halaman situs web, gambar, ataupun jenis-jenis berkas lainnya. Dan saya menggunakan Alexa.com untuk mendapatkan top keywords dari web yang akan saya analisa. Dan untuk mengetahui urutan search engine nya kami menggunakan bantuan google.
  Gambar dibawah ini merupakan top keywords web perbendaharaan.go.id yang didapat dari Alexa.com

 Gambar dibawah ini menggunakan bantuan google untuk mendapatkan urutan keberapa web yang sedang kami analisa.

       Dapat dilihat dari gambar diatas bahwa web Pembendaharaan.go.id menempati urutan teratas dengan keyword “ pembendaharaan” . jadi dapat disimpulkan statistik dari Alexa.com diatas benar . Karena pada Alexa.com saat keyword nya “pembendaharaan” maka dia akan ada diurutan teratas. Dan kami telah membuktikannya pada pencarian digoogle.

  •  Web Archiving

                        Web archiving adalah proses mengumpulkan bagian dari WWW dan memastikan koleksi tersebut diawetkan dalam suatu arsip, misalnya situs arsip, untuk diakses peneliti, sejarawan, dan masyarakat umum pada masa datang. Besarnya ukuran Web membuat arsiparis web umumnya menggunakan web crawlers untuk pengumpulan secara otomatis.
 Gambar dibawah ini merupakan bagian-bagian arsip yang terdapat di web Perbendaharaan.go.id seperti Berita terkini , Liputan kegiatan , Wawancara , Opini , Artikel , Ulasan , Editorial , Nusantara , Pojok LKPP , Grafik , Transformasi kelembagaan. Jika kita mengklik bagian-bagian ini maka akan keluar arsip dari masing-masing tema.


2. Web Pendidikan (sibejoo.com)
     
halaman web sibejoo

Pada analisa web pendiddikan kami menganalisis web pendidikan yaitu sibejoo.com. Sibejoo.com adalah sebuah website pendidikan yang membantu para pengguna internet belajar matematika, fisika, dsb dengan berbasis video. Jadi dengan website ini kita dapat dengan mudah belajar kurikulum matematika dan sebagainya. Sibejoo.com juga mengadakan system pembuatan akun guna dapat mendownload video dan bersosialisasi. Sibejoo.com juga sangat bagus untuk anak-anak sekolah SMA. Karena sebagian besar materi yang diajarkan merupakan materi sekelas SMA. Anak kuliahan juga bagus karena tidak sedikit juga materi yang ada. 


  • Pengukuran

Sebuah website tentu mempunyai sebuah ukuran, baik ukuran size, rating, dsb. Sibejoo.com adalah website yang akan kami ukur. Kami disini akan mengukur sibejoo.com dengan Gtmetrix (http://gtmetrix.com) . menurut gtmetrix ini didapat pengukuran sebagai berikut:



Selain dengan GTmetrix, kami juga mengukur tingkat kepopuleran dengan Alexa (http://alexa.com) . setelah diukur didapatkan hasil sebagai berikut:
Hasil diatas meunjukan: Secara global situs sibejoo.com dikunjungi 1.761.927 kali, sementara di indonesia hanya 33.053 kali, dengan hasil tersebut maka situs sibejoo ini sudah lumayan populer.


  •       Search engine
Maksud search engine disini adalah seberapa populer situs sibejoo.com ini pada web search engine, seperti pada google. Dengan keyword tertentu akan dicoba pada search engine google sebagai berikut:



             Pada pencarian diatas menggunakan keyword “sibejoo”. Maka sibejoo.com akan menempati urutan teratas. Menggunakan keyord ini tentu tidak aneh jika sibejoo menempati urutan pertama, sebab-sebabnya antara lain: dengan keyword sibejoo yaitu nama ciri khas website ini tentu akan mengarah ke website ini. Sebab juga tidak ada website lain dengan nama sama. Pada urutan kedua dan ketiga juga bisa kita lihat terdapat sibejoo pada youtube dan facebok yang merupakan akun milik pengelola sibejoo.com juga.
                Dengan keyword lain misal:


Pada keyword pertama “belajar matematika” tidak ditemukan website sibejoo.com ini, tetapi pada keyword kedua yaitu “belajar matematika berbasis video” tertampang sibejoo.com urutan pertama, ini juga jelas dengan alasan adalah sibejoo.com ini situs pembelajaran dengan basis vide dan dikenal dengan pembelajaran dengan video jadi di sibejoo.com ini tedak ada berbasis tulisan dalam pembelajarannya. Dan masi banyak website pembelajaran dengan tulisan maka pada keyword pertama akan banyak website selain sibejoo.com.


  •       Web Archiving
Pengarsipan web (Web Archiving) adalah proses mengumpulkan bagian dari WWW dan memastikan koleksi tersebut diawetkan dalam suatu arsip, misalnya situs arsip, untuk diakses peneliti, sejarawan, dan masyarakat umum pada masa datang.
Pada situs sibejoo.com masi sedikit arsip yang ada, karena memang situs ini masih Dalam pengembangan update. Dalam situs ini hanya terdapat arsip berupa video-video. Yaitu sebagai berikut:


Demikian dari analisa terhadap website pendidikan (sibejoo.com). kurang lebihnya mohon maaf.
Good Bye... see you later ;)


3. Web Sosial Media (zomato.com)

       Zomato adalah situs pencarian restoran yang menyediakan informasi untuk makan di luar, pesan bawa pulang, kafe, dan nightlife untuk kota-kota di Indonesia, India, Turki, Selandia Baru, Filipina, Afrika Selatan, Sri Lanka, Qatar, Uni Emirat Arab, dan Inggris. Menurut situs Alexa, situs ini memiliki peringkat ke 1.926 di dunia dan 205 di India pada bulan Oktober 2013.


Sejarah

Berawal dengan nama Foodiebay.com, Zomato didirikan oleh Deepinder Goyal dan Pankaj Chaddah yang merupakan sarjana IIT Delhi di New Delhi, India. Ide pendirian hingga menjadi Zomato saat ini dimulai secara tidak sengaja saat Deepinder dan Pankaj ingin membantu rekan – rekan kerjanya memilih pesanan untuk makan siang di antara brosur – brosur menu yang bertebaran di kantor menjadi lebih mudah serta menghindari antrian panjang saat makan siang. Pada tahun 2008 saat mereka bekerja di Bain and Company, sebuah perusahaan konsultan manajemen terkemuka di India, mereka mengumpulkan seluruh brosur menu lalu memindai satu persatu dan mengunggahnya di situs internal perusahaan. Deepinder Goyal, Pankaj Chaddah dan Gunjan Patidar akhirnya memutuskan untuk keluar dari Bain dan membangun basis data Foodiebay secara lebih profesional. Akhirnya Foodiebay resmi berdiri pada Juli 2008 dengan 1.200 daftar restoran di Delhi NCR. Daftar ini berkembang menjadi 2.000 restoran di akhir 2008. Dalam jangka waktu 6 bulan, restoran di Kolkata dan Mumbai juga sudah dimasukan dalam daftar restoran di Foodiebay.

Pada tahun 2010, situs ini terpilih dalam top 25 perusahaan internet paling menjanjikan di India oleh majalah SmartTechie.[7] Saat itulah Infoedge, induk perusahaan dari grup Naukri.com, menginvestasikan INR 4.7 crore (US $ 1 juta) ke dalam bisnis ini.

Pada 14 November 2010, Foodiebay.com berubah menjadi Zomato.com. Perubahaan ini disebabkan oleh adanya kemungkinan untuk mengembangkan bisnis di luar vertikal kuliner dan untuk menghindari konflik yang dapat terjadi dengan eBay, karena nama Foodiebay memiliki kata ‘ebay’ di dalamnya. Pada tahun 2011, Zomato telah mencakup area Chennai, Hyderabad dan Ahmedabad. Selain itu, pada tahun 2011 Zomato meluncurkan aplikasi untuk perangkat iOS, Android, Windows Phone dan BlackBerry. Zomato juga meluncurkan versi cetak yang berisi seluruh konten di situs dan bekerja sama dengan Citibank pada Mei 2012. Panduan cetak ini dipasarkan dan dijual dengan nama “Citibank Zomato Restaurant Guide”. Selama peluncuran, panduan cetak tersedia untuk empat kota di India – Delhi NCR,Mumbai, Bangalore dan Pune. Menurut media, situs Zomato dikunjungi oleh sekitar 2,5 juta pengunjung pada bulan Maret 2012.

Pada September 2012, Zomato ekspansi ke luar India untuk pertama kalinya dan meluncurkan layanannya di Dubai, UEA. Hal ini diikuti oleh ekspansi cepat ke Sri Lanka, Qatar, Inggris Raya, Filipina, Afrika Selatan, Selandia Baru, dan pada November 2013 di Brazil, Turki dan Indonesia.

Zomato sendiri adalah Web berbasis sosial media yang sangat unik, tidak seperti sosial media lainnya, zomato punya kelebihan yaitu Dimana sesama pengguna zomato dapat berbagi pengalamannya di bidang kuliner dengan Me-ngeshare foto atau tempat makan yang sedang dituju dan dapat dijadikan rekomendasi sebelum ke tempat tujuan dengan melihat informasi restoran tersebut yaitu dengan foto tempat, daftar harga, alamat, dan kontak restoran. Semua lengkap dengan zomato. Apalagi sudah ada aplikasi untuk smartphone sehingga kita dapat mencari dan menemukan tempat dengan mudah dengan aplikasi tersebut.


  •  Search Engine

Gambar dibawah ini merupakan top keywords web zomato.com yang didapat dari Alexa.com


Dari hasil pengamatan dengan bantuan alexa.com, situs zomato menduduki peringkat 1000 an dunia, berarti situs tersebut sudah termasuk situs yang sangat terkenal dan sudah banyak orang yang tahu. di Indonesia sendiri belum dilakukan percobaan pengamatan ranking dunia, karna terbilang cukup baru.

  •  Pengukuran Web

ini merupakan pengukuran dari dalam web nya langsung :


Dari hasil pengamatan diatas dengan menggunakan bantuan situs GTmetrix, situs sosial media berbasis foodie ini memiliki grade B dan grade C yang berarti cukup baik untuk di akses oleh pengguna internet dan memilik konten yang baik pula.

  •  Web Archiving

Gambar di bawah ini adalah tempat dimana anda dapat menemukan foodie lain sebutan lain yaitu sebagai teman sesama pengguna situs zomato.

Demikian dari analisa terhadap website instansi pemerintahan (pembendaharaan.go.id), pendidikan (sibejoo.com), dan sosial media (zomato) kurang lebihnya mohon maaf.

Referensi :
http://safemode.web.id/artikel/teknologi/pengertian-web-science
http://id.wikipedia.org/wiki/Situs_web
http://adjie-ehm.blogspot.com/2010/03/sejarah-teknologi-web.html
http://laoderahmatputra.blogspot.com/2014/03/pengertian-sejarah-arsitektur-web.html
http://sibejoo.com
https://id.wikipedia.org/wiki/Zomato

Jumat, 08 Mei 2015

Tugas Softskill Pengantar Web Science
Kelas 2IA11
Anggota:
1. Ilham Amirullah
2. Fasti Listia Ningrum
3. Shakti Darikhwan Aziz

UNIVERSITAS GUNADARMA

volley-gunadarma.esy.es

Berikut tata cara pembuatan websitenya:

1.. Instal XAMPP

Pertama download XAMPP bisa mencarinya di google, stelah didownload install XAMPP. XAMPP ini berfungsi sebagai jaringan lokal dan membantu mempermudah dalam pembuatan website dengan joomla 3 ini, jadi kita tidak perlu menggunakan jaringan internet untuk merancang maupun mengisi konten web. XAMPP juga membantu dalam pembuatan database mysql. Cara menginstal XAMPP seperti biasa dengan mengikuti step by step. Setelah instal XAMPP kita jalankan XAMPP control dan start Apache dan Mysql seperti dibawah ini:


1.       2. Instal Joomla 3
Pada step ini sama seperti XAMPP, kita harus download dulu bisa dicari di google dengan keyword “download joomla 3”, setelah didownload joomla kan didownload dengan format rar maka dari itu kita akan ekstrak, sebelumnya kita buat folder dulu untuk meginstal joomlanya, buatlah folder di instalan joomla XAMPP/htdocs/(disini) buat folder terserah apa saja missal kita buat folder dengan nama volley. Setelah itu ekstrak joomla 3 ke folder yang kita buat tadi.
Berikut adalah langkah-langkah install jooma:
            Pertama ekstract joomla difolder didalam folder htdocs, contoh saya disini didalam folder volley

Selanjutnya buka browser dan pada addressbar kunjungi localhost/volley, maka akan muncul sebagai berikut, isilah sesuai kebutuhan dan klik next

Setelah di next, selanjutnya pada tab database isi juga sesuai kebutuhan seperti berikut:

Langkah ketiga akn muncul seperti berikut pilih none dan instal

Tugguah proses penginstalan joomla

1.       3. Instal Templete
      Pertama downloadlah template untuk joomla 3, bisa dicari di google.
      Kemudian install dengan cara sebagai beikut:
     Masuk ke menu extention-> extention manager -> chose file-> pilih templete yang sudah didownload-> kemudian upload and instal

Setelah diinstal masuklah ke extention-> templete manager-> pilih sebgai default dengan menandai bintangnya

1.       4. Instal module
Maksud instal module adalah menambahkan fitur fitur yang ada diweb bisa secara manual yaitu 
dengan membuka extention-> module manager-> new-> custom html
jika sudah dibuat akan nampak seerti berikut:

5. Isi Konten
isi konten maksudnya mengisi apa yang ada didalam websitenya, seperti berikut:
dengan cara menu content-> artikel manager-> new
pada menu juga sama seperti artikel dan akan menghasilkan:


6. Hosting
Hosting disini adalah untuk membuat website kita bisa diakses lewat internet dan bisa diakses secara public. kami didsini akan menghosting gratis dengan idhostinger. 
pertama bikin akun idhostinger atau bisa dengan g+... kemudian hosting gratis dan pilih domain biasanya kalo gratis menggunakan subdomain. dan kemudian upload database dan juga file joomla yang dibuat

Berikut adalah website yang sudah kami buat, memang belum sempurna, tetapi kami kelompok 7 sudah berusaha dan semoga kedepannya akan lebih baik lagi