Portal Informasi Seputar Gaya Hidup Remaja Saat Ini Berbasis Website
PORTAL INFORMASI SEPUTAR GAYA HIDUP REMAJA
SAAT INI BERBASIS WEBSITE
TUGAS AKHIR
NADILA SYABNA SIREGAR
142406081
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PORTAL INFORMASI SEPUTAR GAYA HIDUP REMAJA
SAAT INI BERBASIS WEBSITE
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
NADILA SYABNA SIREGAR
142406081
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERSETUJUAN
Judul
: Portal Informasi Seputar Gaya Hidup Remaja Saat
Ini Berbasis Website
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: Tugas Akhir
: Nadila Syabna Siregar
: 142406081
: Diploma 3 Teknik Informatika
: Matematika
: Matematika Dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2017
Disetujui oleh
Program Studi D3 Teknik Informatika
Ketua,
Pembimbing,
Dra. Normalina Napitupulu, M.Sc
NIP. 196311061989022001
Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002
Universitas Sumatera Utara
PERNYATAAN
PORTAL INFORMASI SEPUTAR GAYA HIDUP REMAJA
SAAT INI BERBASIS WEBSITE
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, Juni 2017
NADILA SYABNA SIREGAR
142406081
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Allah SWT Yang Maha Pengasih dan
Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan
penyusunan Tugas Akhir ini dengan judul Portal Informasi Seputar Gaya Hidup
Remaja Saat Ini Berbasis Website.
Terima kasih penulis sampaikan kepada Dr. Elly Rosmaini, M.Si selaku
pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini.
Terima kasih kepada Dr. Suyanto, M.Kom sebagai Dosen Pembimbing Akademik
yang telah membimbing penulis selama duduk di bangku perkuliahan. Terima kasih
kepada Ibu Dra. Normalina Napitupulu, M.Sc dan Bapak Drs. James Piter Marbun,
M.Kom selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA
USU Medan, Dekan dan Wakil Dekan FMIPA USU, seluruh Staf dan Dosen
Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan
rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga
yang selama ini memberikan semangat, kasih sayang, bantuan dan dorongan yang
diperlukan. Semoga Allah SWT yang akan membalasnya.
Medan, Juni 2017
Penulis
Nadila Syabna Siregar
Universitas Sumatera Utara
PORTAL INFORMASI SEPUTAR GAYA HIDUP REMAJA SAAT INI
BERBASIS WEBSITE
ABSTRAK
Masa remaja adalah saat manusia membentuk jati diri hingga dewasa yang mana
membutuhkan informasi dan edukasi yang layak untuk ditanamkan dalam jati
dirinya. Gaya hidup yang salah akibat pengaruh konten negatif sangat
meresahkan. Adapun tujuan dari pembuatan website ini untuk menjadi wadah
informasi yang layak dan dapat mengurangi rusaknya moral bangsa karna konten
negatif. Website ini dibangun menggunakan database MySQL dan perancangan
sistem mengikuti alur diagram atau flowchart yang dibuat. Sistem ini meliputi
adanya masukan sebuah data yang berkaitan dengan hal - hal yang terpopuler
dimasa ini. Objektif utama sistem informasi ini adalah untuk melihat informasi
berita tentang perkembangan dunia hiburan di era globalisasi ini, proses input
dilakukan oleh admin sehingga kinerja pengolahan data dapat ditingkatkan secara
cepat dan efisien.
Kata Kunci : remaja, website, gaya hidup
Universitas Sumatera Utara
THE PORTAL OF INFORMATION ABOUT THE LIFESTYLE OF THE
TEENS TODAY ARE BASED ON THE WEBSITE
ABSTRACT
Youth is time when people create their identity that they bring until adults who
need information and education are eligible to be embedded in their true
identity.The Bad Lifestyle as a result of negative effect is deeply disturbing as for
the purpose of making this website to be a place the worth information and can
reduce the moral of the nation for the content of the negativity.The website is built
using the MySQL database and the design of the following flowchart. It includes
data pertaining to trending topic at that moment. The main objective of this
system development is to show information news about the development of the
entertaiment in these area, input procces doing by the admin so the system can
increase the efficiency and being faster.
Keyword : teenager, website, lifestyle
Universitas Sumatera Utara
DAFTAR ISI
..................................................................................................................... Halaman
Persetujuan ............................................................................................................... i
Pernyataan ............................................................................................................... ii
Penghargaan ........................................................................................................... iii
Abstrak ............................................................................................................. iiiiiiiv
Abstract .................................................................................................................. vi
Daftar Isi................................................................................................................ vii
Daftar Tabel ......................................................................................................... iiix
Daftar Gambar ..........................................................................................................x
Bab 1.
Pendahuluan ............................................................................................
1.1. Latar Belakang ...............................................................................1
1.2. Rumusan Masalah ..........................................................................2
1.3. Batasan Masalah .............................................................................2
1.4. Tujuan Penelitian............................................................................3
1.5. Manfaat Penelitian..........................................................................3
1.6. Metodologi Penelitian ....................................................................3
1.7. Sistematika Penulisan.....................................................................4
Bab 2.
Landasan Teori ........................................................................................
2.1. Sekilas Website ..............................................................................6
2.1.1. Sejarah Web ........................................................................7
2.1.2. Aplikasi Web........................................................................7
2.1.3. Server Web ...........................................................................8
2.2. Database MySQL ...........................................................................8
2.3. IDE ...............................................................................................11
2.4. XAMPP Control Panel ................................................................11
2.5. PHP : Hypertext Preprocessor ......................................................12
2.5.1. PHP dan MySQL Sebagai Web Service ............................12
2.6. Flowchart ......................................................................................13
2.7 Data Flow Diagram ......................................................................15
vii
Universitas Sumatera Utara
2.8. Entity Relationship Diagram ........................................................16
Bab 3.
Perancangan Sistem.................................................................................
3.1. Pengertian Perancangan Sistem ...................................................18
3.2. Flowchart Program .......................................................................19
3.3. Diagram Konteks Sistem..............................................................21
3.4. Diagram Nol Sistem ....................................................................21
3.5. Diagram Rinci Proses 1 : Input Data ...........................................22
3.6. Diagram Rinci Proses 2 : Edit dan Hapus Data .........................23
3.7. Diagram Rinci Proses 3 : Lihat Data .......................................2224
3.8. Entity Relationship Diagram .......................................................25
Bab 4.
Implementasi Sistem ...............................................................................
4.1. Pengertian Implementasi Sistem ..................................................26
4.2. Tujuan Implementasi Sistem ........................................................27
4.3. Komponen Utama dalam Implementasi Sistem ...........................27
4.3.1. Perangkat Keras
27
4.3.2. Perangkat Lunak
28
4.3.3. Brainware
28
4.4. Demonstrasi Program ...................................................................29
4.4.1. Tampilan Home, Category dan Contact
4.4.2. Tampilan Login
4.4.3. Tampilan Menu Admin
4.4.4. Tampilan Menu Data dan Create New Data
4.4.5. Tampilan Manajemen Admin
4.4.6. Tampilan Comment
Bab 5.
29
34
34
35
37
38
Penutup
5.1. Kesimpulan...................................................................................39
5.2. Saran .............................................................................................40
Daftar Pustaka
41
viii
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Judul ................................................ Halaman
Tabel
2.1.
Simbol Flowchart ...........................................................................13
2.2.
Simbol Data Flow Diagram ...........................................................16
2.3.
Komponen ERD .............................................................................17
ix
Universitas Sumatera Utara
DAFTAR GAMBAR
Judul ................................................ Halaman
Nomor
Gambar
3.1.
Flowchart Program .........................................................................19
3.2.
Flowchart Program Untuk Admin .................................................20
3.3.
Diagram Konteks Sistem ...............................................................21
3.4.
Diagram Nol Sistem ......................................................................21
3.5.
Diagram Rinci Proses 1:Input Data
22
3.6.
Diagram Rinci Proses 2: Edit dan Hapus Data
23
3.7.
Diagram Rinci Proses 3: Lihat Data
24
3.8.
ERD Sistem
25
4.1.
Tampilan Home
30
4.2.
Tampilan Category News
31
4.3.
Tampilan Category Music
32
4.4.
Tampilan Category Movie
33
4.5.
Tampilan Contact
33
4.6.
Tampilan Login
34
4.7.
Tampilan Menu Admin
35
4.8.
Tampilan Menu Data
36
4.9.
Tampilan Create New Data
36
4.10.
Tampilan Menu Manajemen Admin
37
4.11.
Tampilan Menu Comment
38
x
Universitas Sumatera Utara
Universitas Sumatera Utara
SAAT INI BERBASIS WEBSITE
TUGAS AKHIR
NADILA SYABNA SIREGAR
142406081
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PORTAL INFORMASI SEPUTAR GAYA HIDUP REMAJA
SAAT INI BERBASIS WEBSITE
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
NADILA SYABNA SIREGAR
142406081
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERSETUJUAN
Judul
: Portal Informasi Seputar Gaya Hidup Remaja Saat
Ini Berbasis Website
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
: Tugas Akhir
: Nadila Syabna Siregar
: 142406081
: Diploma 3 Teknik Informatika
: Matematika
: Matematika Dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Disetujui di
Medan, Juni 2017
Disetujui oleh
Program Studi D3 Teknik Informatika
Ketua,
Pembimbing,
Dra. Normalina Napitupulu, M.Sc
NIP. 196311061989022001
Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002
Universitas Sumatera Utara
PERNYATAAN
PORTAL INFORMASI SEPUTAR GAYA HIDUP REMAJA
SAAT INI BERBASIS WEBSITE
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, Juni 2017
NADILA SYABNA SIREGAR
142406081
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Allah SWT Yang Maha Pengasih dan
Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan
penyusunan Tugas Akhir ini dengan judul Portal Informasi Seputar Gaya Hidup
Remaja Saat Ini Berbasis Website.
Terima kasih penulis sampaikan kepada Dr. Elly Rosmaini, M.Si selaku
pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini.
Terima kasih kepada Dr. Suyanto, M.Kom sebagai Dosen Pembimbing Akademik
yang telah membimbing penulis selama duduk di bangku perkuliahan. Terima kasih
kepada Ibu Dra. Normalina Napitupulu, M.Sc dan Bapak Drs. James Piter Marbun,
M.Kom selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika FMIPA
USU Medan, Dekan dan Wakil Dekan FMIPA USU, seluruh Staf dan Dosen
Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan
rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga
yang selama ini memberikan semangat, kasih sayang, bantuan dan dorongan yang
diperlukan. Semoga Allah SWT yang akan membalasnya.
Medan, Juni 2017
Penulis
Nadila Syabna Siregar
Universitas Sumatera Utara
PORTAL INFORMASI SEPUTAR GAYA HIDUP REMAJA SAAT INI
BERBASIS WEBSITE
ABSTRAK
Masa remaja adalah saat manusia membentuk jati diri hingga dewasa yang mana
membutuhkan informasi dan edukasi yang layak untuk ditanamkan dalam jati
dirinya. Gaya hidup yang salah akibat pengaruh konten negatif sangat
meresahkan. Adapun tujuan dari pembuatan website ini untuk menjadi wadah
informasi yang layak dan dapat mengurangi rusaknya moral bangsa karna konten
negatif. Website ini dibangun menggunakan database MySQL dan perancangan
sistem mengikuti alur diagram atau flowchart yang dibuat. Sistem ini meliputi
adanya masukan sebuah data yang berkaitan dengan hal - hal yang terpopuler
dimasa ini. Objektif utama sistem informasi ini adalah untuk melihat informasi
berita tentang perkembangan dunia hiburan di era globalisasi ini, proses input
dilakukan oleh admin sehingga kinerja pengolahan data dapat ditingkatkan secara
cepat dan efisien.
Kata Kunci : remaja, website, gaya hidup
Universitas Sumatera Utara
THE PORTAL OF INFORMATION ABOUT THE LIFESTYLE OF THE
TEENS TODAY ARE BASED ON THE WEBSITE
ABSTRACT
Youth is time when people create their identity that they bring until adults who
need information and education are eligible to be embedded in their true
identity.The Bad Lifestyle as a result of negative effect is deeply disturbing as for
the purpose of making this website to be a place the worth information and can
reduce the moral of the nation for the content of the negativity.The website is built
using the MySQL database and the design of the following flowchart. It includes
data pertaining to trending topic at that moment. The main objective of this
system development is to show information news about the development of the
entertaiment in these area, input procces doing by the admin so the system can
increase the efficiency and being faster.
Keyword : teenager, website, lifestyle
Universitas Sumatera Utara
DAFTAR ISI
..................................................................................................................... Halaman
Persetujuan ............................................................................................................... i
Pernyataan ............................................................................................................... ii
Penghargaan ........................................................................................................... iii
Abstrak ............................................................................................................. iiiiiiiv
Abstract .................................................................................................................. vi
Daftar Isi................................................................................................................ vii
Daftar Tabel ......................................................................................................... iiix
Daftar Gambar ..........................................................................................................x
Bab 1.
Pendahuluan ............................................................................................
1.1. Latar Belakang ...............................................................................1
1.2. Rumusan Masalah ..........................................................................2
1.3. Batasan Masalah .............................................................................2
1.4. Tujuan Penelitian............................................................................3
1.5. Manfaat Penelitian..........................................................................3
1.6. Metodologi Penelitian ....................................................................3
1.7. Sistematika Penulisan.....................................................................4
Bab 2.
Landasan Teori ........................................................................................
2.1. Sekilas Website ..............................................................................6
2.1.1. Sejarah Web ........................................................................7
2.1.2. Aplikasi Web........................................................................7
2.1.3. Server Web ...........................................................................8
2.2. Database MySQL ...........................................................................8
2.3. IDE ...............................................................................................11
2.4. XAMPP Control Panel ................................................................11
2.5. PHP : Hypertext Preprocessor ......................................................12
2.5.1. PHP dan MySQL Sebagai Web Service ............................12
2.6. Flowchart ......................................................................................13
2.7 Data Flow Diagram ......................................................................15
vii
Universitas Sumatera Utara
2.8. Entity Relationship Diagram ........................................................16
Bab 3.
Perancangan Sistem.................................................................................
3.1. Pengertian Perancangan Sistem ...................................................18
3.2. Flowchart Program .......................................................................19
3.3. Diagram Konteks Sistem..............................................................21
3.4. Diagram Nol Sistem ....................................................................21
3.5. Diagram Rinci Proses 1 : Input Data ...........................................22
3.6. Diagram Rinci Proses 2 : Edit dan Hapus Data .........................23
3.7. Diagram Rinci Proses 3 : Lihat Data .......................................2224
3.8. Entity Relationship Diagram .......................................................25
Bab 4.
Implementasi Sistem ...............................................................................
4.1. Pengertian Implementasi Sistem ..................................................26
4.2. Tujuan Implementasi Sistem ........................................................27
4.3. Komponen Utama dalam Implementasi Sistem ...........................27
4.3.1. Perangkat Keras
27
4.3.2. Perangkat Lunak
28
4.3.3. Brainware
28
4.4. Demonstrasi Program ...................................................................29
4.4.1. Tampilan Home, Category dan Contact
4.4.2. Tampilan Login
4.4.3. Tampilan Menu Admin
4.4.4. Tampilan Menu Data dan Create New Data
4.4.5. Tampilan Manajemen Admin
4.4.6. Tampilan Comment
Bab 5.
29
34
34
35
37
38
Penutup
5.1. Kesimpulan...................................................................................39
5.2. Saran .............................................................................................40
Daftar Pustaka
41
viii
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Judul ................................................ Halaman
Tabel
2.1.
Simbol Flowchart ...........................................................................13
2.2.
Simbol Data Flow Diagram ...........................................................16
2.3.
Komponen ERD .............................................................................17
ix
Universitas Sumatera Utara
DAFTAR GAMBAR
Judul ................................................ Halaman
Nomor
Gambar
3.1.
Flowchart Program .........................................................................19
3.2.
Flowchart Program Untuk Admin .................................................20
3.3.
Diagram Konteks Sistem ...............................................................21
3.4.
Diagram Nol Sistem ......................................................................21
3.5.
Diagram Rinci Proses 1:Input Data
22
3.6.
Diagram Rinci Proses 2: Edit dan Hapus Data
23
3.7.
Diagram Rinci Proses 3: Lihat Data
24
3.8.
ERD Sistem
25
4.1.
Tampilan Home
30
4.2.
Tampilan Category News
31
4.3.
Tampilan Category Music
32
4.4.
Tampilan Category Movie
33
4.5.
Tampilan Contact
33
4.6.
Tampilan Login
34
4.7.
Tampilan Menu Admin
35
4.8.
Tampilan Menu Data
36
4.9.
Tampilan Create New Data
36
4.10.
Tampilan Menu Manajemen Admin
37
4.11.
Tampilan Menu Comment
38
x
Universitas Sumatera Utara
Universitas Sumatera Utara