Project | CookieSystem | Interface Student & School | #4 | Mukti911


Assalamu’alaikum Wr. Wb.

A. Pendahuluan
Pada hari ini saya akan memulai project yang akan saya buat. Project ini berbentuk website, dimana berfungsi sebagai sarana informasi bagi para siswa dan guru agar dapat saling berkomunikasi. Dengan adanya project ini saya berharap dapat membantu pendidikan di indonesia dalam absensi, pemberian tugas, penjadwalan, dan yang paling penting lagi yaitu komunikasi antara guru dan murid.

B. Latar Belakang
Karena turunnya mutu pendidikan di indonesia, dan dampaknya pada prestasi yang diraih oleh siswa tidak sesuai harapan. Maka dari itu saya berinisiatif untuk membuat project ini.

C. Maksud & Tujuan
bertujuan agar sekolah, guru, murid dapat saling berkomunikasi dan saling bertukar informasi dengan mengunakan sebuah situs yang akan saya buat ini.

E. Pembahasan

Sebelumnya aku membuat website, Website ini masih saya fokuskan untuk pembuatan absensi untuk Sekolah. Nah website ini mungkin akan saya bangun dengan mengunakan kode HTML, CSS, Javascript, PHP, Bootstrap, Jquery, dan Mysqli.

Nah,  setelah membuat system login saya akan membuat interface untuk form siswa dan form guru. Nah itu saya kan telah mengunakan metode include jadi kita tingal buat pada bagian for saja langsung saja ya.

  • student.php

<div class=”col-md-9″ style=”background-color: #eee;”>
<h2 style=”border-bottom: 2px solid black; margin-bottom: 20px;”>School Profile</h2>
<form>
<div class=”row”>
<div class=”col-md-6″>
<div class=”form-group”>
<label for=”FullName”>Full Name :</label>
<input type=”text” class=”form-control” id=”FullName”>
</div>
<div class=”form-group”>
<label for=”Nick Name”>Nick Name :</label>
<input type=”text” class=”form-control” id=”NickName”>
</div>
<div class=”form-group”>
<label for=”NISN”>NISN :</label>
<input type=”text” class=”form-control” id=”NISN”>
</div>
<div class=”form-group”>
<label for=”Gender”>Gender :</label>
<input type=”text” class=”form-control” id=”Gender”>
</div>
<div class=”form-group”>
<label for=”HomeAddress1″>Home Address 1 :</label>
<input type=”text” class=”form-control” id=”HomeAddress1″>
</div>
<div class=”form-group”>
<label for=”HomeAddress2″>HomeAddress 2 :</label>
<input type=”text” class=”form-control” id=”HomeAddress2″>
</div>
<div class=”form-group”>
<div class=”row”>
<div class=”col-md-4″>
<label for=”City”>City :</label>
<input type=”text” class=”form-control” id=”City”>
</div>
<div class=”col-md-4″>
<label for=”State”>State :</label>
<input type=”text” class=”form-control” id=”State”>
</div>
<div class=”col-md-4″>
<label for=”Zip”>Zip :</label>
<input type=”text” class=”form-control” id=”Zip”>
</div>
</div>
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
<label for=”BirthDate”>Birth Date :</label>
<div class=”row”>
<div class=”col-md-7″>
<input type=”text” class=”form-control” id=”BD”>
</div>
<div class=”col-md-5″>
<input type=”date” class=”form-control” id=”BD”> </div>
</div>
</div>
<div class=”form-group”>
<label for=”HomePhone”>Home Phone :</label>
<input type=”text” class=”form-control” id=”HomePhone”>
</div>
</div>
</div>
</form>
</div>

  • school.php

<div class=”col-md-9″ style=”background-color: #eee;”>
<h2 style=”border-bottom: 2px solid black; margin-bottom: 20px;”>School Profile</h2>
<form>
<div class=”row”>
<div class=”col-md-6″>
<div class=”form-group”>
<label for=”SchoolName”>School Name :</label>
<input type=”text” class=”form-control” id=”SchoolName”>
</div>
<div class=”form-group”>
<label for=”TypeOfSchool”>Type Of School :</label>
<input type=”text” class=”form-control” id=”TypeOfSchool”>
</div>
<div class=”form-group”>
<label for=”FoundedOn”>Founded On :</label>
<input type=”text” class=”form-control” id=”FoundedOn”>
</div>
<div class=”form-group”>
<div class=”row”>
<div class=”col-md-8″>
<label for=”Accreditation”>Accreditation :</label>
<input type=”text” class=”form-control” id=”Accreditation”>
</div>
<div class=”col-md-4″>
<label for=”AccreditedOn”>Accredited On :</label>
<input type=”text” class=”form-control” id=”Accredited On”>
</div>
</div>
</div>
<div class=”form-group”>
<label for=”SchoolStatisticsNumber”>School Statistics Number :</label>
<input type=”text” class=”form-control” id=”SchoolStatisticsNumber”>
</div>
<div class=”form-group”>
<label for=”PrincipalNumberOfNationalSchool”>Principal Number Of National School :</label>
<input type=”text” class=”form-control” id=”PrincipalNumberOfNationalSchool”>
</div>
<div class=”form-group”>
<label for=”EducationCurriculum”>Education Curriculum :</label>
<input type=”text” class=”form-control” id=”EducationCurriculum”>
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
<label for=”EducationCurriculum”>School logo:</label>
<div class=”displaylogo” style=”background-image: url(img/main/n.png);”>
<img src=””>
</div>
<input type=”file”  class=”form-control” name=”SchoolLogo” >
</div>
<div class=”form-group”>
<label for=”Status”>About School :</label>
<textarea class=”form-control” rows=”5″ id=”comment”></textarea>
</div>
<div class=”form-group”>
<input type=”submit”  class=”form-control smschool” name=”SchoolSubmit”>
</div>
</div>
</div>
</form>
</div>

Alhasil jika digabungkan dengan file admin yang kemarin maka kan terlihat seperti berikut. Kita hanya perlu mengubah include-nya.

F. Referensi

  • www.w3school.com
  • duniailkom.com
Waalaikumsalam Wr. Wb.

Tags:

Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *