-
Notifications
You must be signed in to change notification settings - Fork 0
/
bigdata-glints.html
349 lines (221 loc) · 21.5 KB
/
bigdata-glints.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Implementing Big Data Engineering For Business in The Modern Era</title>
<link rel="stylesheet" href="/assets/css/main.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/css/prism.css">
<script async src="/assets/js/prism.js"></script>
<link rel="stylesheet" href="/assets/css/ideal-image-slider.css">
<link rel="stylesheet" href="/assets/css/video-embed.css">
<script async src="/assets/js/ideal-image-slider.js"></script>
<link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
<link rel="shortcut icon" href="/assets/images/alchemy.ico">
<link rel="alternate" type="application/rss+xml" title="RSS Feed for archiavelli" href="/feed.xml" />
<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>Implementing Big Data Engineering For Business in The Modern Era | archiavelli</title>
<meta name="generator" content="Jekyll v3.9.2" />
<meta property="og:title" content="Implementing Big Data Engineering For Business in The Modern Era" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Tech Talk yang merupakan bagian dari Glints Expert Class ini membahas mengenai pengalaman dalam mengimplementasikan Big Data untuk membuat dampak pada perkembangan Bisnis diperusahaan" />
<meta property="og:description" content="Tech Talk yang merupakan bagian dari Glints Expert Class ini membahas mengenai pengalaman dalam mengimplementasikan Big Data untuk membuat dampak pada perkembangan Bisnis diperusahaan" />
<link rel="canonical" href="https://www.harapan.me/bigdata-glints" />
<meta property="og:url" content="https://www.harapan.me/bigdata-glints" />
<meta property="og:site_name" content="archiavelli" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2021-06-11T00:00:00+07:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Implementing Big Data Engineering For Business in The Modern Era" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2021-06-11T00:00:00+07:00","datePublished":"2021-06-11T00:00:00+07:00","description":"Tech Talk yang merupakan bagian dari Glints Expert Class ini membahas mengenai pengalaman dalam mengimplementasikan Big Data untuk membuat dampak pada perkembangan Bisnis diperusahaan","headline":"Implementing Big Data Engineering For Business in The Modern Era","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.harapan.me/bigdata-glints"},"url":"https://www.harapan.me/bigdata-glints"}</script>
<!-- End Jekyll SEO tag -->
<!-- Google Analytics -->
<script>
var host = window.location.hostname;
if(host != "localhost")
{
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-134611589-1', 'auto');
ga('send', 'pageview');
}
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-4188943909307860",
enable_page_level_ads: true
});
</script>
</head>
<body>
<div class="content-container">
<header class="header">
<div class="header-small">
<a href="https://www.harapan.me">archiavelli</a>
</div>
<nav class="header-nav-small">
<a href="/">home</a>
<a href="/about">about</a>
<a href="/exlibris">exlibris</a>
<a href="/thesummits">summits</a>
<a href="/blog">blog</a>
</nav>
</header>
<!-- <div class="post-paging">
<div class="left">
<a href="/aling">
<i class="fa fa-angle-left fa-2x" style="color:#343a40"></i>
</a>
</div>
<div class="right">
<a href="/agung">
<i class="fa fa-angle-right fa-2x" style="color:#343a40"></i>
</a>
</div>
</div>
-->
<div class="post">
<div class="post-title">Implementing Big Data Engineering For Business in The Modern Era</div>
<span class="post-date">
talks ~ <time>11 Jun 2021</time>
</span>
<div class="post-tag">
<ul>
<li>
<a href="https://www.harapan.me/blog/label#talks">
<span>talks</span>
</a>
</li>
<li>
<a href="https://www.harapan.me/blog/label#bigdata">
<span>bigdata</span>
</a>
</li>
<li>
<a href="https://www.harapan.me/blog/label#glints">
<span>glints</span>
</a>
</li>
</ul>
</div>
<br />
<div class="line-numbers">
<p>Jumat ini, 11 Juni 2021, saya berkesempatan untuk mengisi salah satu <a href="https://glints.com/id/expert-class">Event Expert Class</a> yang diselenggarakan oleh <a href="https://glints.com/id">Glints</a>. Glints Expert Class sendiri merupakan suatu Event yang rutin diadakan oleh Glints, sebuah Talent Platform Career Development di Asia Tenggara. Expert Class ini akan menghadirkan seorang professional disuatu bidang untuk sharing tentang pengalaman mereka, salah satu series yang ada yaitu <a href="https://glints.com/id/expert-class?categories=Data+%26+Analytics">Data and Analytics Series</a>. Dalam Data and Analytics Series ini saya membawakan Topik mengenai Implementasi Big Data.</p>
<p>Materi yang saya bawakan bisa dilihat pada slide berikut,</p>
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRK7HxS01eQOrJNpUBt5lViJ8z3taVqkceKimnquh-r-A5k96M4JxKWLOmObCIWuPL_q8GltQzEOZLw/embed?start=false&loop=false&delayms=3000" frameborder="0" width="820" height="496" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
<p><br />
Dalam menyusun materi ini sebelumnya, saya menuliskannya terlebih dahulu outline-nya, lalu kemudian mencoba menarasikannya seraya membuat materinya di-slides. Dengan sedikit editing sana-sini dan perbaikan, hasil narasinya saya coba post diblog ini.</p>
<h3 id="introduction">Introduction</h3>
<p>Dalam Talks kali ini, saya akan menyampaikan dan sharing sedikit tentang pengalaman yang pernah saya lalui dalam mengimplementasikan Big Data Platform dibeberapa perusahaan tempat saya bekerja sebelumnya. Namun sebelum kita berbicara lebih jauh, alangkah baiknya untuk kita berkenalan terlebih dahulu.</p>
<p>Saya, Rio Harapan Pangihutan. Sejak 2019 saya bekerja di-<a href="https://www.linkaja.id/">LinkAja</a> sebagai Data Engineer Specialist/Principal, nanti dibagian selanjutnya saya akan banyak membahas pengalaman saya di-LinkAja dalam membangun Big Data Platform . Sebelumnya saya sempat bekerja sebagai Data Science Consultant di-<a href="http://streamintelligence.com/">Stream Intelligence</a> untuk membantu salah satu Retail Company dalam mengimplementasikan Data Platform untuk mendukung Marketing Analytics yang mereka lakukan. Sejak tahun 2017 hingga 2019 saya bekerja di-beberapa perusahaan dan projects sebagai data engineer. Diluar pekerjaan saya melakukan hobby saya yaitu Hiking dan Diving. Terutama ketika weekend dan libur panjang, saya akan melakukan <a href="/thesummits">hiking ke gunung</a> yang bisa dijelajahi dalam waktu 2 atau 3 hari. Selain itu, saya juga melakukan diving dan merupakan <a href="/diver">diver yang tersertifikasi</a>. Mungkin, beberapa hal tersebut yang bisa saya ceritakan dalam perkenalan kali ini.</p>
<h3 id="lets-talk-about-big-data">Let’s Talk about Big Data</h3>
<p>Topik bahasan kita kali ini, akan coba kita bagi dalam 3 bagian. Bagian pertama berjudul <strong>“What?”</strong> Dibagian ini kita akan coba lihat dulu, tentang Big Data itu, apa sih Big Data tersebut dan apa sebenarnya permasalahan yang bisa diselesaikan dengan Big Data ini? Selanjutnya bagian kedua berjudul <strong>“Implementing”</strong>,
Bagian terakhir dari topik kita kali ini berjudul <strong>“Be Prepared”</strong>, dibagian ini kita akan membahas mengenai langkah praktis yang bisa kita lakukan untuk mempersiapkan diri kita, jika nanti suatu saat kita terlibat dalam satu project untuk mengimplementasikan Big Data.</p>
<h3 id="big-data-what-the-problem">Big Data. What? The Problem?</h3>
<p>Big Data mulai banyak dibicarakan akhir-akhir ini, menjadi populer dan trending dalam pembicaraan tentang teknologi di-internet. Big data menjadi jargon dan tren baru, karena akan diprediksi untuk menghadirkan suatu terobosan baru yang dapat membantu perkembangan bisnis. Namun apasih sebenarnya Big Data itu? Sebelum membahas mengenai Big Data, mari kita kupas terlebih dahulu darimana tren ini muncul.</p>
<p>Semua ini berasal dari sebuah kata yang diucapkan oleh Tokoh Management terkenal abad 20, yaitu Peter Drucker dan W. Edwards Deming.</p>
<blockquote>
<p>“You can’t manage what you don’t measure.”</p>
</blockquote>
<p>Prinsip yang disebarkan mereka dalam mengajar tentang management tersebut membuat perubahan besar dalam management dibanyak perusahaan. Dengan mengukur dan mengolah data yang ada, para manager dapat mengukur performa bisni mereka. Tidak hanya itu, mereka juga dapat mengetahu pengetahuan baru mengenai pelanggan, bisnis dan banyak hal lainnya. Kemudian menggunakan pengetahuan tersebut untuk meningkatkan performa mereka dan mengambil keputusan<sup><a href="#reference">1</a><sup>.</sup></sup></p>
<p>Dalam sejarahnya juga, perkembangan teknologi membuat penyimpanan data dan pemrosesan data semakin murah<sup><a href="#reference">3</a></sup>. Hal ini akan berimplikasi langsung terhadap pertumbuhan data yang disimpan. Kita bisa melihat dalam gambar pada slide ketujuh<sup><a href="#reference">2</a></sup>. Pada sekitar tahun 1980-2000an, penyimpanan data masih dalam bentuk penyimpanan analog, seperti dalam fonograf, kaset dan buku-buku. Sebelum tahun 1993, semua data masih disimpan dalam format analog. Hingga kemunculan Floppy Disk, CD dan media penyimpanan digital lainnya membuat perubahan bentuk penyimpanan menjadi dalam bentuk digital. Pada tahun 2007 berdasarkan data yang dikutip dari beberapa sumber<sup><a href="#reference">4</a></sup> menunjukkan perbandingan penggunaan antara data digital dan data analog begitu jomplang. Jumlah data digital yang tersimpan diperkirakan mencapai 280 Exabytes, sedangkan data analog hanya sekitar 19 Exabytes (1 Exabytes = 1,000,000 Terrabytes).</p>
<p>Data-data yang disimpan tidak hanya sekedar data yang berasal dari transaksi, perusahaan mencoba untuk mengukur setiap metrik yang ada dan menyimpannya, untuk kemudian dapat diolah dan menghasilkan suatu wawasan dan pengetahuan baru tentang bisnis mereka. Contoh kasus yang paling terkenal ialah kebangkitan Amazon sebagai perusahaan toko buku online yang bisa menyingkirkan banyak toko buku tradisional offline dengan mengutilisasi data dengan benar.</p>
<p>Amazon berusaha untuk merekam setiap transaksi, program loyalti, buku yang dibeli setiap konsumen, buku yang dilihat oleh konsumen, perilaku konsumen dalam memilih buku dan banyak data lainnya, mereka merekam setiap individu konsumen. Data yang mereka punya berlimpah ruah (big data). Dengan menggunakan data tersebut mereka dapat membuat algoritma untuk memberikan rekomendasi kepengguna, lalu membuat pengguna merasa nyaman dengan layout, mengukur seberapa bagus metode promosi yang diberikan kepada setiap individu diwebsite mereka serta banyak hal yang tidak dapat dilakukan toko buku offline lainnya.</p>
<p>Amazon dapat melakukan bisnis dengan cara baru. Perubahan terjadi dalam mereka berbisnis dan cara kerja mereka sehingga menghasilkan banyak peluang yang dapat memenangkan mereka dibandingkan perusahaan tradisional. Amazon dapat memperlakukan setiap konsumen mereka secara spesial berdasarkan apa yang mereka ketahui tentang pengguna tersebut dari data yang telah mereka kumpulkan. Dengan data yang besar tersebut, kita dapat mengukur serta pengelolaan kita terhadap bisnis menjadi lebih presisi dari sebelumnya, prediksi dan pengambilan keputusan menjadi lebih tepat. Hal-hal yang dulu ditentukan berdasarkan intuisi yang dibangun selama bertahun-tahun, kini dapat dipelajari dari data.</p>
<p>Berdasarkan kisah sukses dari Amazon tersebut dalam pengimplementasian big data yang mereka lakukan membuat tren baru. Big Data sebagai sebuah filosofi menyebar. Para leader dari berbagai industri melihat big data sebagai sebuah revolusi yang dapat mengubah cara mereka memimpin (terutama dalam pengambilan keputusan yang telah dibahas sebelumnya).</p>
<p>Dalam perkembangan selanjutnya, big data tidak hanya berbicara tentang teknologi atau hal-hal teknis dalam pengelolaan data saja. Seperti yang telah disebutkan sebelumnya bahwa terjadi perubahan dalam keberjalanan bisnis,membuat management dalam perusahaan berubah. Mereka dituntut harus bisa terjun langsung dalam mengurusi hal-hal teknis dalam penggunaan teknologi big data ini. Transisi terjadi. Big Data tidak hanya nama lain untuk menyebut pengolahan data (data analisis).</p>
<p>Ada 5 karakteristik yang membedakan big data dengan data analitik biasa. Karakteristik tersebut dapat dirangkum dalam 5V, yaitu Volume, Velocity, Variety, Veracity dan Value.</p>
<h4 id="volume">Volume</h4>
<p>V yang pertama ialah Volume yang menyangkut langsung terhadap jumlah data (yang dihasilkan), yaitu Volume. Seperti yang dibahas sebelumnya dengan semakin majunya teknologi penyimpanan data berimplikasi terhadap murahnya harga yang harus dikeluarkan per-giga tempat penyimpanan data, membuat data yang disimpan menjadi semakin banyak. Data bisa dihasilkan dari berbagai sumber, clickstream, history, log, page navigated dan sebagainya. Data yang dihasilkan juga dapat disimpan dalam berbagai format (structured, unstructured dan semi-structured data).</p>
<p>Karena jumlah volume data yang dihasilkan begitu banyak perusahaan yang ingin mengimplementasikan big data harus perangkat (tools) dan metode yang mereka gunakan menyangkut business intelligence dan analitik untuk dapat mengakomodasi bagaimana cara mengumpulkan data dari sistem mereka, menyimpan data, memproses data dan mempresentasikan data.</p>
<h4 id="velocity">Velocity</h4>
<p>V yang kedua ialah Velocity yang menyangkut mengenai kecepatan dari pengumpulan data mereka. Semakin banyaknya pengguna dari produk suatu perusahaan (dalam hal ini seperti web atau aplikasi) semakin banyak data yang dihasilkan. Seandainya setiap kunjungan dari satu pengguna kesebuah website menghasilkan sekitar 10MB data (clickstream, page history, log dan lain sebagainya), bayangkan berapa data yang harus disimpan bila dalam satu hari ada 10 juta pengunjung website tersebut. Data-data tersebut dihasilkan secara masif dan kontinu. Seberapa cepat perusahaan dapat mengumpulan, mengolah data hingga mempresentasikan data tersebut akan berpengaruh terhadap kecepatan mereka membaca pergerakan bisnis dan pengguna hingga kecepatan mereka dalam proses pengambilan keputusan. Tujuan utamanya ialah mencapai waktu yang realtime dalam pengolahan data, dapat dihasilkan informasi yang segera dapat ditampilkan.</p>
<h4 id="variety">Variety</h4>
<p>V yang selanjutnya ialah Variety. Variety berkolerasi dengan keberagaman data. Data yang dihasilkan bisa dalam berbentuk apa saja, namun pada umumnya dapat dikategorikan menjadi 3, berdasarkan bentuk datanya Structured, Semi-Structured dan Unstructured</p>
<p><em>Structured Data</em> merupakan data yang sudah terorganisasi, terdefinisi dan tersusun dengan baik, sehingga dapat langsung diproses oleh manusia atau mesin. Contoh structured data ialah data dalam bentuk tabel. Data-data ini sudah tersusun dengan baik mempunyai kolom yang memiliki arti dan bisa direpresentasikan. Structured data dapat dilihat lagi keragamannya berdasarkan data apa yang direpresentasikan oleh masing-masing kolomnya.</p>
<p><em>Semi-structured Data</em> merupakan data yang bentuknya sudah rapi namun tidak terdefinisi dengan baik. Sebagai contoh log file. Log file sudah rapi dan dapat dibaca dengan baik, namun informasi yang ada didalamnya bisa berbeda-beda antar data, tergantung event yang dicatat oleh log tersebut. Misalnya log file bisa saja berisi timestamp, dan mencatat url yang dikunjungi oleh user, namun dibagian selanjutnya berisi data yang telah diproses oleh server atau error yang dihasilkan oleh sistem. Masing-masing informasi ini butuh pengolahan lebih lanjut untuk mengkategorikannya berdasarkan event-event tertentu dan kemudian dapat direpresentasikan dengan baik.</p>
<p><em>Unstructured Data</em> bentuk terakhir ialah data yang tidak terorganisasi dan tidak terdefinisi dengan baik sama sekali. Data-data ini biasanya disimpan dalam bentuk file seperti gambar, video, music dan lain sebagainya. Untuk melakukan pengolahan terhadap datanya, kita terlebih dahulu harus merepresentasikan data tersebut dalam bentuk lain seperti misalnya merepresentasikan file gambar menjadi matriks-matriks warna.</p>
<p>Teknologi yang diimplementasikan serta orang-orang yang menggunakannya harus mampu mentranslasikan berbagai jenis data yang beranekaragam untuk dapat menghasilkan informasi yang berguna.</p>
<h4 id="veracity">Veracity</h4>
<p>V yang keempat dalam karakteristik big data ialah Veracity, berhubungan dengan kualitas dan kredibilitas dari data. Data yang dihasilkan begitu banyak, begitu cepat mengalirnya dan begitu beragam, menuntut implementasi teknologi yang dapat menjaga kualitas dan kredibilitas dari data tersebut. Data yang dihasilkan bisa datang dari mana saja sumbernya dan apa saja bentuknya. Ada kemungkinan terjadi kesalahan ketika proses pengumpulan data tersebut terjadi atau terjadinya kesalahan dalam proses transformasi data.</p>
<h3 id="reference">Reference</h3>
<p><a href="https://hbr.org/2012/10/big-data-the-management-revolution">1. Big Data: The Management Revolution by Andrew McAfee and Erik Brynjolfsson</a></p>
<p><a href="https://en.wikipedia.org/wiki/Big_data">2. Big Data</a></p>
<p><a href="https://www.backblaze.com/blog/hard-drive-cost-per-gigabyte/">3. Hard Drive Cost per-Gigabyte</a></p>
<p><a href="https://www.frontierinternet.com/gateway/data-storage-timeline/">4. Data Storage Timeline</a></p>
</div>
<br />
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-4188943909307860"
data-ad-slot="8423988260"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- include relatedposts.html Belum selesai Design -->
<!-- Disqus -->
<div class="post-disqus">
<section id="disqus_thread"></section>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://harapanme.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- harapan.me-TextAds -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4188943909307860"
data-ad-slot="5493028008"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="post-up" align="center">
<a href="#">
<i class="fa fa-angle-up fa-2x" style="color:#343a40"></i>
</a>
</div>
</div>
<!-- Documents about icons are here: http://fontawesome.io/icons/ -->
<div class="footer">
<hr />
<div class="footer-link">
<a href="https://twitter.com/archiavelli"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://github.com/rhps"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="http://stackoverflow.com/users/5575744"><i class="fa fa-stack-overflow" aria-hidden="true"></i></a>
<a href="mailto:rio@harapan.me"><i class="fa fa-envelope" aria-hidden="true"></i></a>
</div>
<i class="fa fa-copyright" aria-hidden="true"></i> 2018 harapan.me. Made with <i class="fa fa-heart pink"></i> with many cups of <i class="fa fa-coffee" aria-hidden="true"></i>
</div>
</div>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox-plus-jquery.min.js"></script>
</body>
</html>