SISTEM INFORMASI ALUMNI BERBASIS WEB

Ditunjukkan untuk memenuhi nilai mata kuliah Web Programming II

Nama Dosen : Ali Mustopa, M.Kom

Kelompok 6

12220411 Muhammad Imannudin

12220853 Mardiansyah

12220333 Ahmad Shidiq

12220199 Yudi Irawan

Program Studi Sistem Informasi Kampus Kota Pontianak

Fakultas Teknik dan Informatika

Universitas Bina Sarana Informatika

Pontianak

2023
 KATA PENGANTAR

Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT, yang telah

melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan

tugas ini dengan baik. Dimana Tugas Kelompok ini kami sajikan dalam buku sederhana. Adapun

judul tugas kelompok, yang kami ambil sebagai berikut, “Sistem Informasi S Alumni Berbasis

Web”.

Tujuan penulisan Tugas Kelompok ini dibuat sebagai Tugas Akhir pada mata kuliah Web

Programming II di Semester 3 ini. Sebagai bahan penulisan diambil berdasarkan hasil diskusi,

observasi dan beberapa sumber literatur yang mendukung penulisan ini. Kami menyadari bahwa

tanpa bimbingan dan dorongan dari semua pihak, maka penulisan tugas kelompok ini tidak akan

lancar. Oleh karena itu pada kesempatan ini, izinkanlah kami menyampaikan ucapan terima

kasih kepada:

1. Rektor Universitas Bina Sarana Informatika.

2. Ketua Jurusan Sistem Informasi Universitas Bina Sarana Informatika.

3. Bapak Ali Mustopa, M.Kom selaku Dosen Web Programming II.

4. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual.

5. Rekan-rekan mahasiswa kelas 12.3D.30

Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga terwujudnya

penulisan ini. Kami menyadari bahwa penulisan Tugas Kelompok ini masih jauh sekali dari

sempurna, untuk itu kami mohon kritik dan saran yang bersifat membangun demi kesempurnaan

penulisan dimasa yang akan datang. Akhir kata semoga Tugas Kami ini dapat berguna bagi kami

khususnya dan bagi para pembaca.

 RINGKASAN

Situs web Sialumni adalah platform interaktif yang menghubungkan dan memelihara

hubungan antara mantan mahasiswa dan institusi pendidikan mereka. Dengan desain yang

responsif, situs ini menawarkan berbagai fitur yang memfasilitasi kolaborasi, berbagi

pengalaman, dan memperkuat jejaring sosial alumni. Situs ini menyajikan profil lengkap alumni,

mencakup pencapaian mereka sejak kelulusan, karir yang dikejar, dan kontribusi positif mereka

terhadap masyarakat. Pengguna dapat dengan mudah mencari dan terhubung dengan sesama

alumni berdasarkan tahun kelulusan, bidang studi, atau lokasi geografis.

Salah satu fitur menonjol situs ini adalah pusat karir, yang memberikan peluang bagi

alumni dan mahasiswa untuk menjelajahi peluang pekerjaan, magang, atau proyek kolaboratif.

Dengan dukungan dari perusahaan mitra, situs ini berfungsi sebagai jembatan yang

memungkinkan alumni memasuki dunia kerja dengan lebih lancar. Situs web ini juga menjadi

tempat untuk berbagi kisah sukses, pengalaman belajar yang berharga, dan wawasan industri.

Blog dan forum diskusi memfasilitasi pertukaran ide, sementara galeri foto dan acara alumni

membantu membangun dan memperdalam ikatan antaranggota komunitas.

 DAFTAR ISI

SISTEM INFORMASI ALUMSI BERBASIS WEB ...................................................................1

KATA

PENGANTAR .....................................................................................................................2

RINGKASAN .................................................................................................................................3

BAB I PENDAHULUAN ...............................................................................................................5

1.1 Latar Belakang ....................................................................................................................5

1.2 Maksud &

Tujuan ................................................................................................................6

1.3 Ruang Lingkup ....................................................................................................................6

BAB II LANDASAN

TEORI ..........................................................................................................7

2.1 Konsep Dasar

