39
Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor: Justinus Andjarwirawan, M.Eng. Arlinah Imam Rahardjo, MLIS.

Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Embed Size (px)

Citation preview

Page 1: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Design and Implementation ofMicroblogging Web Application for

Announcement System in Petra Christian University

Author:Yogi Purnomo (26404139)

Supervisor:Justinus Andjarwirawan, M.Eng.Arlinah Imam Rahardjo, MLIS.

Page 2: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Background

Web technology Microblogging Current System Problem (Manual)

Intensive lecture schedule and the administration office that located far away from the class room

Too many unrelated announcement paper that taped on board

Page 3: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Objective

Develop a microblogging website and mobile microblogging website application to be applied for administration announcement system in Petra Christian University

Page 4: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Problem Identification

How to make a microblogging website for desktop and mobile

How to connect the PHP and Mysql database with microblogging website

How to integrate the microblogging website with facebook

Page 5: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Scope and Limitation

Features: Character limit in a microblogging message is

140 character Group setting:

Search, join and leave group Block user from group (can only be done by group

creator) Group creator can post important message

User can send and receive private message Received message will also be sent to e-mail

Page 6: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Scope and Limitation (cont.)

Published content: Test, Mid-term test & Final test schedule Canceled or postponed class schedule

Database for this application is provided by BAAK

Facebook integration

Page 7: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Scope and Limitation (cont.)

This application is applied at university level with a minimum of one course from each faculty

This application is created using HTML,PHP,Mysql,javascript

Page 8: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Basic Theory

MicrobloggingAn activity to post a small message online with a maximum of 140 character

Mobile WebsiteWebsite that is specially made for mobile device access

Page 9: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

System Analysis and Design

Page 10: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Login and Home flowchart

Page 11: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Login and Home flowchart (Cont.)

Page 12: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Announcement flowchart

Page 13: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Announcement flowchart (Cont.)

Page 14: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Schedule flowchart

Page 15: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Group flowchart

Page 16: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Private Message flowchart

Page 17: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Contact flowchart

Page 18: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Site Map

Page 19: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Admin Home and Login flowchart

Page 20: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Admin Announcement flowchart

Page 21: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Admin Announcement flowchart (Cont.)

Page 22: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Admin Schedule flowchart

Page 23: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Admin Report flowchart

Page 24: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Admin site map

Page 25: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Context Diagram

pengumuman umum

pengumuman umum

pengumuman tes dan uts atau uas

pengumuman umum

pengumuman mata kuliah

pengumuman umum

send report

delete tes

edit tes

create tes

create pengumuman mata kuliah

create pengumuman umum

create pengumuman

username and password

hasil search contact

contactprivate message

message group

group listhasil search group

group yang diikuti

pengumuman tes dan uts atau uas

pengumuman mata kuliah

contact yang disearch

contact untuk private message

set message penting

message group

reply yang dikirim

private message yang dikirim

group yang dicari

group yang dicreate

username dan password

set pengumuman penting mata kuliah

create tesedit tes

delete tes

hasil search contactcontact

private messagemessage group

group listhasil search groupgroup yang diikuti

pengumuman tes dan uts atau uaspengumuman mata kuliah

contact untuk PM

contact yang disearch

set message penting

message group

reply yang dikirim

private message yang dikirim

group yang dicari

group yang di create

username and password

Mahasiswa

Dosen

1

web pengumuman berbasis microblogging

Admin

Page 26: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

DFD level 0

Page 27: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

DFD level 0 (Cont.)

Page 28: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Conceptual Data Model

Relat ion_239

mem punyai

mem punyai

mem punyai

mem punyai

mem punyai

dipakai

dipakai

dipakai

dipakaidipakai

mem punyai

mem punyai

mem punyai

mem punyai

fakjur

kode_jurlabel_jur

pengumumanumum

idumumkode_jurisitg luploadjamuploadtg leventstatmsg

member

usernamepasswordnamastatussremailkode_jur

induk

novaknama

pengumumanmk

idmknovakkelasisitg luploadjamuploadtg leventstatmsgtipepm

UTSUAS

semesternovakkreditkelasharijamlamakode

jadwaltes

idtesnovakkelasharitg luploadjamtestg leventruangstatusptes

absen209

nrpnovakkelas

jdw209

novakkelasnip

groups

idgroupgroupnameleadergstatus

groupmember

idgroupusernameblockstatus

groupmessage

idgroupmsgidgroupisifromtg luploadjamuploadstatmsg

pmsg

idpmfromrecipientisitg luploadjamupload

