ALDDIMUNS WEB PROJECT AKHIR SMK

Selamat Siang. Assalamualaikum temen temen.
PERTANYAAN Pertama dibenak Kalian pasti Apa itu ALDDIMUNS ?

ALDDIMUNS Sendiri merupakan penamaan kelompok yang terdiri dari :

  • ALIYAH YUNINGSIH
  • DERIS NURLATIFAH
  • DINI PUSPA DELIANA SARI
  • MUHAMMAD TRIAN
  • SRI ULFAH
Untuk SOFTWARE ENGINEERING TUTORIAL sendiri adalah Judul dari Website tersebut. Website ini dibuat bertujuan sebagai media sharing dan kumpulan Video Tutorial. Website ini ditujukan untuk memenuhi Tugas Akhir di Sekolah Menengah Kejuruan Islamiyah Ciawi Tasikmalaya. dengan Jurusan Teknik Informatika Konsentrasi Bidang Rekayasa Perangkat Lunak.
Project ini dibuat pada tahun 2017 bersama keempat team saya membangun website ini. Bahan atau Alat yang digunakan sebagai berikut :

BAHASA PEMROGRAMAN :
  • PHP
  • HTML
  • CSS
  • Bootstrap
  • JQuerry
WEB SERVER :
  • MySQL/ PHPMyAdmin
  • APACHE
  • PHP 7
Semua itu sudah satu paket dengan Instal Appserv/ Xampp/ Apache Triad
Saya menggunakan Appserv. Yang mau download Bisa Klik Link dibawah ini :
Untuk Desain tampilan beberapa Layer Bisa disimak dibawah ini :

1. BAGIAN TABLE DATABASE
Disini kita membuat 4 Table dengan Database alddimuns. gambarnya bisa disimak dibawah :

2. BAGIAN HOME
Bagian Home nya ini terdiri dari SLIDE TEXT Dengan Background Gambar. dibagian bawahnya ada ini Konten. sedangkan untuk Menunya di bagian Pojok Kanan Atas. yang berwarna merah

4. BAGIAN MENU
Bagian Menunya sendiri Kita Tampilkan 8 Menu
  • HOME
  • ABOUT
  • TUTORIAL (Halaman untuk menampilkan Video Tutorial)
  • ADMIN
  • CONTACT US
  • UPLOAD VIDEOS (Form bagi User agar bisa sharing video puna sendiri)
  • HI EVERYONE (Merupakan agar bisa kembali ke bagian tampilan awal website)
  • APIKASI (Kumpulan Aplikasi yang bisa di download. Hanya admin yang bisa Upload Aplikasinya)

5. BAGIAN HALAMAN APLIKASI

6. BAGIAN POP UP PESAN CONTACT USE


7. BAGIAN FORM PENGIRIMAN PESAN


8. BAGIAN FORM LOGIN 
Untuk bagian ini sendiri Sebagai Layout Form Login. setelah berhasil Login. maka admin yang login bisa Menambahkan, Menghapus, mengganti Password

9. BAGIAN UPLOAD APLIKASI (ADMIN)
Bagi Kalian yang baru pertama Kali melihat tampilan Form inputnya seperti ini. itu karena menggunakan Tinymce.

Menurut WIKIPEDIA :
Tinymce Adalah editor text kaya online dirilis sebagai perangkat lunak sumber terbuka di bawah LGPL. Ini memiliki kemampuan untuk mengkonversi bidang textarea HTML atau emelemt HTML lainnya ke instance editor.

dan waktu itu saya nyari nyari di internet dengan Keyword : " Membuat tampilan Input seperti Word di CSS HTML ". Keyword itu saya cari ditahun 2017 ya. dan gak tau juga sih kalau tahun sekarang gimana hasilnya. pokoknya berusahalah jika ada suatu inovasi. Pada Akhirnya menemukanlah kata tinymce. dan saya cari tau. eh.... taunya dapet. seneng dong yang saya expektasikan akhirnya dapet juga.

Untuk menerapkan Tinymce ini hanya di sisipkan di Textarea dan menambahkan link JQuerry saja. bisa kalian cari di internet. biasanya berupa kumpulan file kode.
jika kalian Membutuhkan File-Nya. bisa ketik di kolom komentar. nanti saya Upload File TINYMCE-Nya.


Semua Gambar yang dilampirkan tersebut hanya sebagian kecil dari Gambaran Program Website-Nya. Untuk lebih jelasnya Kalian bisa Download Sourch Code di bagian Akhir nanti saya cantumkan File .zip

Dalam proses pembuatannya sendiri saya Menggunakan Templeate Web yang di edit sedemikian Rupa. sehingga menampilkan display yang kami Harapkan.
Selain Templeate Web. Kami Juga Menggunakan Templeate Menu yang disisipkan di Halaman Menu Admin. dimana menu tersebut bisa di Hide atau UnHide.
Dikarenakan sudah lama Programnya dari tahun 2017. dan Filenya sendiri yang asli sudah terformat yang tersisa hanya File BackUp dari teman. sehingga tampilan dan fungsi-Nya pasti ada yang error dan Hilang.
Seperti Menu Register itu sendiri tidak terback up. dan ada bagian code juga yang kurang sinkron dengan database. karena penamaanya sendiri yang berbeda. jika ada yang Download Filenya dipersilahkan Kami Tahuh Link nya dibawah ini :

  1. Link Download File Website Kode full zip. 
  2. Link Download File database .sql 
Kami sudah lampirkan File databasenya. nanti bisa langsung di Import. Untuk File koneksi ke databasenya bisa di edit di Bagian CONTENT/Koneksi.php 
Untuk menjalankan Web-nya sendiri langsung ketik localhost/www.alddimuns.co.id
nama www.alddimuns.co.id itu sendiri merupakan nama berkas setelah di extrack. nanti otomatis akan membuka index.html. dan ikutin langkah selanjutnya.

Semua File tersebut saya Dapatkan dari beberapa referensi di internet. Kami sendiri sudah Lupa Link dan dimana downloadnya. ohon dimaklum. bagi yang tau link aslinya bisa langsung tulis dikomentar,nanti saya akan lampirkan dibawah.

Semoga Postingan Kali ini Bermenfaat dan bisa menjadi insfirasi bagi kalian semua. Akhir kata. 
Wassalamualaikum wr wb. TERIMAKASIH

Komentar

Postingan populer dari blog ini

LOGO SMK BANI KAMIL SUKARESIK PNG DAN CDR

LOGO SMK ISLAMIYAH CIAWI PNG DAN FILE CDR