Introduction … … … … … 3 [605620]

1
UNIVERSITY POLITEHNICA OF BUCHAREST
FACULTY OF AUTOMATIC CONTROL AND COMPUTERS
COMPUTER SCIENCE AND ENGINEERING DEPARTMENT

MASTER THESIS

Managing engineering student: [anonimizat]:
Conf.dr.ing. Maximilian Nicolae

Student: [anonimizat]

2
Contents
Introduction ………………………….. ………………………….. ………………………….. ………………………….. …………………………. 3
Project motivation ………………………….. ………………………….. ………………………….. ………………………….. ………………… 5
1. Related work ………………………….. ………………………….. ………………………….. ………………………….. ………………… 5
1.1. Problem description ………………………….. ………………………….. ………………………….. ………………………….. ….. 6
1.2. Problem formulation ………………………….. ………………………….. ………………………….. ………………………….. …. 8
1.3. Analysis of proposed solutions ………………………….. ………………………….. ………………………….. ……………….. 8
2. The phases of project management ………………………….. ………………………….. ………………………….. ………………… 9
3. The propo sed architecture ………………………….. ………………………….. ………………………….. ………………………….. . 10
3.1. Software technologies used ………………………….. ………………………….. ………………………….. ………………….. 12
3.2. Database design ………………………….. ………………………….. ………………………….. ………………………….. ……… 14
3.3. Backend solution ………………………….. ………………………….. ………………………….. ………………………….. …….. 15
3.4. Application components ………………………….. ………………………….. ………………………….. ………………………. 16
3.5. The way to integrate ………………………….. ………………………….. ………………………….. ………………………….. .. 16
4. Managing engineering student: [anonimizat] 16
4.1. Content Management ………………………….. ………………………….. ………………………….. ………………………….. 17
4.2. Authentication and r oles ………………………….. ………………………….. ………………………….. ………………………. 17
4.3. Managing engineering student: [anonimizat] 18
5. Technological description ………………………….. ………………………….. ………………………….. ………………………….. .. 18
5.1. Requirements ………………………….. ………………………….. ………………………….. ………………………….. …………. 18
5.2. Development methodology ………………………….. ………………………….. ………………………….. ………………….. 21
5.3. Project Objectives ………………………….. ………………………….. ………………………….. ………………………….. …… 21
5.4. Project Benefits ………………………….. ………………………….. ………………………….. ………………………….. ………. 22
5.5. Project Risks ………………………….. ………………………….. ………………………….. ………………………….. …………… 23
5.6. Project Concept ………………………….. ………………………….. ………………………….. ………………………….. ………. 24
6. Project planning ………………………….. ………………………….. ………………………….. ………………………….. ……………… 21
6.1. Establishment and timely planning of project activities ………………………….. ………………………….. ………… 25
6.2. Methods and planning tools ………………………….. ………………………….. ………………………….. …………………. 26
7. Project implementation ………………………….. ………………………….. ………………………….. ………………………….. ….. 27
8. Scenarios and Results ………………………….. ………………………….. ………………………….. ………………………….. ……… 28
Project List ………………………….. ………………………….. ………………………….. ………………………….. …………………………. 30
Customer list ………………………….. ………………………….. ………………………….. ………………………….. ………………………. 31
Project summary ………………………….. ………………………….. ………………………….. ………………………….. …………………. 32
Comments ………………………….. ………………………….. ………………………….. ………………………….. ………………………….. 32

3
Managing engineering student groups
Motto: “More hands make for lighter work.”

Introduction

A problem of great importance today is to organize groups of students efficiently, to allo w them
to collaborate in more complex projects, and to enable them to show the results of the work
involved in a project. The fact that there is a close relationship between the physical activity and
self-image is obvious, but this linkage is deeper and im pacts our society harder than we are
tempted to think on the web site, mostly on the adolescence category.
Through technology the software companies have developed different tools in order to create
schedules for users to keep fit, exercises to train and also benchmarking of their work and a way
to view other friends work.
The idea of this project came from the need of managing projects efficiently in the academic
environment. We are all familiar with the fact that when it comes to engineering projects, w ith
many students involved in (usually), there are many variables we need to take into consideration.
When we choose to work on this project, we tried to identify the most „burning” needs of a
group of students involved in an engineering project, from a pr oject management perspective.
Some of the benefits of a project management application are:
– More effective control over resources (material, financial, human and information);
– improving customer relationships;
– decrease the time stages of development;
– reducing the cost of research and development;
– Better coordination of activities;
– increased timeliness in execution, delivery, etc.
Discussion above may be argued by the parties for and against. All information on the Internet is
not always the most true to have correct information should check the information source and
validity, and reading specialist articles. Using the internet can get information much faster and
can solve problem. An engineer is defined as a person who solves problems in a creat ive and
unique. The truth is that not every problem has a solution fast, elegant and creative. Creativity is
based on one of the most important assets of an engineer, an asset that should be practiced and

