Minggu, 29 Maret 2015

Pencahayaan dan Bayangan

Pada pertemuan grafik komputer 2 kali ini, kelompok kami akan membahas mengenai Pencayaan dan Bayangan pada suatu objek. Kami menggunakan objek-objek yang ada pada kamar tidur. 
Di bawah ini adalah penjelasan tentang pencahayaan dan bayangan yang terbentuk pada objek yang ada di kamar.

Pencahayaan luar yang digunakan adalah sun. Sun memiliki intensitas cahaya yang paling tinggi dibandingkan tipe pencahayaan lainnya. Pencahaan sun menyebar ke segala  arah, namun pada blender kita dapat menfokuskan titik pencahayaan pada arah tertentu.

Pada gambar di atas, pengaturan letak matahari sudah diperhitungkan. Sun diletakkan di luar ruangan, berhadapan dengan jendela. Cahaya sun dibuat mengarah ke objek rumah dan masuk ke dalam ruangan rumah melalui jendela. Poisi sun dibuat lebih tinggi dibandingkan jendela seperti halnya pencahayaan matahari di dalam dunia nyata. Hasilnya adalah berkas cahaya dapat mengenai permukaan lantai pada ruangan di dalam rumah.
Dengan adanya pencahayaan dari luar ruangan, maka cahaya yang masuk pada ruangan akan mengakibatkan perbedaan gelap terang pada permukaan setiap objek di dalam ruangan. Terdapat objek yang permukaannya terlihat terang namun bagian lainnya terlihat gelap. Contohnya adalah pada permukaan sisi tembok, bagian yang terang karena terkena cahaya dan bagian yang gelap karena kurang terkena cahaya.

Bagian sudut tembok terlihat lebih gelap dibandingkan bagian sisi dari tembok

Cahaya yang masuk ke ruangan akan membentur permukaan setiap objek, akibatnya pencahayaan berhenti dan tidak dapat mengenai bagian yang berada di belakangnya. Cahaya masih memungkinkan untuk memantul ataupun menembus permukaan tergantung material objek yang terkena cahaya tersebut. Apabila cahaya membentur suatu objek, maka bagian belakang yang minim cahaya kita sebut sebagai bayangan dari objek tersebut.

Pada gambar di atas cahaya mengenai bagian atas kasur dan dipan di dalam ruangan dengan arah sedikit memiring, akibatnya sisi yang berlawanan dan sebagian sisi samping dari objek tersebut minim terkena cahaya dan membentuk bayangan objek tersebut.


Pada gambar tersebut terdapat dua sumber cahaya, cahaya yang pertama berasal dari lampu yang menempel pada kipas angin dengan menggunakan lampu point. Cahaya yang kedua berasal dari sun yang berada diluar kamar yang memancarkan cahaya kedalam kamar melalui jendela kamar berkaca bening. Objek boneka Spongebob yang berada didalam kamar tersebut akan menimbulkan bayangan karena terkena dua cahaya tersebut, namun karena sun lebih dominan atau lebih kuat pencahayaannya dibandingkan dengan cahaya lampu point, maka bayangan yang tercipta dari kedua cahaya tersebut akan tampak seperti pada gambar diatas, cahaya dari lampu kipas kalah dengan cahaya dari sun yang masuk kedalam kamar yang terbias karena terkena kaca bening jendela tersebut. Maka bayangan yang tercipta dari objek tersebut adalah tepat dibelakang objek yang terkena cahaya sun dari luar kamar tersebut.


Pada gambar diatas, kami menggunakan sun yang berada di luar kamar, dan menembus kaca bening pada jendela. Sun masuk dan memancarkan cahayanya ke dalam ruang kamar. Dapat dilihat tempat tidur lebih terang dibandingkan dengan benda lainnya, hal ini disebabkan tempat tidur terletak langsung dibawah jendela dan mendapatkan cahaya yang lebih banyak dari benda lainnya. Sehingga bed cover dan bantal terlihat lebih terang dibandingkan benda lainya. Namun, bed cover dan bantal tidak seluruhnya terkena sun, sehingga pada bagian lainnya terlihat lebih gelap.Bayangan pada gambar diatas terbentuk karena tempat tidur yang terkena sun hanya sebagian (hanya bagian atas) sehingga bayangan terbentuk atas lantai, disamping tempat tidur.


