-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
341 lines (269 loc) · 20.3 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<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="Cahsowan Blog, Ikatlah Ilmu Dengan Menulisnya">
<meta name="author" content="Taufik Rahman">
<title>Taufik Rahman - Modern PHP Web Developer</title>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="/css/style.css" type="text/css">
<!-- Custom Fonts -->
<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- 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>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<!-- DO NOT REMOVE SEARCH FORM (it contains close button) -->
<li>
<form action="//google.com/search" accept-charset="UTF-8" method="get">
<span class="search-icon"><i class="fa fa-search"></i></span>
<input type="text" name="q" results="0" class="sidebar-search" placeholder="Search for...">
<input type="hidden" name="q" value="site:http://cahsowan.github.io">
<a href="#" class="btn btn-default menu-toggle close-sidebar"><i class="fa fa-times"></i></a>
</form>
</li>
<li>
<a href="/about.html"><i class="fa fa-info-circle"></i> About</a>
</li>
<li>
<a href="/portfolio.html"><i class="fa fa-suitcase"></i> Portfolio</a>
</li>
<li>
<a class="accordion collapsed" data-toggle="collapse" href="#collapseArchives" aria-expanded="false" aria-controls="collapseArchives"><i class="fa fa-folder"></i> Archives</a>
<div class="collapse" id="collapseArchives">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/12/">December 2013</a><span class="archive-list-count">3</span></li></ul>
</div>
<div class="clearfix"></div>
</li>
<li>
<a class="accordion collapsed" data-toggle="collapse" href="#collapseTags" aria-expanded="false" aria-controls="collapseTags"><i class="fa fa-tags"></i> Tags</a>
<div class="collapse" id="collapseTags">
<ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/tags/ElementaryOS/">ElementaryOS</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Linux/">Linux</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/OS/">OS</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/OpenSource/">OpenSource</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Tools/">Tools</a><span class="tag-list-count">1</span></li></ul>
</div>
</li>
<li>
<a class="accordion" data-toggle="collapse" href="#collapseRecents" aria-expanded="false" aria-controls="collapseRecents"><i class="fa fa-clock-o"></i> Recent Posts</a>
<div class="collapse in" id="collapseRecents">
<ul>
<li>
<a href="/2013/12/21/ide-atau-text-editor/">IDE atau cukup dengan Text Editor</a>
</li>
<li>
<a href="/2013/12/18/elementary-os-distro-linux-yang-simple/">Elementary OS, distro linux yang simpel</a>
</li>
<li>
<a href="/2013/12/12/mengenal-ubuntu-linux/">Mengenal Ubuntu, Sistem Operasi berbasis Linux</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
<button type="button" class="navbar-toggle pull-right menu-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><i class="fa fa-laptop"></i> Taufik Rahman</a>
</nav>
<!-- Page Header -->
<!-- Set your background image for this header on the line below. -->
<header class="intro-header">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="site-heading">
<h1>Web Developer</h1>
<!-- <hr class="small"> -->
<p class="subheading">experienced with modern tools and workflow in web development</p>
</div>
</div>
</div>
</div>
</header>
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<article class="post" id="ide-atau-text-editor">
<div class="post-preview">
<h2>
<a class="post-title" href="/2013/12/21/ide-atau-text-editor/">
IDE atau cukup dengan Text Editor
</a>
</h2>
<div class="post-meta">
<span class="pull-left">
Posted on <span class="post-date">21 December 2013</span>
, Tags: </span>
<ul class="tags-list"><li class="tags-list-item"><a class="tags-list-link" href="/tags/Tools/">Tools</a></li></ul>
</div>
<div class="clearfix"></div>
<p>Setiap pekerjaan membutuhkan alat, untuk mempermudah, mempercepat ataupun meningkat produktifitas. Pun demikian dalam proses pengembangan aplikasi, ada banyak tools yang membantu seorang programer atau developer, diantaranya adalah Text Editor dan IDE.</p>
<p>Sekilas, baik Text Editor maupun IDE terlihat cukup mirip karena digunakan untuk menyelesaikan pekerjaan yang sama, yang membedakan: mungkin hanya kelengkapan fitur pada kedua macam program tersebut.</p>
<p><a href="http://en.wikipedia.org/wiki/Integrated_development_environment" target="_blank" rel="external">IDE</a> (integrated development environment) adalah perangkat lunak yang menyediakan beberapa fasilitas untuk pengembangan aplikasi software, meliputi: source code editor, debugger, intelligent code completion dan semacamnya, sedang Text Editor adalah perangkat lunak yang berfungsi sebagai editor kode, disamping juga memiliki fitur lain untuk mendukung fungsi utamanya.</p>
<p>Sebagai contoh: salah satu IDE paling popular adalah <a href="http://www.eclipse.org/" target="_blank" rel="external">Eclipse</a>, disamping karena free atau gratis, fitur yang dimilikinya juga sangat lengkap dan juga mendukung banyak sekali bahasa pemrograman, Eclipse juga berjalan di Windows, linux dan Macintosh. Dan yang tak kalah populer adalah notepad++, Text Editor yang juga gratis dengan banyak fitur serta mendukung banyak bahasa pemograman, satu hal yang menjadi kekurangannya mungkin adalah: <a href="http://notepad-plus-plus.org/" target="_blank" rel="external">notepad++</a> hanya berjalan di Windows.</p>
<p>Satu lagi Text Editor yang muncul belakangan ini mendadak tenar dan dengan mendapat respon positif dari para pengembang aplikasi terutama web developer adalah <a href="http://www.sublimetext.com/" target="_blank" rel="external">Sublime Text</a>, kuncinya adalah banyak fitur IDE tersemat di dalamnya namun tetap bisa berjalan ringan dan cepat, walaupun bukan free software tapi kita bisa bebas menggunakanya tanpa harus membeli lisensi, hal yang cukup menggangu cuma popup ajakan untuk membeli lisensi setelah beberapa kali melakukan save.</p>
<p>Dalam kenyataaannya kita tidak berada dalam keadaan untuk memilih antara IDE atau Text Editor, karena kita tetap bisa menggunakan keduanya, yang menjadi pertimbangan adalah kapan dan kondisi seperti apakah yang membuat penggunaan IDE atau Text Editor lebih tepat dan ideal? Perbedaan yang cukup signifikan adalah waktu untuk menunggu proses loading yang lebih lama saat menjalankan IDE, jadi jika kita hanya ingin mengedit beberapa file untuk project yang sederhana atau tidak menggunakan framework: penggunaan Text Editor menjadi lebih bijaksana.</p>
<p>Setiap programer sudah pasti mempunyai pandangan dan pilihannya masing-masing antara IDE atau Text Editor berdasarkan pengalaman yang dimilikinya dalam menuliskan baris-baris kode program. Semua kembali pada hasil dan produk akhir buatan sang programer, tools yang digunakan tidak boleh menjadi penghambat, jadi…. silahkan pilih atau gunakan keduanya.</p>
</div>
<hr>
</article>
<article class="post" id="elementary-os-distro-linux-yang-simple">
<div class="post-preview">
<h2>
<a class="post-title" href="/2013/12/18/elementary-os-distro-linux-yang-simple/">
Elementary OS, distro linux yang simpel
</a>
</h2>
<div class="post-meta">
<span class="pull-left">
Posted on <span class="post-date">18 December 2013</span>
, Tags: </span>
<ul class="tags-list"><li class="tags-list-item"><a class="tags-list-link" href="/tags/ElementaryOS/">ElementaryOS</a></li><li class="tags-list-item"><a class="tags-list-link" href="/tags/Linux/">Linux</a></li><li class="tags-list-item"><a class="tags-list-link" href="/tags/OpenSource/">OpenSource</a></li></ul>
</div>
<div class="clearfix"></div>
<p>Salah satu distro linux yang menarik buat saya adalah <a href="http://www.elementaryos.org" target="_blank" rel="external">Elementary OS</a>, sesuai dengan namanya distro linux yang satu ini mengedepankan kenyamanan pengguna dengan tampilan minimalis namun elegan, hasil perombakan besar terhadap user interface gnome 3, menjadikan Ubuntu LTS 12.04 sebagai basis, Elementary OS memang belum menuai ketenaran yang diraih <a href="http://www.ubuntu.com" target="_blank" rel="external">Ubuntu</a>.</p>
<p>Pertama kali di rilis pada bulan Maret 2011 dengan kode “Jupiter”, tim pengembang Elementary OS terus melakukan banyak perubahan signifikan pada rilis berikutnya, dengan kode “Luna” distro ini diluncurkan dalam versi beta 1 pada November 2012, meskipun ditemukan beberapa bug, namun fitur-fitur baru yang ditambahkan membuat saya cukup puas dan menunggu perbaikan serta rilis versi stabil yang sekarang sudah bisa kita unduh di website Elementary.</p>
<p>Dengan fitur-fitur dan aplikasi terbaru yang menjadi andalan Elementary OS, diharapkan para pengguna mendapakan kemudahan, kenyamanan dan pengalaman yang berbeda dari distro linux yang lain, dan hal tersebut juga untuk menjaring pengguna yang loyal terhadap distro ini. Berikut adalah beberapa fitur dan aplikasi bawaan yang dibuat secara khusus oleh tim Elementary OS:</p>
<ul>
<li><p><strong>wingpanel</strong>: panel berwarna gelap dengan sedikit transparan, mirip dengan panel gnome 3 yang memuat launcher di kiri, jam di tengah dan beberapa indicator di sebelah kanan.</p>
</li>
<li><p><strong>Slingshot</strong>: menu (application) launcher buatan Elementary OS, untuk memilih dan menjalankan aplikasi berdasarkan kategori ataupun dengan mengetikkan nama aplikasi pada kotak pencarian.</p>
</li>
<li><p><strong>Plank</strong>: application switcher yang mengadopsi unity dari ubuntu, sehingga fitur yang dimiliki unity seperti count dan progress indicator juga ada di plank, diposisikan di bagian bawah desktop, sekilas terlihat seperti dock pada Macintosh.</p>
</li>
<li><p><strong>Geary</strong>: aplikasi email client yang dikembangkan oleh Elementary bekerja sama dengan Yorba (tim pembuat Shotwell) mendukung multi akun dan notifikasi.</p>
</li>
<li><p><strong>Maya</strong>: adalah aplikasi calendar yang akan memudahkan untuk pencatatan agenda, appoinment, sekaligus berfungsi sebagai reminder.</p>
</li>
<li><p><strong>Pantheon</strong>: bisa dikatakan bahwa pantheon adalah aplikasi inti di Elemtary, karena mencakup Greeter (session manager: pengatur login), terminal, dan juga file manager.</p>
</li>
</ul>
<p>Salah satu hal dirasa kurang dalam distro ini salah satunya adalah tidak disertakannya aplikasi office, meskipun dengan mudah kita bisa menginsatallnya sendiri karena tersedia di repository ubuntu, bahkan kita bisa mencoba <a href="http://wps-community.org/" target="_blank" rel="external">WPS Office</a> yang mirip dengan Microsoft Office sebagai alternatif jika tidak ingin menggunakan <a href="http://www.libreoffice.org/" target="_blank" rel="external">Libre Office</a> atau Open Office.</p>
<p>Memilih Sistem Operasi atau distro linux memang perlu mempertimbangkan kebutuhan kita dan sejauh mana kaitan dunia kerja kita dengan komputer, namun sebagai programmer atau web developer jika banyak menggunakan teknologi semisal: <a href="http://php.net" target="_blank" rel="external">PHP</a>, <a href="http://ruby-lang.org" target="_blank" rel="external">Ruby</a>, <a href="http://www.python.org" target="_blank" rel="external">Python</a>, <a href="http://www.mysql.com" target="_blank" rel="external">MySQL</a> dan <a href="http://www.git-scm.com" target="_blank" rel="external">Git</a> linux dan bermacam distronya sudah menyediakan semua kebutuhan itu untuk kita. Jadi meskipun tak luput dari kekurangan Elementary OS tetap layak untuk dicoba.</p>
</div>
<hr>
</article>
<article class="post" id="mengenal-ubuntu-linux">
<div class="post-preview">
<h2>
<a class="post-title" href="/2013/12/12/mengenal-ubuntu-linux/">
Mengenal Ubuntu, Sistem Operasi berbasis Linux
</a>
</h2>
<div class="post-meta">
<span class="pull-left">
Posted on <span class="post-date">12 December 2013</span>
, Tags: </span>
<ul class="tags-list"><li class="tags-list-item"><a class="tags-list-link" href="/tags/Linux/">Linux</a></li><li class="tags-list-item"><a class="tags-list-link" href="/tags/OS/">OS</a></li><li class="tags-list-item"><a class="tags-list-link" href="/tags/OpenSource/">OpenSource</a></li></ul>
</div>
<div class="clearfix"></div>
<p><a href="http://www.ubuntu.com" target="_blank" rel="external">Ubuntu</a>, <a href="http://www.fedoraproject.org" target="_blank" rel="external">Fedora</a>, <a href="http://www.opensuse.org" target="_blank" rel="external">OpenSuse</a>, <a href="http://www.debian.org" target="_blank" rel="external">Debian</a> adalah nama-nama populer untuk distro linux atau (linux distribution), sebutan untuk pemaketan sistem operasi linux dengan software pendukung semacam: desktop, office suite dan aplikasi lainnya yang melengkapi kebutuhan komputasi pengguna.</p>
<p>Karena sistem operai linux dan aplikasi-aplikasi di dalamnya dikembangkan oleh komunitas, hal ini membawa dampak positif pada perbaikan bug yang ditemukan, juga dalam pengembangan fitur-fitur dalam aplikasi tersebut.</p>
<p>Ubuntu adalah salah satu contoh distro dengan pengguna terbanyak, dengan dukungan dari perusahaan <a href="http://www.cannonical.com" target="_blank" rel="external">cononical</a>, ubuntu tampil dengan user interface yang bagus dan mudah untuk dioperasikan.</p>
<p>Mengikuti cepatnya laju pengembangan aplikasi, Ubuntu <a href="https://wiki.ubuntu.com/Releases" target="_blank" rel="external">merilis</a> versi terbarunya setiap 6 bulan sekali, pada bulan April dan bulan Oktober setiap tahunnya, sehingga penomoran versi juga berdasar tahun dan bulan seperti 13.04 yang berarti tahun 2013 bulan ke-4, setiap versi juga memiliki nama-nama unik berdasar nama hewan misalnya Raring Ringtail (untuk versi terakhir).</p>
<p>Disamping itu ubuntu juga menerbitkan versi <a href="https://wiki.ubuntu.com/LTS" target="_blank" rel="external">LTS</a> (Long Term Support) yang dirilis setiap dua tahun sekali: 10.04, 12.04, 14.04 dan seterusnya. Kelebihan yang dimiliki versi ini adalah sisi keamanaan yang lebih dan dukungan jangka panjang selama 5 tahun untuk perbaik bug dan celah keamanan, dan semua itu gratis.</p>
</div>
<hr>
</article>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<ul class="list-inline text-center">
<li>
<a href="http://www.twitter.com/cahsowan">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="http://www.linkedin.com/in/taufiqurrohman">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="http://www.github.com/cahsowan">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="/atom.xml">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<p class="copyright text-muted">© cahsowan.github.io 2015</p>
</div>
</div>
</div>
</footer>
</div>
</div>
<script>
var disqus_shortname = 'cahsowan';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<!-- jQuery -->
<script src="/js/jquery.js" type="text/javascript"></script>
<!-- Bootstrap Core JavaScript -->
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" />
<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<!-- Custom Theme JavaScript -->
<script src="/js/app.js" type="text/javascript"></script>
<!-- Google Analytic -->
<script>
(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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-55655179-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>