4
improved at every opportunity and the best way to d o this is by understanding each solution and
the algorithm used. Another asset gained in understanding the algorithms used is that it will not
be easy to remember and easy to apply in other circumstances.
Success was always something desired by everyone. S uccess is a process lasting obtains
gradually through hard work and perseverance. Being cool means to be popular in the spotlight,
people to want to do things the way they do personal "cool". A "nerd" is not the center of
attention but have a higher succes s after finishing studying.
The current generation wants change, many people want to become Bill Gates. We can say that
everything we think, what we do and how we do I've part of development in terms of our future.
Nowadays most companies have a close rela tionship with service media in their work, this is one
of the fastest medium in which information can be obtained and can provide details. For this
project the best service is LinkedIn. Integration with LinkedIn offers access to companies that
want access to young student can receive funding for projects proposed by them, also everyone
has access to sources and optics can offer a suggestion to solve a piece of the problem, can
deviate abilities each student. Also for companies seeking to invest in people it are a big
advantage because, in addition to the skills of potential employees could gather feedback from
other members and see how the candidate has gathered experience and that is very important
when investing in people with little or no experience like students.
Facebook and Twitter cannot be used in this work is the largest social media platforms on the
market. By integrating these applications would mean that the site will be faster known people.
There are several groups on Facebook that are created fo r each year of college or every master
specialization and integration with Facebook would mean a smoother transition of our platform.

5
Project motivation

The MESG application is based on the Moodle structure, which has become a popular system
for teaching courses around the world. This also brings increased storage of information and ease
of delivery of accumulated information.
This application helps students, here companies and teachers can connect and add projects. They
have transparency in the p rojects, they can see their evolution, the problems encountered. A
company wants to migrate to a new language of development, but it does not know what impact
and what the learning time of the employees. They can log in to the application to post a project ,
noting that they want to be in that programming language. During development, they can see the
evolution and problems they face, so they can make a decision if they deserve to be integrated
into the company. Teachers can motivate students by equating mat erials. For this reason,
developing a web page that includes some additional features may be a plus. These
developments can be easily integrated into the Moodle module and the list of available features
can be expanded.

1. Related work

In order to find the best approach for designing managing engineering student groups , we
have applications open -source project management. We analyzed their interface and
functionality for establishing possible features which can be integrated to this software
application. Wh en comparing these applications, we must have in mind the objectives of
managing engineering student groups and the basic functional requirements which this
applications aims to offer. Therefore we looked for similar applications which provide a user –
frien dly interface and can adapted to the needs of our „customers”, the students involved in
engineering projects.
A web page is project management software must provide tools for planning and organized
resource, in order to achieve project goals. It must be de signed to simplify the management of
any project or even multiple projects.
A list of project management web and open source software applications we investigated, with a
short description and a list pro‟s and con‟s related to MESG objectives and goals.

6
MyCollab
Collab is a open source project management and document software for small or mid -size of any
distributed team. The project was started in 2014.
Key features:
 Project
 Tasks
 Customizable
 Regularly update
 Work for both desktop and mobile devices
Tech nologies : Java and php
Pro‟s:
 Interface is Easy to change and easy to extend
Con‟s:
 Discontinued frameworks
Difficult to install

1.1.Problem description

In the project design phase, problems need to be identified. The problem is "an unwanted,
negative, ha rmful situation that generates the initiative to launch the project." In order to solve
problems, project ideas should be classified and followed by their development. Classification of
the idea must take into account a number of aspects: the situation to be solved, the human,
material and financial resources, as well as the concrete ways of solving.
The problem tree is the tool that can analyze an existing situation by identifying major issues and
viewing them as causative relationships. The result of thi s analysis is through graphical
representation of problems, with a distinction between "causes" and "effects".
The scope of this project is to develop a software system that will ease the management of an
engineering group. An application can be a great wa y to keep up with the projects. In this
process, students improve their programming and research skills, develop better communication
with colleagues and adults and often work in their community while seeing the positive effect of
their work.

7
In the previo us section a few of the available open source software solutions were presented, in
order to give an idea about what can be done at the moment. Only open source software was
taken into consideration because of the need to have free and modifiable software.
We have identified the following requirements for our system:
 Maintain a list of current (available) projects and past (completed) projects
 Expose an administrative interface for adding and maintaining projects and project
related information
 Contain docu ment templates for an easier project management
 Simplify project tracking by: setting objective, tasks, milestones, reports, feedback
forms
 Permit assignment of users to projects and tasks
 Allow different access levels from each type of stakeholder
 Contain calendars (with milestones, meetings) for all resorcer
 Be extensible and to have a modular design
 Have customizable UI: the user chooses what information to see from this available
resources
 Share optional user information: number of tasks completed per p roject, deadline
adherence
 Flexibility to add new software components and integrate them on project basis: id a
project needs additional features (implemented in a separate software which can ve
added as plugin ro the system) then plugins can be associated to the particular project.
This group system will affect several users: students, project coordinators, sponsor and
beneficiaries:
Student: The student will be the central role for this system. Students have implementing
in project and may even be inspire d to pursue a career or engage to the project, and their role is
specifically defined for each project. They are given specific tasks in a project and the
completion of the task is overseen by the coordinator.
Coordinators: The administrator of the project . The administrator of the project. His
role will be to supervise and track the activity for that project, to assign students for different
tasks and to ensure that each milestone is reached and project is completed according to the
previously set deadl ine.

8
Sponsors: Project sponsors have an important role. The aim of this platform is to attract
as much sponsors as possible, by promoting the values and results of the student, therefore
sponsors need to have visibility or results and performance. The spo nsor is the person or group
that provides the financial resources for the project.
Beneficiaries: The ones that benefit from the results of the project. They propose the
project, and approve its start. They have access to official results and can see diffe rent reports on
activity. Not all projects have a beneficiary, in fact most of them are expected to be public and
not have a direct beneficiary of the results.
Stakeholders for this service are:
 students
 beneficiaries
 coordinators/ professor
 sponsors
 companies

