{"id":1150,"date":"2022-02-06T08:18:50","date_gmt":"2022-02-06T08:18:50","guid":{"rendered":"https:\/\/meliora.id\/?p=1150"},"modified":"2022-06-20T08:14:21","modified_gmt":"2022-06-20T08:14:21","slug":"membuat-linimasa-interaktif-menggunakan-timelinejs","status":"publish","type":"post","link":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/","title":{"rendered":"Membuat Linimasa Interaktif Menggunakan TimelineJS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1150\" class=\"elementor elementor-1150\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee3e26e summary elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee3e26e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e40bbc2\" data-id=\"e40bbc2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9e4c1e3 elementor-widget elementor-widget-image\" data-id=\"9e4c1e3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 08-12-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-300x300.png\" class=\"attachment-medium size-medium wp-image-35\" alt=\"\" srcset=\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-300x300.png 300w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-150x150.png 150w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-70x70.png 70w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2.png 747w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-6c46759\" data-id=\"6c46759\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-017915e elementor-widget elementor-widget-heading\" data-id=\"017915e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 08-12-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h3 class=\"elementor-heading-title elementor-size-default\">Membuat Linimasa Interaktif Menggunakan TimelineJS<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cea462 elementor-widget elementor-widget-text-editor\" data-id=\"4cea462\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 08-12-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Artikel ini memberikan pengantar dan panduan singkat serta praktis tentang penggunaan TimelineJS untuk membuat linimasa interaktif berbasis data sejarah.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-18f8bdd donasi elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18f8bdd\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-c475421\" data-id=\"c475421\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e7ebe1 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"6e7ebe1\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"far fa-heart\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-011a422\" data-id=\"011a422\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa5b916 elementor-widget elementor-widget-text-editor\" data-id=\"fa5b916\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Kami tidak memungut biaya apapun dari artikel yang kami muat, namun operasional dan perawatan situs ini tetap memakan biaya. Jika anda berkenan, bantu kami dengan <span class=\"biru-hover\"> <a href=\"https:\/\/meliora.id\">berdonasi<\/a><\/span>. Agar kami tetap bisa memberikan konten dan artikel yang bermutu secara mandiri.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d12d59e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d12d59e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d550c60\" data-id=\"1d550c60\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cad86e7 elementor-widget elementor-widget-heading\" data-id=\"cad86e7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Membuat Linimasa Interaktif Menggunakan TimelineJS<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac6b513 elementor-widget elementor-widget-html\" data-id=\"ac6b513\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<iframe src='https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1iU_-NAtPKZzxsW6aVR9QchR9ClhlBoznACOZVTuexI4&font=Default&lang=en&initial_zoom=2&height=650' width='100%' height='650' webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder='0'><\/iframe>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9913fae elementor-widget elementor-widget-text-editor\" data-id=\"9913fae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3><strong>Hasil Yang Diharapkan<\/strong><\/h3>\n<p>Pada akhir tutorial pembaca diharapkan dapat membuat visualisasi data sejarah dalam bentuk linimasa menggunakan Timeline.js.<\/p>\n<h3><strong>Apa itu Timeline.js?<\/strong><\/h3>\n<p>Timeline.js adalah sebuah aplikasi web yang berguna untuk membuat visualisasi dan mempermudah analisa data dengan menggunakan jaringan dan peta. Palladio dikembangkan oleh <a href=\"http:\/\/hdlab.stanford.edu\">Humanities + Design Lab<\/a> di <a href=\"https:\/\/cesta.stanford.edu\">CESTA<\/a> Universitas Stanford dan didanai oleh NEH Implementation Grant pada kurun 2013-2016. Pada purwarupa awal, Palladio dibuat sebagai alat visualisasi data dan analisis dari sebuah proyek sejarah, yaitu Mapping the Republic of Letters. Proyek ini meneliti tentang komunitas cendekiawan dan jaringan Ilmu Pengetahuan dunia pada kurun 1500-1800. Merentang selama tiga ratus tahun dan melintasi batas negara dan benua, proyek penelitian ini membutuhkan alat untuk memvisualkan data yang didapatkan. Maka dari itu muncullah purwarupa pertama Palladio. Purwarupa ini kemudian semakin disempurnakan menjadi sebuah aplikasi berbasis web yang saat ini dapat digunakan dengan bebas dan gratis.<\/p>\n<p>Sebagai alat visualisasi dan analisa data berbasis jaringan dan peta, maka fitur-fitur Palladio sangat berguna untuk memberikan gambaran yang lebih jelas atas konsep-konsep atau struktur-struktur yang abstrak. Sebagai contoh, proyek <strong><em>Mapping the Republic of Letters<\/em><\/strong> memiliki tujuan untuk memperlihatkan hubungan antar cendekiawan dengan cendekiawan lainnya. <a href=\"https:\/\/en.wikipedia.org\/wiki\/Republic_of_Letters\">Republic of Letters<\/a> adalah sekumpulan cendekiawan-cendekiawan di Eropa dan Amerika (utamanya) yang saling berkomunikasi dengan surat (karena itulah disebut <em>Republic of Letters<\/em>; memiliki arti ganda dapat diartikan sebagai Republik Sastra atau bisa juga diartikan sebagai Republik Surat-Surat).<\/p>\n<p>Menilik dari asal-usul diciptakannya Palladio sendiri, alat berbasis web ini sangat tepat digunakan oleh sejarawan untuk memvisualisasikan dan menganalisa data sejarah.<\/p>\n<h3><strong>Contoh Yang Patut Diperhatikan<\/strong><\/h3>\n<p><a href=\"http:\/\/republicofletters.stanford.edu\">Mapping the Republic of Letters<\/a>, seperti sudah disebutkan di awal adalah salah satu contoh yang sangat penting diperhatikan bila ingin mempelajari cara penggunaan Palladio dalam sebuah penelitian sejarah.<\/p>\n<figure id=\"attachment_1092\" aria-describedby=\"caption-attachment-1092\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-1092 size-large\" src=\"https:\/\/meliora.id\/wp-content\/uploads\/2022\/02\/RofL_Panorama2013_sm-1024x384.jpg\" alt=\"\" width=\"1024\" height=\"384\" srcset=\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2022\/02\/RofL_Panorama2013_sm-1024x384.jpg 1024w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2022\/02\/RofL_Panorama2013_sm-300x112.jpg 300w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2022\/02\/RofL_Panorama2013_sm-768x288.jpg 768w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2022\/02\/RofL_Panorama2013_sm-1536x576.jpg 1536w, https:\/\/humanioradigital.org\/wp-content\/uploads\/2022\/02\/RofL_Panorama2013_sm-2048x768.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-1092\" class=\"wp-caption-text\">http:\/\/republicofletters.stanford.edu\/img\/RofL_Panorama2013_sm.jpg<\/figcaption><\/figure>\n<p>\u00a0<\/p>\n<h3><strong>Bagaimana cara menggunakan Palladio?<\/strong><\/h3>\n<p><span style=\"color: #ff0000;\">Tutorial sederhana segera menyusul.<\/span><\/p>\n<p>\u00a0<\/p>\n<h3><strong>Pemantik<\/strong><\/h3>\n<p>Pernahkah terpikir memetakan kembali diaspora Jawa di pada masa kolonial dengan menggunakan Palladio? Atau memetakan jaringan pergerakan nasional pada masa akhir kolonial? Atau pemetaan perpindahan warga dalam program transmigrasi pada masa Orde Baru? Lihat contoh penggunaan Palladio oleh Jelle van Lotum dalam memetakan persebaran daerah asal pegawai VOC dan daerah penempatan mereka.<\/p>\n<p>\u00a0<\/p>\n<h5>Artikel bacaan lebih lanjut:<\/h5>\n<p>\u00a0<\/p>\n<!-- \/wp:paragraph --><!-- wp:paragraph -->\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Membuat Linimasa Interaktif Menggunakan TimelineJS Artikel ini memberikan pengantar dan panduan singkat serta praktis tentang penggunaan TimelineJS untuk membuat linimasa interaktif berbasis data sejarah. Kami tidak memungut biaya apapun dari artikel yang kami muat, namun operasional dan perawatan situs ini tetap memakan biaya. Jika anda berkenan, bantu kami dengan berdonasi. Agar kami tetap bisa memberikan &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/\"> <span class=\"screen-reader-text\">Membuat Linimasa Interaktif Menggunakan TimelineJS<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[4,2],"tags":[11,17],"class_list":["post-1150","post","type-post","status-publish","format-standard","hentry","category-artikel","category-tutorial","tag-sejarah-digital","tag-visualisasi-data"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Membuat Linimasa Interaktif Menggunakan TimelineJS - Humaniora Digital<\/title>\n<meta name=\"description\" content=\"Humaniora Digital bertujuan menjadi pusat rujukan bagi pelajar, mahasiswa, dan peneliti yang berminat pada pendekatan dan metode Humaniora Digital.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Linimasa Interaktif Menggunakan TimelineJS - Humaniora Digital\" \/>\n<meta property=\"og:description\" content=\"Humaniora Digital bertujuan menjadi pusat rujukan bagi pelajar, mahasiswa, dan peneliti yang berminat pada pendekatan dan metode Humaniora Digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/\" \/>\n<meta property=\"og:site_name\" content=\"Humaniora Digital\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/melioraidn\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/asyrafim\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-06T08:18:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-20T08:14:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-300x300.png\" \/>\n<meta name=\"author\" content=\"Muhammad Asyrafi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/asyrafihimself\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Muhammad Asyrafi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/\"},\"author\":{\"name\":\"Muhammad Asyrafi\",\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/person\/1b91a01ac5c920fd5489fc0498d6ebdc\"},\"headline\":\"Membuat Linimasa Interaktif Menggunakan TimelineJS\",\"datePublished\":\"2022-02-06T08:18:50+00:00\",\"dateModified\":\"2022-06-20T08:14:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/\"},\"wordCount\":432,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/humanioradigital.org\/#organization\"},\"keywords\":[\"Sejarah Digital\",\"Visualisasi Data\"],\"articleSection\":[\"Artikel\",\"Tutorial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/\",\"url\":\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/\",\"name\":\"Membuat Linimasa Interaktif Menggunakan TimelineJS - Humaniora Digital\",\"isPartOf\":{\"@id\":\"https:\/\/humanioradigital.org\/#website\"},\"datePublished\":\"2022-02-06T08:18:50+00:00\",\"dateModified\":\"2022-06-20T08:14:21+00:00\",\"description\":\"Humaniora Digital bertujuan menjadi pusat rujukan bagi pelajar, mahasiswa, dan peneliti yang berminat pada pendekatan dan metode Humaniora Digital.\",\"breadcrumb\":{\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/humanioradigital.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"belajar humaniora digital\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/humanioradigital.org\/#website\",\"url\":\"https:\/\/humanioradigital.org\/\",\"name\":\"Humaniora Digital\",\"description\":\"Humaniora Digital\",\"publisher\":{\"@id\":\"https:\/\/humanioradigital.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/humanioradigital.org\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/humanioradigital.org\/#organization\",\"name\":\"meliora.id\",\"url\":\"https:\/\/humanioradigital.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/Asset-7.svg\",\"contentUrl\":\"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/Asset-7.svg\",\"width\":324,\"height\":109,\"caption\":\"meliora.id\"},\"image\":{\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/melioraidn\",\"https:\/\/www.instagram.com\/melioresmappae\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/person\/1b91a01ac5c920fd5489fc0498d6ebdc\",\"name\":\"Muhammad Asyrafi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/humanioradigital.org\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2023\/12\/47DF9310-66A6-4C46-AB74-AEE9921280B3.jpeg\",\"contentUrl\":\"https:\/\/humanioradigital.org\/wp-content\/uploads\/2023\/12\/47DF9310-66A6-4C46-AB74-AEE9921280B3.jpeg\",\"caption\":\"Muhammad Asyrafi\"},\"sameAs\":[\"http:\/\/humanioradigital.org\",\"https:\/\/www.facebook.com\/asyrafim\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/asyrafihimself\"],\"url\":\"https:\/\/humanioradigital.org\/index.php\/author\/asyrafi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Linimasa Interaktif Menggunakan TimelineJS - Humaniora Digital","description":"Humaniora Digital bertujuan menjadi pusat rujukan bagi pelajar, mahasiswa, dan peneliti yang berminat pada pendekatan dan metode Humaniora Digital.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/","og_locale":"en_US","og_type":"article","og_title":"Membuat Linimasa Interaktif Menggunakan TimelineJS - Humaniora Digital","og_description":"Humaniora Digital bertujuan menjadi pusat rujukan bagi pelajar, mahasiswa, dan peneliti yang berminat pada pendekatan dan metode Humaniora Digital.","og_url":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/","og_site_name":"Humaniora Digital","article_publisher":"https:\/\/www.facebook.com\/melioraidn","article_author":"https:\/\/www.facebook.com\/asyrafim","article_published_time":"2022-02-06T08:18:50+00:00","article_modified_time":"2022-06-20T08:14:21+00:00","og_image":[{"url":"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/ddd_010368297_mpeg21_p004_image-2-300x300.png"}],"author":"Muhammad Asyrafi","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/asyrafihimself","twitter_misc":{"Written by":"Muhammad Asyrafi","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/#article","isPartOf":{"@id":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/"},"author":{"name":"Muhammad Asyrafi","@id":"https:\/\/humanioradigital.org\/#\/schema\/person\/1b91a01ac5c920fd5489fc0498d6ebdc"},"headline":"Membuat Linimasa Interaktif Menggunakan TimelineJS","datePublished":"2022-02-06T08:18:50+00:00","dateModified":"2022-06-20T08:14:21+00:00","mainEntityOfPage":{"@id":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/"},"wordCount":432,"commentCount":0,"publisher":{"@id":"https:\/\/humanioradigital.org\/#organization"},"keywords":["Sejarah Digital","Visualisasi Data"],"articleSection":["Artikel","Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/","url":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/","name":"Membuat Linimasa Interaktif Menggunakan TimelineJS - Humaniora Digital","isPartOf":{"@id":"https:\/\/humanioradigital.org\/#website"},"datePublished":"2022-02-06T08:18:50+00:00","dateModified":"2022-06-20T08:14:21+00:00","description":"Humaniora Digital bertujuan menjadi pusat rujukan bagi pelajar, mahasiswa, dan peneliti yang berminat pada pendekatan dan metode Humaniora Digital.","breadcrumb":{"@id":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/humanioradigital.org\/index.php\/2022\/02\/06\/membuat-linimasa-interaktif-menggunakan-timelinejs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/humanioradigital.org\/"},{"@type":"ListItem","position":2,"name":"belajar humaniora digital"}]},{"@type":"WebSite","@id":"https:\/\/humanioradigital.org\/#website","url":"https:\/\/humanioradigital.org\/","name":"Humaniora Digital","description":"Humaniora Digital","publisher":{"@id":"https:\/\/humanioradigital.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/humanioradigital.org\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/humanioradigital.org\/#organization","name":"meliora.id","url":"https:\/\/humanioradigital.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/humanioradigital.org\/#\/schema\/logo\/image\/","url":"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/Asset-7.svg","contentUrl":"https:\/\/meliora.id\/wp-content\/uploads\/2021\/12\/Asset-7.svg","width":324,"height":109,"caption":"meliora.id"},"image":{"@id":"https:\/\/humanioradigital.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/melioraidn","https:\/\/www.instagram.com\/melioresmappae\/"]},{"@type":"Person","@id":"https:\/\/humanioradigital.org\/#\/schema\/person\/1b91a01ac5c920fd5489fc0498d6ebdc","name":"Muhammad Asyrafi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/humanioradigital.org\/#\/schema\/person\/image\/","url":"https:\/\/humanioradigital.org\/wp-content\/uploads\/2023\/12\/47DF9310-66A6-4C46-AB74-AEE9921280B3.jpeg","contentUrl":"https:\/\/humanioradigital.org\/wp-content\/uploads\/2023\/12\/47DF9310-66A6-4C46-AB74-AEE9921280B3.jpeg","caption":"Muhammad Asyrafi"},"sameAs":["http:\/\/humanioradigital.org","https:\/\/www.facebook.com\/asyrafim","https:\/\/twitter.com\/https:\/\/twitter.com\/asyrafihimself"],"url":"https:\/\/humanioradigital.org\/index.php\/author\/asyrafi\/"}]}},"_links":{"self":[{"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/posts\/1150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/comments?post=1150"}],"version-history":[{"count":34,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/posts\/1150\/revisions"}],"predecessor-version":[{"id":1764,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/posts\/1150\/revisions\/1764"}],"wp:attachment":[{"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/media?parent=1150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/categories?post=1150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/humanioradigital.org\/index.php\/wp-json\/wp\/v2\/tags?post=1150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}