1

Republic of the Philippines

CEBU TECHNOLOGICAL UNIVERSITY
DAANBANTAYAN CAMPUS

Agujo, Daanbantayan, Cebu

Website: http://www.ctu.edu.ph E-mail: info-
[email protected]

Tel. No.: (032) 437-8526/437-3383 Fax. No.: (032) 437-8523

Convenient Information Dissemination System of Supreme Student

Government with Notification

Presented by: Japitan, Kern

Intrampas, Jesse

Patalinghug, Franzlie Marie N.

1
 2

AKNOWLEDGEMENT

First and foremost, A warmest gratitude to our Almighty God who gave us

strength to complete this research. The completion of this research could not

have been possible without the assistance and help of many people whose

making this study a reality.

Dr. Iris L. Gulbe, Department Chairman and our Adviser, for the

assistance, giving us suggestions and sparing her time guiding us throughout the

project.

Dr. Nikkithea L. Beduya, our Professor, for the guidance and patience,

for teaching us and encouraging us to pursue this study.

We would like to express our heartfelt gratitude and give thanks to the

person/s mentioned above. Were truly grateful for all the help and support in

making this research possible.

2
 3

DEDICATION

This work is dedicated to:

THE ALMIGHTY GOD, for all the blessings, for giving us good health and

strength.

OUR RESPECTIVE FAMILIES, who always supports us financially,

encourage us to continue and always believing us.

OUR FRIENDS, who serves as our companion and help us to complete

this research, and

TO ALL who participated in making this research, were extremely grateful

for all the help.

3
 4

TABLE OF CONTENTS

1. INTRODUCTION

1.1 Project Context………………………………………………………..

1.2 Purpose and Description……………………………………………

1.3 General Objectives…………………………………………………...

1.4 Scope and Delimitation………………………………………………

1.5 Significance of the Study……………………………………………

2. REVIEW OF RELATED LITERATURE

2.1 Introduction and Related Theories…………………………………

2.2 Related Study and Foreign Study Projects……………………….

2.3 Local Study Projects………………………………………………….

3. TECHNICAL BACKGROUND

3.1 Technicality of the Project…………………………………………..

3.1.1 Hardware……………………………………………………………

3.1.2 Software…………………………………………………………….

3.1.3 Netware……………………………………………………………..

3.1.4 People ware………………………………………………………..

3.2 Details of Technology Used

3.2.1 Hardware……………………………………………………………

3.2.2 Software…………………………………………………………….

3.2.3 Netware……………………………………………………………..

4
 5

3.2.4 People ware………………………………………………………..

3.3 How the Project will Work

3.3.1 User…………………………………………………………………

3.3.2 Admin………………………………………………………………

4. MATERIALS AND METHOD

4.1 Environment…………………………………………………………..

4.1.1 Locale…………………………………………………………..

4.2 Methodology…………………………………………………………..

4.2.1 Research Respondents …………………………………….

4.3 Flow Chart …………………………………………………………….

4.4 Work Plan ..……………………………………………………………

4.5 Requirement Definition………………………………………………

4.5.1 Functional Decomposition Diagram………………………

4.6 Requirement Elicitation Techniques………………………………

4.7 Requirement Analysis Strategies …………………………………

5. USER INTERFACE DESIGN………………………………………………

RECOMMENDATION……………………………………………………………..

REFERENCES……………………………………………………………………..

APPENDICES

A. Feasibility Study…………………………………………………..

B. System Output…………………………………………………….

C. Relevant Source Code……………………………………………

5
 6

CURRICULUM VITAES……………………………………………………………

Chapter I

INTODUCTION

PROJECT CONTEXT

Nowadays the number of school population of CTU Daanbantayan

campus is usually rising because of the rapid increase of students in our district.

CTU Daanbantayan campus have bigger students population compare to CTU

Extensions. Even the Night shift students extremely increasing, which leads to

the need of Dissemination of information with sms notification. Dissemination of

Information was one of the most needed to develop in this university because

some of them could not receive the Information. Team Glory decided to create

well managed data and information flow within a school that can help to build or

to strengthen the understanding and collaboration among all concerned persons

within a school environment with the help of Supreme Student Government.

PURPOSE & DESCIPTION:

Today the ways are still evolving in greater heights. The Information

technology professional and students tend to learn and discover more on how

computers have given advancement of society in this country. There are so many

universities adapting the old ways including our university.

6
 7

The purpose of this project is to end one of those old ways especially the

manual dissemination of information of SSG to the students. It would be a great