1.2.Problem formulation

In the process of training, company manager is requesting information from teachers about
students who have worked on projects, stores them in a database and collect the data with the
information relating to the student if they have carried out a project of quality, if he came with
ideas of improvement. This process is made manually, each time it is required a detailed
presentation and a statistical performance indicators relating to the availability of the students,
consume s time and effort.

1.3.Analysis of proposed solutions
In order to solve the project, a web page will be developed, accommodating projects that
respond to students' demands and market requirements. This system will be accessible online by
students and company administrators who will provide all the information needed for the
projects without having to develop a highly complex system.
From a technical point of view, a database will be developed, accessible to all administrators of
companies and students, through a user -friendly, easy -to-use interface for a shorter period of
accommodation.

9
This web page will update with changes to the database information and a project module that
will exponentially decrease the effort and time it takes to have a faster situation.

2. The phases of project management

Project management should include a risk analysis and a definition of the criteria for successful
completion of each deliverable.
All projects, regardless of domain, have several stages / phases.
• Conceiving the projec t
• project planning
• project implementation
• Evaluating / reviewing and reviewing the project
Stages of planning, execution and control are part of the life cycle of the project, they are
interdependent and successive.

10
3. The proposed architecture

The quality and appearance of the web application is significantly influenced by the
architecture. Due to the lack of architectural aspects, we may have negative results in terms of
the quality of the web application. Before designing the architecture of a sof tware system, it is
important to get a clear picture of the requirements and expectations that affect architecture.
Often these requirements are non -functional requirements, most of which refer to the quality of
the software system. In the process of ident ifying architectural requirements, we have two input
stages: in the first step, the architect should analyze the functional requirements, and in the
second step he must also take into account the requirements of those who will interact with the
application . Following the analysis of the two types of requirements, the requirements that affect
the architecture of the software system arise. The process of analyzing requirements to isolate
requirements that influence architecture is illustrated in Fig. 11.2.

In developing the web application, we need to consider a large number of requirements and
constraints.
Quality indicator Requirement
Performance The application must have a response time of less than four seconds for 90% of
requests
Security All connec tions must be authenticated and encrypted information transmitted
Fiabilitate Loss of comments is not supported

11
Scalability The application must work properly for peak times when a number of 500
users are connected at the same time
Table 11.1 Examples o f requirements that influence architecture

Constraint Requirement
Business The system should work as a plugin for Moodle because is intended to
integrate into the Moodle platform
Development Scheduling must be done in PHP to use existing development sta ff and to
integrate into Moodle
Time The first version must be released on the market in a year
Table 11.2. Examples of requirements that act as constraints.

An important aspect that needs to be met for the requirements that influence the architecture o f a
software system is that we do not have equal requirements, each requirement has a different
degree of immortality. That is why it is necessary to prioritize these requirements. Below are the
three levels of prioritization:
– High – The software system must implement the requirements with this priority. These
requirements have a hard word to say about architecture.
– Medium – Requirements with this priority will need to be implemented at a time, but are not
absolutely necessary for the first release.
– Low– Desired functionalities
In analyzing the functional requirements we must keep in mind that it is a new development and
we do not have an As Is. In continuation we continue to focus on the needs of those who will
interact with the application.
We wa nt to create a web application dedicated to students, professors and companies who want
to meet the passionate technology people who want to work and why they do not get a
collaboration contract. What the application should contain :
– – Authentication: is o ne of the most important pages, here we can see who logs in and
what profile it has (student or admin)

12
– – Student: after successfully logging in, the student can have what projects are available,
the complexity of the projects, the comments, the information about their solving, if
anybody else works on that project.
– Admin: Administrator has the right to create new projects, edit, view what students are
working on projects, extract reports, view the stages of the project

3.1. Software technologies used

The s ite was developed using PHP, HTML, CSS, JavaScript, MySQL merged into a user –
friendly interface intended to provide a comprehensive view of business lending.
Tools of information and communication technologies used
The Web is local or global distribution system hypermedia information. From a technical
standpoint, Web space provides a global standard for multimedia communication and the
information is organized and distributed associative to the demands of users, operating the model
client / server. We can see the Web as an information space composed of elements of interest,
referred to as resources designated global identifiers called URI (Uniform Resource Identifiers).
Web pages and Web Servers
The basic concepts are request and response: a Web client sen ds a message (request) to a
server. The message contains the desired resource identifier given as a URI (Uniform Resource
Identifier), the access method used, protocol version, and a series of meta information that can be
helpful server.
Includes server r esponse code indicating an application server status after interpretation,
explanatory text to status code transmitted meta -information to be processed by the client and
possibly content (e.g., requested resource).
Frameworks
Frameworks are of key importa nce for developing large -scale object -oriented software
systems. They promise higher productivity and shorter time -to-market through design and code
reuse. However, many projects report that this promise is hard to fulfill: the design of object –
oriented fr ameworks is all but well understood. This introductory chapter sheds some light on
why this is so, and presents several key problems. It thereby poses the research questions that