Pencahayanan dari efek Sun yang dipakai dalam pemodelan ini diletakkan dibelakang objek dinding dan jendela. Dapat dilihat bahwa jendela tersebut kondisinya terbuka setengah dan tirai yang menutupinya mempunyai sekat-sekat. Jadi efek pencahayaan sun yang terdapat dibelakang objek jendela dan tirai tersebut masuk kedalam ruangan melalui bagian jendela yang terbuka dan langsung menyinari bagian yang tepat di depan dari objek jendela dan dinding, sedangkan cahaya yang masuk dari tirai masuk melewati celah-celah dan cahaya tersebut dibelokkan sesuai dari arah celah sekat yaitu sedikit mengarah ke bagian atas. Karena pencahayaan itu mengarah langsung ke bagian depan objek jendela dan dinding maka objek dinding yang ada disekeliling jendela mempunyai efek pencahayaan yang gelap karena tidak langsung terkena pencahayaan dari Sun tersebut.

Cahaya yang digunakan pada gambar diatas adalah cahaya sun yang berasal dari luar jendela yang menembus pada bagian kaca bening. Bayangan yang terjadi disebabkan karena lemari yang terkena sinar matahari, dapat dilihat bahwa pada bagian depan terlihat lebih terang dibandingkan bagian samping. Cahaya sun yang hanya mengenai bagian depan, dapat membentuk bayangan pada dinding sehingga terlihat pada gambar diatas.



CREATED BY :
  • AVIV ARIFIAN DARMANTO
  • DEVY PUTRI PUSPITASARI
  • EKA MAHLIDA
  • ERIC ASHARDI UTAMA
  • MUHAMMAD VALDIE ARSANUR
3IA01

Jumat, 20 Maret 2015

Realisme _ Grafik Komputer 2

RESENSI REALISME 


FOTOREALISME
Chasing the Light by Matt Molloy
Details Photo
Camera                      : Canon Eos 60d
Lens                           : Tamron 10-24
Focal Length              : 10mm
Shutter Speed            : 1/160 S
Aperture                    : F/8
Iso/Film                      : 100
Category                    : Landscapes
Uploaded                   : 7 Months Ago
Taken                        : July 3, 2014

Matt molloy merupakan seorang fotografer ternama yang mempunyai banyak karya foto, kebanyakan dari hasil fotonya adalah foto dari pemandangan (scenery) dan juga banyak hasil fotonya dipadukan dengan ratusan foto lainnya dan digabungkan menjadi satu gambar sehingga menampilkan pemandangan langit yang terlihat seakan dilukis dengan kuas seperti halnya foto hasil karyanya yang berjudul A Puddle Pink Paint, colorful cloud collision dll.

Foto diatas (Catching The Light) yang terdapat pada 500px (salah satu komunitas fotografer) merupakan salah satu foto hasil karya dari matt molloy dengan memperhatikan aspek keindahan dan keseimbangan. Dapat dilihat bahwa sang fotografer mengambil foto pemandangan tersebut dari sebuah jalan bertaman disebelah danau, dimana jalan tersebut diposisikan tepat ditengah rerumputan dan kamera diarahkan ke arah matahari yang sedang tenggelam, sehingga foto yang dihasilkan seakan mempunyai efek backlight dan menampilkan fokus yang kuat pada jalan dan cahaya dari  langit yang berwarna orange matahari yang sedang tenggelam. Sedangkan taman-taman dan danau di samping jalan tersebut tampak gelap. Terlihat juga bahwa jalan tersebut bermuara ke cahaya matahari yang tenggelam. Jadi, dari foto pemandangan tersebut dapat dimengerti kenapa sang fotografer menamakan foto tersebut dengan judul “Chasing The light”.


ANIMASI / FILM ANIMASI

Toy Story 3


Film ini menceritakan tentang maianan yang dapat hidup dan menyayangi pemiliknya.
Judul                                      : Toy Story 3
Pengembang                           : Disney ( Pixar Studio)
Jenis Animasi                         : 
              Animasi 3D atau  CGI (Computer Generated Imegery)
Cara Pembuatan Film             :
            Film ini dibuat menggunakan perangkat keras dan software tertentu khusus membuat film animasi yang tidak sederhana. Berdasarkan video yang telah kami amati, animator Toy Story 3 meminta manusia secara real untuk bergerak sesuai gerakan objek yang akan dibuat, hal ini dilakukan agar gerakan yang dihasilkan sesuai dengan kenyataannya, contohnya adalah gerakan yang digunakan pada objek Barbie. Sedangkan untuk membuat efek pada boneka di film tersebut, animator menggunakan boneka asli yang digerakan atau ditekan sesuai dengan yang diinginkan oleh animator.

Making Animation Part 1

Tokoh Woody dalam "Toy Story" terdiri dari 700 variabel animasi dengan 100 variabelnya sendiri untuk wajahnya saja. jadi, tidak heran berbagai ekspresi wajah seperti tertawa, terkejut, dan sedih bisa dibuat dengan mempermainkan 100 variabel tadi.

Sekumpulan variabel dengan nilai yang berubah pada setiap frame yang ditampilkan berurutan menjadi kontrol pergerakan figure-figur tersebut. Hebatnya, animator "Toy Strory" mengendalikan variabel-variabel animasinya secara manual.

