View
215
Download
0
Category
Preview:
Citation preview
59
BAB 3
ANALISIS DAN PERANC ANGAN
3.1 Riwayat perusahaan
3.1.1 Profil perusahaan
Kantor Majalah Bo la Vaganza terletak di Jl. Palmerah Barat 33-37, Jakarta
10270. Majalah Bola Vaganza adalah salah sat u majalah yang diterbitkan oleh PT.
Tunas Bola, yang tergabung dalam Kelompok Kompas Gramedia (KKG). Majalah
Bola Vaganza diterbitkan 2 bulan sekali, yang berisi tentang artikel, berita, jadwal
pertandingan, profil pemain sepak bola baik dalam maupun luar negeri.
3.1.2 Sejarah dan perkem bangan perusahaan
Mingguan Olahraga BOLA terbit pertama kali pada tanggal 3 Maret 1984,
sebagai sisipan harian KOMPAS setiap hari Jumat. BOLA dicetak pertama kai
sebanyak 412.000 eksemplar sesuai dengan oplah KOMPAS saat itu.
Sebelum terbit, BOLA mengalami proses yang cukup panjang. Mengingat
keterbatasan halaman yang dimilki KOMPAS, Bapak Jakob Oetama, Pimpinan
Redaksi KOMPAS saat itu, memiliki gagasan bahwa setiap rubr ik KOMPAS yang
digemari pembaca dapat dikembangkan menjadi terbitan tersendiri. Desk olahraga
termasuk salah satu desk yang kuat karena dukungan para wartawannya seh ingga
rubrik olahraga menjadi salah satu rubrik yang digemari pem bacanya. Hal ini terbukti
dengan kebiasaan membaca para pembacanya, yaitu selalu membuka halaman satu
terlebih dahulu kemudian disusul ke halaman 10 (rubrik olahraga). Hasil penelitian
lainnya adalah bahwa rubrik olahraga dan rubrik luar negeri selalu menempati urutan
pertama silih berganti.
60
Pada waktu itu kebijaksanaan pemerintah melalui Departemen Penerangan
tidak memungkinkan untuk setiap koran menambah jumlah halaman, sekalipun pasar
menuntut penambahan jumlah halaman untuk kepuasan pem baca. Demikian juga
dengan ketentuan pero lehan izin berupa SIUPP (Surat Izin Usaha Penerbitan Pers)
sulitnya bukan main.
Tidak seperti saat ini, ketentuan SIUPP tersebut dipermudah sejauh penerbit,
pengelola, dan penyandang dananya jelas. Alasan pembatasan-pembatasan tersebut
adalah untuk memberik hak h idup pada penerbitan-penerbitan lain, meskipun
sesungguhnya penerbitan itu tidak laik pasar walau telah diproteksi terus menerus.
Ide Bapak Jacob Oetama sebenarnya tidak terbatas hanya di bidang o lahraga
saja yang harus dikembangkan menuju terbitan tersendir i, tetapi juga di bidang lain
seperti Tablod wanita, hiburan, ekonomi, otomotif, dsb. Dan kebetulan di lingkungan
KKG (Kelompk Kompas Gramedia) tersedia tenaga-tenaga yang sanggup
merealisasikan ide-ide tersebut.
Ide bacaan olahraga bertambah menggebu ketika di bulan September 1983,
Presiden waktu itu, Soeharto, mencanangkan gerakan olahraga dengan meluncurkan
program “memasyarakatkan olahraga dab mengo lahragakan masyarakat”. Program ini
sepertinya klop dengan program KKG yaitu ikut mencerdaskan kehidupan bangsa
melalui penyebaran informasi, termasuk informasi olahraga. Target pasar olahraga
adalah anak-anak muda, selain sebagai pelaku olahraga, tentunya akan membut uhkan
bacaan informasi o lahraga.
BOLA pertama kali terbit 16 halaman sebagai sisipan KOMPAS yang
merupakan bonus bagi pembacanya. Bonus berupa tambahan halaman ini untuk
pertama kalinya dilakukan dalam sejarah pers Indonesia, tetapi sebenarnya bukan hal
yang aneh atau istimewa karena bonus-bonus serupa sudah dilakukan oleh koran-
61
koran luar negeri. Contohnya The Strait Times terbitan Singapura yang banyak
beredar di pasaran Indonesia selalu hadir dengan bonus-bonus tambahan pada hari-
hari tertentu, tidak melulu mengenai olahraga, tetapi juga film dan hiburan, pasar
modal, ekonomi, par iwisata, mode dan hobi, serta banyak lagi.
Sebelum dikelola o leh pihak Gramedia, BOLA sudah terbit terlebih dahulu
berupa majalah yang dikelo la oleh Yayasan T unas Raga namun kurang sukses. Ketika
oleh pemiliknya ditawarkan kepada p ihak Gramedia, Bapak Jakob Oetama langsung
menunjuk dua wartawan o lahraga senior KOMPAS, Ignatius Sunito dan Sum ohadi
Marsis, untuk segera merealisasikan kerjasama sekaligus menerbitkan bacaan
olahraga tersebut yang tentunya semua pengelo laan beserta seluruh aspeknya harus
ditangan i oleh p ihak Gramedia.
Terbitan BOLA setiap har i Jumat ternyata mendapat sambutan antusias dar i
pembaca KOMPAS, terutama pembaca yang mempunyai anak-anak remaja. Hal ini
terbukti dengan tiras KOM PAS yang selalu naik pada setiap har i Jumat, dari 412.000
sampai pada titik puncak di tahun 1986 dengan oplah tertinggi 644.000 ketika
ber langsung Piala Dun ia Sepakbo la Meksiko.
Setelah empat tahun beredar, atau tepatnya bulan April 1988, BOLA dilepas
oleh KOMPAS untuk berdiri sendiri. Menandai hal itu, BOLA mendatangkan
superstar olahraga yang sangat terkenal waktu it u, yaitu Lydia de Vega seorang
sprinter (pelari cepat) dar i Filipina. Dari 16 halaman, BOLA berkembang menjadi 24
halaman dengan selingan 32 halaman sebulan dua kali. Tahun 1990 BOLA
memutuskan terbit dengan 32 halaman secara tetap. Kemudian di tahun 1994
berkembang lagi menjadi 48 halaman. Menyongsong piala Eropa tahun 1996, BOLA
terbit 56 halaman dan sesekali 64 halaman.
62
Oleh karena tunt utan pembaca kepada BOLA, semakin tinggi dan tidak
b\puas BOLA terbit hanya seminggu sekali, maka pihak pengelola BOLA, memasuki
tahun 1997, tepatnya pada bulan Maret, menerbitkan BOLA edisi Selasa. Namun
demikian, pada awalnya BOLA edisi Selasa terbit hanya 32 halaman sementara edisi
Jumat 56 halaman, seh ingga tentu saja harganya berbeda. Edisi Selasa dengan 32
halaman tersebut hanya berlangsung selama dua bulan saja dan segera berubah
menjadi 40 halaman.
Dalam perjalanan selanjutnya, Indonesia dihantam krisis moneter hebat
dengan semua bidang kehidupan terutama sektor bisnis terpukul habis. Lemahnya
nilai rupiah menyebabkan semua barang kebutuhan baku seperti harga kertas,
komponen percetakan serta biaya operasional naik drastis. Tanpa terkecuali, BOLA
pun terkena dampaknya dan harus melakukan efisiensi agar dapat tetap bertahan.
Oleh karena itu, sejak Januari 1998 BOLA edisi Jumat dikurangi halamnnya dari 56
menjadi 40 halaman, dan sejak itu harga BOLA edisi Jumat dan Selasa menjadi sama.
Perkembangan lainnya, semenjak tahun 1990 penerbit BOLA yang pada
waktu itu masih bernaung di Yayasan Tunas Raga berubah menjadi PT Tunas BOLA.
Hal ini bertepatan dengan ketentuan baru dar i pihak pemerintah, melalui Departemen
Penerangan, yang mengharuskan setiap penerbitan harus memiliki SIUPP dengan
badan hukum yang jelas. PT Tunas BOLA sendiri merupakan salah sat u suku usaha
yang tegabung dalam Kelompok KOMPAS Gramedia (KKG).
63
3.1.3 Perjalanan tabloid olahraga BOLA
Krisis moneter hebat, yang melanda negeri in i di awal tahun 1998, yang
menyebabkan BOLA terpaksa terbit dengan 40 halaman, tidak menyurutkan langkah
awak BOLA unt uk terus berkreasi dan memenuhi berbagai t untutan pembaca.
Tuntutan besar dari pem baca untuk menerbitkan bacaan yang membantu
mereka untuk menikmati siaran langsung Piala Dunia 1998 dijawab BOLA dengan
mengkaji penerbitan buku panduan Piala Dun ia 1998. Setelah melalui pertimbangan
matang dan teliti, pada bulan Mei 1998 BOLA menerbitkan buku panduan Piala
Dunia 1998. Ternyata buku yang cetakan pertama hanya dicetak sebanyak 15.000
eksemplar dalam waktu dua minggu sudah terserap habis di pasaran sehingga kami
harus melakukan order ulang sebanyak dua kali.
Hal itulah yang membuka lembaran sejarah BOLA yang selanjutnya mulai
rutin menerbitkan buku-buku, yang meliputi cabang olahraga sepakbo la, basket, dan
formula-1
Di samping itu, anak-anak muda yang bergabung sebagai bagian keluarga
besar BOLA mendorong munculnya pemikiran untuk melakukan penetrasi pasar
melalui diversifikasi produk sehingga akh irnya m uncul beberapa produk sebagai
bagian dari keluarga besar BOLA
Penerbitan buku-buku yang mengupas tentang event-event khusus ternyata
mendapat sam butan luar biasa. Masukan dari pembaca yang menginginkan
penambahan jumlah halaman hingga penerbitan yang rutin, menjadi pemicu bagi
BOLA untuk melahirkan Majalah BOLAVAGANZA pada bulan Novem ber 2001.
Majalah in i mengkhususkan dir i mengupas informasi sepakbo la luar neger i. Edisi
perdana yang dicetak sebanyak 25.000 eksemplar ternyata laris manis h ingga saat ini
oplah mencapai angka rata-rata 40.000-an.
64
Di samping diversifikasi produk, yang hingga saat ini masih berkembang
terus dan kemungkinan terbitnya produk-produk baru, BOLA juga melakukan
penetrasi pasar untuk meningkatkan kepuasan pembaca, meningkatkan jumlah
penjualan produk dan mengantisipasi pergerakan pesaing, antara lain dengan
melakukan CETAK JARAH JAUH (CJJ). CJJ dilakukan untuk mempercepat waktu
edar yang dilakukan BOLA sehingga dalam waktu yang nyaris bersamaan BOLA
dapat dicetak di tempat lain di luar percetakan utama di Palmerah, Jakarta. Sampai
dengan saat ini, BOLA sudah melakukan CJJ di Bawen Semarang, Surabaya, Medan.
3.2 Struktur organisasi perusahaan
Struktur organ isasi perusahaan adalah suatu bentuk hubungan formal yang
terencana antar kelompok fungsi sejenis dan antar kelompok fungsi sejenis dan antara
faktor fisik dan personalia yang dibutuhkan unt uk melaksanakan fungsi-fungsi
tersebut. Peranan struktur organisasi sangat penting dalam mencapai tujuan selain
sebagai wadah kegiatan usaha, karenanya diperlukan suat u struktur yang jelas dan
baku.
65
3.2.1 Struktur organisasi dasar kom pas gramedia
Gambar 3.1 Struktur organ isasi dasar Kompas Gramedia
66
3.2.2 Struktur organisasi dasar PT. Tunas Bola
Gambar 3.2 Struktur organisasi dasar PT. Tunas Bo la
67
3.3 Sistem yang sedang berjalan
Pada perusahaan ini, sistem penyampaian data unt uk majalah Bola Vaganza
masih berupa sistem semi manual. Mula – mula wartawan mencari berita, ber ita yang
telah terkumpul diketik lalu dikirim ke Sport Information center section. Masing –
masing informasi dicek oleh Photo editorial section, Cartoon editorial section,
Olympic Editorial Section, Ole Nasional Editorial section, Ole Internasional Section.
Data yang telah terkumpul akan dicek ulang oleh pemimpin editorial yang
kemudian diserahkan ke pemimpin SHM. Data tersebut dikir imkan ke Divisi Printing
Kompas Gramedia unt uk dicetak. Informasi yang telah berbentuk majalah kembali
diserahkan ke SHM dan diedarkan oleh bagian sirkulasi.
68
3.3.1 Diagram aliran data (Data Flow Diagram )
3.3.1.1 Diagram nol
Gambar 3.3 Diagram nol proses pembuatan majalah yang sedang ber jalan
69
3.4 Masalah yang dihadapi
Berdasarkan hasil wawancara dapat disimpulkan bahwa masalah yang saat ini
dihadapi PT. Tunas Bola yaitu :
a. Pengir iman berita oleh wartawan dilakukan lewat e-mail sehingga editor
sulit untuk melakukan penyaringan berita dan memakan waktu cukup lama
untuk melihat berita
b.Tidak adanya system pasti yang dapat melihat tipe artikel yang digemari
oleh para pembaca
c. Negosiasi pembayaran unt uk setiap berita wartawan dilakukan melalu e-
mail, seh ingga membutuhkan waktu yang cukup lama untuk mencapai
kesepakatan sehingga berita yang diupload terkadang out-of-date
d.Bagian administrasi masih menggunakan buku t ulis seh ingga pengecekan
detail transaksi pembelian berita kurang sistematis
3.5 Usulan pemecahan m asalah
Untuk mengetasi permasalahan yang dihadap i, perusahaan dapat menciptakan
sistem web yang dapat melakukan alternatif pemecahan masalah, antara lain:
a. Merancang web yang didukung dengan database yang berfungsi untuk
menyimpan berita yang dapat dengan mudah diakses editor.
b.Negosisasi harga ber ita dibuat se-efisien mungkin melalui web melalui
sistem bid-ing.
c. Menambahkan sistem yang dapat menghitung jumlah harga penjualan berita
yang dapat dibaca oleh wartawa, editor dan bagian administrasi
d.User yang telah loggin diber i akses untuk melakukan rating sehingga dapat
diketahui jen is berita yang disukai para pembaca
70
3.5.1 Diagram aliran data (Data Flow Diagram )
3.5.1.1 Diagram konteks
Gambar 3.4 Diagram konteks usulan pemecahan masalah
71
3.5.1.2 Diagram nol
Gambar 3.5 Diagram nol usulan pemecahan masalah
72
3.5.1.3 Diagram level 1
Gambar 3.6 Diagram level 1 usulan pemecahan masalah
73
3.5.1.4 Diagram level 2
Gambar 3.7 Diagram level 2 usulan pemecahan masalah
74
3.5.2. Flow Chart Diagram
Gambar 3.8 Diagram Flow Chart usulan pemecahan masalah
75
3.6 Perancangan aplikasi dengan UML
Perancangan e-Application web portal pada PT. Tunas Bola dibangun dan
dirancang dengan menggunakan konsep-konsep modeling UML. Diagram – diagram
yang dipakai antara lain Use Case Diagram, Class Diagram dan Sequence Diagram.
76
3.6.1. Use case diagram
Gambar 3.9 Usecase diagram
77
3.6.1.1 Use case scenario leave comment
Tabel 3.1 Leave comment
Use Case Name Leave Comment Summary Pem baca dapat meninggalkan comment baru. Comment
tersebut nantinya akan dimasukkan ke dalam database. Pre-Condition - Pembaca telah melakukan login Actor Action System Response
1. Memasukkan comment 2. Membuat entry baru untuk comment yang dimasukkan
3. submit comment 4. Memasukkan comment ke DataBase
Post-Condition -
3.6.1.2 Use case scenario read news
Tabel 3.2 Read news
Use Case Name Read News Summary Pem baca dapat membaca berita yang telah disahkan editor
yang tampil pada halaman news. Pre-Condition Actor Action System Response
1. Pembaca memilih berita yang dibaca
2. Menampilkan berita yang dip ilih pembaca
Post-Condition -
3.6.1.3 Use case scenario read comment
Tabel 3.3 Read comment
Use Case Name Read Comment Summary Pem baca dapat membaca comment yang telah terkumpul
pada satu halaman terkait dengan ber ita yang dibicarakan. Pre-Condition - Pembaca telah melakukan login Actor Action System Response
1. masuk halaman ber ita dengan comment yang terkait
2. menampilkan halaman comment
3. baca comment Post-Condition -
78
3.6.1.4 Use case scenario see news rate
Tabel 3.4 See news rate
Use Case Name See News Rate Summary Pem baca dapat dapat melihat berita sesuai rating berita
tersebut Pre-Condition - Pembaca telah melakukan login Actor Action System Response
1. Memasukkan nama berita 2. menampilkan halaman ber ita yang diminta
3. lihat rating berita 4. menampilkanberita berikut rating yang tertera
Post-Condition -
3.6.1.5 Use case scenario register
Tabel 3.5 register
Use Case Name Register Summary Pembaca dapat melakukan register untuk mendapatkan hak
akses sebagai user. Pre-Condition - Pembaca mengakses halaman index Actor Action System Response
1. Klik menu register 2. Membuat entry baru untuk calon pem baca
3. Isi form register 4. Memasukkan isi form kedalam database
Post-Condition -
3.6.1.6 Use case scenario add news rating
Tabel 3.6 Add news rating
Use Case Name Add News Rating Summary Pembaca dapat memberikan rating terhadap berita yang ia
baca. Rating yang diberikan akan disimpan dalam database Pre-Condition - Pembaca telah melakukan login Actor Action System Response
1. pembaca memilih berita 2. Menampilkan halaman ber ita
3. member rating pada ber ita 4. Memasukkan rating berita ke dataBase
Post-Condition -
79
3.6.1.7 Use case scenario logout
Tabel 3.7 Logout
Use Case Name Logout Summary User, Wartawan, Editor melakukan logout unt uk mengakhiri
session pada web bola vaganza. Pre-Condition - User, Wartawan, Editor telah melakukan login Actor Action System Response
1. klik button logout 2. system mengakhiri session 3. berhasil logout 4. redirect ke halaman index
Post-Condition -
3.6.1.8 Use case scenario login
Tabel 3.8 Login
Use Case Name Login Summary User, Wartawan, Editor melakukan login unt uk memulai
session pada web bola vaganza. Pre-Condition - Pengguna masuk halaman index Actor Action System Response
1. Memasukkan id dan password
2. cocokkan id dan password dengan database yang ada
3. masuk ke halaman utama 4. system membaca session untuk id yang telah dimasukkan
Post-Condition -
3.6.1.9 Use C ase scenario edit news
Tabel 3.9 Edit news
Use Case Name Edit News Summary Wartawan telah mengupload berita kem udian data tersebut
disimpan di DataBase. Editor dapat melakukan edit terhadap ber ita yang telah diupload
Pre-Condition - Wartawan telah mengirim berita - Editor telah melakukan login
Actor Action System Response 1. Menampilkan daftar berita
2. Melakukan edit ber ita 3. Mengubah berita dan memasukkan kembali ke database
Post-Condition -
80
3.6.1.10 Use case scenario submit news
Tabel 3.10 Submit news
Use Case Name Submit News Summary Editor mengsubmit berita yang telah diedit oleh editor ke
web Pre-Condition - Wartawan telah mengirim berita
- Editor telah melakukan login Actor Action System Response
1. Menampilkan daftar berita
2. Melakukan submit berita 3. Ber ita yang telah di submit,masuk kedalam database, dan tampil di halaman utama
Post-Condition -
3.6.1.11 Use case delete news
Tabel 3.11 Delete news
Use Case Name Delete News Summary Editor mendelete berita yang ada di dalam database.
Pre-Condition - Wartawan telah mengirim berita - Editor telah melakukan login
Actor Action System Response 1. Menampilkan daftar berita
2. Menghapus ber ita 3. Menghapus ber ita dari database
Post-Condition -
3.6.1.12 Use case scenario make quotation
Tabel 3.12 Make quotation
Use Case Name Make Quotation Summary Wartawan telah mengupload ber ita kemudian data tersebut
disimpan di Database. Editor membuat quotation dengan maksud menawar harga ber ita
Pre-Condition - Wartawan telah mengirim ber ita - Editor telah melakukan login
Actor Action System Response
81
1. Editor lihat berita dan harga berita
2. Menampilkan daftar berita
3. Editor membuat quotation 4. Harga disubmit masuk ke tambahan detail berita pada wartawan
Post-Condition -
3.6.1.13 Use case scenario add reporter rating
Tabel 3.13 Add reporter rating
Use Case Name Add Reporter Rating Summary Editor melihat melihat hasil kiner ja wartawan dari jumlah
ber ita yang disubmit Pre-Condition - Editor telah melakukan login Actor Action System Response
1. Editor melihat halaman daftar wartawan
2. Menampilkan daftar wartawan
3. Editor memberi rating pada wartawan
4. Rating masuk ke database
Post-Condition -
3.6.1.14 Use case scenario approve quotation
Tabel 3.14 Approve quotation
Use Case Name Approve Quotation Summary Wartawan dan Editor telah mencapai kesepakatan harga Pre-Condition - Wartawan telah mengirim berita
- Editor telah melakukan login - Wartawan telah melakukan login - Editor dan wartawan telah menyetujui harga
Actor Action System Response 1.Wartawan menyet ujui harga yang ditawar editor dan menekan tombol setuju
2.Ber ita masuk ke database
Post-Condition
3.6.1.15 Use case scenario edit quotation
Tabel 3.15 Edit quotation
Use Case Name Edit Quotation Summary Editor dan wartawan melakukan edit quotation sampai
ditemukan kesepakatan harga
82
Pre-Condition - Wartawan telah mengirim berita - Editor telah melakukan login - Wartawan telah melakukan login
Actor Action System Response 1.Editor lihat berita 2. Menampilkan daftar berita
3. Editor membuat quotation 4. Harga disubmit masuk ke tambahan detail berita pada wartawan
5. Wartawan melakukan cek harga dan konfirmasi harga
Post-Condition -
3.6.1.16 Use case upload news
Tabel 3.16 Upload news
Use Case Name Upload news Summary Wartawan atau payment dapat melihat hasil jumlah
pembayaran dari setiap berita yang dik irim selama satu bulan Pre-Condition - Wartawan telah mengirimkan berita
- Editor telah melakukan login Actor Action System Response
1.Editor melihat halaman ber ita
2. Menampilkan daftar berita
3. Editor publish berita 4. Ber ita tampil di web
Post-Condition -
3.6.1.17 Use case scenario see cummulative per m onth
Tabel 3.17 See cummulative per month
Use Case Name See Cummulative per month Summary Wartawan atau payment dapat melihat hasil jumlah
pembayaran dari setiap berita yang dik irim selama satu bulan Pre-Condition - Wartawan telah melakukan loggin
- Payment telah melakukan login Actor Action System Response
1.Wartawan melihat halaman pembayaran
2. Menampilkan daftar berita dan harga
Post-Condition -
83
3.6.1.18 Use case see reporter rating
Tabel 3.18 See reporter rating
Use Case Name See reporter rating Summary Wartawan dapat melihat rating yang telah diberikan o leh
editor Pre-Condition - Wartawan telah melakukan loggin Actor Action System Response
1.Wartawan melihat halaman statistik
2. Menampilkan statistik wartawan
Post-Condition -
3.6.1.19 Use case scenario pay salary
Tabel 3.19 Pay salary
Use Case Name Pay Salary Summary Wartawan dapat menarik uang dan dibayarkan oleh paym ent Pre-Condition - Payment telah melakukan login Actor Action System Response
1. Payment melihat halaman pembayaran
2. Menampilkan jumlah ber ita dan pembayaran wartawan
3. Payment melakukan pembayaran pada wartawan
4. Mengubah data berita belum dibayar menjadi telah dibayar
Post-Condition -
84
3.6.2 Class Diagram
Gambar 3.10 Class diagram
85
3.6.3 Rancangan Database
Gambar 3.11 Rancangan database
86
• Berita
Tabel 3.20 Berita
Nama Field Tipe Data Field Size
Id_berita (PK) varchar 11 Id_kategori varchar 11 Judul text Username varchar 255 Tanggal text Isi text Dibaca int 11 Rating int 11 Jml_rating int 11 Status text Harga_wartawan int 11 Harga_editor int 11 Status_bid text
• Berita_draft
Tabel 3.21 Berita Draft
Nama Field Tipe Data Field Size
Id_berita_draft (PK) varchar 11 Id_kategori varchar 11 Judul Text Username Varchar 255 Tanggal Text Isi Text
87
• Foto
Tabel 3.22 Foto
Nama Field Tipe Data Field Size
Id_foto (PK) varchar 11 Foto Text Judul Text Username Varchar 255 Tanggal Text Dilihat Int 11 Deskripsi Text Rating Int 11 Jml_rating Int 11
• Kategori
Tabel 3.23 Kategori
Nama Field Tipe Data Field Size
Id_kategori (PK) varchar 11 Kategori Text Tampilkan Text
• Komentar_ber ita
Tabel 3.24 Komentar Berita
Nama Field Tipe Data Field Size
Id_komentar_berita (PK) varchar 11 Username Varchar 255 Id_ber ita Int 11 Komentar Text Tanggal Text
88
• Komentar_foto
Tabel 3.25 Komentar Foto
Nama Field Tipe Data Field Size
Id_komentar_foto (PK) varchar 11 Username Varchar 255 Id_foto Int 11 Komentar Text Tanggal Text
• User
Tabel 3.26 User
Nama Field Tipe Data Field Size
Username (PK) Varchar 255 Password Text Alamat Text E-mail Text Nama Text Telepon Text Status Text Foto Text Rating Int 11
89
3.6.4 Sequence diagram
3.6.4.1 Sequence diagram leave comment
Gambar 3.12 Sequence diagram leave comment
90
3.6.4.2 Sequence diagram read news
Gambar 3.13 Sequence diagram read news
91
3.6.4.3 Sequence diagram read comment
Gambar 3.14 Sequence diagram read comment
92
3.6.4.4 Sequence diagram see news rate
Gambar 3.15 Sequence diagram see news rate
93
3.6.4.5 Sequence diagram register
Gambar 3.16 Sequence diagram register
94
3.6.4.6 Sequence diagram add news rating
Gambar 3.17 Sequence diagram add news rating
95
3.6.4.7 Sequence diagram logout
Gambar 3.18 Sequence diagram logout
96
3.6.4.8 Sequence diagram login
Gambar 3.19 Sequence diagram Login
97
3.6.4.9 Sequence diagram edit news
Gambar 3.20 Sequence diagram edit news
98
3.6.4.10 Sequence diagram submit news
Gambar 3.21 Sequence diagram submit news
99
3.6.4.11 Sequence diagram delete news
Gambar 3.22 Sequence diagram delete news
100
3.6.4.12 Sequence diagram make quotation
Gambar 3.23 Sequence diagram make quotation
101
3.6.4.13 Sequence diagram add reporter rating
Gambar 3.24 Sequence diagram add reporter rating
102
3.6.4.14 Sequence diagram approve quotation
Gambar 3.25 Sequence diagram approve quotation
103
3.6.4.15 Sequence diagram edit quotation
Gambar 3.26 Sequence diagram edit quotation
104
3.6.4.16 Sequence diagram upload news
Gambar 3.27 Sequence diagram upload news
105
3.6.4.17 Sequence diagram see cumulative per m onth
Gambar 3.28 Sequence diagram see cumulative per month
106
3.6.4.18 Sequence diagram see reporter rating
Gambar 3.29 Sequence diagram see reporter rating
107
3.6.4.19 Sequence diagram pay salary
Gambar 3.30 Sequence diagram pay salary
108
3.7 Struktur Menu
3.7.1 Struktur menu halaman user
Gambar 3.31 Struktur menu halaman user
3.7.2 Struktur menu halaman editor
Gambar 3.32 Struktur menu halaman editor
109
3.7.3 Struktur menu halaman wartawan
Gambar 3.33 Struktur menu halaman wartawan
110
3.8 Perancangan Layar
3.8.1 Home
Gambar 3.34 Perancangan layar home
Pada halaman home terdapat header dari website ini, juga ada navigasi berupa
menu serta pada tampilan utamanya adalah sebuah image yang sedang menjadi berita
terpopuler pada waktu halaman website ini diakses o leh user, serta di bagian bawah
image it u ada isi dari berita yang sedang popular tersebut. Di bagian bawah halaman
ini adalah footer.
header
image
isi berita
menu
footer
111
3.8.2 Registrasi
Gambar 3.35 Perancangan layar registrasi
Pada halaman ini user bisa melakukan registrasi dengan mengisikan ID,
Password, Nama, Alamat dan St atusnya. Disin i dar i semua data yang harus di isi
memiliki validasinya masing-masing apa bila ada kesalahan dalam pengisian maka
user belum bisa melakukan submit apa bila sukses maka data yang telah di isi o leh
user tersebut akan langsung masuk kedalam database website in i. Setelah melakukan
registrasi maka user bisa langsung melakukan login dengan ID dan Password yang
telah dia buat sebelumnya.
header
menu
footer
Registrasi
ID : Password : Nama : Alamat : Email : Status :
Pembaca Wartawan
submit
112
3.8.3 Login
Gambar 3.36 Perancangan layar login
Pada halaman ini user harus mengisikan ID dan Passwordnya dengan benar
supaya bisa melan jutkan kehalaman berikutannya serta bisa jg melakukan post
comment dan post rating.
header
menu
footer
Menu Login
ID : Password :
Login
113
3.8.4 About Us
Gambar 3.37 Perancangan layar about us
Halaman ini menampilkan profil dan struktur singkat dari perusahaan. Mulai
dar i direksi, editorial dan owner.
header
footer
Menu
About us
Profil singkat bola vaganza
..
…
….
114
3.8.5 Login wartawan
Gambar 3.38 Perancangan layar login wartawan
Pada halaman ini wartawan login dan memasuk i halaman pertama setelah login
sebagai wartawan. Disini terdapat menu seperti photofolio, manage – news, forum,
dan logout.
header
footer
Menu
Greetings
Photofolio
Manage news
Forum
Logout
Halo, wartawan..
Biodata
..
...
....
115
3.8.6 Photofolio
Gambar 3.39 Perancangan layar photofolio
Pada halaman photofolio ber isi foto - foto hasil karya fotografer/wartawan
tabloid bola vaganza. Terdapat additonal menu search foto, add comment, Rss feed,
latest comment, latest updates, dan upload photo. Halaman ini fokus pada hasil karya
visual/image. Di sorting sari yang paling sering di-view o leh use
header
footer
Menu
Greetings
Photofolio
Manage news
Forum
Logout
Definisi photofolio
search image
Add comment Image
Rss feed Image
Latest comment
Image
Latest updates image
Upload foto
116
3.8.7 Search galery
Gambar 3.40 Perancangan layar Search Gallery
Halaman ini menampilkan gambar-gambar yang ada dalam database website.
Gambar-gambar yang di upload oleh wartawan atau fotografer. User bisa mencari
image yang ingin dicar i dalam input text field search gallery.
header
footer
Menu
Greetings
Photofolio
Manage news
Forum
Logout
Search the gallery
Image
keywords
Image
keywords
Image
keywords
Image
keywords
Image
keywords
Image
keywords
117
3.8.8 Add comment
Gambar 3.41 Perancangan layar Add comment
Halaman add comment merupakan halaman untuk mengisi comment terhadap foto
foto hasil karya fotografer/wartawan bola vaganza. Setelah wartawann selesai mengisi
comment maka tombol submit harus di klik. Unt uk dapat melihat hasil komen yang
telah wartawan ber ikan. Yang akan tampil pada additional menu latest comment.
header
footer
Menu
Greetings
Photofolio
Manage news
Forum
Logout
image image image
image image image
image image image
Add a comment:
Submit
118
3.8.9 Latest Comment
Gambar 3.42 Perancangan layar Latest Comment
Halaman ini berisi list image – image yang telah di comment berikut list
commentnya. Biasanya image dengan comment terbanyak adalah image yang paling
populer.
header
Menu
Greetings
Photofolio
Manage news
Forum
Logout
footer
LATEST COMMENT
image image Image
image image image
Comment..
Comment..
Comment..
Add comment
119
3.8.10 Latest Update
Gambar 3.43 Perancangan layar Latest Update
Pada halaman latest update berisi image atau foto terbaru yang telah di update
wartawan/fotografer bola vaganza.
footer
header
Menu
Greetings
Photofolio
Manage
news
Forum
Logout
Latest Update
image image Image
image image
image Image Image
image image
120
3.8.11 Manage News
Gambar 3.44 Perancangan layar Manage News
Halaman manage news adalah halaman dimana wartawan mengedit, mengupload,
biding, etc berita yang ia kelola.
header
footer
Menu
Greetings
Photofolio
Manage
news
Forum
Logout
Manage news
Sent ()
Draft()
Upload()
Biding
121
3.8.12 Sent items
Gambar 3.45 Perancangan layar Sent Items
Halaman sent items adalah halaman yang menyimpan berita – berita yang telah di
upload oleh wartawan ke editor. Artinya sent items adalah berita – ber ita yang telah
sukses sampai ke halaman editor. Selanjutnya editor tinggal melakukan biding untuk
menentukan harga.
header
footer
Menu
Greetings
Photofolio
Manage
news
Forum
Logout
Sent items
Sent () News(details)
Draft() News(details)
Upload() News(details)
Biding News(details)
Next> <previous
122
3.8.13 Drafts
Gambar 3.46 Perancangan layar Drafts
Pada halaman drafts adalah halaman yang menyimpan berita – ber ita yang belum
tersunting seluruhnya. Ber isi berita – berita yang belum lengkap dan perlu di edit
kembali oleh wartawan. Unt uk meng – edit kembali, wartawan tinggal meng- k lik
ber ita yang ingin di edit dan akan pindah ke halaman drafts – edit.
header
footer
Menu
Greetings
Photofolio
Manage
news
Forum
Logout
Drafts
Sent () News(details) Edit
Draft() News(details) Edit
Upload() News(details) Edit
Biding News(details) Edit
Next> <previous
123
3.8.14 Edit drafts
Gambar 3.47 Perancangan layar drafts-edit
Halaman ini adalah halaman penyuntingan ber ita. Wartawan menulis berita,
menentukan nama berita, harga berita. Setelah wartawan selesai menyunting. Tombol
submit di klik untuk mem-posting berita yang akan di upload.
header
footer
Menu
Greetings
Photofolio
Manage
news
Forum
Logout
Penampungan Berita
Nama Berita : Isi Berita : Harga : submit
124
3.8.15 Biding
Gambar 3.48 Perancangan layar biding
Halaman ini adalah dimana wartawan dapat melakukan biding. Disini wartawan
dapat melihat harga yang ditawar oleh editor. Mem-view berita yang di biding, dan
jika wartawan menyetujui harga yang ditawar, maka wartawan meng-accept harga.
Dan ber itapun dan muncul di halaman home.
footer
Menu
Greetings
Photofolio
Manage news
Forum
Logout
Biding
Nama berita News(details) harga
Nama berita News(details) harga
Nama berita News(details) harga
Nama berita News(details) harga
Next> <previous
Header
125
3.8.16 Penampungan Berita
Gambar 3.49 Perancangan layar Penampungan Ber ita
Pada halaman in i wartawan bisa mengirim berita hasil karyanya, setelah
mengisi semua data yang di perlukan dengan benar maka data tersebut akan langsung
masuk ke dalam databasenya, kemudian sang editor dapat melihat berita apa yg d jual
oleh wartawan, kalau harga yang di tawarkan oleh wartawan terlalu mahal maka bisa
dilakukan bid / tawar menawar.
header
menu Penampungan Berita
Nama Berita : Isi Berita : Harga :
footer
submit
126
3.8.17 Lihat berita
Gambar 3.50 Perancangan layar lihat berita
Pada halaman in i pembaca dapat melihat berita-berita mengenai dunia sepak
bola yang selalu terupdate. Serta apabila sang pem baca sudah melakukan registrasi
maka dia juga dapat mengcomment serta memberikan rating kepada berita yang ada
di website tersbut.
header
menu
footer
Berita
Judul berita Isi berita …………………………………………………….. ………………………………………………………….. …………………………………………………………………….. ……………………………………………………………. Read more Judu berita Isi berita …………………………………………………….. …………………………………………………………..
127
3.8.189 Halam an editor
Gambar 3.51 Perancangan layar login editor
Pada halaman in i sang editor bisa melihat ber ita apa saja yang sudah di k irim
oleh sang wartawan seh ingga sang editor bisa langsung mengeceknya dan
memberikan jawabannya langsung kepada wartawan tersbut apakah harganya sudah
cocok atau belum, klw sudah cocok harganya maka berita tersebut akan di tampilkan.
header
Menu
Artikel baru
Daftar artikel
footer
128
3.8.19 Artikel Baru
Gambar 3.52 Perancangan layar Artikel Baru
Pada halaman in i editor dapat melihat artikel-artikel terbaru yang dikir im
oleh wartawan, editor mengecek kelayakan berita, mengedit setelah meng klik button
read.
Header
Footer
Menu
Artikel baru
Daftar artikel
artikel Data wartawan harga
read
129
3.8.20 Daftar artikel
Gambar 3.53 Perancangan layar daftar artikel
Pada halaman in i editor dapat melihat list artikel yang sudah ia baca, jika ingin
mengeceknya lagi, editor tinggal meng-klik artikel yang ingin dicek. Dan melakukan
bid jika ia tertarik dengan artikelnya.
Header
Footer
Menu
Artikel baru
Daftar artikel
artikel Data wartawan harga
130
3.8.21 Login user
Gambar 3.54 Perancangan layar login user
Ini adalah halaman ketika user login. Terdapat menu untuk user, sedikit
berbeda dengan halaman wartawan. Yang membedakan disin i adalah user tidak dapat
me-manage news. User hanya dapat melihat berita-berita yang telah di upload,
meninggalkan comment, dan me-rating berita.
header
footer
Menu
Greetings
Photofolio
News
Forum
Logout
Halo, user..
Biodata
..
...
....
131
3.8.22 News
Gambar 3.55 Perancangan layar news
Halaman news akan menampilkan semua berita baik dari yang paling popular
sampai yang kurang diminati.
header
footer
Menu
Greetings
Photofolio
News
Forum
Logout
Latest news
All news
Top categories
Latest
categories
132
3.8.23 Kategori berita
Gambar 3.56 Perancangan layar Kategori Ber ita
Pada halaman kategori berita, user dapat memilih kategori berita yang ingin
dibaca sesuai keinginannya. Di halaman in i terpampang kategor i – kategori yang
paling banyak di view o leh para user sehingga user dapat mengetahui kategori –
kategori yang dibicarakan pada saat ini. Halaman ini dapat diakses sebelumnya pada
halaman menu -> categories.
Header
Footer
Top Categories
Terkini
Terpopuler
category
category
category
category
133
3.8.24 Kategori terkini
Gambar 3.57 Perancangan layar kategori terkini
Halaman ini menyediakan kategori berita terkini, dengan tampilan berita yang
di random. Dari sin i user dapat melihat detail category, meng klik dan memberi rating
terhadap berita yang sedang dibaca.
Header
Footer
Top
Categories
Terkini
Terpopuler
TERKINI
category
category
category
134
3.8.25 Kategori terpopuler
Gambar 3.58 Perancangan layar Kategori Terpopuler
Halaman ini menyediakan kategori berita terpopuler, ber ita-berita yang sudah
di set ujui o leh editor untuk dipublikasi. Dari sini user dapat melihat detail category,
meng klik dan member rating terhadap berita yang sedang dibaca.
Header
Footer
Top
Categories
Terkini
Terpopuler
TERPOPULER
category
category
category
Recommended