13
have driven the work presented in this dissertation, and gives an overview of how and where
these questions are answered in this work. [3]
A set of standardized concepts, practices and criteria to be applied on a particular type of
problem, which serves as a reference to propose and solve problems with similar connotations.
If systems, a framework is often a layered structure that indicates what kind of programs can or
should be built and how they would interrelate. Some teaching computer systems also include
real programs, specific programming interfaces, or offer programming too ls for teacher use. A
framework can be for a set of functions within a system and how they interrelate; layers of an
operating system; a subsystem application layers; how communication should be standardized to
a certain level of a network; and so on. A fr ame is generally more comprehensive than a protocol
and more prescriptive than a structure.
Good system design depends upon solving the dynamic interacting needs of the four
principal components of any user – system situation: user, task, tool and environm ent. This
system is enmeshed in ever larger system – the community, the state, and so on. [4]
PHP, Apache and MySQL
PHP is a scripting language widely used in the development of web pages and web
applications. It was created developed in 1995, from his d esire to create a script to track the
number of visitors to his site. Initially, PHP was Personal Home Page and was launched as an
open source project over time, many developers joining software upgrading. In 1997, PHP was
named "PHP: Hypertext Preprocesso r" and is one of the most important and popular web
programming languages. As open -source software and having robustness confirmed in nearly 20
years of use, PHP shows a clear advantage in its strong competition with other languages and
programming technol ogies Web server side such as ASP, ASP.Net, Java Server Pages (JSP) and
so on.
To use PHP on a website, you need a server to process scripts PHP. Apache is an open source
HTTP server, which, once installed on your computer, allows developers to run PHP scr ipts
locally, therefore which Apache is an important element for local development.
For dynamic websites is important component data storage so that they can be changed quickly
and easily – this is the main difference between a website and a static site d ynamic HTML.
Because done in PHP does not provide an efficient method of storing information, it requires a
management system relational database (DBMS).

14
MySQL is a management system relational database, produced by Swedish MySQL and
distributed under the GNU General Public License. Is the most popular open -source DBMS
currently is a key component of the LAMP stack (Linux, Apache, MySQL, PHP) .Although it is
often used together with PHP, MySQL can build applications in any language major.
HTML, CSS and jQu ery
For a web page to be displayed in a browser (navigator), it is necessary to use a markup
language, which aims to structure and document presentation. HTML (Hypertext Mark acronym –
up Language) is the markup language that underpins web pages and uses lab els called tags that
specify the playback information. The browser interprets the tags, and so the document is
structured in different ways: tables, lists, paragraphs, headings, etc.
Cascading Style Sheets (CSS) is basically a pseudo -formatting language u sed to describe the
presentation of documents written in a language based on markings (HTML, XML etc.). [6] Files
CSS (cascading style sheets) allow proper separation of HTML content of a document, style
display / formatting the page thereof.
JavaScript i s a programming language for scripting, working on the client side and which defines
the behavior of elements in a web page. In general, JavaScript is used to add functionality to a
Web page, for example to respond to different actions (click, mouse moveme nt, pressing a key)
to communicate with the server, validate data and more. JavaScript was developed by Netscape,
Brendan each, as the Live Script, extending HTML features. JavaScript has emerged from the
need to solve relatively simple tasks on the client side to make it more interactive and navigation
within the site.

3.2. Database design

To build a site, we need a database. Nowadays, all web developments and not only are linked
to a database. Even if we are talking about a small company, a simple blog or websites
developed for large companies, oriented to a large number of users. Regardless of the complexity
or simplicity of the web page, it has an appropriate database, with a planned layout to function
efficiently and securely.
To have an efficient and fu nctioning database, we need to think about what dormin to store in it
and why we need it. The goal is to make a general and complete idea of what our application
should contain. This is useful because, it is often difficult to add elements, or new structur e.

15
The general structure of the database is as follows:
UserAdmin: To use this service, all actions must create an account. Administrator
account has more than one function, here can connect the members, the sponsors or the teacher.
When loading a projec t, they can offer solutions, offer suggestions, or invest.

UserStudents: to use this service all actions must create an account. A member can see
projects can enroll in a project, give up the project, and upload results of a project

WebPage – It can crea te a web page with simple graphics people can see different
projects.
ProjectTrasking – It is used to create a project, better organization of business by
viewing progress and adding suggestions.

Project – this part is used for public projects, placemen t feedback for projects. Also in
this part companies could decide whether they want to invest in your idea to become a reality.

Database UML Design

3.3. Backend solution

The back end is the machine that runs a site – here we have the way the site works,
changes and actions. The user can not see what's going on in the back end and can not interaction
with his. In the back -end side, account must be taken of security, structure and content
management. In the back, languages such as PHP, HTML, CSS have been use d. For this project,

16
we need a dynamic application to display in real -time the new comments, projects and reports,
the content of a project can undergo constant changes. For this site we need a database that
works efficiently. All changes related to user, project s, reports are uploaded to the database.

3.4. Application components

To have a better outlined overview, components can be divided into multiple points. Process
development will take place in several stages. At the end we need to have a functional an d easy
to use application.
Below are the elements that build the application:
a) Home page
In the first page of the site identifies the type of authentication, viewing projects, or creating a
user.
b) The pages inside
The pages inside are depending on the type of authentication. If we authenticate as a student, we
can see the active projects, participate in their realization, or provide information about these
projects. Administrator account has more than one functions, here can connect the members, the
sponsors of the teacher. When loading a project, they can offer solutions, offer suggestions, or
invest.

3.5. The way to integrate