Jika semua gerakan yang diinginkan terpenuhi, maka animator akan menuangkan gerakan-gerakan tersebut kedalam layer. Hal pertama yang dilakukan adalah membuat objek satu persatu, menambahkan gerakan, efek cahaya, dan efek lain yang mendukung animasi tersebut.


Jika dilihat dari ukurannya, satu frame CGI untuk film biasanya dibuat berukuran 1,4-6 megapixel. Seperti "Toy Story" berukuran 1536 x 922 (1,42 megapixel). Bayangkan saja, ternyata waktu yang dibutuhkan untuk rendering tiap frame kira-kira 2-3 jam, bahkan bisa 10 kali lebih lama untuk menceiptakan adegan yang sangat kompleks. Meskipun kecepatan CPU makin tinggi, tidak banyak mengubah waktu yang dibutuhkan karena mereka akan membuat adegan yang lebih kompleks lagi untuk hasil yang lebih bagus. Meskipun demikian, dengan peningkatan eksponensial CPU, teknologi CGI juga makin potensial ke depan.

Making Animation Part 2

Setelah semua objek dan efek selesai ditambahkan, animator akan menambahkan efek suara sesuai dengan tokoh yang ada, seperti Woody, Buzz Lightyear, Dinasaurus dan tokoh lainnya, agar dapat dinikmati penonton.

Animator atau produser akan menyeleksi para pengisi suara  yang cocok dengan tokoh Toy Story. Karena film ini memasuki priode ketiga, maka para animator atau produser menggunakan pengisi suara yang sama pada film sebelumnya. Caranya yaitu pengisi suara diminta berdiri didepan layar dan membacakan kalimat setiap tokoh, untuk mempermudah dalam proses pengisian suara, dubber akan disandingkan dengan lawan mainnya di film tersebut. Para dubber membacakan dengan intonasi yang seharusnya, jika kurang menghayati, mereka akan diminta untuk diulang pada bagian yang kurang tersebut oleh sutradara atau penanggung jawab dubbing. Selama dubber mengisikan suara, akan direkam oleh alat perekam yang mereka gunakan.


Dubbing Toy Story 3

Jika semua komponen utama maupun pendukung, animator akan merender animasi yang telah dibuat hingga terbentuk satu kesatuan animasi yang solid, dan jadilah animasi Toy Story 3 yang dapat kita nikmati.


VIDEO GAME/VR

Proses Dibalik Produksi Game FIFA 14


Untuk melihat lebih lanjut mengenai resensi video game FIFA 14, silahkan buka link dibawah ini :







Credit by :
  • Aviv Arifian Darmanto
  • Devy Putri Pupitasari
  • Eka Mahlida
  • Eric Ashardi Utama
  • Muhammad Valdie Arsanur
3IA01





Selasa, 30 Desember 2014

Desain Pemodelan Grafik

  


KONSEP PEMBUATAN

·        Balance
Balance yang saya gunakan adalah Asymmetrical Balance. Karena, susanan elemen yang ada tidak berurutan atau acak.
·        Alignment
Pada desain yang saya buat, saya menggunakan Edge Alignment. Karena, letak gambar dan tulisan tersebar, dimana gambar terletak pada bagian atas setelah header, samping kiri dan bawah sebelum footer, sedangkan tulisan terletak pada bagian tengah.
·        Alley
Allay pada desain saya terlihat pada jarak atau margin antar gambar. Dimana jarak atau marginnya dipisahkan oleh garis putih.
·        Coloring
Pewarnaan pada desain saya di dominasi dengan warna orange dan kuning. Agar terlihat lebih fresh. Untuk pewarnaan pada tulisan header dan footer menggunakan warna ungu, karena warna ungu identik dengan Universitas Gunadarma. Sedangkan pada putih pada bagian footer digunakan agar terlihat hidup jika menggunakan background hitam.

  
TEORI PEMBUATAN

Saya menggunakan Adobe Photoshop CS3 dengan ketentuan teori sebagai berikut :
Posisi desain ini adalah Potrait dengan komposisi page layout Asymetrical.

 HEADER

Pada bagian header, digunakan background hitam dengan warna ungu. Saya menggunakan warna ungu pada header karena ungu identik dengan Universitas Gunadarma. Background hitam digunakan agar kontras dengan ungu dan warna lainnya pada body desain. Dengan tipe tulisan Cooper Black, Regular, 36pt.

