Flowchart Perancangan majalah online Medan Culture

BAB 2. LANDASAN TEORI

3.4 Flowchart Perancangan majalah online Medan Culture

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian-rangkaian kegiatan-kegiatan program dari awal hingga

Jenis artikel Varchar 15 Jenis artikel

Isi artikel Text Isi dari artikel

Field Name Type Field Size Keterangan

Judul Integer 30 Judul artikel

Foto artikel Varchar 30 Gambar

Jenis artikel Varchar 20 Jenis artikel

Isi artikel Text Isi

Field Name Type Field Size Keterangan

Judul Varchar 30 Judul artikel

Foto artikel Varchar 30 Gambar

Jenis artikel Varchar 30 Jenis

Isi artikel Text Isi artikel

akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan disuatu algoritma.

Suatu program yang baik adalah program yang bebas dari kesalahn dan menyusun sistematis agar prosesnya terlaksana secara efisien. Untuk itu sebelum menyusun program harus dipikirkan terlebih dahulu langkah masalah yang ada secara logis, sistematis dan menggunakan urutan-urutan proses digunakan data flow diagram yang disebut flowchart.Flowchart adalah bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara penyajian dari suatu algoritma. . Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti tabel dibawah ini :

Tabel 3.6 Simbol Flowchart

NO SIMBOL KETERANGAN

1 Terminal untuk memulai atau

mengakhiri suatu program.

2 Proses, simbol ini menunjukkan

setiap pengolahan yang dilakukan oleh komputer.

3 Input-Output, untuk memasukkan

data atau menunjukkann hasil keluaran dari suatu proses.

4 Decision, suatu kondisi yang

menghasilkan beberapa

kemungkinan jawaban atau pilihan

5 Untuk menyatakan sekumpulkan langkah proses yang ditulis sebagai procedur

6 Connector, suatu prosedur akan

masuk atau keluar melalui simbol ini dalam lembaran yang sama

7 Off-Line Connector, simbol masuk

atau keluarnya suatu prosedur pada lembaran kertas lainnya.

8 Arus/Flow dari prosedur yang dapat

silakukan dariatas ke bawah,kiri ke kanan atau sebaliknya.

9 Document, merupakan simbol

daridata yang berbentuk kertas maupun informasi.

10 Database, menyediakan tempat

pengolahan data serta penyimpanan dalam storage

11 Simbol untuk output, yang

ditunjukkan ke suatu device, seperti primer, plotters, dll.

1. Flowchart Menu Utama

Gambar 3.2 Flowchart Menu Utama

2. Flowchart Login Admin

Gambar 3.3 Flowchart Login Admin

Log in Use

Masuk kan Userna

Lupa Pass wor

gi T

Validasi username &

password

T V

M_U ser 3. Flowchart Login User

Gambar 3.4 Flowchart Login User

Hapus Username

& Password

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada di dalam dokumen, desain sistem yang disetujui dan menguji, menginstall, memulai, serta menggunakan sistem baru atau sistem yang diperbaiki. Implementasi sistem bermuara pada aktivitas, adanya aksi, tindakan, serta mekanisme dari sistem itu sendiri.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari Implementasi Sistem antara lain:

1. Mengkaji ulang rangkaian sistem baik dari segi hardware maupun software sebagai sarana penyedia informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru ataupun yang sudah disetejui.

3. Memastikan bahwa pengunjung dapat menggunakan dan mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang jelas dan akurat.

4. Memperhitungkan bahwa sistem telah memenuhi permintaan user/pemakai yaitu dengan menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.

6. Memastikan user atau pengunjung dapat dengan mudah mengerti tujuan dan penggunaan sistem.

7. Melakukan testing berkala setiap pembaharuan sistem yang telah di implementasikan terhadap sisitem yang akan dioperasikan oleh user.

4.3 Komponen-Komponen Implementasi Sistem

Didalam menjalankan sistem yang telah dirancang, dibutuhakan 3 komponen utama yaitu perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware).

4.3.1 Kebutuhan Perangkat Keras

Perangkat keras (hardware) merupakan komponen peralatan yang membentuk suatu sistem komputer dan peralatan tambahan lainnya yang mungkin komputer menjalankan tugasnya sesuai dengan yang diberikan. Kompinen ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU (Central Processing Unit), printer, keyboard, dan mouse.

Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan webiste ini adalah : 1. Laptop