help to the student with the use of sms notification because it can disseminate

the needed information through phones. And also it can lessen the wasted time,

efforts and paper works of supreme students government. The key to effective

dissemination is to match the means to the message and needs of the audience.

Although the traditional method of delivering legal information by “paper’’ still

have many advantages, but the mobile phones and internet is increasingly being

used. Its availability 24/7 means it is there when people need it.

Dissemination of information system with sms notification is the best tool

to deliver information but first the students will have to create an account to the

system that we’ve made in order to receive the information.

GENERAL OBJECTIVES:

The goal of this project is to use mobile technology as an instrument to

spread information in a convenient way. It is common for students to go the

notice boards for useful updates but now, many students own mobile phones and

thanks to Short Messaging Services or SMS, they can be notified easily.

Because of this, we grab the opportunity to make a system in collaboration with

mobile technology, making the SMS as a main media for acknowledgement to

meeting, examination schedule, instant messages and announcements –

student’s activities. With the birth of information technology and

7
 8

telecommunication media, it expanded itself becoming mobile thus enhancing the

dissemination of information directly and more instantly.

SCOPE AND DELIMITATION

The general intent of this is to know the significant relationship between

the factor for using SMS and level of acceptance to the use of SMS on the part of

the students.

The study is delimited only for the students in Cebu Technological

University Daanbantayan campus of Daanbantayan. This research is designed to

assist in establishing the service management for the students by the use of

mobile technology to activate the dissemination of information to give them an

urgent information anytime, anywhere and anyhow.

SIGNIFICANCE OF THE STUDY

The findings of this study will contribute greatly to the benefit of the

school considering that mobile technology era offered many convenient ways in

communication today. When discussing about technology it is almost highly

related to communication. Communication is crucial since without communication

messages or information could not be delivered conveniently. The importance of

this study is to be delivered the information easily and it will lead this generation

to the better and brighter ways.

8
 9

CHAPTER II

REVIEW OF RELATED LITERATURE

Introduction and Related Theories

The Literature and studies cited in this chapter presents the studies of both local

and foreign sources, this includes about the different concept, ideas, and

understanding, generalization or conclusions and different related to study of

Disseminating information through Short Messaging Services (SMS) notification

which serves as researchers guide in developing this project.

Related Study and Foreign Study Projects

According to Tomaz Smrekar Dissemination of Information in the pre-internet

period official statistics was first available in paper publication, computer printouts

and later on magnetic tapes and CD-ROMs. In time statistical tables became

more detailed and gradually more written material such us statistical analysis,

explanation notes on concepts, sources and methods, and charts were added to

facilitate user interpretation and maximization of the use of statistics. Due to

electronic data processing time series became available. The main users of pre-

9
 10

internet period – researchers and government officials – were statistically

literate. Less statistically literate users such as journalist and the general public

were not major user groups at that time.

The Internet has introduced a revolution in dissemination, communication and

accessibility of official statistic in the second half of the 1990s.

Liah Shonhe (2017) said communication and information spread has been

revolutionized by technological breakthroughs and rapid advances.

Technological development has greatly changed the way in which information

stored and transmitted. Today libraries have acquired new roles and are making

use of various technologies such as mobile technology and social networks to

disseminate information services due to their ability to provide high speed and

effective access. Usage of Information Communication Technologies present

information seekers with variety of advantages such as; 24/7 connectivity, self-

service platforms, limited access and it is time saving.

As stated by Dutchie Riggsby (1999), the abundance of information that needs

to be disseminated to students about events in space exploration and the

theories and technology utilized maybe overwhelming to the beginning teacher or

lecturer. Educators are constantly faced with the problem of the most effective

and efficient methods for disseminating information to their students.

Jayakumar, C,; Narayanan, A. (1999), the advent of internet Technology and its

adoption by the organizations has resulted in the evolution of intranets. Intranets

ultimately use the technology to meet the information and computational needs to

10
 11

achieved organizational objectives and goals. Important services like E-mail and

web are handly solution to disseminate information for research and special

libraries. The campus wide network and the creation of networked society are

ubiquitous and an attempt has been made to extend the information service to

the patrons by possible means.

Vimbai Rupere said that with several years since internet access has been

made available to users through the mobile phone, we are still under-utilising this

technology. In the midst of the hive of activity as dozens of people scramble to

get access to a copy of the constitution, various consitituencies could have been

texting, emailing, whatsapping, binuing several keys aspects of the constitution to

the communities. User education must also continue, but this is the least of the