CONTENT

            Bagian gambar sebelah kiri pada content yang saya buat, saya menggunakan vertical balance dengan memberikan efek stoke pada gambar dan mengatur posisi setiap gambar sehingga terbentuk gambar berikut. Sedangkan pada bagian bawah, menggunakan horizontal balance dan mengatur posisinya hingga menjadi seperti tampilan berikut.
             Untuk teks “OPEN MIND AND UPGRADE YOUR SKILL”,  saya memberikan efek bavel dan Emboss, Color Overlay dan Gradient Overlay, dengan font style Cooper Black, Regular, 48pt. Sedangkan pada isinya, saya menggunakan font style Copperplate Gothic Bold, Regular, 30pt tanpa menggunakan efek.


FOOTER

Pada bagian footer, sama halnya dengan header, yaitu dengan memberikan background hitam dan tulisan berwarna ungu dan putih. Dimana warna ungu identik dengan Universitas Gunadarma, yaitu berisi link Universitas Gunadarma dan warna putih untuk alamat kampus. Dengan tipe tulisan consolas, regular.



Sabtu, 07 Juni 2014

Arti Sebuah Kata "KEBERSAMAAN"

Mungkin ini isi blog gue yang beda sendiri ya dari isi blog gue lainnya, hampir semua tentang pelajaran. Kali ini iseng ahh mau nulis kaya gini.
Gak tau kenapa gue mau sedikit ngebahas tentang KEBERSAMAAN. Penting enggaknya arti kata ini buat lu gue gak tau. Tapi buat gue, kata ini peting banget dan penuh arti. Semakin lama gue berorganisasi, semakin lama gue mengenal kata ini.
            Rasa ini mulai kerasa sewaktu gue mutusin buat gabung jadi anggota OSIS (Organisasi Siswa Intra Sekolah). Gak tau kenapa juga, gue itu gak bisa liat orang lain sibuk, rasanya pengen ikutan sibuk aja. Makanya gue gabung deh di OSIS SMA hehe..
            Di OSIS ini gue belajar banyak hal, mulai dari saling menghargai satu sama lain, belajar bagaimana cara mengahadapi karakter orang yang beda, bagaimana caranya gak nyampur adukin masalah pribadi sama masalah organisasi, belajar mengambil keputusan, displin waktu sampe akhirnya gue belajar dari kata KEBERSAMAAN.
Alasan kenapa gue bahas ini daripada bahas manfaat lainnya, itu salah satunya karena emang dampaknya besar buat gue sekarang. Kata itu juga ditekankan dalam segala hal, seperti kalo SERI aja kita harus menyebutkan kata itu. SERI itu sebenernya konsekuensi dari ngambil keputusan yang udah kita ambil, seri itu dilakuinnya sambil push up. Push Up nya ini, perempuan dan laki-laki beda. Laki-laki harus push up laki-laki, kalau perempuan, ya harus push up perempuan. Kalo gak tau bedanya, coba aja browsing. 1 SERI itu itungannya 5 kali push up. Dispensasi SERI bisa diganti dengan scot jump, jumlahnya tetep aja sama. Mungkin dulu gue mikir kalo SERI ini ya hukuman, tapi sekarang kalo gue piker lagi, SERI itu bukan hukaman, tapi konsekuensi semua pilihan kita. Pilihan buat disiplin waktu dan ngelakuin hal yang terbaik atau malah sebaliknya. Bahkan sekarang gue kangen sama SERI, lontaran aba-aba “321.. 1.KE 2.BER. 3.SA 4.MA. 5.AN”. Yang jelas, gue kangen banget sama itu.
Dan hal yang paling ngena banget sampe sekarang itu, sewaktu gue mau naik tingkat gitu deh, bisa dibilang jadi seniorlah. Namanya Pra LDKL (Latihan Dasar Kepemimpinan Lapangan), jadi disini kita dibimbing sama senior sebelum kita LDKL, disinilah gue belajar hal yang tadi gue sebut juga. Jadi waktu itu, gue sama temen-temen gue dibarisin, (nb:sekedar info, selama pra LDKL diadain, gue harus pake perlengkapan gitu deh, salah satunya toga dari kertas karton). Gak sengaja temen gue ngejatohin toganya, senior gue bilang kalo kita semua suruh bantuin temen gue balikin harga dirinya. Soalnya toga itu berarti harga diri kita pada saat ini. Karena KEBERSAMAAN, kita mikir buat sama-sama ngelepas toga kita, biar semuanya sama.
Tapi hal itu SALAH bro, yang namanya KEBERSAMAAN itu bukan sama-sama dalam hal negatif, tapi dalam hal positif. Rangkul teman kita yang ngelakuin kesalahan dan buat jadi bener lagi, bukan malah ikutan ngerusak diri kita dengan hal yang salah kaya temen kita itu. Dalam kasus toga ini, harusnya kita buat lagi toga yang sama buat temen gue, dan jaga jangan sampe itu toga jatoh lagi.
Itu sebagaian pengalaman gue tentang Kebersamaan. Semoga aja bisa buat yang baca juga ngerti arti kebersamannya.


Situs Kampus :