The application is a platform dedicated to projects and learning (e -learning) to help teachers
and companies create online projects tha t focus on interaction and collaborative student building.
When performing the project, we analyzed the Moodle platform, and the analysis revealed a lack
of transparency, related to courses, information, and authentication . The two web pages are made
in ph p, so our application can easily integrate into Moodle.

4. Managing engineering student groups

As noted above, managing engineering student groups is a system dedicated to students,
teachers and companies. It allows creating new projects on the dedicated p age. With a user –

17
friendly and easy -to-use interface, design opportunities, support for students, thanks to the above,
this application can be successful.
4.1.Content Management
A project must be classified into a category and contain all the information, the resources for its
realization. These classifications are used to make a clear requirement and to meet the students.
Resources are stored as useful information; they can be items such as books, files, folders, URLs,
or tasks such as tasks, discussions, for ums, tests, and many other documents.

4.2.Authentication and roles

In order to be able to see the content of a project, users must log in to the application. Users
typically need to connect to the app to access their work projects and changes information wi th
other people, users' access can not be restricted, giving them the opportunity to view all available
projects and provide information. A user may not participate in more than two projects and may
withdraw from a project at any time. The application can also be viewed by unregistered
individuals to view the public content that is at the project level.
Below are some predefined roles:
– Admin: The site administrator can create, modify, view and delete all information, users,
teachers, companies.
– Project Cre ator: Manages project structure, creates new projects or delete a project,
provides information about the protocols, but can not remove a student enrolled in the
project.
– Student: Students have permissions to view the projects and resources to accomplish
them (for example, they can see the content of a project even if they are not enrolled,
write a comment, and upload files after the project has ended.
– Visitors: Users who are not logged onto the platform. They have minimum permissions,
just to view the main page containing the available projects.
Once a user is logged into the app, he has access to all the projects, without having to join a
group. Normally, users can sign up for themselves or are signed in by an administrator . Users
need to participate in p rojects to be able to upload projects, and at the time they can receive more
information about the project.

18
4.3.Managing engineering student groups modules

Managing engineering student groups is a webpage programmed into PHP that is divided into
different mod ules and blocks that make up the application. Each module is responsible for its
own functionality so that all modules can interconnect each other.
The modules are:
– Chat: allows users to create a chat that includes the people they work with, which could
facilitate communication
– Calendar: displays a calendar in the browser and where different types of events can be
placed, all interested users can participate
– Project: you can manage the categories and the scope of a project.
– Message: – Allows messages to be sent if changes occur, problems in the project.
– Notes: Teachers and responsible people in the company can provide notes about the users
and the quality of the project.
5. Technological description

In this section, the objectives sought in this project will be explained. These objectives will be
limiting the scope of the project and defining certain development restrictions.
During the project there will be different options that can be chosen to achieve the project
objectives, so the options taken will be co mmunicated and the reasons why they are chosen will
be explained. Also, the development methodology that will guide the project in defined phases
will be outlined. Requirements, design decisions and methodology will form the basis for the
next section in w hich the project objectives will be achieved.

5.1.Requirements

A key objective is to make the monitoring process more efficient and to provide a feedbeck of a
project. The application interface is quite friendly, thought out for intuitive use. The purpose of
this studio is to create a project management application. This web page can be integrated into
the Moodle application. For example, the app contains a report that can be extracted to see all
users who joined a project. Another example is the opportunity to comment on projects.
Also, all uploaded projects can be moved to the backup side to avoid unintended loss or deletion.

19
The architecture of the system helps us communicate: client / servers. The Internet is based on a
client / server models, in turn it i s composed of two entities. The first entity is the client who has
the task of starting the communication process. It uses a service provided in turn by another
entity. In addition, the specified services may be proportionate in several different ways. The
way these services are provided is defined by the distributed application, but its interface
depends mainly on the communication protocol used. For example, if a status protocol is used,
the status of the communication should be considered at the time the program's sentences are
created.
Therefore, integration with Moodle should be possible to add some missing items from this
application. Also, the two applications are developed in PHP and can be modeled very easily,
each application brings added value an d decreases the information effort related to certain
projects or real -time information for the realization of a project.

5.2.Design

The purpose of the project is to design a web interface that adapts certain technologies to
meet user requirements.
At the s ame time, a website should be attractive, but we need to think about end users who
will not access the site to admire it, but to find some information or to perform a certain action .
A successful website translates to a site that understands the needs of u sers, that is why through
web design, visitors must be directed to the actions for which they access the site . Having this in
mind, we can not ignore the potential of conversion -centered web design elements. For example,
images, colors, written content and navigation are the protagonists of a successful website. As
long as the images are qualitative and unique, the colors are attractive and contrasting, the texts
include descriptions and instructions, and navigation is smooth and enjoyable, there are no
reasons why visitors to a website have abandoning intentions.
There are many things to consider when it comes to web design, especially in the process of
creating a website, using a wireframe to draw a skeleton and the basic idea of a website and
choosing the right color Typography or site size, etc.
The world of web design is vast, trends in web design come and go and there is always a new
way to accomplish a task.

20
Here are the basic concepts and what we will take into account during the website creation
phase:
 Structure – it's a visual guide and it works more intuitive to figure out how the
skeleton of a website will look. Its elements are: information design, navigation design and
interface design.
 Design and layout – is the most complex phase of the web si te creation process that
takes into account the idea we started out, the sketch of a framework, adding a grid to the file,
dividing the layout, choosing typography, and selecting color scheme. Once we have set this up,
we will rethink everything as a whol e and we will improve the issues that need to be remedied.
When creating a website design, we must keep in mind the browsers that will be used to access it
(Google Chrome, Internet Explorer, Mozilla Firefox, Safari , Opera), the devices used (phones,
table ts, desktops, etc.) and the resolutions of their screens.
 Navigation – Users will rather access information quickly than have more options in
an interactive navigation design. That's why the emphasis will be on accessibility and ease of use
in building th e navigation menu. We also take into account the information architecture
including common elements that are easily identifiable by visitors: homepage, products /
services, contact, and other pages relevant to the business.
 Content – is often the one that makes the difference between a user who stays on the
page and one who is rushing to quit. Unique, original, informative, educational and relevant
content is useful both for SEO optimization (search engines, meaning content relevance), as well
as for keepi ng visitors on a website.
 Ease of use and accessibility – no matter how good it is to design a website, if it can
not be easily accessed and used is useless. In this regard, we will avoid aggressive advertising
techniques (pop -ups) that make loading of th e site and interrupting user browsing. In the same
context, we will optimize the images and source code to make sure the site is loading quickly. A
delay of one second results in abandoning the page.
 SEO optimization – is a continuous process that be gins w hen the web site creation
phase starts and the URLs of all pages, metadata, meta tags, meta descriptions and ALT
attributes of images are created. Then, the entire content will be optimized taking into account
the site -relevant keywords that make it easie r for visitors to find it.

21
5.3. Development methodology

At the base of the project, there are several points that make up the project objectives:
1- Determining the cycle objectives: At this stage, the tasks that should be left to reach the final
goal in future cycles must be determined. Searching for all possible ways to accomplish these
tasks is important to make the best choice. In addition, in order to have a well defined cycle field
it is necessary, as well as its limitations according to the time ded icated to that cycle.
2- Risk Analysis: Analyze the predictable issues to assess their costs and decide whether to solve
these problems and how to solve them or look for other alternatives to avoid these problems.
3. Elaboration and testing: this phase con sists in accomplishing those tasks scheduled in the first
phase with the solutions provided in the second. Before completing this phase, you must ensure
that all products work correctly and as they were defined in the initial phases.
4. Planning the next s teps: once the cycle objectives are attained, new targets for future cycles
must be defined, taking into account the time spent and the knowledge gained in the cycle.
6. Project planning
6.1. Project Objectives
In an organization, leadership cannot participa te in the construction of each step, so it
will delegate responsibilities according to the competencies of the employees. For this to be
possible, activities need to be defined and framed in the context of the whole system. To that
end, objectives for each level and organizational entity are defined, objectives that need to be
harmonized in a system that ensures the efficient functioning of the organization / institution
concerned. It is important to establish objectives in order to understand the overall o bjectives set
in the planning and related documents, the key objectives of the project's scope, as well as the
government policy and the objectives formulated and declared for that area.
A qualitative objective will describe how well some features are achi eved, and a quantitative
goal will describe the value to be achieved in a given period of time. For this reason first
qualitative and quantitative objectives will be achieved.
A general objective is the global development direction at which the action plan of the project
must contribute, being more difficult to measure, indicating the direction the project proposes to
follow and the prospect that it might open up. The general objective is divided into several
objectives, to be stated, commented, explained, concretized and delimited so that the team can
distinguish between what is being done in the project and what is not done.
For the project to be successful, the team must understand and accept both the organization's and
the project's objectives. Both orga nizational and development goals are set by management,

22
providing the basis for all subsequent activities and actions of the organization / institution
concerned.
With this knowledge, the project's efforts will be focused on providing tools for project
realization and functionality. The database was designed to facilitate the development of
applications that interact with the application and exploit this functionality. However, this web
page needs to be configured to make the database work properly.
The o bjectives of this project are summarized as follows:
– Development and studying the possibility of migrating to Moodle external programs
that is based on student information.
– Facilitate the use of web services
– Analysis of how a person wants to connec t and work on projects, or gives an indication
of some issues that have arisen in developing a project. Analysis of the ways a student takes the
projects (how to solve the project, how many problems are to the end, how many people join the
project)
– Projection of architecture and components of an application through which a user can
create a project, can view the projects and can attend them
– Implementation of an application through which a user can create a project, can view
the projects from favori te companies and can attend to solve the projects
– Testing of an application through which a admin can create a project, can view the
projects from favorite companies and can attend to solve the projects

6.2.Project Benefits

The relationship with the p roject beneficiaries is very important because this project is
for them. Throughout the project, beneficiaries are consulted and provide feedbeck. The
needs of the group are the most sensitive, as they may change depending on the changes
made in the compan y or school that need the requested web page. Most of the time
continuing the project without consulting the beneficiary can lead to failure. In the project
implementation we have some key points, these are the following: we will establish a
number of comp anies / teachers with the possibility to offer a job or the possibility to
equate a laboratory at a particular course. For example, with a live webpage, it will be easy
to know who the students are working on a project, what his status is, and what problem s

23
are encountered, and so on. Therefore, the project will help students, offering the
opportunity to work from home, provide the opportunity to socialize more easily.

6.3. Project Risks

Risk management is one of the important aspects of the project manageme nt, especially
for the large projects. With MESG, the project manager is able to identify, assess, prioritize the
risks followed by coordinated and economical application of resources to minimize, monitor, and
control the probability and/or impact of unfor tunate events or to maximize the realization of
opportunities .
Risk identification is a component of a strong framework. Without the risk identification process
the organization is unable to manage its key risks and to demonstrate that they are 'in contro l'.
Risk identification process:
•To identify a significant risks and the achievement of its business objectives. (an
example can be the cost and price of the competitors)
•To identify all types of risks regarding major components and controls currently in
place, from all sources, across the entire scope of the organization‟s activities.
•The risks around opportunities are as well as threats that increase the organization‟s
chance of maximizing the benefit of those opportunities when they arise.
•The organ ization has to be aware of its major risks at any point in time, including the
elements to update the organization‟s understanding of risk, such as key indicators.
The major risks that were indented for the current project are the following: the increasing
level of complexity that may be added to the user interfaces and functionalities of the application
that can lead to unstained users. The main risk that was spotted for MESG is the problems that
are likely to occur in the software development of the proje ct. Another risk that can affect the
success of the project is the development of the business plan and marketing plan that can be not
silently documented and so can lack of information that may be vital, leading to wrong decisions
that may impact the budg et of the project. This risk is present because of the complexity of the
business that is built upon the project (being a Business to Business to Customers strategy and
promoting an innovative project for a market that is not in that big need of new client s).

24
6.4.Project Concept

The concept of the project is the first phase of the project, acting in accordance with
the organization / institution or community strategy. There must be harmonization between
the project and the development strategy of the organiza tion / institution, which means that
the idea and the objective of the project must be prioritized for searching / identifying the
source (s) of funding. The objectives of the project must be in line with the organization's
strategic and operational object ives, with the same priorities, goals, values, mission and
vision of the organization. For designing the project, consideration should be given to the
analysis of the internal and external environment, strengths and weaknesses, opportunities
and risks (SWO T analysis). The strategy pursued must take into account internal resources
and external factors, both under current and future conditions.
The SWOT analysis is a strategic and flexible analysis tool being used by the organization
to identify the most appr opriate action lines, establishing the degree of opportunity and
freelancing. This method is used to design an overview of the firm. The purpose of the
SWOT analysis is to establish a strategy or to find solutions to problems, identifying the
points of act ion. The SWOT analysis assesses the internal and external influences of the
organization as well as its position on the market relative to other competitors.
The SWOT analysis is carried out on two levels: the internal level and the external level.
A) The internal level examines the ability of the team or organization to represent
strengths and weaknesses. Strengths are defined by the capacities, resources and benefits of
the organization, as well as the managerial staff competencies, achieving the objectiv es.
Weaknesses describe the vulnerability of the organization, resource limitation as well as
other negative aspects, representing internal conditions that are in contradiction with the
actual values. At this stage, as many members of the organization need to be involved, but
it would be preferable for the management team not to take part in the analysis as it would
lower the degree of sincerity of the participants in the existential problems (Bryson, 2002).
B) The external level is made taking into account the main elements of the external
environment, identifying opportunities or threats for the team. Opportunities are the
organization's interests representing positive values and external conditions. Threats or
negative issues arise from overexploitation of an organization's resources.

25

SWOT Analysis diagram

6.5.Establishment and timely planning of project activities

Once the objectives of the project have been defined in the previous step, this step will set
out the details of their implementation, so the planning of the project activities takes into
account: the description of each activity to be undertaken for the project, the designation of the
responsible person and the description of the sequences The time and the way the activities
interfere. In order for the manager to calculate the costs and be able to supervise the execution of
each task, a complex and well -structured documentation on the project's activities needs to be
done. In order to determine the responsibilities of each organizational el ement, as well as the

26
determination of deadlines and budgets for work, a detailed plan of efforts must be made to
achieve the desired results at the project level. The project plan is carried out by the project
manager assisted by his team. The starting po int of the plan is given by specifying the activities
developed by the project beneficiary. The specifications of the activities are detailed according to
the organization of the project and the imposed constraints.
The structure of activities must take in to account the duration, costs and human resources,
reflecting the correlation between all the work activities to be carried out in order to achieve the
project objectives. The structure of the activities can be represented by the graphic form where
all th e activities undertaken to achieve the project objectives are presented, but also through a
vertical sequence of multilevel activities. Vertical activities are easier to use because they can be
easily written, making it less explicit about the complexity a nd breadth of project activities.
Activity structure should include aspects such as: an authority with specific responsibilities is
delegated, activities are independent or have a low dependency and interface with other ongoing
activities, integration of a ctivities has as a whole a coherent whole, activities can be Measurable
and quantifiable in terms of progress.

