BAB IV IMPLEMENTASI DAN PEMBAHASAN 4.1 Implementasi …

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


mereset file atau untuk menghapus file

4.

Gambar 3.9 Galery Fografi


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



Perusahaan: samsung

Model: SM-J510FN

Software: J510FNXXU1APF8


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



Perusahaan: Xiaomi

Model: Redmi Note 2

Software: MediaTek Camera

Application


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.

BAB IV IMPLEMENTASI DAN PEMBAHASAN 4.1 Implementasi …

Documents

Transcript of BAB IV IMPLEMENTASI DAN PEMBAHASAN 4.1 Implementasi …