Gambar 3.28 Physical data model aplikasi LMS SD Al-Furqon. 3.3.10
Desain Interface
Pada sub bab ini akan dibahas tentang desain interface yang akan dibuat untuk aplikasi LMS pada SD Al-furqon agar pengguna dapat berinteraksi dengan
aplikasi tersebut.
A. Desain Interface Login
Desain tampilan halaman login berikut ini merupakan halaman login untuk semua pengguna yang menggunakan aplikasi LMS. Untuk menggunakannya
terdapat dua input-an yaitu username dan password dari pengguna. Seperti terlihat pada gambar berikut ini.
FK_REFRENCE_USERFK FK_REFERENCE_USERFK
FK_REFERENCE_TASKFK FK_REFERENCE_TASKFK
FK_REFERENCE_USERFK FK_REFERENCE_YEARPERIODFK
FK_REFERENCE_GRADEFK FK_REFERENCE_CLASSFK
FK_REFERENCE_COURSEFK
FK_REFERENCE_CLASSFK FK_REFERENCE_YEARPERIODFK
FK_REFERENCE_USERFK FK_REFERENCE_LESSONFK
FK_REFERENCE_SYLLABUSFK FK_REFERENCE_COURSEFK
FK_REFERENCE_YEARPERIODFK
FK_REFERENCE_GRADEFK
FK_REFERENCE_SYLLABUSFK Assesment
UserFK TaskFK
AssesmentPK Information
Path int
int int
int varchar500
fk1 fk2
Users UserPK
Username Password
UserID IsTeacher
IsStudent IsAdmin
int varchar70
varchar20 varchar50
boolean boolean
boolean pk
Points PointPK
UserFK TaskFK
Point int
int int
float pk
fk1 fk2
Tasks TaskPK
SyllabusFK TaskName
LessonFK Information
DateShow Path
int int
varchar200 int
varchar500 date
varchar500 pk
fk Syllabus
SyllabusPK CourseFK
YearPerioFPK GradeFK
MeetingPeriod Information
int int
int int
int varchar1000
pk fk1
fk2 fk3
Resources ResourcePK
LessonFK SyllabusFK
ResourceName Information
Path IsAllPublic
DateShow IsContent
Content int
int int
varchar100 varchar500
varchar500 boolean
date int
int pk
fk1 fk2
Lessons LessonPK
CourseFK ClassFK
YearPeriodFK UserFK
int int
int int
int pk
fk1 fk2
fk3 fk4
Courses CoursePK
CourseName int
varchar30 pk
Classes ClassPK
GradeFK ClassName
int int
varchar25 pk
fk
StudentClass StudentOnClassPK
UserFK YearPeriodFK
ClassFK DateRegistration
int int
int int
date pk
fk1 fk2
fk3 Grades
GradePK GradeName
int varchar15
pk YearPeriod
YearPeriodPK YearPeriod
Semester IsActive
int varchar10
int boolean
pk
STIKOM SURABAYA
Gambar 3.29 Desain interface halaman login.
Pada halaman tersebut terdapat button login, ketika pengguna menekan button tersebut maka akan muncul dialog yang menampilkan texbox username
dan password untuk login ke aplikasi.
B. Desain Interface Menu untuk Admin