6.6.Methods and planning tools

Because projects may take weeks, months, or even years, depending on their complexity,
changes can occur that have a n impact on the cost, technology or project resources. From this
point of view, the manager has to plan, track and reorganize the resources so that the proposed
objectives are reached optimally and on time. Planning the activities of a project seeks to ach ieve
a more economical timetabling of their execution.
One of the best known project management programming methods is the Gantt or bar chart
method.
The Gantt chart is a planning tool with a graphical illustration of a program of activities that
helps in planning, coordinating and monitoring specific tasks in a project. The diagram consists
of a matrix with two axes, namely: the time period on which the project is stretched as the units
of measurement days, weeks and months, but also an axis on which the a ctivities within the
project are represented. The graph is represented by bars that have the length corresponding to
the percentage of the task that has been accomplished, making it easy to control the activities.
These bars do not show interdependence, li nks between activities, which is a good thing because

27
tracking the project will be much easier. If the project is complex, each bar in the diagram will be
decomposed into component activities represented in another chart, and these are integrated with
critical path analysis. The Gantt chart is illustrated on a single page, so team members can have
an overview of the work to be done, but they can also see the content of the project. The project
manager must be careful when estimating the time because the inc orrect time interval estimation
will compromise the whole chart.

7. Project implementation

The most important stage is the implementation of the project, is the actual execution of the
tasks, the achievement of the objectives and the achievement of the results. The implementation
of the project will be done after the problem has been defined and the way of intervening to solve
it after the action plan has been drawn up by establishing the tasks and identifying the necessary
resources.