Web ..............................................................................................................7

2.2

Website ................................................................................................................................7

2.3 Bahasa Pemograman ...........................................................................................................9

BAB III PEMBAHASAN .............................................................................................................14

3.1 Dasar Pemikiran ................................................................................................................14

 3.2 Struktur

Navigasi ...............................................................................................................15

3.3 Tampilan

Program .............................................................................................................16

3.4 Source Code ......................................................................................................................20

BAB IV

PENUTUP .......................................................................................................................32

4.1 Kesimpulan .......................................................................................................................32

4.2

Saran ..................................................................................................................................33

DAFTAR

PUSTAKA ....................................................................................................................33

BAB I

PENDAHULUAN

1.1 Latar Belakang

Masalah Perkembangan internet dan network akhir-akhir ini telah membuat institusi

pendidikan khususnya perguruan tinggi membutuhkan sebuah situs web untuk mempermudah

para mahasiswanya dalam memperoleh berbagai macam informasi mengenai kampus.

Mahasiswa dalam hal ini tidak hanya meliputi mahasiswa yang masih menjalani pendidikan di

perguruan tinggi tersebut, melainkan juga mahasiswa yang telah menyelesaikan pendidikannya

atau alumni. Salah satu media yang dapat dipakai untuk menjembatani hubungan antara alumni

dengan pihak perguruan tinggi adalah internet khususnya situs web.

 Aplikasi web tidak lagi terbatas sebagai pemberi informasi yang statis, melainkan juga

mampu memberikan informasi yang berubah secara dinamis dengan cara melakukan koneksi

terhadap basisdata. Situs web almamater perguruan tinggi ini diharapakan dapat menjadi media

informasi bagi alumni maupun pihak perguruan tinggi. Sehingga tetap terjalin hubungan timbal

balik antara para alumni dengan pihak kampus, karena situs web ini berisi berbagai informasi

tentang para alumni dan informasi tentang kampus. Misalnya, para alumni dapat mengetahui

daftar alumni, berita perkembangan kampus, informasi lowongan pekerjaan dari kampus dan

pihak kampus dapat mengetahui informasi-informasi tentang lowongan kerja dari para alumni

yang sudah bekerja atau hal lain yang mungkin diperlukan oleh para mahasiswa berkaitan

dengan pekerjaan dan perkuliahan.

1.2. Maksud & Tujuan

Maksud dari pembuatan situs web Sialumni adalah menciptakan wadah digital yang

berfungsi sebagai pusat interaksi dinamis bagi berbagai pemangku kepentingan. Situs ini

dirancang dengan tujuan utama untuk mempererat hubungan antara para alumni dan almamater,

memberikan mereka platform untuk tetap terhubung, berbagi pengalaman, serta menjalin

kolaborasi yang saling menguntungkan. Selain itu, situs ini bertujuan memberikan manfaat

signifikan bagi mahasiswa dengan menyediakan informasi yang mudah diakses tentang program

studi, kebijakan akademik, dan peluang karir. Para dosen dan staf juga diakomodasi dalam tujuan

pembuatan situs ini, dengan menyediakan saluran komunikasi yang efisien, mendukung

kolaborasi dalam pengembangan kurikulum, serta memfasilitasi pertukaran informasi terkini.

Para pencari ilmu pun diuntungkan melalui situs web ini, yang menyediakan akses terbuka ke
sumber daya edukatif, literatur ilmiah, dan fasilitas untuk membangun jejaring dengan sesama

peneliti. Dengan demikian, pembuatan situs web perguruan tinggi mencerminkan komitmen

untuk menciptakan lingkungan pendidikan yang terkoneksi, inklusif, dan mendukung

perkembangan berkelanjutan bagi seluruh komunitas akademis.

1.3. Ruang Lingkup

Ruang lingkup pembuatan website Sialumni mencakup serangkaian elemen kunci yang

dirancang untuk memenuhi kebutuhan dan harapan beragam dari komunitas alumni. Pertama,

dalam aspek informatif, situs ini akan menyediakan profil lengkap alumni dengan penekanan

pada pencapaian mereka di berbagai bidang dan perjalanan karir mereka setelah kelulusan. Fitur