challenges faced in making information dissemination. Info sharing should be

interactive. Monitoring of technologies and trends that transform society is easier

managed by making information dissemination interactive, e. g send text to short

code to request, complete online form to request info, etc.

Sattler DN(2011), the different characteristics of each information dissemination

medium have been studied in different fields. That an effective message could be

issued by a credible source and transmitted in a quick and stable way through

warning message transmission by cellphone and email.

11
 12

Local Study Projects

According to the study conducted in 2016 by Ramil G. Lumauag (Ed.D.). Mobile

phones are now considered as essential part of people’s daily lives which is used

for communication and provides diversified information. The used for

communication and provides diversified information. The use of mobile phone is

not only limited to communication alone, but now used for subscription to value-

added services like disaster warning, alert systems, and notification. The

development of School event Notification through SMS (SENT SMS) is beneficial

to student, teachers, and parents in receiving first-hand information from the

school right into their mobile phone. With the use of SMS notification students will

be notified with the upcoming events of the school, changes in schedule of

events, and suspension of classes due to bad weather. Teachers will be notified

for schedule for meetings, emergency meetings, and deadlines of requirements.

SMS have been developed with different demands and create a new approach

for interaction and communication. Educational institutions are expected to

extend their services through mobile phones by providing easy access of

information to students, teachers as well as parents. The development of school

event Notification through SMS offer remarkable improvement of communication

between students, parents, teachers, and school through timely delivered SMS

messages.

12
 13

Marrero (2009) in his study entitled “Student Information System for the

University of the Cordilleras” stressed that the concept of Information Systems

(IS) emerged in the early 1960s. More often, when information system is defined, the field

Information Science is always associated, IS is an academic field that deals with the

generation, collection, organization, storage, retrieval, and dissemination of recorded

knowledge. Furthermore, it is a collection of related components designed to support

operations, management, and decision making in an organization. Generally, IS is supposed

to inform people. Information System supports people or users in making intelligent decisions

based upon the information derived from reliable data.

Local Government Unit Information Dissemination System (LGUIDS) is an

LGU deployed system that enhances information dissemination and data

collection of (1) disaster-related bulletins from PAGASA, PHVOLCS, RDRRMC,

MGB and other disaster/emergency advisory agencies, (2) farming and fishing

updates from DA, BFAR, EMB and (3) community announcements such as

suspension of classes, community activities such as town fiesta, festivals, jobs

fair, public bidding, etc. The LGUIDS generates a visual representation of near

real-time weather parameters from DOST hydrometeorological stations. The

system also serves as repository of local government officials, farmers,

businesses, schools, residents.

Local Government Unit Information Dissemination System (LGUIDS) is an LGU-

deployed system that

13
 14

 disseminates weather bulletins, earthquake information, tsunami alerts,

volcano advisories and community-concerned announcements

 collects of up-to-date hydrometeorological data from locally-installed

equipment

 generates a visual representation of the weather parameters in the region

 serves as a tool for reporting of onsite situation

 stores contact details, hazard maps, IEC materials, etc.

Junah Loriross Digal said an effective information dissemination system is

important in every organization. This paper examines the Information

Dissemination System (IDS) of the University of Immaculate Conception in terms

of media tool, quality and clarity, and timeliness. A researcher-made

questionnaire was used to evaluate the IDS and it was found that the information

for the entire studentry of both campuses, Fr. Selga campus (main) and Annex

campus (Bonifacio), are publicized through three different media tools– bulletin

boards, sound systems (IC Radio for the Annex campus), and UIC website.

14
 15

CHAPTER III

TECHNICAL BACKGROUND

Technicality of the Project

Hardware. The hardware devices that we used are: Mobile phones,

desktop computer and flash drives which are used as a medium to create the

project and transfer files from one computer from another. These technologies

are essential in the development and success of the project.

Software. The software that the developers used are XAMPP, Google

Chrome, Microsoft Word, Microsoft Visio, MySQL, PHP, and Sublime Text 3.

They are used primarily to create the system, document it, and making the

diagrams during the development of the system.

Netware. Are the applications that the developers used during the

development of the system. In this system, MySQL, PHP are used to handle the

system’s database relationship and queries.

15
 16

Peopleware. The individuals that are going to use the system are the

ones who are assigned to serve in the accreditation that is required to

accomplish and submit certain documents regarding the accreditation that is

going on. These individuals are the following: Quality assurance/overall team

leader, area team leader and the focal persons.

Details of the technologies to be used