MENGANALISA PERILAKU NAVIGASI (TATA LETAK / SITEMAP), PENCARIAN, PERILAKU SOSIAL DAN EKONOMI PADA 4SHARED.COM


4shared.com adalah salah satu website yang digunakan untuk mendownload file, musik, buku, video, foto, permainan, arsip, web, program dan aplikasi secara gratis. Biasanya website ini digunakan untuk mendownload lagu-lagu. Lagu-lagu yang didownload merupakan hasil input atau hasil upload seseorang didalam website ini. Karena, website ini juga merupakan situs untuk bersosialisasi dan berbagi kepada pengguna website. Selanjutnya saya akan menganalisa navigasi (tata letak/site map), perilaku sosial dan ekonomi bagi pengguna dan pengelola.

PERILAKU NAVIGASI
Navigasi pada web digunakan untuk menuntun user untuk menjelajahi situs yang dikunjungi. Bosan atau tidaknya user ditentukan oleh tampilan dan kemudahan web tersebut digunakan.


Menu Navigasi 4shared.com
Pada 4shared.com navigasi yang digunakan yaitu navigasi horizontal. Jenis navigasi yang digunakan menu dropdown. Navigasi pada 4shared.com ada 2 macam, yaitu sebelum me-login pada 4shared dan sesudah me-login.  Navigasi sebelum me-login kedalam 4shared.com

Disini terdapat navigasi daftar, Login yang dapat dilakukan melalui twitter, facebook, dan google, dilengkapi juga menu pengaturan.
Ini adalah tampilah menu Pengaturan

Ini adalah tampilan navigasi 4shared.com jika sudah me-login. 
Maka, terdapat username, pesan dan pengaturan profil.


tampilan menu navigasi profil

Pengaturan setelah me-login dengan account yang dimiliki.

Gambar-gambar diatas merupakan bagian dari navigasi header, sedangkan navigasi footer seperti gambar berikut : 



Struktur Kolom
4shared.com terbagi menjadi 2 kolom, kolom kiri dan kanan, kolom kiri berisi pilihan jenis file apa yang akan dicari, opsi pencarian agar data yang dicari menjadi lebih spesifik. Sedangkan pada kolom kanan berisi data yang dicari.

PERILAKU PENCARIAN
            Opsi pencarian yang digunakan 4shared beragam, mulai dari hal umum sampai hal detail tentang data yang dicari. Mulai dari urutan data yang diinginkan hingga ukuran data yan ingin dicari. Sehingga pencarian yang dilakukan lebih spesifik. Pencarian pad 4shared.com dapat dilakukan di tiga bagian, pada bagian header, bagian atas dan sebelah kiri.

Pencarian Bagian Header


Pencarian Bagian Atas

Pencarian Disebelah Kiri
DAMPAK PERILAKU SOSIAL
            Sama halnya dengan ssemua teknologi yang memiliki dampak positif dan negatif, 4shared.com merupakan teknologi yang menggunakan internet untuk mengaksesnya pasti memiliki dampak postif dan negatif.
            Dampak Positif dari 4shared.com, yaitu :
1.    Mendapat teman lebih banyak, tidak hanya di dunia nyata, tetapi di dunia maya juga.
2.      Dapat bersosialisasi dengan orang lain, dengan meng-shared data yang dimiliki kepada orang lain.
3.      Membantu orang lain dalam mencari data yang mereka butuhkann, mungkin data yang kita miliki adalah data yang mereka cari.

Dampak negatif dari 4shared.com, yaitu :
1.      Lupa waktu sering terjadi jika kita membuka website tertentu, terkadang dalam mendownload dan mengupload terlalu asik dengan dunianya sendiri.
2.      Karena terlalu sering mendownload atau bermain di website ini,  beberapa orang malas untuk bersosialisasi dengan orang disekitar.

DAMPAK PERILAKU EKONOMI

            Selain dampak perilaku sosial, perilaku ekonomi juga dapat menjadi salah satu dampak yang timbul akibat menggunakan sosial media. Dampak ini berakibat bagi user dan bagi pengelola.
            Dampak ekonomi dari bagi pengguna account 4shared.com didapat dari download data atau lagi yang berbayar, karena ada beberapa lagu atau data lainnya yang mengharuskan user membayarnya.
            Dampak ekonomi bagi pengelola didapat dari penayangan iklan yang ada di websitenya dan beberapa sponsor yang telah bekerjasama dengan 4shared.com. Walaupun disisi lain ini adalah website gratis, namun hal ini tidaklah merugikan pihak pengelola, karena jika para user mendownload data pada website ini, maka website ini akan terkenal dengan sendirinya sehingga membuat sponsor dan pihak lain yang ingin bekerjasama menjadi lebih tertarik untuk memasang iklan disitus ini.


Referensi : 

Situs Kampus : 


