Perlu di ketahui
,di atas tadi saya sudah menjelaskan apa itu microdata?,beserta kegunaan dan
syarat dan ketentuannya ,maka di bab ini saya akan menjelaskan bagaimana
caranya kita mengaplikasikan MicroData dengan sebuah web,hal yang pertama yang perlu kita lakukan jika kita ingin mengaplikasikan MicroData dengan sebuah web,kita bisa
melihat dengan cara:
klik pada Google Crome -pilih
- More Tools - Extentions
- More Tools - Extentions
Maka akan muncul
gambar seperti di bawah ini
Kemudian klik
tulisan “Get More Extention” maka apa yang terjadi?
Yang terjadi adalah
akan muncul tampilan seperti gambar di
bawah ini yang kemudian kita akan mencari microdata dengan cara meng-searchnya
di tempat yang sudah di sediakan kemudian akan tampil macam-macam microdata dan
pilih sesuai yang kalian suka
Setelah kita
meng-klik “+free” maka kita akan tau fungsi microdata itu sendiri yakni dengan
cara kita meng-search apa saja misalnya kita search “avenger”pada google crome
kita,kemudian kita masuk ke web yang seperti gambar di bawah ini,maka akan muncul
sebuah gambar yang menampilkan microdata
itu sendiri kemudian kita klik tulisan “JSON” maka kita akan tahu microdatanya
tapi gambar di bawah ini menampilkan microdata dengan bahasa kita
Dan jika kita ingin
memgetahui HTMLnya,maka hal yang perlu kita lakukan adalah dengan cara mengklik
lagi tulisan “JSON” yang kemudian akan merubahnya jd tulisan “HTML” yang akan
menampilkan HTMLnya /java scriptnya tersebut seperti gambar di bawah ini
Dan ini adalah Java
Script dari Microdata Avenger itu sendiri:
{
"items": [
{
"type": [
"http://schema.org/Movie"
],
"properties": {
"image": [
"http://ia.media-imdb.com/images/M/MV5BMTk2NTI1MTU4N15BMl5BanBnXkFtZTcwODg0OTY0Nw@@._V1_SY317_CR0,0,214,317_AL_.jpg",
"http://ia.media-imdb.com/images/M/MV5BOTMzMzk1NjE1OV5BMl5BanBnXkFtZTgwNDIwNTI1NTE@._V1_SY460_CR0,0,613,460_AL_.jpg",
"http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/small/unknown-1394846836._CB379391227_.png",
"http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/small/unknown-1394846836._CB379391227_.png",
"http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/small/unknown-1394846836._CB379391227_.png"
],
"name": [
"The Avengers"
],
"contentRating": [
"PG-13",
"Rated PG-13 for
intense sequences of sci-fi violence and action throughout, and a mild drug
reference"
],
"duration": [
"\n 143 min\n",
"143 min"
],
"genre": [
"Action",
"Adventure",
"Sci-Fi",
"\n Genres:\n Action |\n
Adventure |\n Sci-Fi\n "
],
"datePublished": [
"2012-05-04",
"\n 21 hours
ago\n
",
"\n 22 May 2015
1:15 PM, +07:00\n
",
"\n 22 May 2015
4:52 AM, +07:00\n
"
],
"aggregateRating":
[
{
"type": [
"http://schema.org/AggregateRating"
],
"properties": {
"ratingValue": [
"8.2"
],
"bestRating":
[
"10"
],
"ratingCount": [
"826,763"
],
"reviewCount": [
"1,666
user",
"687
critic"
]
}
}
],
"description": [
"\nEarth's mightiest
heroes must come together and learn to fight as a team if they are to stop the
mischievous Loki and his alien army from enslaving humanity.",
"\n \nNick Fury is director of
S.H.I.E.L.D, an international peace keeping agency. The agency is a who's who
of Marvel Super Heroes, with Iron Man, The Incredible Hulk, Thor, Captain
America, Hawkeye and Black Widow. When global security is threatened by Loki
and his cohorts, Nick Fury and his team will need all their powers to save the
world from disaster.
Written by\nWellardRockard
\n "
],
"director": [
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0923736/?ref_=tt_ov_dr"
],
"name": [
"Joss
Whedon"
]
}
}
],
"creator": [
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0923736/?ref_=tt_ov_wr",
"http://www.imdb.com/name/nm0672015/?ref_=tt_ov_wr"
],
"name": [
"Joss
Whedon",
"Zak Penn"
]
}
},
{
"type": [
"http://schema.org/Organization"
],
"properties": {
"url": [
"http://www.imdb.com/company/co0051941?ref_=tt_dt_co"
],
"name": [
"Marvel
Studios"
]
}
},
{
"type": [
],
"properties": {
"url": [
"http://www.imdb.com/company/co0023400?ref_=tt_dt_co"
],
"name": [
"Paramount
Pictures"
]
}
}
],
"actors": [
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0000375/?ref_=tt_ov_st",
"http://www.imdb.com/name/nm0262635/?ref_=tt_ov_st",
"http://www.imdb.com/name/nm0424060/?ref_=tt_ov_st",
"http://www.imdb.com/title/tt0848228/fullcredits?ref_=tt_ov_st_sm"
],
"name": [
"Robert Downey
Jr.",
"Chris
Evans",
"Scarlett
Johansson"
]
}
}
],
"trailer": [
"http://www.imdb.com/video/imdb/vi1891149081/?ref_=tt_ov_vi"
],
"headline": [
"\n \"Black
Widow\" and 'Chaos'\n ",
"\n Did Avengers: Age
of Ultron negate the one thing that makes Ant-Man special?\n ",
"\n Simon Pegg has been
told to make his Star Trek 3 script less Star Trek-y\n "
],
"provider": [
"\n
SneakPeek\n
",
"\n
Flickeringmyth\n ",
"\n Digital
Spy\n
"
],
"url": [
"http://www.imdb.com/plugins?titleId=tt0848228&ref_=tt_plg_rt",
"http://www.imdb.com/plugins?titleId=tt0848228&ref_=tt_plg_rt",
"http://www.imdb.com/offsite/?page-action=offsite-facebook&token=BCYlp3f6XaWV96mBfxnNHdOFJk1OBthXtQZm-Gx0oRFkMv-0U-G1_K52Fa_CYRqimhvr9L6Ug6QP%0D%0Atgzz5XfVtiSjkP14cdd8jS9wjT3UFnUvuZnERBtQMTJj97ztb2BbQTuH7MAC2I8efJMQChQN2DKN%0D%0ArTeWLDD8GARCMFHskKLrWDMVzeKL8Dco00dZfoS7R8DhSn31HtMlmBD6WRDDuMoybE2WQYEe2rnE%0D%0AgYfC8fRdnYY%0D%0A&ref_=tt_pdt_ofs_offsite_0",
"http://www.imdb.com/offsite/?page-action=offsite-facebook&token=BCYkRQN_yQNoryAEOREbZ3jPWWmkBjtxRMtVFtXrxlsh07WO-U4bSY2HJN-plB8SOr-y3i-MWCPj%0D%0AA6E1fqTEbyY-VPimK-q8KVW-SNOoht38AuKTrG0DZKm-rmU2KFUpn69r9wDKSEnWwqyebrY1cGEk%0D%0A2Nss-EsfWhnb5BgryLM2bL3hMIGX7OGcUTTs83gb9W95957qusNQjwgwAarQ0qJZoa38P2hxCIjV%0D%0AZ2DNu5rIImM%0D%0A&ref_=tt_pdt_ofs_offsite_1",
"http://www.imdb.com/title/tt0848228/externalsites?ref_=tt_dt_dt#official",
"http://www.imdb.com/country/us?ref_=tt_dt_dt",
"http://www.imdb.com/language/en?ref_=tt_dt_dt",
"http://www.imdb.com/language/ru?ref_=tt_dt_dt",
"http://www.imdb.com/title/tt0848228/releaseinfo?ref_=tt_dt_dt",
"http://www.imdb.com/title/tt0848228/releaseinfo?ref_=tt_dt_dt#akas",
"http://www.imdb.com/search/title?locations=Pittsburgh,+Pennsylvania,+USA&ref_=tt_dt_dt",
"http://www.imdb.com/title/tt0848228/locations?ref_=tt_dt_dt",
"http://www.imdb.com/title/tt0848228/business?ref_=tt_dt_bus",
"http://www.imdb.com/title/tt0848228/companycredits?ref_=tt_dt_co",
"http://pro.imdb.com/title/tt0848228/companycredits?rf=cons_tt_cocred_tt&ref_=cons_tt_cocred_tt",
"http://pro.imdb.com/signup/index.html?rf=cons_tt_cocred_spl&ref_=cons_tt_cocred_spl",
"http://www.imdb.com/search/title?sound_mixes=datasat&ref_=tt_dt_spec",
"http://www.imdb.com/search/title?sound_mixes=dolby_digital&ref_=tt_dt_spec",
"http://www.imdb.com/search/title?sound_mixes=dolby_surround_7.1&ref_=tt_dt_spec",
"http://www.imdb.com/search/title?colors=color&ref_=tt_dt_spec",
"http://www.imdb.com/title/tt0848228/technical?ref_=tt_dt_spec"
],
"awards": [
"Nominated for 1
Oscar.",
"Another 31 wins & 66
nominations."
],
"thumbnailUrl": [
"http://www.imdb.com/media/rm1433646080/tt0848228?ref_=tt_pv_md_1",
"http://www.imdb.com/media/rm1830925312/tt0848228?ref_=tt_pv_md_2",
"http://www.imdb.com/media/rm412661504/tt0848228?ref_=tt_pv_md_3"
],
"actor": [
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0000375/?ref_=tt_cl_t1"
],
"name": [
"Robert Downey
Jr."
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0262635/?ref_=tt_cl_t2"
],
"name": [
"Chris
Evans"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0749263/?ref_=tt_cl_t3"
],
"name": [
"Mark Ruffalo"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm1165110/?ref_=tt_cl_t4"
],
"name": [
"Chris
Hemsworth"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0424060/?ref_=tt_cl_t5"
],
"name": [
"Scarlett
Johansson"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0719637/?ref_=tt_cl_t6"
],
"name": [
"Jeremy
Renner"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm1089991/?ref_=tt_cl_t7"
],
"name": [
"Tom
Hiddleston"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0163988/?ref_=tt_cl_t8"
],
"name": [
"Clark
Gregg"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm1130627/?ref_=tt_cl_t9"
],
"name": [
"Cobie
Smulders"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0001745/?ref_=tt_cl_t10"
],
"name": [
"Stellan
Skarsgård"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0000168/?ref_=tt_cl_t11"
],
"name": [
"Samuel L.
Jackson"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0000569/?ref_=tt_cl_t12"
],
"name": [
"Gwyneth
Paltrow"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0079273/?ref_=tt_cl_t13"
],
"name": [
"Paul Bettany"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0219206/?ref_=tt_cl_t14"
],
"name": [
"Alexis
Denisof"
]
}
},
{
"type": [
"http://schema.org/Person"
],
"properties": {
"url": [
"http://www.imdb.com/name/nm0071416/?ref_=tt_cl_t15"
],
"name": [
"Tina
Benko"
]
}
}
],
"keywords": [
"\n Plot Keywords:\n
s.h.i.e.l.d.\n |\n
iron man\n |\n
soldier\n |\n
assassin\n |\n alien invasion\n | See All
(283) »\n\n ",
"s.h.i.e.l.d.",
"iron man",
"soldier",
"assassin",
"alien invasion"
],
"audience": [
{
"type": [
"http://schema.org/Audience"
],
"properties": {
"url": [
"http://www.imdb.com/title/tt0848228/parentalguide?ref_=tt_stry_pg"
]
}
}
],
"review": [
{
"type": [
"http://schema.org/Review"
],
"properties": {
"name": [
"A Stunning
Visual Effects-Driven Spectacle"
],
"reviewRating": [
{
"type": [
"http://schema.org/Rating"
],
"properties": {
"worstRating": [
"1"
],
"ratingValue": [
"10"
],
"bestRating": [
"10"
]
}
}
],
"author": [
"SmashingUKProductions"
],
"datePublished": [
"2014-07-12"
],
"reviewBody":
[
"'Avengers
Assemble' ('The Avengers') is a truly enjoyable superhero film that lives up to
its hype and creates a story that allows for four of the greatest superheroes
to connect in this mega-blockbuster extravaganza. Joss Whedon has created one
of the most action-packed Marvel films to have graced the screen, full of
humour, thrills and a great cast of characters, all of which impel this visual
effects-driven spectacle. Whilst I had the great opportunity to watch this epic
in the cinema in 3D, the film is equally as stunning on an average television set,
with the final battle between the Avengers and Loki's army being one of the
most spectacular scenes in a superhero movie. An impressive and remarkable
fantastical superhero flick from Whedon."
]
}
}
]
}
},
{
"type": [
"http://schema.org/videoObject"
],
"properties": {
"duration": [
"T1M48S"
],
"url": [
"http://www.imdb.com/video/imdb/vi1697424665?ref_=tt_pv_vi_aiv_1"
],
"image": [
"http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/small/no-video-slate-856072904._CB379390253_.png"
]
}
},
{
"type": [
"http://schema.org/videoObject"
],
"properties": {
"duration": [
"T5M36S"
],
"url": [
"http://www.imdb.com/video/imdb/vi36547609?ref_=tt_pv_vi_aiv_2"
],
"image": [
"http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/small/no-video-slate-856072904._CB379390253_.png"
]
}
}
]
}
Referensi