Hardware. The components that were used during the development of the

system are:

A desktop computer is used by developers to

develop the project during its creation period. It

was also used as a medium to put together all

necessary information for the documentation.

16
 17

Flash drives is used when the developers are transferring files between

one computer to another and keeping a backup copy of the system’s

important files.

A mobile phone is a telephone with access to a cellular

radio system so it can be used over a wide area, without

a physical connection to a network.

Software. The software that the developers used are:

XAMPP. An open source cross-platform web server which is

used to handle the system’s database.

17
 18

Google Chrome. A free web browser used as a platform for

thesystem to run and was used in the development of the

system to observe how the system look and behave during

its development.

Microsoft Word. Is used for encoding the documentation of

the project.

Microsoft Visio. For creating diagrams for the documentation

of the system such as activity diagram, system flowchart, and
etc.

Sublime Text 3. Where the developers encode their codes

for the system to be complete and working.

18
 19

Netware. The applications that are used during the development of the system

are:

MySQL. used for the scalability and

reliability of the system during the

development

PHP. The programming language that the developers

used.

Peopleware – The individuals that are going to use the system are:

Quality assurance/overall team leader are the admins of the

institution where the system belongs when it is implemented.

19
 20

Area team leader is the faculty of the institution and ones who are

assigned to serve for the accreditation.

Focal person is the faculty of the institution and ones who are

assigned to serve for the accreditation.

How the project will works

User:

1. He/ she input his/her registration information.

2. He/she input his/her log in information.

3. He/she can add more Details.

4. He/ She can receive SMS notification.

5. Can keep him/her updated from the latest information.

6. He /She can view location of the meeting area.

Admin:

7. He/ she input his/her registration information.

8. He/she input his/her log in information.

9. He/she can add more Details.

10. He/ She can receive SMS notification.

11. Can keep him/her updated from the latest information.

12. He /She can view location of the meeting area.

13. He/She can report users.

14. He/She can send message to the users.

15. He/She can only post the information.

20
 21

CHAPTER IV

MATERIALS AND METHOD

Environment

Clients appreciate this project prescriptions, suggesting that this is a tool

that both students and teachers can use to improve the Dissemination of

information. This project is reliable with the use of Internet and suggests

several opportunities for users to become more proactive and advance in

technology of the society..

Dissemination of Information System mission is to enrich and maintain the

paperless environment, and thereby improve the ability of the students in

technology, while providing users with a safe and hassle-free work environment.

Create a truly team centered work technology in which users take pride in their

work and are excited to contribute their time, passion, and ingenuity to the

success of the society.

When you're a regular students or employee at University, you'll never feel the

need to go anywhere else for distributing and receive the needed information. All

you need to do is use the Dissemination of Information System with SMS

21
 22

notification. This System will offer a services to handle the needs of your users

satisfaction.

LOCALE

The proponents conducted the research at Cebu Technological

University―Daanbantayan Campus. The University is located at the Northern

Province of Cebu that is the Municipality of Daanbantayan. It takes three and a

half hours to four hours’ drive on average by the public utility vehicle.

Figure 1

22
23

23
 24

Figure 2. MAP OF DAANBANTAYAN

Figure 3. Location of the Study

Methodology

24
 25

The method used in this study was the descriptive survey method. The

researchers used questioners as the main source in collecting data. Students

were also asked to give their views, opinions and recommendations regarding

this study. In this way, the researcher collect richer information and it helps to

improve the process of disseminating information.

Research Respondents

Due to the pandemic, the researchers got at least 20 respondents.

The respondents were identified immediately after they’ve done filling the survey

questionnaire.

Courses Frequency Percentage

Bachelor of Science in Information Technology (BSIT) 3 15%
Bachelor in Industrial Technology (BIT) 9 45%
Bachelor of Science in Industrial Engineering (BSIE) 3 15%
Bachelor of Science in Fisheries (BSFI) 1 5%
Bachelor of Science in Hospitality Management (BSHM) 4 20%

TOTAL 20 100%

This shows that BIT has the highest frequency of 9 with a percentage

of 45 while the BSFI has the lowest frequency of 1 with a percentage of 5. This

respondents were selected from different department of Cebu Technological

University Daanbantayan Campus.

25
 26

Flow Chart

System flowchart:

26
 27

Work Plan

Conducting this study the researchers need to develop a work plan to

accomplish those goals. Researcher create a work plan that will help them

manage their time as researchers cannot spend all day writing. Action Plan is a