28
A successful proj ect to run and complete the project has the following criteria: compliance with
deadlines, analysis of the Moolde structure, and way of using the functions and logging mode,
creating a database in phpMyAdmin, to store the logged information Application, ef ficient
exploitation of all resources and the perception created around the project. In order for the
project to be carried out in accordance with the proposed plan, the project manager should
organize meetings with team members, as a rule, before starting an activity at this stage.

8. Scenarios and Results

The main structure of the interface of this site is conceived around the projects. For
teachers, companies or students this can be an advantage considering the similarity with
personal computer files.
Before starting the actual implementing the project, we need the goals of the project and
also the scenarios that users will most likely follow inside the application. The incipient
state of the project easy to use helps us create a new account or log in. The user will register
in the application with the created account and after the login he will be able to see more
information.

Context
Under the name context, here are the logging roles in our application. In other words, a context is
the right of a c ertain role to define capabilities of a user on the site. It is not possible for a user to
assign multiple roles. For example, a user may have student rights to view the projects and at the
same time adhere to them, or a user can have admin rights, add a p roject, direct a student, assign
notes.

29

Category

In the hierarchical scale, the category is the next level after context, here are sub -categories and
projects. All the roles defined in this category will also impact in the subcategories and projects
belonging to that category.
The projects are organized and divided on weekly basis, a project can be split into tasck and can
last for one year. Normally, a project is created by a user with administrator rights. A user
connected to the administrator branc h can add / edit content within a project. Figure 8.2 shows a
page listing the companies and their projects as seen by a student.

Figure 8.2.

Before presenting the steps for managing member in MESG, we need to have a clear
definition of the possible ro les for users.
There are :
1. Admin: administrator has complete control of a project. They may create and delete
membrs, create and delete the project, assign roles in project, extract report.
2. Student: developers are full membrs of a project and may get full access to project.
They can attach documents related to the chosen project, can give indications for
other projects. Also, cannot delete or create projects or other members
3. Visitor: visitors have minimal access to a project. They can view the projects mad e
available and leave comments.

30

First page

The first page is the home page and is seen by anyone who visits the site without the need to log
in. For example, in the top figure (8.2), the logged student sees the list of available projects. The
first page is the simplest, but over time it can change, becoming complex.

After you access the first page on project, you will go to the project dashboard. It shows
all projects, the new registration, admin login and member login.

Student page
Here is info rmation about the student who login,information such as: name, surname, age,
studying, the projects to which he / she is enrolled, the comments on the projects. The student
can make changes to his / her profile as in Figure 8.3.

Project List
For students: You are able to see all projects you are works in the list view by select the tab
„Return Request‟. It shows all projects you are work, the latest activities in these projects,
upcoming tasks.

31
For admin: You can see all active project and what students are working on: View the list by
selecting the "Assigned to the project" tab. Displays all projects, the latest activities in these
projects, view attachments.

Customer list
Customers or project manager are the most valuable aspects of the applicati on.
The "View customer" section helps you manage your customer information, such as:
 How many projects this client created
 The statuses of projects
 Project complexity
 How many students work on the project

32
Project summary
This page keeps you up to date with the latest activities, events, and project information;
the issues need to be known when accessing the project. They are:
 Project Timeline
 Information about members who started working on the project
 Resources used
 Activity flow
Comments
Comments are the simplest way to send information about a particular issue to all members
of the project. It will send an email to all members enrolled in the project so that users do
not have to log in to the application to read the message.

33

Refe rences:
[1] R. G. Steffen B. D. Kirkcaldy, R. J. Shepherd. The relationship between physical activity and
self-image and problem behavior among adolescents, Feb 2002.
[2] Linda Calbom. School -based physical education and sports programs, Feb 2012.
[3] Riehle, Framework Design: A Role Modeling Approach, Swiss Federal Institute of
Technology, 2000
[4] B. Shackel, S.J. Richardson.Human Factors for Informatics Usability, 1991.
[5] Markus Stauble, H. J. Schumacjer. ZK Developers‟s Guide, 2008
[6] https://community.mycollab.com/docs/project -management/introduction/
[7] Roy T. Fielding. Architectural styles and the design of network -based software architectures.
PhD Thesis, U niversity of California, Irvine, 2000
[8]Moodle 2.5 Official Documentation Page: http://docs.moodle.org/25/en/Main_page
[9]TOGAF9.1,Architecture Content Framework, Content metamodel. Website:
http://pubs.opengroup.org/architecture/togaf9 -doc/arch/chap34.html.
[10] Kayla Knight, https://onextrapixel.com/the -basics -of-good -database -design -in-web-
development/ , 2011
[11] Ellie Quigley,Marko Gargenta, PHP and MySQL by Example,2006