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 m ajalah yan g diterbitkan oleh PT. Tunas Bola, yang ter gabun g dalam Kelompok Kom pas Gram edia (KKG). Majalah Bola Vaganza diterbitkan 2 bulan sekali, yang berisi tentang artikel, berita, jadwal pertandin gan, profil pemain sepak bola baik dalam m aup un luar negeri.
3.1.2 Sejarah dan perkem bangan perusahaan Mingguan Olahraga BOLA terbit pertam a kali pada tanggal 3 Maret 1984, sebagai sisipan h arian KOMPAS setiap h ari Jum at. BOLA dicetak pertama kai sebanyak 412.000 eksemplar sesuai dengan oplah KOMPAS saat itu. Sebelum terbit, BOLA m engalam i proses yan g cukup panjan g. Men gin gat keterbatasan halam an yang dim ilki KOMPAS, Bapak Jako b Oetama, Pimpinan Redaksi KOMPAS saat itu, m em iliki gagasan bah wa setiap r ubr ik KOMPAS yang digemari pem baca dap at dikem bangkan menjadi terbitan tersendiri. Desk olahr aga term asuk salah satu desk yan g k uat karena duk un gan para wartawannya seh in gga rubrik olahr aga menjadi salah satu rubrik yan g digem ari pem bacanya. Hal ini terbukti den gan kebiasaan mem baca para pem bacanya, yaitu selalu membuka halaman satu terlebih dah ulu kem udian disusul ke halaman 10 (rubrik olahr aga). Hasil penelitian lainnya adalah bah wa r ubrik olahr aga dan rubrik luar negeri selalu menem pati urutan pertama silih ber ganti.
60
Pada waktu itu kebijaksanaan pemerintah melalui Dep artemen Penerangan tidak memungkinkan untuk setiap koran menambah jum lah halaman, sekalipun pasar menuntut penambahan jumlah halam an untuk kep uasan pem baca. Dem ikian juga den gan ketentuan pero lehan izin ber upa SI UPP (Surat Izin Usaha Pener bitan Pers) sulitnya bukan main. Tidak seperti saat ini, ketentuan SIUPP tersebut dipermudah sejauh pener bit, pengelola, dan penyan dan g dananya jelas. Alasan pem batasan-pem batasan tersebut adalah untuk memberik hak h idup pada pener bitan-pener bitan lain, meskip un sesun gguhnya pener bitan itu tidak laik pasar walau telah diproteksi terus mener us. Ide Bapak Jaco b Oetama sebenarnya tidak terbatas hany a di bidan g o lahraga saja yan g harus dik em ban gkan m enuju terbitan tersendir i, tetapi juga di bidan g lain seperti Tablod wanita, hiburan, ekonomi, otomotif, dsb. Dan kebetulan di lingk un gan KKG (Kelom pk
Kompas
Gr amedia) tersedia
tenaga-tenaga yang
sanggup
merealisasikan ide-ide tersebut. Ide bacaan olahraga bertambah menggebu ketika di bulan Septem ber 1983, Presiden waktu itu, Soeharto, mencanan gkan gerakan olahr aga den gan melun curkan program “m em asyarakatkan olahr aga dab mengo lahragak an masyarakat”. Program ini sepertinya klop den gan progr am KKG yaitu ik ut mencer daskan k ehidupan ban gsa melalui penyebaran inform asi, termasuk inform asi olahraga. Tar get pasar olahr aga adalah anak-anak m uda, selain sebagai pelak u olahraga, tentunya akan membut uhkan bacaan informasi o lahraga. BOLA pertam a kali ter bit 16 halaman sebagai sisipan KOMPAS yang merupakan bon us bagi pembacanya. Bonus berup a tambahan halam an ini untuk pertama kalinya dilakuk an dalam sejarah per s Indon esia, tetapi sebenarnya buk an hal yang aneh atau istimewa karena bon us- bon us ser upa sudah dilak ukan oleh koran-
61
koran luar negeri. Contohnya The Strait Times terbitan Sin gap ura yan g banyak ber edar di pasaran Indonesia selalu hadir dengan bonus-bonus tam bah an pada harihari tertentu, tidak melulu m engenai olahraga, tetapi juga film dan hiburan, pasar modal, ekonom i, par iwisata, m ode dan ho bi, serta banyak lagi. Sebelum dikelola o leh pihak Gramedia, BOLA sudah ter bit terlebih dah ulu ber up a m ajalah yan g dikelo la oleh Yayasan T unas Raga n am un k urang suk ses. Ketika oleh pem ilikny a ditawarkan k epada p ihak Gram edia, Bapak Jakob Oetam a lan gsung menunjuk dua wartawan o lahraga senior KOMPAS, Ignatius Sunito dan Sum ohadi Marsis, untuk seger a m erealisasik an kerjasama sekaligus mener bitkan bacaan olahraga tersebut yang tentunya sem ua p en gelo laan beserta selur uh aspeknya har us ditan gan i oleh p ihak Gram edia. Terbitan BOLA setiap har i Jumat ternyata mendap at sam butan antusias dar i pem baca KOMPAS, terutama pem baca yang mempunyai an ak-anak remaja. Hal ini terbukti den gan tiras KOM PAS yang selalu naik pada setiap har i Jumat, dari 412.000 sampai pada titik pun cak di tahun 1986 den gan oplah tertinggi 644.000 ketika ber langsun g Piala Dun ia Sepak bo la Meksiko. Setelah em pat tahun beredar, atau tepatnya bulan April 1988, BOLA dilepas oleh KOMPAS untuk ber diri sendiri. Menan dai hal itu, BOLA men datangkan super star olahraga yan g sangat terkenal waktu it u, yaitu Ly dia de Vega seorang sprinter (pelari cepat) dar i Filipin a. Dari 16 halaman, BOLA berkem ban g menjadi 24 halaman dengan selin gan 32 halaman sebulan dua kali. Tahun 1990 BOLA mem utuskan terbit dengan 32 h alaman secara tetap. Kemudian di tahun 1994 berk emban g lagi m enjadi 48 halaman. Menyongson g piala Eropa tahun 1996, BOLA terbit 56 halam an dan sesekali 64 halaman.
62
Oleh karena tunt utan pembaca kepada BOLA, semakin tinggi dan tidak b\puas BOLA terbit hanya sem in ggu sek ali, maka pihak pen gelola BOLA, memasuki tahun 1997, tepatnya pada bulan Maret, m enerbitkan BOLA edisi Selasa. Nam un dem ikian, pada awalny a BOLA edisi Selasa ter bit hanya 32 halaman sementara edisi Jum at 56 halam an, seh in gga tentu saja har ganya berbeda. Edisi Selasa den gan 32 halaman tersebut hanya berlangsun g selam a dua bulan saja dan seger a berubah menjadi 40 halaman. Dalam perjalan an selanjutnya, Indonesia dihantam krisis moneter hebat den gan sem ua bidang kehidupan terutam a sektor bisnis terpukul habis. Lem ahnya nilai r upiah m enyebabkan semua bar an g kebutuh an bak u sep erti harga kertas, kom ponen percetakan serta biaya operasion al naik drastis. Tanpa terkecuali, BOLA pun terkena dampaknya dan har us m elakuk an efisien si agar dap at tetap bertahan. Oleh karena itu, sejak Jan uari 1998 BOLA edisi Jum at dik uran gi halamnnya dari 56 menjadi 40 halaman, dan sejak itu har ga BOLA edisi Jum at dan Selasa menjadi sam a. Perkem ban gan lainnya, semenjak tahun 1990 pener bit BOLA yan g pada waktu itu m asih bernaung di Yayasan Tunas Raga berubah m enjadi PT Tunas BOLA. Hal ini bertepatan den gan ketentuan baru dar i pihak pem erintah, m elalui Departem en Peneran gan, yang men gharuskan setiap pen er bitan har us memiliki SIUPP den gan badan h ukum yang jelas. PT Tunas BOLA sendiri m er upak an salah sat u suk u usaha yang tegabung dalam Kelompok KOMPAS Gr am edia (KKG).
63
3.1.3 Perjalanan tabloid olahraga BO LA Krisis moneter hebat, yan g melanda negeri in i di awal tah un 1998, yang menyebabk an BOLA terpaksa terbit den gan 40 h alaman, tidak menyur utkan langkah awak BOLA unt uk terus berkr easi dan memen uhi ber bagai t untutan pem baca. Tuntutan besar dari pem baca untuk m ener bitkan bacaan yang membantu mereka untuk m enikm ati siar an langsun g Piala Dunia 1998 dijawab BOLA den gan mengkaji pener bitan buku pan duan Piala Dun ia 1998. Setelah melalui pertim ban gan matang dan teliti, pada bulan Mei 1998 BOLA m ener bitkan buk u pan duan Piala Dunia 1998. Ternyata buk u yan g cetakan p ertama hanya dicetak sebany ak 15.000 eksemplar dalam waktu dua m in ggu sudah terser ap habis di pasaran sehin gga kami harus m elak ukan or der ulan g sebanyak dua kali. Hal itulah yan g m embuk a lem baran sejarah BOLA y ang selanjutnya mulai rutin mener bitkan buk u-buku, yan g m elip uti cabang olahraga sepak bo la, basket, dan form ula-1 Di sam pin g itu, anak- anak m uda yang ber gabung sebagai bagian keluar ga besar BOLA m endorong munculnya pemikiran untuk m elak ukan penetrasi pasar melalui diversifikasi produk sehingga akh irnya m uncul beber apa produk sebagai bagian dari keluar ga besar BOLA Penerbitan buk u- buku yan g men gupas tentang ev ent-event khusus ternyata mendapat sam butan luar biasa. Masukan dari pembaca yan g men gin ginkan penambahan jumlah halam an hin gga pener bitan yang rutin, menjadi pemicu bagi BOLA untuk m elahirkan Majalah BOLAVAGANZA pada bulan Novem ber 2001. Majalah in i mengkhususkan dir i mengupas inform asi sepakbo la luar neger i. Edisi perdana yan g dicetak sebanyak 25.000 ek sem plar ternyata laris manis h in gga saat ini oplah m encapai an gka r ata-rata 40.000-an.
64
Di sam pin g diver sifik asi pro duk, yang hin gga saat ini m asih berkem bang terus dan kem un gkinan ter bitnya pro duk-pro duk bar u, BOLA juga melakukan penetrasi pasar untuk m enin gk atkan kep uasan pem baca, m eningk atkan jum lah penjualan produk dan m engantisipasi per gerakan pesaing, antara lain den gan melakuk an CETAK JARAH JAUH ( CJJ). CJJ dilak uk an untuk m empercepat waktu edar yan g dilak ukan BOLA sehin gga dalam waktu yang nyaris bersamaan BOLA dap at dicetak di tempat lain di luar percetakan utam a di Palm erah, Jakarta. Sam pai den gan saat ini, BOLA sudah melakukan CJJ di Bawen Sem aran g, Surabaya, Medan. 3.2 Struktur organisasi perusahaan Struktur or gan isasi per usahaan adalah suatu bentuk h ubun gan formal yang terencana antar kelompok f un gsi sejenis dan antar kelom pok fun gsi sejenis dan antara faktor fisik dan personalia yan g dibutuhk an unt uk melaksanakan fun gsi-fun gsi tersebut. Peranan struktur or ganisasi san gat pentin g dalam m encapai tujuan selain sebagai wadah kegiatan usah a, karen anya diperlukan suat u str uktur y an g jelas dan bak u.
65
3.2.1 Struktur organisasi dasar kom pas gramedia
Gam bar 3.1 Str uktur or gan isasi dasar Kom pas Gramedia
66
3.2.2 Struktur organisasi dasar PT. Tunas Bola
Gambar 3.2 Str uktur organisasi dasar PT. Tunas Bo la
67
3.3 Sistem yang sedang berjalan Pada per usahaan ini, sistem penyampaian data unt uk m ajalah Bola Vagan za masih berup a sistem semi man ual. Mula – mula wartawan m encari berita, ber ita yang telah terkum pul diketik lalu dikirim ke Sport Information center section. Masin g – masing inform asi dicek oleh Photo editorial section, Cartoon editorial section, Olym pic Editorial Section, Ole Nasion al Editorial section, Ole Internasional Section. Data yan g telah terkumpul akan dicek ulan g oleh pem im pin editorial yang kem udian diserahk an ke pemimpin SHM. Data tersebut dikir im kan ke Divisi Printing Kom pas Gramedia unt uk dicetak. Inform asi yan g telah ber bentuk majalah k embali diser ahkan ke SHM dan diedarkan oleh bagian sirkulasi.
68
3.3.1 Diagram aliran data (Data Flo w Diagram ) 3.3.1.1 Diagram nol
Gambar 3.3 Diagram nol pro ses pem buatan majalah y ang sedang ber jalan
69
3.4 Masalah yang dihadapi Ber dasarkan hasil wawancara dapat disim pulkan bah wa masalah yang saat ini dihadapi PT. Tunas Bola y aitu :
a. Pengir iman berita oleh wartawan dilak ukan lewat e-mail sehin gga editor sulit untuk m elak ukan peny arin gan berita dan memakan waktu cukup lama untuk melihat berita b. Tidak adanya sy stem pasti yan g dapat melihat tipe artikel yan g digem ari oleh para p em baca c. Nego siasi pem bayar an unt uk setiap berita wartawan dilakuk an melalu email, seh ingga m em butuhk an waktu yan g cukup lama untuk mencapai kesep akatan sehin gga berita yan g diupload terkadan g out-of-date d. Bagian administrasi masih men ggunak an buk u t ulis seh ingga p engecekan detail transak si p embelian berita kurang sistematis
3.5 Usulan pemecahan m asalah Untuk m engetasi perm asalahan yang dihadap i, perusahaan dap at m enciptakan sistem web yan g dapat melakuk an alternatif pemecahan masalah, antara lain:
a. Merancan g web yan g didukun g den gan database yang berfun gsi untuk menyimpan berita yan g dapat dengan m udah diakses editor. b. Nego sisasi harga ber ita dibuat se-efisien mungkin melalui web m elalui sistem bid-in g. c. Menambahkan sistem yan g dapat m enghitun g jumlah har ga penjualan berita yang dapat dibaca oleh wartawa, editor dan bagian adm inistrasi d. User yan g telah lo ggin diber i ak ses untuk melakuk an rating sehin gga dapat dik etahui jen is berita yan g disukai para p em baca
70
3.5.1 Diagram aliran data (Data Flo w Diagram ) 3.5.1.1 Diagram konteks
Gam bar 3.4 Diagram konteks usulan p emecahan m asalah
71
3.5.1.2 Diagram nol
Gambar 3.5 Diagram nol usulan p em ecahan masalah
72
3.5.1.3 Diagram level 1
Gam bar 3.6 Diagram level 1 usulan p emecahan m asalah
73
3.5.1.4 Diagram level 2
Gam bar 3.7 Diagram level 2 usulan p emecahan m asalah
74
3.5.2. Flow Chart Diagram
Gambar 3.8 Diagram Flo w Ch art usulan pem ecahan masalah
75
3.6 Perancangan aplikasi dengan UML Perancangan e- Application web portal pada PT. Tunas Bola dibangun dan dirancan g dengan m en ggunakan kon sep-kon sep modeling UML. Diagram – diagr am yang dipakai antara lain Use Case Diagram, Class Diagr am 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 Leav e comm ent Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Leave Com ment Pem baca dapat menin ggalk an com ment baru. Comm ent tersebut nantinya akan dim asukkan ke dalam database. - Pembaca telah m elakukan lo gin Actor Action System Respon se 1. Mem asukkan comm ent 2. Membuat entry bar u untuk comm ent yang dimasukkan 3. subm it comm ent 4. Memasukk an com ment ke DataBase -
3.6.1.2 Use case scenario read news Tabel 3.2 Read news Use Case Nam e Summ ary
Read News Pem baca dapat membaca berita yang telah disahkan editor yang tampil pada halam an news.
Pre-Condition
Post-Con dition
Actor Action 1. Pembaca memilih berita yang dibaca -
System Respon se 2. Menam pilkan berita yang dip ilih pembaca
3.6.1.3 Use case scenario read comment Tabel 3.3 Read com ment Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Read Comm ent Pem baca dapat membaca com ment yang telah terkum pul pada satu halam an terkait den gan ber ita yang dibicarakan. - Pembaca telah m elakukan lo gin Actor Action System Respon se 1. m asuk h alam an ber ita 2. menam pilkan halaman den gan com ment yang terkait comm ent 3. baca com ment -
78
3.6.1.4 Use case scenario see news rate Tabel 3.4 See news r ate Use Case Nam e Summ ary Pre-Condition
Post-Con dition
See News Rate Pem baca dapat dapat m elihat berita sesuai rating berita tersebut - Pembaca telah m elakukan lo gin Actor Action System Respon se 1. Mem asukkan nama berita 2. menam pilkan halaman ber ita yan g diminta 3. lihat rating berita 4. menam pilkanberita berik ut rating yan g tertera -
3.6.1.5 Use case scenario register Tabel 3.5 r egister Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Register Pem baca dapat melak ukan register untuk men dap atkan hak akses sebagai user. - Pembaca mengakses halaman in dex Actor Action System Respon se 1. Klik men u register 2. Membuat entry bar u untuk calon pem baca 3. Isi form register 4. Memasukk an isi form kedalam database -
3.6.1.6 Use case scenario add news rating Tabel 3.6 Add news rating Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Add News Rating Pem baca dapat memberikan r ating terhadap berita yang ia baca. Ratin g yang diberik an akan disimpan dalam database - Pembaca telah melak ukan lo gin Actor Action System Respon se 1. pembaca memilih berita 2. Menam pilkan halaman ber ita 3. m em ber rating p ada ber ita 4. Memasukk an ratin g berita ke dataBase -
79
3.6.1.7 Use case scenario logout Tabel 3.7 Logo ut Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Logo ut User, W artawan, Editor m elakukan lo gout unt uk mengakhiri session pada web bola vaganza. - User, Wartawan, Editor telah melak ukan lo gin Actor Action System Respon se 1. klik button logo ut 2. system mengakhiri session 3. berh asil logo ut 4. redirect ke halaman in dex -
3.6.1.8 Use case scenario login Tabel 3.8 Login Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Login User, W artawan, Editor m elakukan lo gin unt uk m em ulai session pada web bola vaganza. - Pengguna masuk halaman in dex Actor Action System Respon se 1. Mem asukkan id dan 2. cocokkan id dan passwor d passwor d dengan database yan g ada 3. m asuk k e halam an utam a 4. system membaca session untuk id yan g telah dimasukkan -
3.6.1.9 Use C ase scenario edit news Tabel 3.9 Edit news Use Case Nam e Summ ary
Pre-Condition
Edit News Wartawan telah m engupload berita kem udian data tersebut disimpan di DataBase. Editor dap at m elakukan edit terhadap ber ita yang telah diupload - Wartawan telah m engirim berita - Editor telah m elak ukan lo gin Actor Action System Respon se 1. Menam pilkan daftar berita 2. Melak ukan edit ber ita
Post-Con dition
-
3. Mengubah berita dan m emasukkan kem bali ke database
80
3.6.1.10 Use case scenario submit news Tabel 3.10 Subm it news Use Case Nam e Summ ary Pre-Condition
Submit News Editor mengsubmit berita yan g telah diedit oleh editor ke web - Wartawan telah m engirim berita - Editor telah m elak ukan lo gin Actor Action System Respon se 1. Menam pilkan daftar berita 2. Melak ukan subm it berita
Post-Con dition
3. Ber ita yan g telah di submit,m asuk kedalam database, dan tam pil di halam an utam a
-
3.6.1.11 Use case delete news Tabel 3.11 Delete news Use Case Nam e Summ ary
Delete News Editor m endelete berita yan g ada di dalam database.
Pre-Condition
- Wartawan telah m engirim berita - Editor telah m elak ukan lo gin Actor Action System Respon se 1. Menam pilkan daftar berita 2. Menghap us ber ita
Post-Con dition
3. Menghapus ber ita dari database
-
3.6.1.12 Use case scenario make quotation Tabel 3.12 Mak e quotation Use Case Nam e Summ ary
Pre-Condition
Make Quotation Wa rtawan telah m enguplo ad ber ita kem udian data tersebut disimpan di Database. Editor m em buat quotation den gan maksud menawar h ar ga ber ita - Wa rta wan telah m en girim ber ita - Edito r telah m elak uk an lo gin Actor Action System Respon se
81
1. Editor lihat berita dan harga berita 3. Editor m embuat quotation
Post-Con dition
2. Menam pilkan daftar berita 4. Har ga disubmit masuk ke tambahan detail berita pada wartawan
-
3.6.1.13 Use case scenario add reporter rating Tabel 3.13 Add reporter ratin g Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Add Reporter Ratin g Editor m elihat melihat hasil kiner ja wartawan dari jumlah ber ita yang disubm it - Editor telah m elak ukan lo gin Actor Action System Respon se 1. Editor m elihat halam an 2. Menam pilkan daftar daftar wartawan wartawan 3. Editor m emberi ratin g 4. Rating masuk k e database pada wartawan -
3.6.1.14 Use case scenario approve quotation Tabel 3.14 Approve quotation Use Case Nam e Summ ary Pre-Condition
Approve Quotation Wartawan dan Editor telah m encapai kesepakatan harga - Wartawan telah m engirim berita - Editor telah m elak ukan lo gin - Wartawan telah m elak ukan lo gin - Editor dan wartawan telah m enyetujui h arga Actor Action System Respon se 1.W artawan menyet ujui 2.Ber ita m asuk ke database harga yang ditawar editor dan menek an tombol setuju
Post-Con dition
3.6.1.15 Use case scenario edit quotation Tabel 3.15 Edit quotation Use Case Nam e Summ ary
Edit Quotation Editor dan wartawan m elak uk an edit quotation sampai ditemuk an kesepak atan har ga
82
Pre-Condition
- Wartawan telah m engirim berita - Editor telah m elak ukan lo gin - Wartawan telah m elak ukan lo gin Actor Action System Respon se 1.Editor lihat berita 2. Menam pilkan daftar berita 3. Editor m embuat quotation
Post-Con dition
4. Har ga disubmit masuk ke tambahan detail berita pada wartawan
5. W artawan m elak ukan cek harga dan konfirmasi harga -
3.6.1.16 Use case upload news Tabel 3.16 Upload news Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Upload news Wartawan atau payment dapat melihat hasil jumlah pem bayaran dari setiap berita yan g dik irim selam a satu bulan - Wartawan telah m engirim kan berita - Editor telah m elak ukan lo gin Actor Action System Respon se 1.Editor melihat halam an 2. Menam pilkan daftar berita ber ita 3. Editor publish berita 4. Ber ita tam pil di web -
3.6.1.17 Use case scenario see cummulative per m onth Tabel 3.17 See cum mulative p er month Use Case Nam e Summ ary Pre-Condition
Post-Con dition
See Cum mulative per month Wartawan atau payment dapat melihat hasil jumlah pem bayaran dari setiap berita yan g dik irim selam a satu bulan - Wartawan telah m elak ukan lo ggin - Payment telah melak ukan lo gin Actor Action System Respon se 1.W artawan melihat halam an 2. Menam pilkan daftar berita pem bayaran dan h arga -
83
3.6.1.18 Use case see reporter rating Tabel 3.18 See reporter ratin g Use Case Nam e Summ ary Pre-Condition
See r eporter rating Wartawan dapat m elihat rating yan g telah diberikan o leh editor - Wartawan telah m elak ukan lo ggin Actor Action System Respon se 1.W artawan melihat halam an 2. Menam pilkan statistik statistik wartawan
Post-Con dition
-
3.6.1.19 Use case scenario pay salary Tabel 3.19 Pay salary Use Case Nam e Summ ary Pre-Condition
Post-Con dition
Pay Salary Wartawan dapat m enarik uan g dan dibayarkan oleh paym ent - Payment telah melak ukan lo gin Actor Action System Respon se 1. Paym ent melihat halaman 2. Menam pilkan jum lah pem bayaran ber ita dan pembayaran wartawan 3. Paym ent melakuk an 4. Mengubah data berita pem bayaran pada wartawan belum dibayar m enjadi telah dibayar -
84
3.6.2 Class Diagram
Gambar 3.10 Class diagr am
85
3.6.3 Rancangan Database
Gam bar 3.11 Rancangan database
86
•
Ber ita Tabel 3.20 Berita Tipe Data Field varchar varchar text varchar text text int int int text int int text
Nama Field Id_ berita (PK) Id_kategori Judul Username Tanggal Isi Dibaca Ratin g Jm l_rating Status Har ga_ wartawan Har ga_ editor Status_ bid
•
Size 11 11 255
11 11 11 11 11
Ber ita_dr aft Tabel 3.21 Berita Dr aft Nama Field Id_ berita_draft (PK) Id_kategori Judul Username Tanggal Isi
Tipe Data Field varchar varchar Text Varch ar Text Text
Size 11 11 255
87
•
Foto Tabel 3.22 Foto Tipe Data Field varchar Text Text Varch ar Text Int Text Int Int
Nama Field Id_foto ( PK) Foto Judul Username Tanggal Dilihat Deskripsi Ratin g Jm l_rating
•
Size 11
255 11 11 11
Kategori Tabel 3.23 Kategori Nama Field Id_kategori (PK) Kategori Tampilkan
•
Tipe Data Field varchar Text Text
Size 11
Komentar_ber ita Tabel 3.24 Komentar Berita Nama Field Id_komentar_berita (PK) Username Id_ ber ita Komentar Tanggal
Tipe Data Field varchar Varch ar Int Text Text
Size 11 255 11
88
•
Komentar_foto Tabel 3.25 Kom entar Foto Nama Field Id_komentar_foto (PK) Username Id_foto Komentar Tanggal
•
Tipe Data Field varchar Varch ar Int Text Text
Size 11 255 11
User Tabel 3.26 User Nama Field Username (PK) Password Alamat E-mail Nama Telepon Status Foto Ratin g
Tipe Data Field Varch ar Text Text Text Text Text Text Text Int
Size 255
11
89
3.6.4 Sequence diagram 3.6.4.1 Sequence diagram leave comment
Gam bar 3.12 Sequence diagr am leave comm ent
90
3.6.4.2 Sequence diagram read news
Gam bar 3.13 Sequence diagram read news
91
3.6.4.3 Sequence diagram read comment
Gam bar 3.14 Sequence diagr am read com ment
92
3.6.4.4 Sequence diagram see news rate
Gambar 3.15 Sequence diagr am see n ews rate
93
3.6.4.5 Sequence diagram register
Gam bar 3.16 Sequence diagr am register
94
3.6.4.6 Sequence diagram add news rating
Gam bar 3.17 Sequence diagram add n ews rating
95
3.6.4.7 Sequence diagram logout
Gam bar 3.18 Sequence diagr am logo ut
96
3.6.4.8 Sequence diagram login
Gambar 3.19 Sequence diagr am Login
97
3.6.4.9 Sequence diagram edit news
Gam bar 3.20 Sequence diagram edit news
98
3.6.4.10 Sequence diagram submit news
Gambar 3.21 Sequence diagr am submit news
99
3.6.4.11 Sequence diagram delete news
Gambar 3.22 Sequence diagr am delete news
100
3.6.4.12 Sequence diagram make quotation
Gam bar 3.23 Sequence diagr am m ake quotation
101
3.6.4.13 Sequence diagram add reporter rating
Gambar 3.24 Sequence diagr am add reporter rating
102
3.6.4.14 Sequence diagram approve quotation
Gambar 3.25 Sequence diagr am approve quotation
103
3.6.4.15 Sequence diagram edit quotation
Gambar 3.26 Sequence diagr am edit quotation
104
3.6.4.16 Sequence diagram upload news
Gambar 3.27 Sequence diagr am uplo ad news
105
3.6.4.17 Sequence diagram see cumulative per m onth
Gambar 3.28 Sequence diagr am see cumulative per m onth
106
3.6.4.18 Sequence diagram see reporter rating
Gambar 3.29 Sequence diagr am see reporter rating
107
3.6.4.19 Sequence diagram pay salary
Gambar 3.30 Sequence diagr am pay salary
108
3.7 Struktur Menu 3.7.1 Struktur menu halaman user
Gam bar 3.31 Str uktur m en u halam an user
3.7.2 Struktur menu halaman editor
Gambar 3.32 Str uktur m enu halaman editor
109
3.7.3 Struktur menu halaman wartawan
Gam bar 3.33 Struktur men u halam an wartawan
110
3.8 Perancangan Layar 3.8.1 Home header
menu
image
isi berita
footer
Gambar 3.34 Perancan gan layar hom e Pada halam an hom e terdapat header dari website ini, juga ada navigasi ber upa menu serta p ada tampilan utam anya adalah sebuah image yang sedang menjadi berita terpopuler p ada waktu halaman website ini diakses o leh user, serta di bagian bawah image it u ada isi dari berita yang sedang pop ular tersebut. Di bagian bawah halam an ini adalah footer.
111
3.8.2 Registrasi
header menu Registrasi ID : Password : Nama : Alamat : Email : Status :
Pembaca W artawan
submit
footer
Gam bar 3.35 Perancan gan layar registrasi Pada halam an ini user bisa melak ukan registrasi den gan m engisik an ID, Passwor d, Nam a, Alamat dan St atusnya. Disin i dar i semua data yan g harus di isi mem iliki validasinya m asing-masing ap a bila ada kesalahan dalam pengisian m aka user belum bisa melak ukan subm it apa bila suk ses maka data yan g telah di isi o leh user tersebut akan lan gsun g m asuk kedalam database website in i. Setelah melakukan registrasi m aka user bisa lan gsun g m elak ukan lo gin dengan ID dan Passwor d yang telah dia buat sebelumnya.
112
3.8.3 Login
header
menu Menu Login ID : Password :
Login
footer
Gambar 3.36 Perancangan layar login Pada halam an ini user har us men gisikan ID dan Passwor dnya den gan benar supaya bisa m elan jutkan kehalaman berik utannya serta bisa jg m elak ukan post com ment dan post rating.
113
3.8.4 About Us header
M enu
Profil singkat bola v aganza .. … ….
About us
footer
Gam bar 3.37 Perancan gan layar about us Halaman ini menam pilkan profil dan struktur sin gkat dari p er usahaan. Mulai dar i direksi, editorial dan o wn er.
114
3.8.5 Login warta wan
header
M enu Greetings Photofolio M anage news Forum Logout
Halo, wartawan.. Bio data .. ... ....
footer
Gam bar 3.38 Perancan gan layar lo gin wartawan Pada halam an ini wartawan lo gin dan m emasuk i halam an pertama setelah lo gin sebagai wartawan. Disini ter dapat m enu sep erti photofolio, m anage – news, for um, dan logo ut.
115
3.8.6 Photofolio
header
M enu Greetings
Definisi photofolio search
image
Add comment
Image
M anage news
Rss feed
Image
Forum
Latest comment
Image
Latest updates
image
Upload foto
Photofolio
Logout
footer
Gambar 3.39 Perancangan layar photofolio Pada halam an photofolio ber isi foto - foto hasil kary a fotogr afer/wartawan tabloid bola vaganza. Terdapat additonal men u search foto, add comm ent, Rss f eed, latest comm ent, latest updates, dan upload photo. Halam an ini fokus pada hasil karya visual/im age. Di sortin g sari yang p alin g serin g di-view o leh use
116
3.8.7 Search galery
header
M enu Greetings Photofolio Manage news
Search the gallery
Image
Image
Image
keywords
keywords
keywords
Image
Image
Image
keywords
keywords
keywords
Forum Logout
footer
Gam bar 3.40 Perancan gan layar Sear ch Gallery Halaman ini m enampilkan gam bar- gam bar yan g ada dalam database website. Gam bar- gam bar yang di uplo ad oleh wartawan atau fotograf er. User bisa m encari image y ang ingin dicar i dalam input text field search gallery.
117
3.8.8 Add comment
header
M enu
image
image
image
image
image
image
image
image
image
Greetings Photofolio Manage news Forum Logout
Add a comment: Submit
footer
Gambar 3.41 Perancan gan layar Add com ment Halaman add comm ent merupakan halam an untuk m engisi comment terhadap foto foto hasil karya fotograf er/wartawan bola vaganza. Setelah wartawann selesai m en gisi com ment m aka tom bol submit harus di klik. Unt uk dapat m elihat hasil komen yang telah wartawan ber ikan. Yang akan tampil pada additional m enu latest com ment.
118
3.8.9 Latest Comment
header
Menu
LATEST COM MENT
Greetings
image
image
Image
Photofolio
image
image
im age
M anage news
Comment.. Comment..
Forum Comment.. Logout Add comment
footer
Gam bar 3.42 Perancan gan layar Latest Comm ent Halaman ini berisi list image – im age yang telah di com ment berik ut list com mentnya. Biasanya im age den gan comm ent terbanyak adalah image yang paling populer.
119
3.8.10 Latest Update
header
M enu Greetings
Latest Update image
image
Image
image
image
M anage news
Forum
image
Image
Image
Logout
image
image
Photofolio
footer
Gam bar 3.43 Perancan gan layar Latest Update Pada halam an latest up date berisi im age atau foto terbaru yan g telah di up date wartawan/fotogr afer bola vagan za.
120
3.8.11 Manage News
header
Menu
M anage news
Greetings
Sent ()
Photofolio
Draft()
Upload()
Biding
Manage news Forum Logout
footer
Gam bar 3.44 Perancan gan layar Manage News Halaman m anage news adalah halaman dimana wartawan m engedit, m engupload, bidin g, etc berita yang ia kelola.
121
3.8.12 Sent items
header
Menu
Sent items
Greetings
Sent ()
News(details)
Photofolio
Draft()
News(details)
Upload()
News(details)
Biding
News(details)
Next>
<previous
Manage news Forum Logout
footer
Gambar 3.45 Perancangan layar Sent Items Halaman sent items adalah halaman y ang menyim pan berita – berita yang telah di uplo ad oleh wartawan ke editor. Artinya sent items adalah berita – ber ita yan g telah sukses sampai ke halam an editor. Selanjutnya editor tinggal melak ukan bidin g untuk menentukan har ga.
122
3.8.13 Drafts
header
Menu
Drafts
Greetings
Sent ()
News(details)
Edit
Photofolio
Draft()
News(details)
Edit
Upload()
News(details)
Edit
Biding
News(details)
Edit
Next>
<previous
Manage news Forum Logout
footer
Gambar 3.46 Perancan gan layar Drafts Pada halam an dr afts adalah halam an yan g m enyimpan berita – ber ita yang belum tersuntin g selur uhnya. Ber isi berita – berita yan g belum lengkap dan perlu di edit kem bali oleh wartawan. Unt uk m eng – edit kembali, wartawan tinggal meng- k lik ber ita yang ingin di edit dan ak an pin dah k e halam an dr afts – edit.
123
3.8.14 Edit drafts
header
Menu Greetings Photofolio Manage news Forum Logout
Penampungan Berita Nama Berita : Isi Berita : Harga : submit
footer
Gambar 3.47 Perancangan layar drafts- edit Halaman ini adalah h alaman peny untin gan ber ita. W artawan m enulis berita, menentukan nama berita, h ar ga berita. Setelah wartawan selesai menyuntin g. Tom bol subm it di klik untuk mem-posting berita yang ak an di upload.
124
3.8.15 Biding
Header Menu
Biding
Greetings
Nama berita
News(details)
harga
Photofolio
Nama berita
News(details)
harga
Manage news
Nama berita
News(details)
harga
Nama berita
News(details)
harga
Next>
<previous
Forum Logout
footer
Gam bar 3.48 Perancan gan layar bidin g Halaman ini adalah dimana wartawan dapat melak ukan biding. Disini wartawan dap at m elihat harga yang ditawar oleh editor. Mem -view berita y ang di bidin g, dan jika wartawan menyetujui har ga yan g ditawar, maka wartawan m eng-accept har ga. Dan ber itapun dan muncul di halaman home.
125
3.8.16 Penampungan Berita
header
menu
Penampungan Berita Nama Berita : Isi Berita : Harga :
submit
footer
Gambar 3.49 Perancan gan layar Penamp un gan Ber ita Pada halaman in i wartawan bisa m engirim berita hasil k aryanya, setelah mengisi sem ua data yan g di perlukan den gan ben ar m aka data tersebut akan lan gsun g masuk k e dalam databaseny a, kem udian sang editor dap at m elihat berita apa yg d jual oleh wartawan, kalau h arga yan g di tawark an oleh wartawan terlalu mahal m aka bisa dilak ukan bid / tawar m enawar.
126
3.8.17 Lihat berita
header
menu
Berita Judul berita Isi berita …………………………………………………….. ………………………………………………………….. …………………………………………………………………….. ……………………………………………………………. Read more Judu berita Isi berita …………………………………………………….. …………………………………………………………..
footer
Gambar 3.50 Perancangan layar lihat berita Pada halaman in i pembaca dapat m elihat berita- berita mengenai dunia sepak bola yan g selalu ter update. Serta apabila sang pem baca sudah m elak ukan r egistrasi maka dia juga dapat mengcom ment serta mem berikan rating kepada berita yan g ada di website tersbut.
127
3.8.189 Halam an editor
header
Menu Artikel baru Daftar artikel
footer
Gambar 3.51 Perancangan layar login editor Pada halaman in i sang editor bisa melihat ber ita apa saja yan g sudah di k irim oleh san g wartawan seh ingga sang editor bisa lan gsun g m engecekny a dan mem berikan jawabannya langsun g kepada wartawan ter sbut apakah har ganya sudah cocok atau belum, klw sudah cocok h arganya maka berita tersebut akan di tampilkan.
128
3.8.19 Artikel Baru
Header
M enu
artik el
Data wartawan
harga
Artik el baru
Daftar artikel
read
Footer
Gambar 3.52 Perancangan layar Artikel Bar u Pada h alaman in i editor dapat melihat artikel-artikel ter bar u yan g dikir im oleh wartawan, editor mengecek kelayak an berita, m engedit setelah meng klik button read.
129
3.8.20 Daftar artikel
Header
M enu
artik el
Data wartawan
harga
Artik el baru
Daftar artikel
Footer
Gam bar 3.53 Perancan gan layar daftar artikel Pada halaman in i editor dapat melihat list artikel y an g sudah ia baca, jika in gin mengeceknya lagi, editor tinggal men g-klik artikel yang in gin dicek. Dan melakukan bid jika ia tertarik dengan artikelnya.
130
3.8.21 Login user
header
M enu Greetings Photofolio News Forum Logout
Halo, user.. Bio data .. ... ....
footer
Gam bar 3.54 Perancan gan layar lo gin user Ini adalah halam an ketika user login. Ter dapat m enu untuk user, sedikit ber beda den gan halaman wartawan. Yang membedakan disin i adalah user tidak dap at me-manage news. User hanya dap at m elihat berita-berita yan g telah di upload, meninggalkan comment, dan m e-ratin g berita.
131
3.8.22 News
header
M enu
Latest news
All news
Top categories
Latest categ ories
Forum Logout
Greetings Photofolio News
footer
Gambar 3.55 Perancangan layar news Halaman news akan menam pilkan sem ua berita baik dari yan g palin g popular sampai yan g kur an g diminati.
132
3.8.23 Kategori berita
Header
Top Categ ories
categ ory
category
categ ory
category
Terkini Terpopuler
Footer
Gam bar 3.56 Perancan gan layar Kategori Ber ita Pada halaman kategori berita, user dapat m em ilih kategori berita yan g in gin dibaca sesuai keinginannya. Di halaman in i terpampang k ategor i – kategori yan g palin g bany ak di view o leh par a user sehin gga user dapat mengetah ui k ategori – kategori yan g dibicarak an pada saat ini. Halam an ini dapat diak ses sebelum nya pada halaman menu - > categories.
133
3.8.24 Kategori terkini
Header
Top Categories Terkini Terpopuler
TERKI NI
categ ory
category
categ ory
Footer
Gam bar 3.57 Perancan gan layar kategori terkini Halaman ini menyediakan kategori berita terkini, den gan tam pilan berita yan g di r andom. Dari sin i user dapat melihat detail category, m eng klik dan m em beri rating terhadap berita yan g sedan g dibaca.
134
3.8.25 Kategori terpopuler Header
Top Categ ories
TERPOPULER
categ ory
category
categ ory
Terkini Terpopuler
Footer
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 dip ublikasi. Dari sini user dapat melihat detail category, meng klik dan m em ber rating terhadap berita yan g sedan g dibaca.