detailed plan, a form of learning to reach those goals.

Requirement Definition

Requirements Definition is an art and a science. It requires analysts to

work very closely with users and to draw on their communication and technical

27
 28

skills to surface underlying business needs that might be addressed by a system

solution. One of the major pitfalls is to “leap to a solution” with an inadequate

understanding of the operating problems and fundamental needs of the user.

Functional Decomposition Diagram

Functional Decomposition Diagram

Requirement Elicitation Techniques

28
 29

Requirement Analysis Strategies

29
 30

CHAPTER V

30
 31

USER INTERFACE DESIGN

31
 32

RECOMMENDATION

32
 33

REFERENCES

The Supreme Student Government.docx

www.scribd.com

Sent SMS: School Event Notification through SMS

www.apjmr.com

A Literature Review of Information Dissemination Techniques in the 21 st Century

Era

https://digitalcommons.unl.edu/libphilprac/1731

Emerging Trends in Information Technology

www.managementstudyguide.com

Information Dissemination Analysis of Different Media towards the Application for

Disaster Pre-warning

www.ncbi.nlm.nih.gov

Implementing a mobile application News Tool for Disseminating Messages and

Events of Alburaimi University College

www.researchgate.net

How do you disseminate your information

www.advicenow.org.uk

33
 34

APPENDICES

Feasibility Study

System Output

34
 35

Relevant Source Code

<br />

<nav class="navbar navbar-inverse">

<div class="container-fluid">

<div class="navbar-header">

<a class="navbar-

brand" href="index.php">Dissemination of Information MS</a>

</div>

35
 36

<ul class="nav navbar-nav

navbar-right">

<li>

<input

type="text" name="search_user" id="search_user" class="form-control input-sm"

placeholder="Search User" autocomplete="off" style="margin-top: 10px; width:

400px; margin-right:180px;" />

</li>

<li

class="dropdown">

<a

class="dropdown-toggle" data-toggle="dropdown" href="#"

id="view_notification">Notification

<?php

$total_notification = Count_notification($connect,

$_SESSION["user_id"]);

if($total_notification > 0)

36
 37

echo

'<span class="label label-danger" id="total_notification">'.

$total_notification.'</span>';

?>

<span

class="caret"></span></a>

<ul

class="dropdown-menu">

<?php

echo

Load_notification($connect, $_SESSION["user_id"]);

?>

</ul>

</a>

</li>

<li

class="dropdown">
37
 38

<a

class="dropdown-toggle" data-toggle="dropdown" href="#"><?php echo

$_SESSION['username']; ?>

<span

class="caret"></span></a>

<ul

class="dropdown-menu">

<li><a

href="profile.php">Profile</a></li>

<li><a

href="logout.php">Logout</a></li>

</ul>

</li>

</ul>

</div>

</nav>

<script type="text/javascript">

$(document).ready(function(){

('#search_user').typeahead({

38
 39

source:function(query, result)

('.typeahead').css('position', 'absolute');

('.typeahead').css('top', '45px');

var action =

'search_user';

$.ajax({

url:"action.php",

method:"POST",

data:

{query:query, action:action},

dataType:"json",

success:function(data)

39
 40

result($.map(data, function(item){

return item;

}));

})

});

$(document).on('click',

'.typeahead li', function(){

var search_query = $

(this).text();

window.location.href="wall.php?data="+search_query;

});

});

</script>

<!--
40
 41

//index.php

!-->

<?php

include('database_connection.php');

session_start();

if(!isset($_SESSION['user_id']))

header('location:login.php');

?>

<html>

<head>

<title>Dissemination of Information Management System</title>

<link rel="stylesheet"

href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://code.jquery.com/jquery-

1.12.4.js"></script>

41
 42

<script

src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.js"></scrip

t>

<script

src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></scrip

t>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-

typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>

<style>

.main_division

position: relative;

width: 100%;

height: auto;

background-color: #FFF;

border: 1px solid #CCC;

border-radius: 3px;

#sub_division

width: 100%;

42
 43

height: auto;

min-height: 80px;

overflow: auto;

padding:6px 24px 6px 12px;

.image_upload

position: absolute;

top:0px;

right:16px;

.image_upload > form > input

display: none;

.image_upload img

width: 24px;

cursor: pointer;

43
 44

</style>

</head>

<body>

<div class="container">

<?php

include('menu.php');

?>

<div class="row">

<div class="col-md-8">

<div class="panel panel-default">

<div class="panel-heading">

<div class="row">

<div class="col-md-8">