2. Mouse

3. Memory 2 GB

4. Hardisk sebagai media penyimpanan 5. DVDR/W

4.3.2 Perangkat Lunak (Software)

Software perangkat yang memberi perintah kepada hardware agar mampu beroperasi. Software yang digunakan untuk membangun website ini antara lain:

1. Sistem Operasi Windows 7 ultimate (64 bit)

Windows 7 Ultimate adalah OS paling atas dari versi Windows 7. Targetnya adalah Retail market, ketersediaan dibatasi. Memiliki semua fitur windows 7 edisi sebelumnya di tambah dengan BitLocker, Bitlocker To Go, AppLocker, Direct Access, Branche, Cache, MUI language packs, boot from VHD. Kekurangannya adalah Volume Licensing.

2. XAMPP 7.0.6 (64 bit)

XAMPP merupakan aplikasi untuk mengistall apache yang termasuk di dalamnya ada MySQL, PHP dan Perl. XAMPP mudah di gunakan dan mudah di install. XAMPP di

3. Sublime Text Editor v. 3 Build 3114 (64 bit)

Sublime text editor adalah editor text untuk berbagai bahasa pemrograman termasuk pemrograman PHP. Sublime text editor merupakan editor text lintas platform dengan Pythoon application programming interface (API).

4. Web Browser Google Chrome Version 51.0.2704.103 m (64-bit)

Google Chrome adalah system operasi sumber terbukayang di rancang oleh Google Inc.

untuk bekerja secara ekslusif dengan aplikasi web. Google Chrome OS di umumkan pada tangal 7 Juli 2009.

4.3.3 Perangkat Operator (Brainware)

Brainware adalah sumber daya manusia yang nantinya akan bertanggungjawab dan berperan sebagai user maupun administrator sistem. Brainware di dalam sistem ini harus mengerti bahasa pemrograman PHP dan MySQL serta paham alur jalannya sistem. Brainware dapat dikatakan sebagai perangkat intelektual yang mengoperasikan kemampuan dari hardware ataupun software. Tanpa adanya brainware mustahil sebuah perangkat dapat menjalankan fungsinya atau pun bermanfaat bagi siapa saja. Dalam tahapan pertama brainware agar dapat mengoperasikan computer yaitu memasukkan program terlebih dahulu ke dalam sebuah computer atupun perangkat yang akan digunakan oleh user.

4.4 Tampilan Web

Untuk menjalankan system guna web browser pada pengujian ini penulis menggunakan web browser Google Chrome atau Mozilla Firefox setela web broser jalan, ketikkan pada adrees bar http://localhost/MEDANCULTURE.sql untuk pengetesan halaman utama. Halaman utama sistem tersebut seperti pada gambar berikut ini:

4.4.1 Halaman Utama

Halaman ini merukan halaman halaman awal, dimana user dapat melihat tampilan awal dari web ini. Halaman beranda ini berisi informasi dasar, halaman awal ini juga tersusun atas menu-menu lainnya yg dapat di akses oleh masyarakat, hampir seluruh informasi dapat dilihat oleh user ada di halaman beranda ini, melalui halaman awal ini juga admin dapat masuk kedalam website untuk mengatur data web.

Gambar 4.1 Tampilan halaman utama

4.4.2 Tampilan Social

Tampilan ini merupakan tampilan yang berisikan artikel artikel yg terkait dengan kehidupan sosial.

Gambar 4.2 Tampilan Social

4.4.3 Tampilan Beranda admin

Halaman ini merupakan tempat admin untuk mengelola website. Dalam beranda admin ini, admin mempunyai tiga tugas pokok yakni tugas menginput data social,lifestyle,music dan memberikan pengumuman keperluan informasi masyarakat.

Gambar 4.3 Tampilan Beranda Admin

4.4.4 Tampilan kritik dan saran Admin

Halaman ini merupakan tempat admin untuk melihat kritik dan saran masyarakat, karna tidak hanya menginput informasi saja, admin juga dapat melihat seluruh aspirasi masyarakat yang di tuangkan dalam website ini melalui kolom kritik dan saran yang disediakan.

Gambar 4.4 Tampilan kritik dan saran Admin

4.4.5 Tampilan Lifesyle

Halaman ini menampilkan isi dari menu lifestyle

Gambar 4.5 Tampilan Lifestyle

4.4.6 Tampilan Input Ivent