Sabtu, 03 Mei 2014

Perbedaan Detik.com dan Kompas.com


Server detikcom sebenarnya sudah siap diakses pada 30 Mei 1998, namun mulai dari dengan sajian lengkap pada 9 Juli 1998. Tanggal 9 Juli itu akhirnya ditetapkan sebagai hari lahir detikcom yang didirikan Budiono Darsono (eks wartawan DeTik), Yayan Sopyan (eks wartawan DeTik), Abdul Rahman (mantan wartawan Tempo), dan Didi Nugrahadi. Semula peliputan utama detikcom terfokus pada berita politik, ekonomi, dan teknologi informasi. Baru setelah situasi politik mulai reda dan ekonomi mulai membaik, detikcom memutuskan untuk juga melampirkan berita hiburan, dan olahraga.
Dari situlah kemudian tercetus keinginan membentuk detikcom yang update-nya tidak lagi menggunakan karakteristik media cetak yang harian, mingguan, bulanan. Yang dijual detikcom adalah breaking news. Dengan bertumpu pada vivid description macam ini detikcom melesat sebagai situs informasi digital paling populer di kalangan users internet.
Fitur-Fitur
Fitur yang ada dalam detik.com :
1.    

Menu header pada detik.com berisi tipe-tipe halaman berita yang dibutuhkan, seperti :
-          detikNews : berisi berita-berita secara umum
-          detikFinance : berisi berita-berita keuangan
-          detikHot : : berisi berita-berita yang masih terkini
-          detikSport  : berisi berita-berita olahraga
-          detikOto  : berisi berita-berita otomatif
-          detikFood : berisi berita-berita masakaan atau makanan
-          detikHealth: berisi berita-berita seputar kesehatan
-          wolipop : berisi berita-berita fashion, beauty
-          detikTv : berita yang ada di tv detik

2.    

Fitur berisi perhitungan partai-partai dalam pemilahan suara beberapa saat lalu.

3.     


Ini adalah tampilan berita utama pada halaman utama detik.com. bagian atas mengenai berita-berita utama pada detik.com, dan pada bagian bawah berisi sinopsis dari berita-berita utama..
 4. 
 Detik tv berisi video berita-berita atau sekilas info mengenai berita terkini dalam masyarakat. 

 5. 


 fitur ini adalah artikel-artikel mengenai beberpa topik dari setiap menu header.

 
6.       

Fitur ini berisi daftar iklan. Para pengunjung dapat mencari  barang atau jasa yang diinginkan pada kolom search tersebut, sehingga memudahkan pengunjung untuk mencari barang yang dibutuhkan.

7.    7. 

Tampilan diatas adalah tampilan dari kanal pada detik.com. kanal ini berisi rincian dari setiap menu header.

 TRAFIC DETIK.COM



Berdasarkan alexa.com, detik.com mencapai peringkat 9 di Indonesia. Sedangkan di dunia Internasional, detik.com mencapai peringkat 313.  Setiap harinya, detik.com dibaca atau dikonsumsi sebesar 2.41%.
Siapa yang mengunjungi detik.com?
Berdasarkan jenis kelamin, pelanggan  yang mengunjungi detik.com adalah laki-laki dan perempuan, dan dinominasi oleh laki-laki.
Berdasarkan pendidikan adalah pengunjung yang sudah lulus dari sekolah dan mahasiswa.
Berdasarkan lokasi browsing, paling banyak menggunakan situs berita ini di perkantoran daripada di rumah dan sekolah.


            KOMPAS.COM



