Dokumen tersebut membahas tentang pembuatan aplikasi peta interaktif menggunakan Google Maps API dan PHP untuk menampilkan lokasi dari database. Terdapat penjelasan langkah-langkah pembuatan kontroler, model, dan view untuk menampilkan lokasi pada peta beserta informasinya.
1. Indonesian
Programmers
edisi 1 2016
citstudio
musaamin.web.id suhendra.citstudio.com gedelumbung.com Tren Internet 2016
Aplikasi dasar yang memungkinkan kita dapat membangun aplikasi / web
secara fleksibel. (orang yang tidak terlalu mengerti kode semakin mudah
membuat aplikasi) (halaman 2)
6. $locations = array();
$contents = array();
foreach($maps as $array) {
$locations[] = array(
$array['locations'],
$array['latitude'],
$array['longitude'],
base_url()."resources/uploads/markers/64/".$array['icon'],
$array['description']
);
$infomaps = "<h3>".$array["locations"]."</h3><p>".$array["description"]."</p>";
$contents[] = array($infomaps);
}
?>
<script src=”http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize”
type="text/javascript"></script>
<script type="text/javascript">
var viewlocations = JSON.parse( '<?php echo json_encode($locations) ?>' );
var locationsContent = JSON.parse( '<?php echo json_encode($contents) ?>' );
function initialize() {
var map;
var bounds = new google.maps.LatLngBounds();
var mapOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
streetViewControl: false,
panControl: false,
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_BOTTOM
}
};
// Display a map on the page
map = new google.maps.Map(document.getElementById("map"), mapOptions);
map.setTilt(15);
var markers = viewlocations;
// Info Window Content
var infoWindowContent = locationsContent;
// Display multiple markers on a map
var infoWindow = new google.maps.InfoWindow(), marker, i;
// Loop through our array of markers & place each one on the map
for( i = 0; i < markers.length; i++ ) {
var position = new
google.maps.LatLng(markers[i][1], markers[i][2]);
bounds.extend(position);
marker = new google.maps.Marker({
position: position,
map: map,
title: markers[i][0],
icon: markers[i][3]
});
// Allow each marker to have an info window
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infoWindow.setContent(infoWindowContent[i][0]);
infoWindow.open(map, marker);
}
})(marker, i));
// Automatically center the map fitting all markers on the screen
map.fitBounds(bounds);
}
// Override our map zoom level once our fitBounds function runs (Make sure it only
runs once)
var boundsListener = google.maps.event.addListener((map), 'bounds_changed',
function(event) {
this.setZoom(13);
this.setCenter(new google.maps.LatLng(-6.9090815, 107.617204));
google.maps.event.removeListener(boundsListener);
});
}
</script>
4
Penulis:
Software Developer - Founder http://citstudio.com
Bandung, Indonesia | Email : suhendra@citstudio.com
Phone : 088801830193
7. Kaos versi 1 menyambut Edisi Perdana iKoder Emagazine
Harga promo 55 ribu (ukuran L - belum termasuk ongkos kirim)
Harga promo 60 ribu (ukuran XL - belum termasuk ongkos kirim)
*) Ongkos Kirim kami rata-ratakan untuk seluruh Indonesia sebanyak Rp.20.000
Cara Pemasanan :
5Ad
Transfer
BCA
Mandiri
Konfirmasi
Kirim
Silahkan Tunggu
Ukuran baju yang tersedia L, bagi yang
hanya cocok ukuran XL atau lebih besar
sebaiknya konfirmasi SMS / Telp.
8. Penulis:
Kang Tatang
(Tatang Iwan Suryana)
Praktisi SEO - Software Developer
Karawang, Indonesia | Hobby :
pembaca buku dan bermain games,
pecinta gadget dan senang ngoprek
komputer.
Email :
kang.tatang@yahoo.co.id ,
Telp. 085283859769 dan BBM 52864169
SEO ?
6Tutorial
11. 11 Trend Desain
web 2016
gambar : blog.paper.liz
gambar : brownboxbranding.com
gambar : brownboxbranding.com
gambar : justcreative.com
Tren desain web 2014 akan berlanjut ke tahun 2015. Aspek
penting dari tren sekarang yaitu prioritas ke pengguna
perangkat mobile. Walau Tren datang dan pergi, tapi pada
akhirnya, orang akan mencari sebuah situs web yang cepat,
secara visual menarik serta informatif.
9Trend 2016
12. gambar : bashooka.com
gambar : buzzfeed.com
gambar : practicalecommerce.com
gambar : marcabraham.wordpress.com
gambar : http://justcreative.com
10
13. gambar : redirectnow.com
gambar : www.designinfographics.com
“Indonesian Programmers”
z
11
citstudioKonsultan IT Bandung
http://citstudio.com
14. 1 . Scaler type
<?php
function add(int $a, int $b) {
return $a + $b;
}
var_dump(add(1,2));
var_dump(add("1","2"));
Hasil :
int(3) int(3)
Keterangan :
2. Return type declarations
Contoh 1
function add(int $a,int $b) : int {
return $a + $b;
}
var_dump(add('1',2));
var_dump(add(true, 2));
var_dump(add(false, 2));
Hasil :
int(3) int(3) int(2)
Keterangan :
Contoh 2
<?php
function a() : int
{
return 1;
}
var_dump (a());
Hasil :
int(1)
Keterangan :
3. Closure::call()
<?php
class Foo {
12PHP7
Hint, gunakan boolean,
string, float, bool
15. private $foo = 'bar';
}
$getFooCallback = function() {
return $this->foo;
};
echo $getFooCallback->call(new Foo);
Hasil :
bar
Keterangan :
4. Generator delegation
<?php
function gen() {
yield 1;
yield 2;
yield from gen2();
}
function gen2() {
yield 3;
yield 4;
}
foreach (gen() as $value) {
echo $value;
}
Hasil :
bar
Keterangan :
5.Generator return
<?php
$gen = (function() {
yield 1;
yield 2;
return 3;
})();
foreach ($gen as $value) {
echo $value;
}
echo $gen->getReturn();
Hasil :
Keterangan :
13PHP7
Informasi lihat halaman 5
16. Teknology di masyarakat sebelumnya didominasi oleh desktop, laptop, handphone, smartphone, cloud,
teknology layar sentuh (touchable).
14Teknologi
17. 15
Kadang kita meremehkan orang lain karena
kurang tersentuh kemajuan teknologi, namun
kadang kita lupa begaimana caranya tersenyum
lepas.
Kemajuan teknologi bukanlah lambang
kebahagiaan.
18. penting memiliki
Sudah sejak lama telah diprediksi bahwa "hampir semua bisnis" akan melalui
website. Sebagian besar perusahaan yang telah berkembang pesat telah
memanfaatkan website sebagai investasi, saluran pemasaran, informasi
perusahaan, mereka mengembangkan konten untuk menarik klien, membuat
penawaran, menjaring informasi bahkan menindaklanjuti menjadi deal bisnis.
Penulis:
I Gde Oka Prinarjaya
Software Developer
Jakarta, Indonesia | Hobby : Musik (Gitar)
16Artikel
21. Startup
gambar : http://wonderfulengineering.com
Jika memulai bisnis baru tentu sangat penting
berada di tren bisnis. Apa tren bisnis di tahun 2015?
Sebagai wirausaha dan seseorang yang bekerja di
sini adalah empat tren utama yang saya amati.
19Tips
28. Tren Bisnis
2016
gambar : peterubel.com
gambar : loyalty360.org
gambar : humancapitalist.com
gambar : choicebizops.com
gambar : sblfinancial.com
gambar : insightfuldevelopment.com
http://www.cuckoo.ie/blog/event-related/real-
event-trends-
2015.html#sthash.xYHsSJZt.dpuf
26Artikel
29. s
Pemasaran untuk
Meningkatkan
Bisnis Anda
di 2016
gambar : marshkitchens.com
.Hope Graby, Public Relations Director & Client
Manager
gambar : blog.beacontechnologies.com
John Hedrick, Spesialis Internet
gambar : t3n.de
Doug DeMarra, Desainer Grafis
gambar:apttus.com
Victoria Miville, Social Media & Public Relations
Specialist
gambar: www.sitiosys.com
Bryan Coe, Digital Marketing Strategist
http://www.scheffey.com/index.php?/integr
ated-marketing/article/5-marketing-trends-
to-improve-your-business-in-2015/ gambar
utama : www.weseo.es
27Artikel
35. untuk web travel &
maskapai penerbangan
Sebenarnya design website
travel ini sudah di gagas
oleh Aaron Duarte sejak
tahun 2013, namun kami
masih anggap masih sangat
layak di Indonesia, dan
tentunya untuk web travel
atau web maskapai
1. Mengandalkan peta dan memudahkan user dalam mencari
tujuan penerbangan, kapal laut, atau perjalanan darat.
2. Satu plus jika harga tiket juga tercantum di sana.
3. Bonus keadaan cuaca yang realtime
4. Lengkap daerah tujuan wisata
5. Panel yang tidak memusingkan mata.
6. Dengan design yang minimalis dan plat yang tentunya masih
menjadi trending teratas tahun 2015 dan mungkin tahun-tahun
selanjutnya.
Web site
Inspiratif
32Web app inspiraTIF
37. Web Scrapping
menggunakan
Codeigniter
dan Command Line
1. DROP TABLE IF EXISTS `webscrap`;
2. CREATE TABLE IF NOT EXISTS `webscrap` (
3. `id` int(20) unsigned NOT NULL AUTO_INCREMENT,
4. `title` varchar(100) DEFAULT NULL,
5. `date` date DEFAULT NULL,
6. `content` text,
7. `thumbnail` varchar(100) DEFAULT NULL,
8. `slug` varchar(100) NOT NULL DEFAULT '',
9. `source_url` varchar(100) DEFAULT NULL,
10. PRIMARY KEY (`id`,`slug`),
11. UNIQUE KEY `slug` (`slug`) USING BTREE
12. ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
13. DROP DATABASE IF EXISTS `citstudio_scrap`;
1. <?php
2. if (isset($_SERVER['REMOTE_ADDR'])) { die('Command Line Only!'); }
3. set_time_limit(0);
4. $_SERVER['PATH_INFO'] = $_SERVER['REQUEST_URI'] = $argv[1];
5. require dirname(__FILE__) . '/index.php';
6. ?>
Istilah Web Scrapping mungkin sudah tidak asing lagi
didalam dunia Development, Istilah ini biasa disebut
web harvesting atau web data extraction mengekstrack
seluruh isi data dari sebuah page website. Hal ini
biasanya dilakukan oleh para developer sebagai
pengumpulan data/informasi yang nanti nya dijadikan
sebagai data dummy, atau membuat aplikasi rss.
Web Scrap
Datasource
Web Crap Application
Data
Storage
Save the Data
Request
Response
Extract the Data
from Response
gambar : Skema Alur Kerja Scrapper
34Tutorial
38.
Source URL :
1. http://pastebin.com/jmLiDe5V (Database)
2. http://pastebin.com/niAP4Ybx (CLI.php)
3. http://pastebin.com/pHukj8C7 (Controllers)
4. GitHub : https://github.com/cuheguevara/webscrapper
Library :
http://simplehtmldom.sourceforge.net/
Penulis:
Suhendra Y Putra
Software Developer - Founder http://citstudio.com
Bandung, Indonesia | Email : suhendra@citstudio.com Phone :
088801830193
35
citstudio
Konsultan IT Bandung
http://citstudio.com