kontak

usernamefriendname

tppengumuman

idtipepengumumantipepengumuman

Page 29: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Physical Data Model

T IPEPM2 = T IPEPM2

USERNA ME = USERNAME

USERNA ME = USERNAME

USERNA ME = ENT_USERNAME

ID GROUP = ENT_IDGROUP

ID GROUP = ENT_IDGROUP

NOVAK = ENT _NOVAK

NOVAK = ENT _NOVAK

NOVAK = ENT _NOVAK

NOVAK = ENT _NOVAK

NOVAK = ENT _NOVAK

USERNA ME = USERNAME

USERNA ME = USERNAME

KODEJUR = ENT_KODEJURUSERNA ME = USERNAME

FAKJUR

KODEJUR varchar(255)USERNAME varchar(255)LABEL_JUR varchar(255)

PENGUMUMANUMUM

ENT_KODEJUR varchar(255)IDUMUM integerKODE_JUR1 integerISI varchar(255)TGLUPLOAD dateJAMUPLOAD timeTGLEVENT dateSTATMSG integer

MEMBER

USERNAME varchar(255)ENT_KODEJUR varchar(255)PASSWORD varchar(255)NAMA varchar(255)STATUS integerSR integerEMAIL varchar(255)KODE_JUR varchar(255)

INDUK

NOVAK varchar(255)NAMA varchar(255)

PENGUMUMANMK

ENT_NOVAK varchar(255)TIPEPM2 integerIDMK integerNOVAK1 varchar(255)KELAS varchar(255)ISI varchar(255)TGLUPLOAD dateJAMUPLOAD timeTGLEVENT dateSTATMSG integerTIPEPM integer

UTSUAS

ENT_NOVAK varchar(255)SEMESTER varchar(255)NOVAK2 varchar(255)KREDIT integerKELAS varchar(255)HARI varchar(255)JAM varchar(255)LAMA integerKODE varchar(255)

JADWALTES

ENT_NOVAK varchar(255)IDTES integerNOVAK3 varchar(255)KELAS varchar(255)HARI varchar(255)TGLUPLOAD dateJAMTES varchar(255)TGLEVENT dateRUANG varchar(255)STATUSPTES integer

ABSEN209

USERNAME varchar(255)ENT_NOVAK varchar(255)NRP varchar(255)NOVAK4 varchar(255)KELAS varchar(255)

JDW209

USERNAME varchar(255)ENT_NOVAK varchar(255)NOVAK5 varchar(255)KELAS varchar(255)NIP varchar(255)

GROUPS

IDGROUP integerUSERNAME varchar(255)GROUPNAME varchar(255)LEADER varchar(255)GSTATUS integer

GROUPMEMBER

ENT_IDGROUP integerIDGROUP1 integerUSERNAME2 varchar(255)BLOCKSTATUS integer

GROUPMESSAGE

ENT_IDGROUP integerIDGROUP3 integerIDGROUP4 integerISI varchar(255)SENDER varchar(255)TGLUPLOAD dateJAMUPLOAD timeSTATMSG integer

PMSG

IDPM integerUSERNAME varchar(255)SENDER varchar(255)RECIPIENT varchar(255)ISI varchar(255)TGLUPLOAD dateJAMUPLOAD time

KONTAK

ENT_USERNAME varchar(255)USERNAME3 varchar(255)FRIENDNAME varchar(255)

TPPENGUMUMAN

TIPEPM2 integerTIPEPENGUMUMAN varchar(255)

Page 30: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Implementation

Page 31: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Majors Announcement

Page 32: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Test Schedule

Page 33: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Mid-term & Final Test

Page 34: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Subject Announcement

Page 35: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Conclusions

Survey result shows that most students experience difficulty, to determine which messages are new or recently posted

75,86% of the students feel that the current system announcement (manual) does not meet their needs on easy, fast and accurate information

Page 36: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Conclusion (Cont.)

75,86% of the students feel that the online information system will make it easier for them to access the information

74,21% of the students feel that the online information system will help them to get information faster

Page 37: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Conclusion (Cont.)

65,51% of the students feel that the features of the website meet their needs

79% of the students feel that the online system announcement may replace the current (manual) system announcement

Page 38: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Suggestion

The human resources should update the information periodically and constantly so the system can meet its purpose

Improve the connection speed to access Petra website from outside Petra.

Page 39: Design and Implementation of Microblogging Web Application for Announcement System in Petra Christian University Author: Yogi Purnomo (26404139) Supervisor:

Thank you for your attention