Sejarah
1998 - Sejarah Kompas.com
Kompas.com dimulai pada tahun 1995 dengan nama Kompas Online. Kompas Online pada awalnya hanya berperan sebagai edisi internet dari Harian Kompas. Kemudian tahun 1998 Kompas Online bertransformasi menjadi Kompas.com dengan berfokus pada pengembangan isi, desain, dan strategi pemasaran yang baru. Kompas.com pun memulai langkahnya sebagai portal berita terpercaya di Indonesia.
2008 - Kompas.com REBORN
Sepuluh tahun kemudian, pada tahun 2008 Kompas.com tampil dengan perubahan penampilan yang signifikan. Mengusung ide “Reborn”, Kompas.com membawa logo, tata letak, hingga konsep baru di dalamnya. Menjadi lebih kaya, lebih segar, lebih elegan dan tentunya tetap mengedepankan unsur user-friendly dan advertiser-friendly.
Sinergi ini menjadikan Kompas.com sebagai sumber informasi lengkap, yang tidak hanya menghadirkan berita dalam bentuk teks, namun juga gambar, video, hingga live streaming. Perubahan ini pun mendorong bertambahnya pengunjung aktif Kompas.com di awal tahun 2008 yang mencapai 20 juta pembaca aktif per bulan, dan total 40 juta page views/impression per bulan. Saat ini, Kompas.com telah mencapai 120 juta page view perbulan.
Fitur-fitur
Kompas.com menampilkan menu – menu berita yang hampir sama dengan Detik.com, yakni Nasional, Regional, Internasional, Megapolitan, Bisnis & Keuangan, Kesehatan, Olahraga, dll. Saat mengKlik menu berita, pada Kompas.com maka secara otomatis membuka windows baru seperti pada Detik.com.
Berita headline yang ada pada Kompas.com ditampilkan di tengah-tengah dengan gambar yang cukup besar. Sedangkan berita Terkini dan Topik pilihan dibawahnya berita Headline. Memanjang ke bawah, lengkap dengan berita paling baru dan pilihan kategori-kategori (kanal-kanal) berita seperti yang ada pada header di menu home seperti News, Ekonomi, Bola, Dll. Lalu di bawah Headline, terdapat berita Pilihan Editor yang hadir dalam bentuk potongan gambar sehingga lebih terlihat menarik. Di sebelah kanan Headline disimpan iklan-iklan seperti iklan sepatu, tas, dll.
Untuk memberikan kenyamanan pembaca, berita Terkini dan Pilihan Editor dilengkapi dengan pengaturan rubrik berita. Dengan mengklik tombol “Edit”, pembaca  bebas memilih rubrik apa saja yang ingin ditampilkan di Pilihan Editor maupun di berita Terkini. Sangat personal, sehingga berita yang kurang diminati tidak lagi memenuhi halaman utama Kompas.com.
Turun lebih ke bawah, pembaca bisa membaca Info Kita (berita singkat dari warga yang dilaporkan lewat ponsel), Surat Pembaca, berita foto dari Kompas Images dan berita terbaru dari masing-masing rubrik yang jumlah beritanya bisa ditambah atau dikurangi sesuai keinginan pembaca.

Tampilan menu awal Kompas.com

Tampilan dibawah Headline

Tampilan yang semakin kebawah yaitu Kanal-Kanal
Kanal-kanal ini didesain sesuai dengan tema berita dan membuat setiap pengelompokan berita memiliki karakter. Kanal-kanal tersebut antara lain adalah:

KOMPAS Female

Memuat informasi seputar dunia wanita: tips-tips seputar karier, kehamilan, trik keuangan serta informasi belanja.

KOMPAS Bola

Tempat akurat untuk mengetahui update skor, berita seputar tim dan pertandingan sepak bola.

KOMPAS Health

Berisi tips-tips dan artikel tentang kesehatan, informasi medis terbaru, beserta fitur informasi kesehatan interaktif.

KOMPAS Tekno

Mengulas gadget-gadget terbaru di pasaran, menampilkan review produk dan beragam berita teknologi.

KOMPAS Entertainment

Menyajikan berita-berita selebriti, ulasan film, musik dan hiburan dalam dan luar negeri.

KOMPAS Otomotif

Menampilkan berita-berita seputar kendaraan, trend mobil dan motor terbaru serta tips-tips merawat kendaraan.

KOMPAS Properti

Memuat direktori lengkap properti dan artikel tentang rumah, apartemen serta tempat tinggal.

KOMPAS Images

Menyajikan foto-foto berita berkualitas dalam resolusi tinggi hasil pilihan editor foto KOMPAS.com.

KOMPAS Karier

Kanal yang tak hanya berfungsi sebagai direktori lowongan kerja, namun juga sebagai one-stop career solution bagi para pencari kerja maupun karyawan.

2013 - Desain dan Fitur Baru

Pada tahun 2013, Kompas.com kembali melakukan perubahan yaitu, tampilan halaman yang lebih rapi dan bersih, fitur baru yang lebih personal dan sekaligus menambahkan teknologi baru yaitu Responsive Web Design.
Responsive Web Design di halaman baru Kompas.com memungkinkan pembaca dapat menikmati Kompas.com diberbagai format seperti desktop PC, tablet hingga smartphone dalam satu desain halaman.
Setiap orang memiliki preferensi dan kebutuhan berita yang berbeda. Kompas.com mencoba memahami kebutuhan pembaca yang beragam dengan menghadirkan fitur Personalisasi. Jadi, pembaca dapat dengan mudah memilih sendiri berita apa yang ingin mereka baca.
 KOMUNITAS
