-
Notifications
You must be signed in to change notification settings - Fork 0
/
plsims.html
200 lines (142 loc) · 34.3 KB
/
plsims.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Than Lwin Aung</title>
<link rel="stylesheet" href="./Content/font-awesome.min.css" />
<link rel="stylesheet" href="./Content/custom.css" />
<link rel="stylesheet" href="./Content/material-icons.css" type='text/css' media='all' />
<link href="./Content/style.css" rel="stylesheet" />
<link href="./Content/railroad-diagrams.css" rel="stylesheet" />
<link href="./Content/jquery.webui-popover.css" rel="stylesheet" />
<link href="./Content/flowchart.css" rel="stylesheet" />
<script type='text/javascript' src="./Scripts/modernizr-2.6.2.js"></script>
<script type='text/javascript' src="./Scripts/jquery-1.10.2.js"></script>
<script type='text/javascript' src="./Scripts/bootstrap.js"></script>
<script type='text/javascript' src="./Scripts/railroad-diagrams.js"></script>
<script type='text/javascript' src="./Scripts/jquery.change.type.js"></script>
<script type='text/javascript' src="./Scripts/underscore.js"></script>
<script src="./Scripts/jquery.webui-popover.js"></script>
</head>
<body>
<header class="noo-header" id="noo-header">
<div class="navbar-wrapper">
<div class="navbar navbar-default fixed-top shrinkable">
<div class="container-boxed max">
<div class="navbar-header">
<h1 class="sr-only">Research Areas</h1>
<a class="navbar-toggle main-toggle collapsed" style="height:auto; line-height:50px;" title="Main Menu" data-toggle="collapse" data-target=".noo-navbar-collapse">
<span class="sr-only">Navigation</span>
<i style="font-size:20px;" class="fa fa-bars"></i>
</a>
</div>
<nav class="collapse navbar-collapse noo-navbar-collapse">
<ul class="navbar-nav sf-menu">
<li class="current-menu-item align-left">
<a href="./index.html">Home</a>
</li>
<li class="align-left">
<a href="./about.html">About Me</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div id="main-body" class="container body-content">
<div class="container-wrap">
<div class="main-content offset" style="padding-top:20px !important;">
<br />
<br />
<div class="row box-3">
<div class="col-md-12">
<h3>Formal Language Processing</h3>
<p>
Before working with Natural Language Processing, I worked with programming languages. Actually, I took a course on <b>Compiler Design</b> as an elective during my College, and it inspired me to develop a simple interpreted language. And thus, I have developed a Programming Language Simulator with Visual Basic for research purpose. PLsims can have dynamic data structures for JSON Array and JSON Objects.
</p>
<p>
Actually, understanding how a programming language is interpreted by a computer (machine) is really helpful when I am working with Natural Language Processing. Any procedural programming language can be translated into a dependency tree with a flow-chart.
</p>
<p>
For more information: <a href="https://github.com/2kha/PLSims" target="_blank" style="color:blue;">https://github.com/2kha/PLSims</a>
</p>
</div>
</div>
<br />
<br />
<div class="row">
<div class="col-md-12">
<div class="box-3" style="overflow-y:auto;">
<pre style="margin: 0; line-height: 125%; border:none; background:white;">
<span style="color: #0000ff">Program</span>
<span style="color: #0000ff">Procedure Main</span>()
<span style="color: #008000">@Declaration of Local Variable</span>
<span style="color: #0000ff">Number Array</span>[] a
a := <span style="color: #0000ff">Json</span>(<span style="color: #a31515">"[1, 2, 3, 4, 5, 6, 7]"</span>)
<span style="color: #0000ff">If</span> (a[0] > 5)
<span style="color: #0000ff">Then</span>
<span style="color: #0000ff">Write</span>(<span style="color: #a31515">"The first is more than 5"</span>)
<span style="color: #0000ff">Else</span>
<span style="color: #0000ff">Write</span>(<span style="color: #a31515">"The first is less than 5"</span>)
<span style="color: #0000ff">End If</span>
<span style="color: #0000ff">End Procedure</span>
<span style="color: #0000ff">End Program</span>
</pre>
</div>
</div>
</div>
<br />
<div class="row">
<div class="col-md-12">
<div class="box-3 grid-background" style="width:100%; height:500px; overflow:auto;">
<div id="flowchart" class="demo flowchart-demo ui-droppable" style="position: relative; width: 100%; height: 100%; z-index: 0;"><div id="CodeWindow1" class="Panel ui-widget-content ui-draggable" style="position: absolute; height: 339px; width: 400px; box-shadow: rgb(136, 136, 136) 5px 5px 2px; top: 56.8261px; left: 14.3883px; z-index: 100; display: none;"><div id="Header1" class="Header ui-widget-header" style="width: auto; height: 17px; padding-left: 4px; cursor: move; background: rgb(249, 249, 249); font-size: 10px;"><span style="float:right;cursor:default;display:none" title="Minimize" class="minimize ui-icon ui-icon-minus"></span><span style="float:right;cursor:default;display:none;" title="Window" class="window ui-icon ui-icon-newwin"></span><span style="float:right;cursor:default;font-size: 15px;" title="Close" class="close"><i class="icon-cancel-3"></i></span><span class="title">Code Area</span></div><div id="Body1" class="ui-droppable" style="height: 100%; width: auto; overflow: auto; text-align: left; font-size: 12px;"><textarea id="codeArea" style="width: 90%; height: 95%; resize: none; display: none;"></textarea><div class="CodeMirror cm-s-default" style="width: 395px; height: 320px;"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none; font-size: 4px;"></textarea></div><div class="CodeMirror-hscrollbar"><div style="height: 1px;"></div></div><div class="CodeMirror-vscrollbar"><div style="width: 1px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 33px;"><div style="position: relative;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre> <span>​</span></pre></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code"></div><div class="CodeMirror-cursor"> </div><div class="CodeMirror-cursor CodeMirror-secondarycursor"> </div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 1px;"></div></div></div></div></div></div><div data-type="Program Block" class="ProgramBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 80px; top: 13px; color: rgb(51, 51, 51);" id="Program" data-code="Program" title="Program"><strong>Program</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 120px; top: 103px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_3" style="position: absolute; transform: translate(-50%, -50%); left: 129.5px; top: 152.5px;"></div><div data-type="Procedure Block" class="ProcedureBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 414px; top: 234px; color: rgb(51, 51, 51);" id="Procedure2" data-code="Procedure Main()" title="Procedure Main()"><strong>Procedure</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 509px; top: 294px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 508px; top: 223px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_8" style="position: absolute; transform: translate(-50%, -50%); left: 518.5px; top: 343.5px;"></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_9" style="position: absolute; transform: translate(-50%, -50%); left: 518.5px; top: 211.5px;"></div><svg style="position:absolute;left:125.5px;top:113px" width="403.5" height="115.5" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 0 8.5 L 0 51.5 M0 50 A 0.5 0.5 0 0,0 0.5 50.5 M 0.5 50.5 L 388.5 50.5 M388.5 50.5 A 0.5 0.5 0 0,1 389 51 M 389 51 L 389 111 " transform="translate(4.5,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 0 8.5 L 0 51.5 M0 50 A 0.5 0.5 0 0,0 0.5 50.5 M 0.5 50.5 L 388.5 50.5 M388.5 50.5 A 0.5 0.5 0 0,1 389 51 M 389 51 L 389 111 " transform="translate(4.5,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M389,111 L399,91 L389,98.53999999999999 L379,91 L389,111" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(4.5,0)"></path></svg><div data-type="Code Block" class="CodeBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 414px; top: 400px; color: rgb(51, 51, 51);" id="Code3" data-code="Number Array[] a
a := Json("[1, 2, 3, 4, 5, 6, 7]")" title="Number Array[] a
a := Json("[1, 2, 3, 4, 5, 6, 7]")"><strong>Code</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 509px; top: 460px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 508px; top: 389px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_15" style="position: absolute; transform: translate(-50%, -50%); left: 518.5px; top: 509.5px;"></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_16" style="position: absolute; transform: translate(-50%, -50%); left: 518.5px; top: 377.5px;"></div><svg style="position:absolute;left:509px;top:304px" width="20" height="90.5" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 0 8.5 L 0 51.5 M 0 51.5 L 0 24.5 M 0 26 L 0 86 " transform="translate(9.999999999999998,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 0 8.5 L 0 51.5 M 0 51.5 L 0 24.5 M 0 26 L 0 86 " transform="translate(9.999999999999998,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M0,86 L10.000000000000002,66 L7.629549558688011e-16,73.53999999999999 L-9.999999999999998,66 L0,86" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(9.999999999999998,0)"></path></svg><div data-type="If Block" class="IfBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 608px; top: 591px; color: rgb(51, 51, 51);" id="If4" data-code="If (a[0] > 5)" title="If (a[0] > 5)"><strong>If</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 748px; top: 656px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 598px; top: 656px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 672px; top: 580px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_24" style="position: absolute; transform: translate(-50%, -50%); left: 757.5px; top: 705.5px;"></div><div class="_jsPlumb_overlay" id="jsPlumb_2_25" style="position: absolute; transform: translate(-50%, -50%); left: 757.5px; top: 665.5px;"></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_26" style="position: absolute; transform: translate(-50%, -50%); left: 607.5px; top: 705.5px;"></div><div class="_jsPlumb_overlay " id="jsPlumb_2_27" style="position: absolute; transform: translate(-50%, -50%); left: 607.5px; top: 665.5px;"></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_28" style="position: absolute; transform: translate(-50%, -50%); left: 682.5px; top: 568.5px;"></div><svg style="position:absolute;left:514.5px;top:470px" width="178.5" height="115.5" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 0 8.5 L 0 51.5 M0 50 A 0.5 0.5 0 0,0 0.5 50.5 M 0.5 50.5 L 163.5 50.5 M163.5 50.5 A 0.5 0.5 0 0,1 164 51 M 164 51 L 164 111 " transform="translate(4.5,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 0 8.5 L 0 51.5 M0 50 A 0.5 0.5 0 0,0 0.5 50.5 M 0.5 50.5 L 163.5 50.5 M163.5 50.5 A 0.5 0.5 0 0,1 164 51 M 164 51 L 164 111 " transform="translate(4.5,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M164,111 L174,91 L164,98.53999999999999 L154,91 L164,111" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(4.5,0)"></path></svg><div data-type="Code Block" class="CodeBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 410px; top: 792px; color: rgb(1, 87, 198);" id="Code5" data-code="Write("The first is more than 5")" title="Write("The first is more than 5")"><strong>Code</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 505px; top: 852px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 504px; top: 781px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_34" style="position: absolute; transform: translate(-50%, -50%); left: 514.5px; top: 901.5px;"></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_35" style="position: absolute; transform: translate(-50%, -50%); left: 514.5px; top: 769.5px;"></div><svg style="position:absolute;left:505px;top:661.5px" width="99" height="125" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 84.5 0 L 41.5 0 M 43 0 L 5 0 M5 0 A 5 5 0 0,0 0 5 M 0 3.5 L 0 57.5 M 0 56 L 0 116 " transform="translate(9.999999999999998,4.5)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 84.5 0 L 41.5 0 M 43 0 L 5 0 M5 0 A 5 5 0 0,0 0 5 M 0 3.5 L 0 57.5 M 0 56 L 0 116 " transform="translate(9.999999999999998,4.5)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M0,116 L10.000000000000002,96 L7.629549558688011e-16,103.53999999999999 L-9.999999999999998,96 L0,116" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(9.999999999999998,4.5)"></path></svg><div data-type="Code Block" class="CodeBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 787px; top: 790px; color: rgb(51, 51, 51);" id="Code6" data-code="Write("The first is less than 5")" title="Write("The first is less than 5")"><strong>Code</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 882px; top: 850px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 881px; top: 779px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_41" style="position: absolute; transform: translate(-50%, -50%); left: 891.5px; top: 899.5px;"></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_42" style="position: absolute; transform: translate(-50%, -50%); left: 891.5px; top: 767.5px;"></div><svg style="position:absolute;left:758px;top:661.5px" width="144" height="123" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 8.5 0 L 51.5 0 M 50 0 L 129 0 M129 0 A 5 5 0 0,1 134 5 M 134 3.5 L 134 55.5 M 134 54 L 134 114 " transform="translate(0,4.5)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 8.5 0 L 51.5 0 M 50 0 L 129 0 M129 0 A 5 5 0 0,1 134 5 M 134 3.5 L 134 55.5 M 134 54 L 134 114 " transform="translate(0,4.5)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M134,114 L144,94 L134,101.53999999999999 L124,94 L134,114" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(0,4.5)"></path></svg><div data-type="End If Block" class="EndIfBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 787px; top: 970px; color: rgb(51, 51, 51);" id="EndIf7" data-code="End If" title="End If"><strong>End If</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 882px; top: 1030px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 881px; top: 959px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 776px; top: 994px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_50" style="position: absolute; transform: translate(-50%, -50%); left: 891.5px; top: 1079.5px;"></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_51" style="position: absolute; transform: translate(-50%, -50%); left: 891.5px; top: 947.5px;"></div><div class="_jsPlumb_overlay " id="jsPlumb_2_52" style="position: absolute; transform: translate(-50%, -50%); left: 891.5px; top: 969.5px;"></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_53" style="position: absolute; transform: translate(-50%, -50%); left: 786.5px; top: 982.5px;"></div><div class="_jsPlumb_overlay " id="jsPlumb_2_54" style="position: absolute; transform: translate(-50%, -50%); left: 786.5px; top: 1004.5px;"></div><svg style="position:absolute;left:882px;top:860px" width="20" height="104.5" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 0 8.5 L 0 51.5 M 0 51.5 L 0 38.5 M 0 40 L 0 100 " transform="translate(9.999999999999998,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 0 8.5 L 0 51.5 M 0 51.5 L 0 38.5 M 0 40 L 0 100 " transform="translate(9.999999999999998,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M0,100 L10.000000000000002,80 L7.629549558688011e-16,87.53999999999999 L-9.999999999999998,80 L0,100" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(9.999999999999998,0)"></path></svg><svg style="position:absolute;left:510.5px;top:862px" width="271" height="153" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 0 8.5 L 0 51.5 M 0 50 L 0 138 M0 138 A 5 5 0 0,0 5 143 M 3.5 143 L 203.5 143 M 202 143 L 262 143 " transform="translate(4.5,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 0 8.5 L 0 51.5 M 0 50 L 0 138 M0 138 A 5 5 0 0,0 5 143 M 3.5 143 L 203.5 143 M 202 143 L 262 143 " transform="translate(4.5,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M262,143 L242,153 L249.54,143 L242,133 L262,143" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(4.5,0)"></path></svg><div data-type="End Proceudre Block" class="EndProcedureBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 787px; top: 1180px; color: rgb(51, 51, 51);" id="EndProcedure8" data-code="End Procedure" title="End Procedure"><strong>End Procedure</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 20px; width: 20px; left: 882px; top: 1240px;"><svg style="position:absolute;left:0px;top:0px" width="20" height="20" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="10" cy="10" r="7" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="white" stroke="#7AB02C" style="" stroke-width="3"></circle></svg></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 881px; top: 1169px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_overlay endpointSourceLabel" id="jsPlumb_2_61" style="position: absolute; transform: translate(-50%, -50%); left: 891.5px; top: 1289.5px;"></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_62" style="position: absolute; transform: translate(-50%, -50%); left: 891.5px; top: 1157.5px;"></div><svg style="position:absolute;left:882px;top:1040px" width="20" height="134.5" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 0 8.5 L 0 51.5 M 0 48.5 L 0 61.5 M 0 58.5 L 0 71.5 M 0 70 L 0 130 " transform="translate(9.999999999999998,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 0 8.5 L 0 51.5 M 0 48.5 L 0 61.5 M 0 58.5 L 0 71.5 M 0 70 L 0 130 " transform="translate(9.999999999999998,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M0,130 L10.000000000000002,110 L7.629549558688011e-16,117.53999999999999 L-9.999999999999998,110 L0,130" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(9.999999999999998,0)"></path></svg><div data-type="End Program Block" class="EndProgramBlock FlowChart _jsPlumb_endpoint_anchor jsplumb-draggable _jsPlumb_connected" style="left: 108px; top: 1390px;" id="EndProgram" data-code="End Program" title="End Program"><strong>End Program</strong><br><br></div><div class="_jsPlumb_endpoint _jsPlumb_endpoint_anchor jsplumb-draggable jsplumb-droppable _jsPlumb_endpoint_connected" style="position: absolute; height: 22px; width: 22px; left: 202px; top: 1379px;"><svg style="position:absolute;left:0px;top:0px" width="22" height="22" pointer-events="all" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml"><circle cx="11" cy="11" r="11" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="#7AB02C" stroke="none" style=""></circle></svg></div><div class="_jsPlumb_overlay endpointTargetLabel" id="jsPlumb_2_66" style="position: absolute; transform: translate(-50%, -50%); left: 212.5px; top: 1367.5px;"></div><svg style="position:absolute;left:203px;top:1250px" width="693.5" height="134.5" pointer-events="none" position="absolute" version="1.1" xmlns="http://www.w3.org/1999/xhtml" class="_jsPlumb_connector"><path d="M 679 8.5 L 679 51.5 M 679 50 L 679 55 M679 55 A 5 5 0 0,1 674 60 M 674 60 L 5 60 M5 60 A 5 5 0 0,0 0 65 M 0 63.5 L 0 71.5 M 0 70 L 0 130 " transform="translate(9.999999999999998,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="transparent" style="" stroke-width="7" stroke-linejoin="round"></path><path d="M 679 8.5 L 679 51.5 M 679 50 L 679 55 M679 55 A 5 5 0 0,1 674 60 M 674 60 L 5 60 M5 60 A 5 5 0 0,0 0 65 M 0 63.5 L 0 71.5 M 0 70 L 0 130 " transform="translate(9.999999999999998,0)" pointer-events="visibleStroke" version="1.1" xmlns="http://www.w3.org/1999/xhtml" fill="none" stroke="#61B7CF" style="" stroke-width="3" stroke-linejoin="round"></path><path pointer-events="all" version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="M0,130 L10.000000000000002,110 L7.629549558688011e-16,117.53999999999999 L-9.999999999999998,110 L0,130" class="" stroke="#61B7CF" fill="#61B7CF" transform="translate(9.999999999999998,0)"></path></svg></div>
</div>
</div>
</div>
<br />
<div class="row box-3">
<div class="col-md-12">
<div">
<svg height="32" class="octicon octicon-mark-github text-white" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
<a href="https://github.com/2kha" target="_blank" style="margin-left:50px; margin-top:-35px; display:block;">Please find me more on Github...</a>
</div">
</div>
</div>
<br />
</div>
</div>
<div class="modal fade" id="suggestion-popup" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-member">
<div class="modal-content">
<div class="modal-header" style="border:none;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4>Suggestion</h4>
</div>
<div class="modal-body" style="padding:0px;">
<div id="suggestion-container" style="height:300px; overflow-y:auto;">
</div>
</div>
</div>
</div>
</div>
<hr />
<footer>
<p>© <span id="c-date"></span> - Than Lwin Aung</p>
</footer>
</div>
<script>
$(document).ready(function(){
var date = new Date();
var year = date.getFullYear();
$("#c-date").html(year);
});
</script>
</body>
</html>