<!DOCTYPE html>
<html lang="en">


<head>
    <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
    <meta name="google-site-verification" content="2kyvOX-nPJUVa0snTLoJ_mQXHQXFhSAf2Od1Su9MNiI" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Daniar Heri K.</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/agency.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">
    
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a  class="navbar-brand page-scroll" href="#page-top"><img src="img/favicon.png"></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <div>
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">About</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Portfolio</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#experience">Experience</a>
                    </li>
                    <li > 
                        <a class="page-scroll" style="    padding-left: 0px;border-right: 1px solid white;">&nbsp</a>
                    </li>
                    <li > 
                        <a class="page-scroll" style="padding-left: 0px;" >&nbsp</a>
                    </li>
                    
                    <li style="display: none">
                        <img src="img/header.jpg"></a>
                    </li>
                
                    <li>
                        <a href="pubs">Research</a>
                    </li>
                    <li>
                        <a style="margin-top: -3px;"  class="navbar-right" href="https://people.cs.uchicago.edu/~daniar/arsip/CV-Daniar.pdf" target="_blank">
                        <img style="margin-top: -2px;" src="img/resume.png"> Resume</a>
                    </li>
                    <li>
                        <a style="margin-top: -3px;"  class="navbar-right" href="https://a.vatar.club" target="_blank">
                        <img style="margin-top: -2px;" src="img/logi.png"> Avatar</a>
                    </li>
                    <li>
                        <a style="margin-top: -3px;"  class="navbar-right" href="https://medium.com/@daniarherikurniawan" target="_blank">
                        <img style="margin-top: -2px;" src="img/medium_icon.png"> My Medium</a>
                    </li>
                </ul>
                </div>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header style="background-image: url(img/header.jpg);">
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in text-muted">Welcome To My Website!</div>
                <div class="intro-heading">はじめまして</div>

                <a href="https://people.cs.uchicago.edu/~daniar/" style="    text-transform: none;" class=" btn btn-xl ">New Homepage</a>
            </div>
        </div>
    </header>
                
    <!-- Team Section -->
    <section id="about" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <div class="team-member">
                        <p>My name is Daniar Heri Kurniawan, I finished my BS in Computer Science at Bandung Institute of Technology. I am the founder of Sci-Learn and 
                            co-founder of Komunitas Avatar at https://a.vatar.club I am an extrovert who interacts well with people. I like to set goals and I am very persistent in achieving them. Moreover, I love programming because everything is programmable. </p>
                        <p>Even though I made some simple applications but I believe that everything big comes from the simple one. As long as we have the right goals to create our programs, I am sure we can make our world easier.</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="img/about/fotodaniar.jpg" class="img-responsive img-circle" alt="">
                        <h4>Daniar Heri Kurniawan</h4>
                        <p class="text-muted">
                        Jalan Plesiran No. 52/56, Tamansari, Bandung <br> daniar.h.k@gmail.com<br>(+62) 8988 306 907</p>
                        <ul class="list-inline social-buttons">
                            <li><a href="https://twitter.com/daniarheri" target="_blank"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="https://www.facebook.com/daniar.h.kurniawan" target="_blank"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="https://id.linkedin.com/in/daniar-heri-kurniawan-98b6158b" target="_blank"><i class="fa fa-linkedin"></i></a>
                            </li>
                            <li><a href="https://github.com/daniarherikurniawan" target="_blank"><i class="fa fa-github"></i></a>
                            </li>
                            <li><a href="https://instagram.com/dan_ilma/" target="_blank"><i class="fa fa-instagram"></i></a>
                            </li>
                            <li><a href="https://www.youtube.com/channel/UCLvdmsxTz-77SUaOlsI7l0w" target="_blank"><i class="fa fa-youtube"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="team-member">
                         <p>My motivation is to do my best wherever I am and whatever position I am in. Basically, I want to make my family proud of me and make them happy. I believe that the way we think is the main source of a strong motivation. I love challenges, so when I face an unexpected problem, I am pretending that it is my new challenge that needs to be solved. </p>
                         <p>I am excellent in working with computer. I am studying and practicing about how to develop software and about team management because it is impossible to make a great software only by myself.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Services Section -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Overview</h2>
                    <h3 class="section-subheading text-muted">Hi!! My name is Daniar Heri Kurniawan, you can call me Daniar. I am building this website for sharing information. I believe that this website can help me to be much more known through this infinite world. Although it is just a simple website, but I did my best for creating every detail of its parts. You will know me well after reading each section of my pages.</h3>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <img src="img/overview/vision.png">
                    </span>
                    <h4 class="service-heading">Vision</h4>
                    <p class="text-muted">I should be better than yesterday and I want to learn something new from yesterday. Yesterday already passed so that's why focusing to the future is the best decision. I am not living without dreaming. Now or never! Let's get prepared! </p>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <img src="img/overview/mission.png">
                    </span>
                    <h4 class="service-heading">Mission</h4>
                    <p class="text-muted">I like to set short term goals and long term goals. I let my friends know about my plan because I believe that they will remind me when I forgot.</p>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <img src="img/overview/dream.png">
                    </span>
                    <h4 class="service-heading">Dream</h4>
                    <p class="text-muted">I want to be happy. Happy is not about having too much free time, but happiness is a condition when I can do something new and achieve my goals. Moreover, I would like to be a lecturer for sharing my knowledge and a socio-preneur</p>
                </div>
            </div>
        </div>
    </section>


    <!-- Portfolio Grid Section -->
    <section id="portfolio" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Portfolio</h2>
                    <h3 class="section-subheading text-muted">Don't hesitate to contact me for more details!</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioCariKos" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/carikos.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Cari Kos</h4>
                        <p class="text-muted">Web Based Application</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioTamanKita" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/tamankita.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Taman Kita</h4>
                        <p class="text-muted">Web Based Application</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioNewsAgregator" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/newsagregator.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>News Agregator</h4>
                        <p class="text-muted">Web Based Application</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioSudoku" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/sudoku.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Sudoku</h4>
                        <p class="text-muted">Desktop Game</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioRockSlice" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/rockslice.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Rock Slice</h4>
                        <p class="text-muted">Desktop Application</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioAccessApps" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/access.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Access'apps</h4>
                        <p class="text-muted">Desktop Application</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioTweetAnalayzer" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/twitanalayzer.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Tweet Analayzer</h4>
                        <p class="text-muted">Web Based Application</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioEnigmaMobile" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/enigma.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Enigma Mobile</h4>
                        <p class="text-muted">Mobile Application</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioWebCrawler" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/webcrawler.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Web Crawler</h4>
                        <p class="text-muted">Web Based Application</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioStringMatching" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/stringalgorithm.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>String Matching Algorithm</h4>
                        <p class="text-muted">Paper</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="fonts/font_google/font1.css" rel="stylesheet" type="text/css">
    <link href="fonts/font_google/font2.css" rel="stylesheet" type="text/css">
    <link href="fonts/font_google/font3.css" rel="stylesheet" type="text/css">
    <link href="fonts/font_google/font4.css" rel="stylesheet" type="text/css">

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/agency.js"></script>
    
    <!-- About Section -->
    <section id="experience">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Experience</h2>
                    <h3 class="section-subheading text-muted"></h3>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <ul class="timeline">
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/uchicago.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>September 2015 - Present</h5>
                                    <br>
                                    <h4 class="subheading">UCare Laboratory of the University of Chicago</h4><h5><i>Student Researcher</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">Research area of UCare Lab are cloud computing and distributed system. This Lab is run by PhD students of Chicago University under supervision of their professors. </p>
                                    <br>
                                    <p>Focus on studying bugs at cloud computing and distributed system such as Couchbase, Hadoop, and Cassandra.</p>
                                    <br>
                                    <p class="text-muted">Having weekly report and assignment that teach me to stay focus even under pressure.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/cern.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>July - September 2017</h5>
                                    <br>
                                    <h4 class="subheading">CERN Openlab Summer Student</h4><h5><i>Research Student – Geneva, Swiss</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">CERN Openlab and the IT-CDA Group in collaboration with UNOSAT are investigating novel technologies for facilitating satellite maps navigation and comparisons using VR.</p>
                                    <br>
                                    <p>There were only 37 international students selected among 1580 applicants from all around the world.</p>
                                    <br>
                                    <p class="text-muted">I developed an animated 3D model of Ab-Barak landslide on Microsoft Hololens.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/tut.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>November 2016 (10 days)</h5>
                                    <br>
                                    <h4 class="subheading">Computer Science Laboratories, Toyohashi University of Technology
                                    </h4><h5><i>TUT International Student Program 2016 - Toyohashi, Japan</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">TUT is among an elite group of 22 universities selected for the Japanese government funded program, the Program for Promoting the Enhancement of Research Universities. </p>
                                    <br>
                                    <p>I shared my experience and my research plan that tailored to TUT’s research activity.</p>
                                    <br>
                                    <p class="text-muted">I got an offer to do the research at TUT as part of Master Degree Research Program.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/aiesec.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>July - November 2016</h5>
                                    <br>
                                    <h4 class="subheading">AIESEC in Bandung</h4><h5><i>International Relation Coordinator - Bandung, Indonesia</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">In 1949, AIESEC was established at Stockholm Congress. AIESEC is now present in more than 125 countries, with more than 80,000 members and 5,000 partners.</p>
                                    <br>
                                    <p>International relation is a collaboration among entities (Local Committees) to support each other in terms of exchanging member and giving the best experience that AIESEC has promised.</p>
                                    <br>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/jaist.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>September 2015 - February 2016</h5>
                                    <br>
                                    <h4 class="subheading">Hasegawa Laboratory, Japan Advanced Institute of Science and Technology
                                    </h4><h5><i>Research Student - Ishikawa, Japan</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">We were developing Sci-Learn, e-Learning platform, and also the multi agent system to simulate user’s behavior and evaluate the new feature of Sci-Learn. (https://sci-learn.com). </p>
                                    <br>
                                    <p>Sci-Learn is developed for scalability purpose.</p>
                                    <br>
                                    <p class="text-muted">The general idea of Sci-Learn is to combine Social Network (Facebook, LinkedIn, Google+) with gamification to increase learners’ engagement.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/td.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>September - November 2015</h5>
                                    <br>
                                    <h4 class="subheading">TD&Company Limited</h4><h5><i>Intern as Software Engineer</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">The main business of TD&Company are SAP consulting service, global helpdesk service, system service, and management service. There are seven overseas branches including Hong Kong, Singapore, Netherland, and Germany.</p>
                                    <br>
                                    <p>Run software testing for the new ERP Software called Multibook.</p>
                                    <br>
                                    <p class="text-muted">Implemented authentication module in the Spring Framework controller and Angular JS controller that will be used to authenticate more than 50 modules.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/gdp.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>September 2015 - November 2015</h5>
                                    <br>
                                    <h4 class="subheading">Global Digital Prima (GDP) Venture Inc.</h4><h5><i>Intern as Software Engineer</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">GDP Venture is one of the leading strategic investor located in Jakarta. They invest in early and growing stages of new companies in information technology industry such as Kaskus.co.id and Blibli.com.</p>
                                    <br>
                                    <p>Reduced query time by 98% by migrating databases to Amazon Redshift.</p>
                                    <br>
                                    <p class="text-muted">Reduced query time by 50% by optimizing old query that used by the company for retrieving data.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/aiesec.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>December 2014 - January 2015</h5>
                                    <br>
                                    <h4 class="subheading">AIESEC Student Exchange Program </h4><h5><i>Intern at Sawadee Project (Thailand)</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">AIESEC is the biggest international student organization. AIESEC has various projects that can develop our team work skills and enhance our abilities through experiencing the culture of another country.</p>
                                    <br>
                                    <p>This project aims to teach student and teacher in a rural area of Thailand about English. I am also as International Relation team of this project since some students from Indonesia join this project and we need to make sure that they get what they should get during this project.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/cfb.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>2014 - 2015</h5>
                                    <br>
                                    <h4 class="subheading">Code for Bandung </h4><h5><i>Software Analyst</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">Code for Bandung is a project that having purpose to support smart city development in Bandung. This project is funded by US organization.</p>
                                    <br>
                                    <p>We work together directly with Bandung’s government to make their job easier by using software that we have built. </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/msdk.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>2014 - Present</h5>
                                    <br>
                                    <h4 class="subheading">Student Association of Bandung Institute of Technology </h4><h5><i>Deputy Chief of Internal Relation</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">Student association is managed by cabinet as the highest executive organization at Bandung Institute of Technology.</p>
                                    <br>
                                    <p>We organize some events that could build friendship among the staff of student association cabinet, because they need to work and collaborate together as a family.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/exstrakampus.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>2014 - Present</h5>
                                    <br>
                                    <h4 class="subheading">Informatics Student Association of Bandung Institute of Technology</h4><h5><i>Staff of extra campus division</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">Informatics student association is dedicated to the advancement and development of informatics student’s ability, sociality, and proficiency. There are some divisions that focus on specific task, e.g. extra-campus.</p>
                                    <br>
                                    <p>We are responsible for every event that come from outside of campus, including exhibit that collaborate with the alumni, international conference, international or national informatics competition and even campus or company tour.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/syamsi.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>2014 - Present</h5>
                                    <br>
                                    <h4 class="subheading">Syamsi Dhuha Foundation</h4><h5><i>Member</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">Syamsi Dhuha Foundation is a foundation that care on lupus and low vision. SDF was awarded Sasakawa Health Prize 2012 for having innovative programs. (www.syamsidhuhafoundation.org)</p>
                                    <br>
                                    <p>We need to collaborate with another member and the staff to do some activities that can help / support people who are suffering on lupus and low vision.</p>
                                    <br>
                                    <p>We make some innovative programs to educate society about lupus and low vision.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/iit.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>2013 - 2014</h5>
                                    <br>
                                    <h4 class="subheading">Inkubator IT</h4><h5><i>Staff of marketing division</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">Inkubator IT (IIT) is a department under informatics student association that aims to be trusted software house. IIT build some projects based on user demand. </p>
                                    <br>
                                    <p>We manage advertisements, promotions, public relations and sales of IIT’s products. </p>
                                    <br>
                                    <p>We want to make IIT well known by participating in some attractive events.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/experience/avatargroup.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h5>2012 - Present</h5>
                                    <br>
                                    <h4 class="subheading">Trenggalek Education Group</h4><h5><i>Physics and Mathematics Teacher</i></h5>
                                </div>
                                <br>
                                <div class="timeline-body">
                                    <p class="text-muted">Trenggalek is my home town where I build this community. The purpose is to increase education quality of my underdeveloped town. We teach some junior and high school’s lessons for free.</p>
                                    <br>
                                    <p>We focus on National Science Olympiad preparation because we believe that every Trenggalek student has a chance to be the winner even though he/she comes from poor family.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <h4 style="    margin-top: 27px;">Please
                                    <br>Contact Me
                                    <br>for More
                                    <br>Detail</h4>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    
    

    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Thank you!</h2>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Copyright &copy; www.daniarheri.com 2018</span>
                </div>
                <div
                </div>
                <div class="col-md-4 pull-right">
                    <ul class="list-inline quicklinks">
                        <li><a href="https://getbootstrap.com/">Framework by Bootstrap</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- Portfolio Modals -->
    <!-- Use the modals below to showcase details about your portfolio projects! -->

    <!-- Portfolio Modal access -->
    <div class="portfolio-modal modal fade" id="portfolioCariKos" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Cari Kos</h2>
                            <p class="item-intro text-muted">Web Based Application</p>
                            <img class="img-responsive" src="img/portfolio/portfolioCariKos.jpg" alt="">
                            <p>www.carikos.com is a web application for search, book, and advertise rented rooms. This project funded by Indonesian Ministry of High Education since we selected as semifinalist. (https://www.dikti.go.id)</p>
                            
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- angular js -->

    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal modal fade" id="portfolioTamanKita" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Taman Kita</h2>
                            <p class="item-intro text-muted">Web Based Application</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioTamanKita.jpg" alt="">
                            <p>www.tamankita.com is one of assignments from my lecturer. The aim of this website is for reporting any problems that we found at our city park. This is just for Bandung area, because we want to test the simplest one before applying largerly at the entire parks of Indonesia. We want to help the goverment of Bandung to maintain and monitor their parks by maximize citezens participation. </p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 3 -->
    <div class="portfolio-modal modal fade" id="portfolioNewsAgregator" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>News Agregator</h2>
                            <p class="item-intro text-muted">Web Based Application</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioNewsAgregator.jpg" alt="">

                            <p>This is a program that can predict the category of the news that you gave. This application applied theory of learning machine. I use WEKA api and web language to develop it.</p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 4 -->
    <div class="portfolio-modal modal fade" id="portfolioSudoku" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Sudoku</h2>
                            <p class="item-intro text-muted">Desktop Application</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioSudoku.jpg" alt="">
                            <p>This application is made using CLISP language and Java Language. All of the solver algorithm is in CLISP. I use java as the UI. We can play and solve sudoku in this application.  </p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioRockSlice" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Rock Slice</h2>
                            <p class="item-intro text-muted">Desktop Application</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioRockSlice.jpg" alt="">
                            <p>Rock or stone can be identified it's category by use their color composition. This application will help the geologist to count rock's color composition precisely. I use some algorithm like the one that used by Photoshop. This is a desktop application that developed using java language.</p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 6 -->
    <div class="portfolio-modal modal fade" id="portfolioAccessApps" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Access'apps</h2>
                            <p class="item-intro text-muted">Desktop Application</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioAccessApps.jpg" alt="">
                            <p>I made this application at my previous summer 2014's holiday. This application was used by a competition organizer. They needed this application to conduct and facilitate an accountancy competition that was held in University of Surakarta. This application facilitate the participant to do each level of selection, such as beginning selection and semifinal challenges. </p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioTweetAnalayzer" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Tweet Analayzer</h2>
                            <p class="item-intro text-muted">Web Based Application</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioTweetAnalayzer.jpg" alt="">
                            <p>Tweets Analyzer is an application that give location of traffic jam or accident based on some people tweets. We use twitter's API and Google Map's API to build the feature.</p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


<!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioEnigmaMobile" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Enigma Mobile</h2>
                            <p class="item-intro text-muted">Mobile Application</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioEnigma.jpg" alt="">
                            <p>Enigma is an old encryption algorithm that has been famous since Second World War. I make EnigmaMobile to do encryption and decryption using enigma algorithm. The platform of this application is android. I use Eclipse to develop it.</p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


<!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioWebCrawler" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Web Crawler</h2>
                            <p class="item-intro text-muted">Web Based Application</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioWebCrawler.jpg" alt="">
                            <p>This is web based application that can be used as search engine like Google or Bing. This crawler implements tree structure algorithm and crawls every link recursively. </p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


<!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioStringMatching" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>String Matching Algorithm</h2>
                            <p class="item-intro text-muted">Paper</p>
                            <img class="img-responsive img-centered" src="img/portfolio/portfolioStringMatching.jpg" alt="">
                            <p>“Fast String Matching Algorithm” is a new string matching algorithm that combine Boyer Moore algorithm and Knuth-Morris-Pratt algorithm. I haven't translated this paper to English yet.</p>
                            <p>You can download the PDF at this link <a target="_blank" href="https://www.dropbox.com/s/cn7ys360gvlusta/Makalah%20IF2211%20Algoritma%20Cepat%20Pencocokan%20String%20new.pdf?dl=0">“Fast String Matching Algorithm”</a>.</p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>

</body>

</html>