KOMPAS.com juga telah menciptakan komunitas menulis dengan konsep citizen journalism dalam Kompasiana. Setiap anggota Kompasiana dapat mewartakan peristiwa, menyampaikan pendapat dan gagasan serta menyalurkan aspirasi dalam bentuk tulisan, gambar ataupun rekaman audio dan video. Kompasiana juga melibatkan kalangan jurnalis Kompas Gramedia dan para tokoh masyarakat, pengamat serta pakar dari berbagai bidang, keahlian dan disiplin ilmu untuk ikut berbagi informasi, pendapat dan gagasan. Kompasiana, yang setiap hari melahirkan 300 hingga 400 tulisan telah berhasil membangun komunitas jurnalisme warga yang mencapai 50.000 anggota.
Sebagai portal berita yang mengikuti perkembangan teknologi terkini, kini selain bisa diakses melalui handphone atau dapat diunduh sebagai aplikasi gratis di smartphone BlackBerry, KOMPAS.com juga tampil dalam format iPad dan akan terus tumbuh mengikuti teknologi yang ada.
  • Penghargaan Cerpen "Kompas". Merupakan aktivitas yang dilakukan Harian Kompas dalam mendukung kesusastraan Indonesia melalui penghargaan yang sudah berlangsung semenjak tahun 1992.
  • Dana Kemanusiaan "Kompas" (DKK) . Merupakan aktivitas pengumpulan dana untuk kemanusiaan yang aset tahunannya diaudit oleh Kantor Akuntan Publik Leonard, Mulia & Richard. Dalam menyalurkan bantuan kemanusiaan, Kompas tidak pernah mendiskriminasi para penerimba bantuan baik dari segi etnis, agama, gender, maupun usia/umur. Dalam menentukan kebutuhan dan pengalokasikan dana, harus melalui Dewan Pengawas DKK.
  • Milis Forum Pembaca Kompas (milis FPK). Milis ini dibentuk oleh salah seorang pembaca Kompas bernama Agus Hamonangan pada tanggal 30 Juli 2004. Selain sebagai pendiri, Agus Hamonangan juga aktif sebagai moderator. Selain pembaca Kompas, milis tersebut juga dilanggani oleh karyawan Kompas terutama bagian redaksi. Karena lahir dari komunitas, maka pengelolaannya juga dilakukan oleh komunitas secara sukarela, pihak Kompas tidak mengelola secara langsung. Milis yang beranggotakan lebih dari 11.000 orang lebih ini beralamat di Forum-Pembaca-Kompas.
  • Milis Kompas Community . Milis ini ditujukan untuk pembaca dan pelanggan Kompas yang akan memberikan kritik dan saran untuk Redaksi, Sirkulasi, Iklan, atau produk lain yang dipublikasikan oleh Kompas. Milis ini langsung dikelola oleh pihak Kompas.
  • Diskusi Panel Forum Pembaca Kompas (FPK) atau yang juga biasanya disebut Kompas Audience Engagement (KAE). Merupakan aktivitas resmi yang diselenggarakan oleh pihak Kompas yang melibatkan pelanggan dan penulis artikel. Kegiatan ini telah berlangsung dari tanggal 22 Juni 2002 dan saat ini (31 Oktober 2011) telah dilakukan di sepuluh (10) kota besar di Indonesia. Kota tempat aktivitas FPK adalah Jakarta, Bandung, Semarang, Jogjakarta, Surabaya, Medan, Palembang, Banjarmasin, Makassar dan Bali.
  • Di tingkat yang lebih professional, ada Ombudsman. Komunitas ini ditujukan untuk mengkritisi dan memberi masukan terhadap pemberitaan Kompas agar netralitas dan keterimbangan tetap terjaga. Anggota Ombudsman terdiri atas sejumlah pakar dari berbagai bidang dan profesi yang setiap bulan bertemu dengan pimpinan dan para editor Kompas.
  • Kompas Muda, adalah komunitas pembaca Harian Kompas yang masuk kategori muda. Kompas Muda terdiri dari Siswa-siswi Sekolah Menengah Umum (SMU) dan sederajat yang memiliki aktivitas bersama. Salah satu aktivitasnya adalah mengisi rubrik Kompas Muda di harian Kompas. Selain mengisi rubrikasi, aktivitas Kompas Muda yang berawal dari proses rekrutmen juga merambah ke berbagai kompetisi dan ajang kreativitas lainnya. Para pelajar yang berkumpul dalam komunitas Kompas Muda biasanya disebut dengan nama 'Mudaers'
Traffic Kompa.com
Berdasarkan alexa.com, Kompas.com mencapai ranking 12 di Indonesia,  dan mencapai ranking 604 di Internasional. Setiap harinya Kompas.com dilihat atau dikonsumsi sebesar 0,21% .


Berdasarkan jenis kelamin, pelanggan yang mengunjungi kompas.com laki-laki lebih banyak dari pada perempuan. Perempuan lebih banyak membuka website di sekolah sedangkan laki-laki lebih banyak membuka dirumah.
Ini adalah pengunjung  dan rangking di beberapa Negara

Ini adalah beberapa yang nge-link ke situs compas 

Sumber :
www.detik.com
www.kompas.com

Link kampus :