bab iv implementasi dan pembahasan 4.1 implementasi …
Post on 28-May-2022
19 Views
Preview:
TRANSCRIPT
BAB IV
IMPLEMENTASI DAN PEMBAHASAN
4.1 Implementasi dan Uji coba Sistem
Penjelasan program “Aplikasi Forensik Foto Berbasis Web” merupakan
sistem informasi untuk membatu pembeli dalam membeli kamera bekas maupun
kamera baru serta mampu membantu belajar tentang bangaimana settingan kamera
dengan melihat data dari informasi metadata.
4.1.1 Spesifikasi program
Spesifikasi program diamksudkan untuk memberikan gambaran
setiap langkah pembuatan program berikut ini merupakan pembahasan
tenntang browser untuk navigasi web service :
4.1.1.1 Halaman Utama
Berikut ini adalah tampilan pertama kali pada laman website.
Gambar 3.5 Tampilan saat laman website di jalankan
4.1.1.2 Navigasi pada halaman utama
Berikut ini akan ditunjukkan tombol utama untuk
menjalankan laman website ini.
Keterangan gambar :
1.
Gambar 3.6 Browse
Gambar 3.6 merupakan penjelasan untuk pencari
file yang ingin di unggah pada perangkat.
2.
Gambar 3.7 Insert Image
Gambar 3.7 merupakan penjelasan untuk tombol
input setelah memilih file
3.
Gambar 3.8 Reset
Gambar 3.8 merupakan penjelasan untuk tombol
mereset file atau untuk menghapus file
4.
Gambar 3.9 Galery Fografi
Gambar 3.9 merupakan penjelasan untuk tombol
galery fotografi ini nantinya akan menampilkan galery foto
jika klik
5.
Gambar 4.0 Navigasi Icon
Gambar 4.0 merupakan penjelasan untuk navigasi
ini nantinya untuk memlihat galery yang menunjukkan arah
next dan previous.
4.1.1.2 Halaman Akhir
Berikut ini adalah tampilan pertama kali pada laman website
Gambar 4.1 Tampilan saat laman website di jalankan
4.1.1.3 Navigasi pada halaman akhir
Berikut ini akan ditunjukkan tombol utama untuk
menjalankan laman website ini.
Keterangan gambar :
1.
Gambar 4.2 Lokasi Foto
Gambar 4.2 merupakan penjelasan untuk menampilkan
geotagging pada foto yang diambil.
2.
Gambar 4.3 Foto, Browse, dan Reset
Gambar 4.3 merupakan penjelasan untuk
menampilkan yang diunggah pada tombol browse.
3.
Gambar 4.4 Nilai dan Nama Informasi
Gambar 4.4 merupakan penjelasan untuk
menampilkan informasi dari foto yang diunggah.
4.2 Pembahasan
4.2.1 Nilai getFloat
Gambar 4.5 Source Code fungsi getFloat
Gambar 4.5 merupakan penjelasan untuk fungsi getFloat
mempunyai nilai parameter interger $value dimana nantinya pada
varieble $pos akan mencari nilai dari integer $value serta pada fungsi
strpos akan mendeklarasikan pada nilai integer $value kemudian jika
nilai variable bernilai false maka akan menampilkan nilai karakter
interger $value, kalau tidak maka pada fungsi substr akan mengambil
pada nilai variable $a dari $value dan $pos dan pada nilai variable $b
akan mengambil nilai karakter pada integer $value dan $pos bertambah
1 setiap mengambil dengan fungsi substr. Pada fungsi return akan
mendeklarasikan bahwa variabel $b sama dengan null dan akan
menampilakan karakter dengan tanda saat menampilkan output.
private function getFloat($value) {
$pos = strpos( $value, '/' );
if( $pos === false ) {
return (float)$value;
} else {
$a = (float)substr( $value, 0, $pos );
$b = (float)substr( $value, $pos+1 );
return ( $b == 0 ) ? ( $a ) : ( $a / $b );
}
}
4.2.4 Nilai getImageNumber
Gambar 4.6 Source Code fungsi getImageNumber
Gambar 4.6 merupakan penjelasan untuk fungsi get
ImageNumber mempunyai parameter array $exif, kemudian pada
fungsi !isset akan mengambil nilai dari ImageNumber jika bernilai
true maka akan diteruskan dan jika bernilai return false maka tidak
akan ditampilkan. Pada nilai variabel $apex akan mendeklrasikan nilai
ImageNumber dengan parameter getFloat, serta pada fugnsi return
akan mendeklarasikan nilai variabel $apex dan diikuti dengan karakter
‘-‘ yang berada di tengah nilai informasi .
public function getImageNumber( $exif ) {
if( !isset( $exif['ImageNumber'] ) ) return false;
$apex = $this->getFloat( $exif['ImageNumber'] );
return round($apex/1000)."-".$apex%1000;
}
4.2.4.1 Menampilkan Nilai Informasi
Gambar 4.7 Source Code nilai informasi
Gambar 4.7 merupakan penjelasan untuk perulangan
pada php untuk menampilkan nilai informasi, jika nilai tidak
terdeksi tidak akan menampilkan informasi nilai tidak
terdeksi, kemudian jika iya maka akan menampilkan nilai
informasi yang ditampilkan.
<?php if(($tags[‘image_number’] == 'Tidak terdeteksi') OR
($tags[image_number '] == '')){
echo "<tr>";
echo "<td><h3><b>Image Number (SC)*: </b></h3></td>";
echo "<td><h4><i>Informasi Image Number (SC)* Tidak
Ditemukan</i></h4></td>";
echo "</tr>";
} else {
?>
<tr>
<td><h3><b> Image Number (SC)*</b></h3></td>
<td><h3><?php echo $tags[‘image_number'] . "<br />";
?></h3></td>
</tr>
<?php
}
?>
4.2.5 Nilai getCoordinates
Gambar 4.8 Source Code fungsi getCoordinates
Gambar 4.8 merupakan penjelasan untuk fungsi getCoordinates
mempunyai parameter array $filename, kemudian pada nilai array
$exif nantinya akan mendeklarasikan nilai $filname dengan fungsi
@exif_read_data untuk mendapatkan nilai koordinat dari file foto.
Pada nilai array $exif akan mengambil nilai dari 'GPSLatitudeRef'
dan 'GPSLatitude' serta dari 'GPSLongitudeRef' dan
'GPSLongitude. Dan pada fungsi return array memproses dan mendapatkan
nilai dari getToCoordiante untuk menyajikan nya dalam koordinate gps.
function getCoordinates($filename)
{
if (extension_loaded('exif') &&
file_exists($filename) )
{
$exif = @exif_read_data($filename, 'EXIF');
if (isset($exif['GPSLatitudeRef']) &&
isset($exif['GPSLatitude']) &&
isset($exif['GPSLongitudeRef']) &&
isset($exif['GPSLongitude']))
{
return array (
$this-
>exifToCoordinate($exif['GPSLatitudeRef'],
$exif['GPSLatitude']),
$this-
>exifToCoordinate($exif['GPSLongitudeRef'],
$exif['GPSLongitude'])
);
}
}
return FALSE;
}
4.2.5.1 Menampilkan GPS
Gambar 4.9 Source Code menampilkan GPS
Gambar 4.9 merupakan penjelasan untuk menempatkan map
pada id “map” dan menampilkan marker yang sudah di konfigurasi.
4.2.5.2 Menampilkan Info Window Foto
Gambar 5.0 Source Code menampilkan info window
Gambar 5.0 merupakan penjelasan untuk menampilkan info
windows contentString yang nantinya akan di tampilkan foto yang diambil
pada piranti.
4.2.5.3 Diagram Membaca Lokasi GPS
Gambar 5.1 diagram untuk membaca lokasi GPS
var map=new
google.maps.Map(document.getElementById("map")
,mapOptions);
var marker=new google.maps.Marker({
position:myCenter,
title: "Posisi foto diambil!",
draggable: true,
animation: google.maps.Animation.DROP
});
var contentString = '<div style="width:
250px; height: 150px; ">Merupakan posisi
awal saat anda mengambil foto ini :<img
style="width: 200px; height:150; border:
0.5em solid silver;" src="<?php echo
$gambar; ?>"></div>';
Gambar 5.1 merupakan penjelasan untuk bagaimana cara kerja dari
LBS :
1. Diasumsikan pengguna smartphone maupun piranti yang
terdapat GPS Reciever nya, kemudian pengguna sedang
membuka aplikasi berbasis LBS dan melakukan
pengambilan foto.
2. User mendapatkan posisi dari satelite melalui GPS reciever
yang dimilikinya.
3. Data lokasi ini kemudian dikirim menggunakan jaringan
komunikasi ke internet untuk menuju konten dan membaca
metadata lokasi gps.
4. Kemudian dari data konten akan dikirim kembali data
lokasi yang sudah terdeksi pada foto yang diambil dari
pitranti.
Tabel 2.3 Hasil Percobaan Data Forensik Foto
Nama Piranti Nama Informasi Nilai Informasi Lokasi GPS Gambar
Objek
Kamera
Canon 60D
File Name: 73211.jpg,
Image Type: image/jpeg
Perusahaan: Canon
Model: Canon EOS 60D
Exposure Time: 1/80sec
Exposure Program: Manual
White Balance: Sunny
ISO: 200
Exif Version: 0230
Shutter Speed: 1/83s
Aperture: f/1.8
Flash:
Flash did not fire,
compulsory flash
suppression mode
Focal Length: 50 mm
Matering Mode: Multi-Segment
Exposure Mode: Program
Megapixels: 18
Rasio: 1.5
Diambil pada
waktu:
2017:07:19 08:00:17
Sekitar 0 tahun 0
bulan 0 hari 15 jam
and 59 menit 43 detik
yang lalu
Informasi
lokasi tidak
terdeteksi
Samsung J5
2016
File Name: 8371.jpg,
Image Type: image/jpeg
Perusahaan: samsung
Model: SM-J510FN
Software: J510FNXXU1APF8
Exposure Time: 1/33sec
Exposure
Program: Program
White Balance: Cloudy
ISO: 64
Exif Version: 0220
Shutter Speed: 1/33s
Aperture: f/1.9
Brightness: 349/100
Flash: Flash did not fire
Focal Length: 4 mm
Matering Mode: Center Weighted
Average
Exposure Mode: EasyShoot
Megapixels: 13
Rasio: 1.3333333333333
Diambil pada
waktu:
2017:07:18 14:20:42
Sekitar 0 tahun 0
bulan 1 hari 9 jam and
39 menit 18 detik
yang lalu
Light Source : Unknown or Auto
GPSLatitudeRef: S
GPSLatitude: 7/1 47/1
341965/10000
GPSLongitudeRef: E
GPSLongitude: 110/1 24/1
286248/10000
GPS: -
7.792832/110.407951
Xioami
Redmi Note
2
File Name: 13712.jpg,
Image Type: image/jpeg
Perusahaan: Xiaomi
Model: Redmi Note 2
Software: MediaTek Camera
Application
Exposure Time: 1/33sec
White Balance: Auto
ISO: 154
Exif Version: 0220
Flash: Flash did not fire
Focal Length: 4 mm
Matering Mode: Center Weighted
Average
Exposure Mode: EasyShoot
Megapixels: 13
Rasio: 0.75
Diambil pada
waktu:
2017:07:18 14:21:46
Sekitar 0 tahun 0
bulan 1 hari 9 jam
and 38 menit 14 detik
yang lalu
Light Source : Other
Informasi
lokasi tidak
terdeteksi
Dapat dijelaskan dari tabel 2.3 diatas bahwa pada hasil percobaan
pertama dengan menggunakan kamera DSLR Canon 60D data yang nilai informasi
yang ditampilkan menunjukkan data yang sesuai pada settingan kamera yang
digunakan namun, tidak menampilkan koordianat, gps kerena pada kamera tersebut
tidak mempunyai fasilitas gps.
Namun pada percobaan dengan menggunakan kamera smartphone
Samsung J5 2016 menunjukkan data nama informasi yang hampir namun hanya
berbeda pada nilai informasi dan pada kamera smartphone menampilkan koordinat
gps.
Dan pada percobaan terakhir dengan menggunakan kamera
smartphone Xioami Redmi Note 2 yang menampilkan data yang hampir sama
dengan Samsung namun tidak menampilkan lokasi foto, karena pada samrtphone
tersebut belum terdapat gps atau belum diaktifkan gps pada smartphone nya.
top related