jejaring sosial alumni akan menjadi pusat utama, memungkinkan para lulusan untuk terhubung,

berbagi pengalaman, dan menjalin kolaborasi. Informasi karir dan peluang pengembangan

profesional akan disajikan dengan rinci, memberikan nilai tambah bagi alumni yang mencari

dukungan dalam perkembangan karir mereka. Ruang lingkup ini juga melibatkan pembangunan

platform yang ramah pengguna dan responsif, memastikan antarmuka yang mudah digunakan

untuk semua pengguna, termasuk alumni, mahasiswa, dan dosen. Keamanan data dan privasi
pengguna akan diintegrasikan dengan cermat untuk menjaga integritas informasi pribadi. Selain

itu, ruang lingkup mencakup elemen partisipatif, mengajak alumni untuk berkontribusi dalam

pengembangan institusi melalui partisipasi dalam proyek-proyek kampus, memberikan peluang

bagi mereka untuk terlibat lebih lanjut dalam kehidupan perguruan tinggi mereka. Dengan

merangkum elemen-elemen ini, ruang lingkup pembuatan website alumni perguruan tinggi

menciptakan platform yang holistik, berfungsi sebagai pusat interaksi yang dinamis dan

berkelanjutan bagi seluruh komunitas alumni dan perguruan tinggi.

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Website

Konsep dasar dalam pembuatan website Sialumni ini dirancang untuk membentuk

jaringan yang erat dan berkelanjutan antara almamater, alumni, dan calon mahasiswa. Dengan

fokus pada tata kelola informasi, situs ini akan menyediakan profil lengkap alumni dengan

pencapaian, pengalaman, dan kontribusi mereka setelah kelulusan. Pengalaman pengguna yang

intuitif akan menjadi prioritas, dengan desain antarmuka yang memudahkan navigasi dan

interaksi. Fitur jejaring sosial alumni akan menjadi elemen kunci, memungkinkan alumni

terhubung, berbagi kesuksesan, dan membentuk kolaborasi profesional. Informasi mengenai

peluang karir, mentoring, dan acara alumni akan disajikan secara terinci, memungkinkan
 alumni untuk terus berkembang dan berkontribusi dalam berbagai kapasitas. Selain itu, situs ini

akan memfasilitasi pertukaran pengalaman kerja, memberikan wawasan industri, dan menjadi

wadah bagi alumni untuk memberikan inspirasi kepada mahasiswa yang sedang belajar.

Keamanan data dan privasi pengguna akan diperhatikan dengan cermat, dan integrasi media

sosial akan digunakan untuk memperluas jaringan dan keterlibatan. Dengan desain estetis yang

menarik, website Sialumni ini bertujuan untuk menjadi platform yang menginspirasi,

menyatukan, dan memberdayakan para lulusan untuk terus berkontribusi dan membangun

komunitas yang kuat.

2.2. Website

Website adalah kumpulan halaman web yang saling terhubung dan dapat diakses melalui

internet. Halaman web tersebut dapat berisi berbagai macam informasi, seperti teks, gambar,

video, audio, atau kombinasi dari semuanya. Website dapat dibuat oleh perorangan, kelompok,

atau organisasi untuk berbagai tujuan, seperti:

1. Berbagi informasi, seperti berita, artikel, atau data statistik.

2. Menawarkan produk atau layanan, seperti toko online atau situs web perusahaan.

3. Menyediakan hiburan, seperti situs web permainan atau media sosial.

4. Melakukan aktivitas pendidikan, seperti situs web sekolah atau universitas.

Website terdiri dari berbagai komponen, yaitu:

1. Domain, yaitu alamat website di internet yang terdiri dari nama domain dan ekstensi

domain.

2. Hosting, yaitu tempat penyimpanan file-file website.

3. CMS (Content Management System), yaitu perangkat lunak yang digunakan untuk

membuat dan mengelola website.

4. HTML (HyperText Markup Language), yaitu bahasa pemrograman yang digunakan

untuk membuat halaman web.

Berdasarkan jenisnya, website dapat dibagi menjadi beberapa kategori, yaitu:

1. Website statis, yaitu website yang informasinya tidak berubah secara berkala.

2. Website dinamis, yaitu website yang informasinya dapat berubah secara berkala.

3. Website personal, yaitu website yang dibuat oleh perorangan untuk kepentingan pribadi.

4. Website bisnis, yaitu website yang dibuat oleh perusahaan untuk kepentingan bisnis.

5. Website organisasi, yaitu website yang dibuat oleh organisasi untuk kepentingan

organisasi.

6. Website pemerintah, yaitu website yang dibuat oleh pemerintah untuk kepentingan

pemerintah.

Website telah menjadi bagian penting dari kehidupan masyarakat modern. Website digunakan

untuk berbagai keperluan, mulai dari mendapatkan informasi, berbelanja, hingga belajar.
2.3 Bahasa Pemograman

1. PHP

Menurut Arief (2011c:43) “PHP adalah Bahasa server-side –scripting yang menyatu

dengan HTML untuk membuat halaman web yang dinamis,karena PHP merupakan server-side –

scripting maka sintaks dan perintah-perintah PHP akan di eksekusi server kemudian hasilnya

akan dikirimkan ke browser dengan format HTML”. Ada beberapa alasan yang menggunakan

bahasa pemrogaman PHP dalam membangun sistem :

1. Mudah dipelajari,alasan tersebut menjadi salah satu alasan utama untuk menggunakan

PHP,karena pemula mampu untuk menjadi webmaster.

2. Mampu lintas platform,artinya PHP dapat mudah diaplikasikan ke berbagai platform

OS (Operating System) dan hampir semua browser juga mendukung PHP.

3. Gratis karena bersifat Open Source.

4. Didukung oleh berbagai macam Web Server,PHP mendukung beberapa web

server,seperti Apache,IIS,Lighttpd,Xitami.

5. PHP memiliki tingkat akses yang cepat.

6. PHP mendukung beberapa basis data yang gratis maupun beberapa,seperti

MySQL,PostgreSQL,Informix,SQL Server,Oracle.

7.

2. HTML

Menurut Edy Winarno ST, M.Eng (2013:1) “HTML merupakan singkatan dari Hypertext

Markup Language, artinya bahasa ini adalah bahasa markup untuk memformat konten halaman
web. Atau dengan kata lain, bahasa untuk mengatur bagaimana penampilan dan pemformatan

konten di Web.

HTML memiliki 4 jenis elemen :

1. Struktural