Halaman ini adalah tampilan dari tugas admin untuk menginput kegiatan yang akan dilaksanakan.

Gambar 4.6 Tampilan Input Ivent

4.4.7 Tampilan Input Pengumuman

Halaman ini adalah tampilan pengumuman hal hal penting yang ada di kota medan.

Gambar 4.7 Tampilan Input Pengumuman

4.4.8 Tampilan Mengubah Password

Halaman ini adalah tampilan Tempat untuk mengubah password admin.

Gambar 4.8 Tampilan Mengubah Password

4.4.9 Tampilan form Kritik Dan Saran

Halaman ini adalah tampilan form kritik dan saran.warga kota medan

Gambar 4.9 Tampilan Form kritk dan saran

5.1 Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya maka pada bab ini penulis dapat mengambil kesimpulan sebagai berikut :

1. Dengan menggunakan sistem yang baru dengan pemakain perangkat komputer yang memanfaatkan fasilitas internet sebagai alat bantu untuk mempermudah penyajian informasi suatu informasi dan pengolahan data dapat dilakukan dengan cepat dan tepat.

2. Perancangan Majalah Online berbasis web ini akan memberikan kemudahan – kemudahan, bagi masyarakat dalam membaca majalah seperti biasanya.

3. Perancangan Sistem informasi Berbasis Web ini penulis buat dengan bahasa pemrograman PHP dan menggunakan MYSQL sebagai databasenya dan memanfaatkan jaringan internet untuk publikasinya sehingga dapat dikonsumsi oleh public.

5.2 Saran

Berdasarkan kesimpulan di atas maka dapat diberikan saran – saran yang penulis usulkan yang berguna nantinya dan yang menjadi bahan pertimbangan bagi Fakultas FMIPA USU dalam menggunakan Sistem Berbasis Web ini antara lain : 1. Dengan adanya sistem yang telah dirancang maka Penulis berharap agar

diberi masukan kembali mengenai desain tampilan dari web tersebut begitu juga dengan pengolahan data sehingga dapat meningkatkan hasil pelayanan yang lebih baik lagi dari majalah online tersebut.

2. Sistem yang baru hendaknya dilakukan pengoprasian dan perawatan secara optimal dalam penginformasian data dan pengolahan data.

3. Kiranya rancangan majalah online berbasis web ini dapat dikembangkan secara optimal agar hasil yang diharapkan dapat terwujud.

Abdul Kadir .2003.Pengenalan Sistem Informasi.Yogyakarta:Andi Jogiyanto,2005,1 Buku Analisa dan Desain system informasi.

Hartono,Jogiyanto.1990.analisa dan desain system informasi.Yogyakarta:Penerbit Andi. Jeffry L Whitten, J. et all,2004,Edisi 6

Majalah Online.https://id.wikipedia.org/wiki/Majalah_elektronik

Pengertian Majalah.https:www.dosenpendidikan.com/majalah-pengertian-karakteristik-kegunaan-fungsi-jenis/

Scoot.George M.2004.Sistem Informasi Manajemen.Jakarta:Raja Grafindo Persada

Tata Sutabri.2005.Sistem Informasi Manajemen.yogyakarta:Andi

1. Listing Program

Index.php

<?php

error_reporting(0);

include 'connect.php';

<html>

<head>

<title>Beranda | Medan Cult</title>

</head>

<body>

</div>

</li>

<li><a href="music.php">music</a></li>

<li><a href="lifestyle.php">lifestyle</a></li>

<li><a href="social.php">social</a></li>

<li><a href="index.php">Beranda</a></li>

<input class="login" type="text" name="username"

placeholder="Username">

<input class="login" type="password" name="password"

placeholder="Password">

<input class="login" type="submit" name="submit"

value="Masuk Sebagai Admin">

</form>

</div>

<br>

<p style="family:tahoma;text-align:center; font-size:14px;"><b>Event</b></p>

<br>

<?php

function tanggal_indo($tanggal_mulai, $cetak_hari = false){

$bulan = array (1 => 'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September',

'Desember');

$split = explode('-', $tanggal_mulai);

$tgl_indo = $split[2] . ' ' . $bulan[ (int)$split[1] ] . ' ' .

$split[0];

return $tgl_indo;

}

