Maya Lailatul F
172355201058
Perkembangan teknologi yang semakin pesat dise
mua lini termasuk perkembangan teknologi informasi
yang terus bergerak khususnya didunia pendidikan. D
alam dunia pendidikan kegiatan monitoring memiliki p
eranan yang sangat penting khususnya pendidikan po
PENDAHU
ndok pesantren yang menggabungkan antara pendidik
an formal dan pendidikan nonformal. Proses pembelaj
aran di pondok pesantren menyebabkan pengawasan
orang tua terhadap perkembangan pembelajaran tida
2
Rumusan Masalah
1. Bagaimana merancang aplikasi monitoring sant
ri ?
2. Bagaimana membangun aplikasi monitoring sa
ntri
berbasis website ?
3. Bagaimana cara menambahkan fitur notifikasi
pada aplikasi monitoring santri berbasis website?
4. Bagaimana menguji kebehasilan sistem monitor
ing santri berbasis web ?
TUJUAN
Untuk merancang aplikasi monitoring santri.
Untuk membangun aplikasi monitoring santri b
erbasis website.
Menambahkan fitur notifikasi pada aplikasi mon
itoring santri berbasis website.
Menguji kebehasilan sistem monitoring santri b
erbasis web.
Batasan Masalah
1. Aplikasi ini akan diterapkan kepada santri kelas X Multimedia SMK UBP Nurul Islam Pungging Mojokert
o.
2. Aplikasi ini terdiri dari absensi, pembayaran SPP, prestasi, pelanggaran dan notifikasi.
9
FLOWMAP
10
Ad d a n
n im
ima
a g
g e
e h
heer
ree
A dd a
SECTION 1
INTRODUCTION
HELL O ! I A M …
a n im ag e h ere
Add
CONTACT U
ABOUT US PORTFOLIO NEW IDEAS ANALYSIS S
Et nam veritus delicat Te mutat erroribus ne His at sapientem demo Eum ad reque eripuit p Ius et oblique neglege
a, quod pertinacia ei e c, scripta accumsan vo critum, ad pri movet vi hilosophia, eu eum so ntur. In per mucius co
am. Admodum assenti luptatum ad sed. derer philosophia. net dictas, te modo ign nsequat. Est nostrud ti
or his id, sumo abhorr ota voluptatibus nec. ncidunt an.
eant quo et.
I II III
INTRODUCTION OUR SERVICES PORTFOLIO
Before beginning What we do Our projects and products
IV V VI
NEW IDEAS ANALYSIS CONTACT US
New proposal Data marketing Keep in touch
SECTION 2
ABOUT US
C O M E M E S S A G E
WEL
d d a n im a g e h ere
A
R D O B E R T O L U C C I
CEO : B E R N A
In duis gubergren incorrupte pri. Vel integre facilisi atomorum et, in eam cibo maiorum. Dolor indoctum at sed.
Omnis delicatissimi mel ad, mea lucilius hendrerit interpretaris ei, latine sapientem id cum.
a n im a g e he re
Add
R D J A D Z E
NANA DJO Web Design
20
OUR H I S T O R Y
Quidam efficiantur mea ex, quodsi elo Ius at dicam munere, odio nisl liberavi Ius eu copiosae iudicabit democritum,
quentiam theophrastus mea ex. Duo p sse cu vix. Ad libris evertitur intellegat quo stet disputationi et. Ut ponderum
ersius equidem id, inani ceteros perse nec, veniam euripidis id qui, nec et ver incorrupte nam. Et quis nisl eirmod ha
cuti cu vix. o expetenda. s.
In his dicant forensibus. No mutat corrumpit vix, nullam aperiri contentiones an sed, dico menandri sea ei. Di
ctas noluisse euripidis ea duo, eos te sonet conceptam. An mea prima nihil, malis vidisse quaestio nec ad. Ne
sea errem delicata, errem quaerendum et ius. No persius dissentias has, pro lorem verterem an, cum ex erat e
tiam euismod.
GLOBALIZATION
Audiam habemus periculis ne n
ec, pro at blandit intellegat. An
his tacimates pertinax theophra
stus. NUMBER ONE
Assum aliquando quaerendum i
us te, populo laoreet mandamu
MORE CUSTOMERS s sea at. In sed velit deleniti.
Vim mucius labitur ex, veri erant
cu pri. Ne vim prompta omitta
m, has velit essent tractatos id.
3 NEW PRODUCTS
Pri ad falli reprimique instructio
r. Sed aliquid hendrerit an, mazi
m persius pro ut.
EDUCATION ENGINEERING
Scripta dissentias pri ut. Vel et quas dic Te usu dicit laboramus, ad iracundia tin
ta antiopam, vis et quod errem. Ea dicu cidunt interesset quo. Ut eam vero qual
nt labores recteque has, at pro idque a isque, mutat munere civibus vim in, ne
ugue placerat, sit et prompta saperet di natum platonem his.
ssentiet.
a n im a ge h e re d a n im ag e h e re d d a n im a ge h e re
Add Ad A
PUBLISHING PH O T O G R A P H Y PROMOTION
In duis gubergren incorrupte pri. V Ad phaedrum voluptatum cum, ne Cum at phaedrum postulant adoles
el integre facilisi atomorum et, in e omnesque adversarium vix. Ea idqu cens. Eam prompta labitur scriptor
am cibo maiorum. Dolor indoctum e contentiones usu, ei porro ullum em eu, ei pri atqui delectus, nec no
at sed. Omnis delicatissimi mel ad. blandit mel. strud mandamus prodesset ex.
dd a n im ag e h ere
A
No ornatus sapientem usu, ius no graeci quod
si accusata, esse forensibus qui cu. Ridens per
sius vituperata ut eos, no vivendo propriae sus
cipiantur pri, aliquip platonem repudiare et vi
x. Ne nullam tritani nominavi nec, ius ea quan
do officiis constituto, nec no labore nominavi.
SECTION 3
OUR PORTFOLIO
I Q U E P R O J E C T S
U N
ag e h ere
Add a n i m
Add an image
here
d a n im a ge he re
Ad
a n im a g e he re a n im a ge h e re
Add Add
NE W P R O J E C T 1 NEW P R O J E C T 2
Cum at phaedrum postulant adolescens. Eam pr Ad phaedrum voluptatum cum, ne omnesque a
ompta labitur scriptorem eu, ei pri atqui delectu dversarium vix. Ea idque contentiones usu, ei p
s, nec nostrud mandamus prodesset ex. Quo eu orro ullum blandit mel. Audire sapientem definit
cotidieque neglegentur. ionem cu pri.
I L E P O R T F O L I O
MO B
Eam graece causae volumus te, ut mollis omittam euripidis mel. Justo
everti dignissim et eam, regione salutandi est an. Adipisci recusabo ac
cusamus eum id, augue dolor impedit eum te, eu saperet urbanitas sit.
Epicuri commune nominavi ex nec. In mei nonumy facilisi intellegebat.
Sea ut eripuit dolorem intellegebat.
EASY TO CREATE
Omnesque voluptua maiestatis ex vel. Eam in esse n
ostrum accommodare. Unum possit fastidii quo eu, n
atum sensibus praesent te has.
A R E A W E S O M E !
W E
SECTION 4
NEW IDEAS
Add an image
J E C T C O N C E P T
PR O
U N T O F K N O W L E
HUGE AMO
R M E X P E R I E N C E
LONG TE DGE
No pri dolorum inimicus, in cum facilisis incid At etiam singulis persequeris est, qui epicuri a
erint quaerendum. Ius in soluta repudiare libe liquando adolescens at. Mea ei sadipscing de
ravisse, autem ipsum singulis ei sed. licatissimi, mea ne oratio munere fabellas. Eni
Eu sit gloriatur forensibus appellantur, vix aliq m novum mollis eu ius. Esse tation adversariu
uid euripidis philosophia ex. Hinc timeam vert m in per, sumo vidit modus has et, eos at hinc
erem et nam, mucius pertinax eam ea. suscipiantur. Vis nominavi reformidans compr
ehensam eu, et aeque aperiri consectetuer se
a.
Vim quod wisi invenire ex. Vel no dicant timeam atomorum. Pro ta
ARTISTIC ntas veritus ut, vis homero reprimique ad, vim ne dicunt possim. Pr
o viris sensibus temporibus ut, id hinc cotidieque philosophia sea.
GAME CONFIGURATION
Ne errem soluta utroque pro, id Ius vidit equidem vocibus no, er
que verear id cum. os impedit denique cu vim.
d a n im a ge h e re
Ad
DESIGN ANALYZE
Et laudem reprehendunt his, a Ius eu utamur virtute consetet
t sed cetero efficiendi. Mutat p ur, his eu erroribus forensibu
erpetua interesset quo eu. s, quem mutat epicuri duo in.
CREATION
A L S L S
SHO R T - T E R M G O MID-TERM GOALS LON G - T E R M G O A
No pri dolorum inimicus, in cum Equidem pertinacia pro in, cum Mollis ullamcorper intellegebat t
facilisis inciderint quaerendum. I et natum utinam fuisset. Suas vid e per, ut tota animal intellegat si
us in soluta repudiare liberaviss it movet duo cu, sea te magna co t. Eos natum maluisset reprimiqu
e, autem ipsum singulis ei sed. E mmune appetere, et purto dolor e ex, mea in percipit consetetur.
u sit gloriatur forensibus appella persecuti vix. Incorrupte honestatis eu duo, vel
ntur, vix aliquid euripidis philoso In vis quod pericula, ea mundi el copiosae ullamcorper et. Altera v
phia ex. Hinc timeam verterem et eifend evertitur est. Vix facilisis c olumus sapientem eu eos, sed ali
nam, mucius pertinax eam ea. onsectetuer ut. quid electram at.
Debet epicurei fabellas eam ei. His facilisi electram ut, no usu mollis mnesarchum suscipiantur.
Ea gubergren sententiae his. Ne errem soluta utroque pro, idque verear id cum.
SECTION 5
ANALYSIS
S O F A N A L Y S I S
POIN T
Sea id ferri magna neglegentu Ei ludus vitae his, an solum ali Est ei mollis nominati. Alii refe
r, an vim suas similique. An cu quid adversarium vel. Fugit ali rrentur sea an, ea eleifend the
m legimus antiopam prodesse quip urbanitas an has, vix id br ophrastus eam, alii ullum viris
t, decore sadipscing vix et. ute incorrupte. pro ad. Solum assentior qui a
d.
S A T I S F A C T I O N
CUSTOM E R
78.00% 84.00%
87.00% 91.00%
PROMOTION
Has case assum quando ex, aliquid
maluisset eu mea, vitae appareat c
omplectitur mea ea.
3000 3000
2500 2500
2000 2000
1500 1500
1000 1000
500 500
0 0
2015 2016 2017 2018 2015 2016 2017 2018
1600
1200
800
400
0
JAN FEB MAR APR MAY JUN JUL AUG SEP OCT NOV DEC JAN
Sit modus scripta eu, tota explicari in duo. At putant vocent epicurei sea, ut harum patrioque persequeris mea.
Mel ne consectetuer vituperatoribus, sea quod velit at.
Id solum delenit repudiare eam, stet luptatum praesent in est.
TOKYO
NEXT MISSION
No vel erat aeque latine, veri omnes quo ne, eu nostru
NEW YORK d admodum indoctum sit. Ea feugiat deseruisse theoph
rastus sea, eos falli ubique at. Eam illum principes tem
poribus an, suscipit apeirian facilisis at mea.
0 2000 4000 6000 8000 10000 12000
Application Design Online Shop
53
E A W A Y S
KEY TAK
Add an
image
here
a ge h e re
Add an im