Tanda yang menentukan level atau tingkatan dari tulisan (misalnya, < h1 >Golf<

/h1 > memerintahkan browser untuk menampilkan “Golf” sebagai tulisan tebal besar

yang menunjukkan sebagai Heading 1. 2.

2. Presentasi

Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level

dari tulisan tersebut (contoh, < b >tebal< /b > akan menampilkan tulisan tebal. Tanda

presentasi ini sudah lazim digantikan oleh CSS dan tidak direkomendasikan untuk

mengatur tampilan tulisan via HTML.

3. Hiperteks

Tanda yang berfungsi membuat link dokumen, baik link dokumen itu sendiri atau

ke dokumen lain (contoh, wikipedia akan membuat link ke situs wikipedia.org

4. Widget

Elemen yang membuat objek-objek lain seperti tombol (<Button>), List (<li>),

dan garis horizontal (<hr>).

3. CSS
 Menurut Agus Hariyanto (2015:31), CSS adalah kumpulan kode program yang

digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS, kita

bias mengubah desain dari text, warna, gambar dan latar belakang dari (hamper) semua kode tag

HTML. CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling

melengkapi. HTML ditujukan untuk membuat struktur atau konten dari halaman web.

Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut.

4. JAVASCRIPT

Menurut (yeni:2010:65) Javascript merupakan bahasa yang berbentuk kumpulan script

yang berjalan pada suatu dokumen HTML. Bahasa pemrograman ini memberikan kemampuan

tambahan terhadap bahasa HTML dengan mengizinkan pengeksekusi perintah-perintah disisi

user. Javascript adalah bahasa yang care sensitive artinya membedakan penamaan variabel dan

fungsi yang menggunakan huruf besar dan huruf kecil.

5. BASIS DATA

Menurut Yudi Priyadi, M.T (2014:2) “Basis data adalah sekumpulan fakta berupa representasi

table yang saling berhubungan dan disimpan dalam media penyimpanan secara digital. Database

atau basis data adalah kumpulan data yang saling berealisasi. Data sendiri merupakan fakta

mengenai obyek, orang, dan lain-lain. Database sering digunakan untuk melakukan proses

terhadap data-data tersebut untuk menghasilkan informasi tertentu.

6. MySQL
 Menurut Bunafit (2014:31) MySQL adalah software atau aplikasi database,yaitu

software yang dapat kita pakai untuk menyimpan data berupa informasi teks dan juga angka.

7. PHP MYADMIN

Menurut Madcoms (2016:186) “phpMyAdmin adalah sebuah aplikasi open source yang

berfungsi untuk memudahkan manajemen MySQL”. Dengan menggunakan phpMyAdmin, kita

dapat membuat database, membuat tabel, menginsert, menghapus dan meng-update data dengan

GUI dan terasanlebih mudah, tanpa perlu mengetikkan perintah SQL secara manual. Karena

berbasis web, maka phpMyAdmin dapat dijalankan di banyak OS, selama dapat menjalankan

web server dan MySQL. PhpMyAdmin dapat didownload secara gratis di

http://www.phpmyadmin.net. Jika kita menggunakan paket software web server Xampp, maka

tidak perlu meng-instal phpMyAdmin secara terpisah.

8. FRAMEWORK/CODE IGNITER

Menurut Hidayatullah (2017:281) “Code Igniter adalah salah satu Framework PHP

bahkan Framework PHP yang paling powerful saat ini karena di dalamnya terdapat fitur lengkap

aplikasi web di mana fitur-fitur tersebut sudah dikemas menjadi satu”. Selain itu , Code Igniter

juga saat ini banyak digunakan khususnya bagi developer web untuk mengembangkan aplikasi

berbasis webnya tersebut.

9. BOOTSRAP

Menurut Jubilee (2016:1) “Bootstrap adalah framework front-end yang intuitif dan

powerful untuk pengembangan aplikasi web yang lebih cepat dan mudah”. Bootstrap

menggunakan HTML, CSS, dan JavaScript.

Berikut ini kelebihan-kelebihan Bootstrap yaitu:

a. Menghemat waktu

b. Fitur yang responsive

c. Desain yang konsisten

d. Mudah digunakan

e. Didukung oleh semua browser popular

f. Gratis

BAB III

PEMBAHASAN

3.1 Dasar Pemikiran

Dasar pemikiran dalam pengembangan website Sialumni melibatkan kesadaran akan

pentingnya membangun komunikasi yang erat dan berkelanjutan antara almamater dan para

lulusannya. Platform ini dirancang dengan tujuan memberdayakan para alumni, menyediakan

informasi yang bermanfaat mengenai peluang karir, dan memfasilitasi pertukaran pengalaman

serta pengetahuan antar anggota komunitas. Selain itu, website ini akan menjadi wadah untuk

mempromosikan identitas alumni, menonjolkan prestasi mereka di berbagai bidang, dan

membangun rasa kebanggaan terhadap perguruan tinggi. Integrasi teknologi terkini akan
 menjadi bagian integral dari pembuatan situs, menghadirkan fitur-fitur inovatif yang

meningkatkan keterlibatan pengguna. Keamanan data dan privasi pengguna menjadi priotas,

menjamin bahwa informasi pribadi alumni dijaga dengan cermat. Dengan memandang alumni

sebagai mitra berharga dalam pertumbuhan institusi, website ini juga akan mengajak mereka

untuk berkontribusi dalam pengembangan kampus, baik melalui partisipasi aktif maupun

dukungan finansial. Dengan dasar pemikiran ini, diharapkan website Sialumni dapat menjadi

jembatan yang kuat antara masa lalu, masa kini, dan masa depan para lulusan serta almamater

mereka.

3.2. Struktur Navigasi

1. Halaman Login

Setiap alumni dapat melakukan login di halaman ini menggunakan NIM dan

Password yang telah di daftarkan.

2. Halaman Utama

Setiap alumni dapat melihat Berita terbaru seputar Alumni, Lowongan Pekerjaan,

Daftar Alumni dan memungkinkan alumni melakukan login di halaman ini

menggunakan NIM dan Password yang telah di daftarkan.

3. Profil Alumni
 alumni dapat membuat profil pribadi yang mencakup informasi tentang diri

mereka, pengalaman akademik, dan pekerjaan saat ini

4. Halaman Berita

Setiap alumni dapat melihat berita terbaru seputar Alumni

5. Halaman Cari Alumni

Setiap Alumni memungkinkan untuk melihat Daftar Alumni yang tercatat oleh

pada halaman Cari Alumni

6. Halaman Lowongan Pekerjaan

Setiap Alumni memungkinkan untuk melihat dan mencari Daftar Lowongan

Pekerjaan di halaman Lowongan Pekerjaan

3.3. Tampilan Program

1. Tampilan Halaman Login

2. Tampilan Halaman Utama

3. Tampilan Profil Alumni

4. Tampilan Halam Berita

5. Halaman Cari Alumni

6. Halaman Lowongan Kerja

3.4. Source Code

 BAB IV

PENUTUP

4.1. Kesimpulan

Dengan memahami kebutuhan dan harapan yang mendalam dari komunitas alumni,

pembuatan website Sialumni menjadi langkah yang strategis untuk membangun dan memelihara

ikatan yang kuat antara almamater dan para lulusannya. Melalui fokus pada penyediaan

informasi karir yang relevan, platform jejaring sosial alumni, dan fitur-fitur interaktif, situs ini

diharapkan dapat menjadi pusat yang dinamis untuk pertukaran pengalaman, pengetahuan, dan

inspirasi. Integrasi teknologi canggih menjadikan pengalaman pengguna lebih responsif dan

personal, sementara keamanan data dan privasi menjadi prioritas utama. Dengan menghadirkan

identitas alumni secara kreatif dan mempromosikan pencapaian mereka,

4.2. Saran
 Melalui website ini, alumni dapat dengan mudah berinteraksi, berbagi informasi, dan

menjalin hubungan yang erat satu sama lain. Dalam makalah ini, kita dapat mengeksplorasi

beberapa aspek kunci yang perlu diperhatikan dalam proses pembuatan website alumni. Pertama,

fokus pada desain yang user-friendly agar pengguna dapat dengan mudah mengakses berbagai

fitur dan informasi yang disediakan. Selanjutnya, bahas strategi pengelolaan konten agar website

tetap relevan dan up-to-date dengan perkembangan terkini dari alumni.

DAFTAR PUSTAKA

David Power. 2011. Designing and developing for mobile with jQuery, HTML,

and CSS3.Adobe press

Hakim. Lukmanul. 2009. Jalan Pintas Menjadi Master PHP, Yogyakarta

Jonathan Lane, Tom barker, and joe Lewis. Foundation website Creation with

HTML5, CSS3, and Javascript. Friendsof an Apress Company

Kadir, Abdul. 2001, Dasar Pemrograman Web Dinamis menggunakan PHP,

Yogyakarta: Andi

Nugroho, Bunafit. 2008. Aplikasi Pemrograman Web Dinamis dengan PHP

dan MySQL, Gavamedia, Jogjakarta.

Nugroho, Bunafit. 2008. Latihan membuat aplikasi PHP dan MySQL dengan

Dreamweaver. Penerbit GAYA MEDIA Yogyakarta.

Rully. 2007. Ketentuan Penilaian Raport Innovative Learning Center. Sidoarjo

Sidik, Betha, MySQL Untuk Pengguna, Administrator, dan Pengembang

Aplikasi Web, Informatika, Bandung, 2005.

 Whitten, Jeffery L. dkk. Metode Desain dan Analisis Sistem. Edisi 6.

Terjemahan oleh Tim Penerjemah ANDI. Yogyakarta, 2004 : Andi,

hal.259