function tanggal_indo2($tanggal_selesai, $cetak_hari = false){

$bulan = array (1 => 'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember');

$split = explode('-', $tanggal_selesai);

$tgl_indo2 = $split[2] . ' ' . $bulan[ (int)$split[1] ] . ' ' .

$split[0];

return $tgl_indo2;

while ($qq = mysqli_fetch_array($que)) {

$tanggal_mulai = date('Y-m-d' ,

strtotime($qq['tanggal_mulai']));

$tanggal_selesai = date('Y-m-d' ,

strtotime($qq['tanggal_selesai']));

<table style="border:0 solid;font-family:tahoma;

width:100%;border-collapse:collapse;">

<tr>

<td rowspan="4" valign="top"style="font-size:14px;

border:0px solid #999;padding:8px; width:5%;"><?php echo $no; ?>.</td>

<td colspan="2" style="font-size:14px; border:0px solid #999;padding:8px; padding-bottom:0px;width:95%"><?php echo

$qq['nama_kegiatan']; ?></td>

</tr>

<tr>

<td style="font-size:12px; border:0px solid

#999;padding-left:8px;padding-right:8px;width:95%"><img

style="width:10px;" src="img/tanggal.png"> <?php echo tanggal_indo($tanggal_mulai, true); ?> - <?php echo tanggal_indo2($tanggal_selesai, true); ?></td>

</tr>

<tr>

<td style="font-size:12px; border:0px solid

#999;padding-left:8px;padding-right:8px;width:95%"><img

</tr>

<tr>

<td style="font-size:12px; border:0px solid

#999;padding-left:8px;padding-right:8px;width:95%"><img

style="width:10px;" src="img/tempat.png"> <?php echo $qq['tempat'];

?></td>

</tr>

<?php $no++; }?>

</table>

<br>

</div>

<br>

<p style="family:tahoma;text-align:center; font-size:14px;"><b>Pengumuman<br>BERITA MINGGU INI</b></p>

<br>

<?php

$que = mysqli_query($con,"SELECT * FROM pengumuman");

$no = 1;

while ($qq = mysqli_fetch_array($que)) {

<table style="border:0 solid;font-family:tahoma;

width:100%;border-collapse:collapse;">

<tr>

<td rowspan="2" valign="top"style="font-size:14px;

$qq['nama']; ?></td>

</tr>

<tr>

<td style="font-size:12px; border:0px solid

#999;padding-left:8px;padding-right:8px;width:95%"><img

style="width:10px;" src="img/doc.png"> <?php echo $qq['berkas']; ?></td>

</tr>

<?php $no++; }?>

<tr>

</tr>

</table>

<br>

</div>

<br>

<p style="color: white; font-family:tahoma;text-align:center; font-size:14px;"><b>Kritik dan Saran</b></p>

<input class="login" type="text" name="nama"

placeholder="Nama">

<input class="login" type="submit" name="submit"

value="Kirim">

</form>

<br>

<h3 class="post-title"><a href="lifestyle.php">MINUM KOPI: SEBUAH GAYA HIDUP MASYARAKAT KOTA MEDAN</a></h3>

<br>

</div>

<br>

BANGKITNYA JIWA BERMUSIK ANAK MUDA MEDAN</a></h3>

</div>

<br>

<h3 class="post-title"><a href="social.php"> CYBER WAR;APAKAH KITA SUDAH SIAP?</a></h3>

</div>

<img class="mySlides" src="img/menara.jpg"

style="width:100.5%">

<img class="mySlides" src="img/kantorpos.jpg"

style="width:100.5%">

<img class="mySlides" src="img/masjidraya.jpg"

style="width:100.5%">

<img class="mySlides" src="img/menara.jpg"

style="width:100.5%">

<div class="w3-left w3-hover-text-khaki"

onclick="plusDivs(-1)">❮</div>

<div class="w3-right w3-hover-text-khaki"

onclick="plusDivs(1)">❯</div>

</div>

var slideIndex = 1;

showDivs(slideIndex);

function plusDivs(n) {

showDivs(slideIndex += n);

}

function showDivs(n) { var i;

var x = document.getElementsByClassName("mySlides");

var dots = document.getElementsByClassName("demo");

if (n > x.length) {slideIndex = 1}

if (n < 1) {slideIndex = x.length}

for (i = 0; i < x.length; i++) { x[i].style.display = "none";

}

for (i = 0; i < dots.length; i++) {

dots[i].className = dots[i].className.replace(" w3-white",

"");

}

x[slideIndex-1].style.display = "block";

dots[slideIndex-1].className += " w3-white";

}

</script>

var myIndex = 0;

carousel();

function carousel() { var i;

var x = document.getElementsByClassName("mySlides");

for (i = 0; i < x.length; i++) { x[i].style.display = "none";

}

x[myIndex-1].style.display = "block";

setTimeout(carousel, 5000);

}

</script>

</div>

<br>

<p><b>MEDAN</b></p>

<br>

<p><b>Kembalikan Identitas Kebudayaan Kota Medan</b></p>

<br>

<p style="text-align:justify; font-size: 14px; line-height:2.5">Menjadi penting bagi identitas daerah yang dimiliki, pengembangan budaya dan potensi lokal. Nilai-nilai lokal se- ba- gai sumber inspirasi kreatif, dan men- do- rong rasa kebang- gaan masyarakat ter- ha- dap budaya- nya, sekaligus bangga ter- ha- dap daerah Kota Medan yang juga merupakan miniatur dari pariwisata dapat dibuktikan dengan sejuta keindahan panorama alam dan berbagai tempat yang bersejarah. Sa- lah satu dari tempat bersejarah yang juga merupakan cagar budaya di Kota Medan adalah Istana Maimun, Taman Sri Deli dan Masjid Raya Al-Mashun.

Secara historis perkembangan Kota Medan, sejak awal telah memposisikan menjadi pusat perdagangan (ekspor-impor). apalagi saat ini merupakan salah satu daerah kota, juga sekaligus sebagai ibukota Propinsi Sumatera Utara.

karena sebagai pusat perhatian dan mobilisasi per- gerakan ekonomi dan masa, maka arus globalisasi masuk tanpa ada filter. Glo- balisasi telah menggoyahkan rasa per- caya diri kita, sehingga muncul ang- gapan bahwa segala sesuatu yang datang dari warisan masa lalu dianggap usang dan harus

dalam mengadopsi semua yang berbau Barat.

Namun seiring perkembangan zaman, eksistensi budaya dan nilai-nilai budaya yang dimiliki sampai saat ini belum optimal dalam upaya membangun ka- rakter warga, bahkan setiap saat kita sak- sikan berbagai macam tindakan masya- - rakat yang ber- akibat pada kehan- cur- an suatu budaya yakni menurunnya perilaku sopan santun, menurunnya perilaku kejujuran, menu- runnya rasa ke- ber- samaan, dan menu- runnya rasa gotong ro- yong diantara anggota masyarakat. Se- hu- bungan dengan hal tersebut menurut Lic- kona (1992:32) terdapat tanda-tanda dari perilaku manusia yang menun- juk- an arah kehan- cur- an suatu budaya yaitu: Me- - ningkatnya ke- ke- rasan dikalangan re- maja, ke- tidak- jujuran yang membudaya, semakin ting- ginya rasa tidak hormat kepada orang tua, guru dan figur pemimpin, pe- ngaruh pergroup terhadap tindakan ke- ke- rasan;, me- ningkatnya kecurigaan dan keben- cian, peng- - gunaan bahasa yang memburuk, penurunan etos kerja, menu- runnya rasa tanggungjawab individu dari warga Negara, meningginya perilaku merusak diri, dan semakin kaburnya pedoman moral.

Manusia hidup dalam ruang dan waktu yang ditempuh selama hidupnya, ia juga selalu belajar dari sejarah. Kita sering me- ngucapkan dan menghayati frase: be- lajarlah dari sejarah, atau jangan sekali-kali melupakan sejarah.

Sadar atau tidak manusia terikat oleh sejarah, baik dalam lingkup pribadi, kelompok kecil seperti keluarga, masyarakat desa, maupun yang lebih besar dalam kelompok bangsa, per- him- punan bangsa, atau dunia. Kota Medan misalnya terbentuk dari proses sejarah budaya yang kompleks, Untuk me- ngem- bangkan peradaban atau si- vi- lisasi- nya, manusia belajar, baik secara for- mal maupun informal

Sementara itu laju gerak budaya lokal semakin lama me- mudar, dimana

manusia itu sendiri yang mem- be- rikan nilai dan manfaat. Begitu juga

Dalam dokumen PERANCANGAN MAJALAH ONLINE MEDAN CULTURE BERBASIS WEBSITE TUGAS AKHIR RIO F SIPAYUNG (Halaman 36-0)