<h3 class="panel-title">Start Write Here</h3>

</div>

<div class="col-md-4">

<div class="image_upload">

<form id="uploadImage" method="post" action="upload.php">

<label for="uploadFile"><img src="upload.png" /></label>

<input type="file" name="uploadFile" id="uploadFile"

accept=".jpg, .png, .mp4" />

</form>

44
 45

</div>

</div>

</div>

</div>

<div class="panel-body">

<form method="post" id="post_form">

<div class="form-group" id="dynamic_field">

<textarea name="post_content" id="post_content"

maxlength="160" class="form-control" placeholder="Write your short

story"></textarea>

</div>

<div id="link_content"></div>

<div class="form-group" align="right">

<input type="hidden" name="action" value="insert" />

<input type="hidden" name="post_type" id="post_type"

value="text" />

<input type="submit" name="share_post" id="share_post"

class="btn btn-primary" value="Share" />

</div>

</form>

</div>

</div>

45
 46

<div class="panel panel-default">

<div class="panel-heading">

<h3 class="panel-title">Trending Now</h3>

</div>

<div class="panel-body">

<div id="post_list">

</div>

</div>

</div>

</div>

<div class="col-md-4">

<div class="panel panel-default">

<div class="panel-heading">

<h3 class="panel-title">User List</h3>

</div>

<div class="panel-body">

<div id="user_list"></div>

</div>

</div>

</div>

</div>

46
 47

</div>

</body>

</html>

<?php

include('jquery.php');

?>

<!--

//login.php

!-->

<?php

include('database_connection.php');

session_start();

$message = '';

if(isset($_SESSION['user_id']))

47
 48

header('location:index.php');

if(isset($_POST["login"]))

$query = "

SELECT * FROM tbl_twitter_user

WHERE username = :username

";

$statement = $connect->prepare($query);

$statement->execute(

array(

':username' => $_POST["username"]

);

$count = $statement->rowCount();

if($count > 0)

$result = $statement->fetchAll();

foreach($result as $row)

48
 49

if(password_verify($_POST['password'],

$row['password']))

$_SESSION['user_id'] =

$row['user_id'];

$_SESSION['username'] =

$row['username'];

header('location:index.php');

else

$message = '<label>Wrong

Password</label>';

else

$message = '<label>Wrong Username</labe>';

49
 50

?>

<html>

<head>

<title>Twitter Like Follow Unfollow System in PHP using Ajax jQuery</title>

<link rel="stylesheet"

href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<link rel="stylesheet"

href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://code.jquery.com/jquery-

1.12.4.js"></script>

<script

src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

</head>

<body>

<div class="container">

<br />

<h3 align="center">Twitter Like Follow

Unfollow System in PHP using Ajax jQuery</a></h3><br />

<br />

50
 51

<div class="panel panel-default">

<div class="panel-

heading">Login</div>

<div class="panel-body">

<form method="post">

<p class="text-

danger"><?php echo $message; ?></p>

<div class="form-

group">

<label>Enter

Username</label>

<input

type="text" name="username" class="form-control" required />

</div>

<div class="form-

group">

<label>Enter

Password</label>

<input

type="password" name="password" class="form-control" required />

</div>

51
 52

<div class="form-

group">

<input

type="submit" name="login" class="btn btn-info" value="Login" />

</div>

<div align="center">

<a

href="register.php">Register</a>

</div>

</form>

</div>

</div>

</div>

</body>

</html>

52
 53

CURRICULUM VITAES

FRANZLIE MARIE N. PATALINGHUG

Calma, Calape, Daanbantayan, Cebu

53
 54

Mobile no. 09061579073

Email Address: [email protected]

PERSONAL DATA:

Nickname : inday, marie

Age : 21

Date of Birth : August 19, 1999

Place of Birth : Calape, Daanbantayan, Cebu

Gender : Female

Civil Status : Single

Citizenship : Filipino

Religion : Roman Catholic

Mothers Name : Lynn N. Patalinghug

Fathers Name : Enrique S. Patalinghug

Language/Dialect Spoken : English/Tagalog/Bisaya

EDUCATIONAL ATTAINMENT:

Tertiary : Bachelor of Science in Information Communication

Technology

CEBU TECHNOLOGICAL UNIVERSITY

54
 55

Daanbantayan Campus

Agujo, Daanbantayan, Cebu

Secondary: Calape National High School

Calape, Daanbantayan, Cebu

Primary : Calape National High School

Calape, Daanbantayan, Cebu

55