Jika anda sudah memahaminya sekarang saatnya kita membuat project tersebut. Di artikel ini saya akan membuat sebuah CV/Curriculum Vitae untuk sebuah lamaran pekerjaan. Tampa basa basi lagi silahkan anda membuka folder ci kalian di local c atau tempat instalansi xampp kalian berada. Selanjutnya menuju htdoc→nama_folder→application→controller.
Disini saya akan membuatnya dengan nama Crud.php
Controller(Crud.php)
<?php
class Crud extends CI_Controller{
public function index() {
$data=array('title'=>'Tutorial Code Igniter - Java Web Media'
);
$this->load->view('crud_read_view',$data);
}
}
Jangan lupa untuk penulisannya diawali dengan class nama_project dengan extends nya sesuai folde kita, karena disini kita membuat controller jadi kita menggunakan CI_Controller. Disini kita tidak menggunakan model karena kita hanya menampilkan data saja jadi kita akan membuat controller dan juga view. Berikutnya kita akan membuat view dengan nama crud_read_view.php. Oh ya jika kalian pernah membuat CV menggunakan html silahkan kalian copy pastekan saja karena hasilnya akan sama, jika belum silahkan ikuti syntax dibawah ini.
View(crud_read_view.php)
<html>
<head>
<title>Kaleb molewe - Curriculum Vitae</title>
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="The Curriculum Vitae of Joe Bloggs."/>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css">
<link href='http://fonts.googleapis.com/css?family=Rokkitt:400,700|Lato:400,300' rel='stylesheet' type='text/css'>
</head>
<body id="top">
<div id="cv" class="instaFade">
<div class="mainDetails">
<div id="headshot" class="quickFade">
</div>
<div id="name">
<h1 class="quickFade delayTwo">Curriculum Vitae</h1>
<h2 class="quickFade delayThree">Kaleb Molewe</h2>
<img src="assets/gambar/me.jpg" width="100" height="100"/>
</div>
<div id="contactDetails" class="quickFade delayFour">
<table>
<tr>
<td>E-mail</td><td>:</td><td><a href="mailto:afifsungkawa22@gmail.com" target="_blank">molewekaleb23@gmail.com</a></td>
</tr>
<tr>
<td>Facebook</td><td>:</td><td> <a href="http://www.facebook.com/afif.sungkawa"> www.facebook.com/kalebmolewe</a></td>
</tr>
<tr>
<td>Mobile</td><td>:</td><td> 089697131435</td>
</tr>
</table>
</div>
<div class="clear"></div>
</div>
<div id="mainArea" class="quickFade delayFive">
<section>
<article>
<div class="sectionTitle">
<h1>Tujuan Karir</h1>
</div>
<div class="sectionContent">
<p>Sebagai seorang Lulusan di bidang Teknik Computer,Saya berkeinginan untuk mengembangkan dan menambah kemampuan di berbagai bidang lain,
Salah satunya adalah di bidang Perbankan.
Saya berambisi untuk terus mencari pengalaman sebanyak mungkin untuk menambah kualitas diri saya.
saya yakin bisa ikut meningkatkan Kineja Perusahaan serta dapat Di andalkan.
</p>
</div>
</article>
<div class="clear"></div>
</section>
<section>
<div class="sectionTitle">
<h1>Data Pribadi</h1>
</div>
<div class="sectionContent">
<table>
<tr>
<td>Nama</td><td>: Kaleb Molewe</td>
</tr>
<tr>
<td>Tempat, Tanggal Lahir</td><td>: Malang, 23 Mei 1996</td>
</tr>
<tr>
<td>Agama</td><td>: Kristen</td>
</tr>
<tr>
<td>Warga Negara</td><td>: Indonesia</td>
</tr>
<tr>
<td>Alamat</td><td>: -</td>
</tr>
<tr>
<td>E-mail</td><td>: molewekaleb23@gmail.com</td>
</tr>
</table>
</div>
<div class="clear"></div>
</section>
<section>
<div class="sectionTitle">
<h1>Keahlian</h1>
</div>
<div class="sectionContent">
<table width=500px>
<tr>
<td>HTML</td><td>Software</td><td>Microsoft Office</td>
</tr>
<tr>
<td>PHP</td><td>Network Configuration</td><td>Hardware Repairing</td>
</tr>
<tr>
<td>LAN</td><td>Basic Database</td><td>Photoshop</td>
</tr>
</table><br>
</div>
<div class="clear"></div>
</section>
<section>
<div class="sectionTitle">
<h1>Riwayat Pendidikan</h1>
</div>
<div class="sectionContent">
<article>
<h2>Formal</h2><br>
<h4>SDN Bareng 1</h4>
<p class="subDetails">2004-2010<p>
</article>
<article>
<h4>SMPK Mardiwiyata 1</h4>
<p class="subDetails">2010-2013</p>
</article>
<article>
<h4>SMAK Frateran Malang</h4>
<p class="subDetails">2013-2015</p>
</article><br>
</div>
<div class="clear"></div>
</section><br><br>
<section>
<div>
<p>             Demikian Curriculum Vitae ini saya buat dengan Sebenar benarnya,Untuk dapat dipergunakan sebagai mana mestinya.</p>
<br><br><br><br><br><br>
<p align="right">Hormat Saya,<br><br><br>Kaleb Molewe</p>
</section>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3753241-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>
Jika sudah kalian buka browser kalian dan ketikkan localhost/nama_folder, disini saya memakai nama folder codeigniter menjadi ci. maka hasilnya akan seperti ini.
Untuk gambar/foto silahkan anda buat assets nya dibawah application atau seperti contoh dibawah ini.
Hello, my name is Kaleb Molewe. I'm a 22 year old ,and now, i'm a student at Stiki Malang
wah mantab ni, soalnya lagi butuh untuk tugas
ReplyDeleteiya semoga bermanfaat mas
Delete