Download - Faculty of Computer Science, Iasi

colonteeSoftware and s/w Development

Nov 4, 2013 (3 years and 7 months ago)

224 views



ToDo

List







1

Short Description

of the

Web

A
pplication

This application comes in help to those who live a busy life and are on a constant
need of scheduling their every moment of the day.

“ToDoList”
-
the name of the web application, proposes
itself
to solve the users
problems regarding the scheduling of tasks during a determined period of time. The
user can use the application by logging in with it`s facebook account. After logon, the
application loads the existing tasks from the database(if there ar
e any previous tasks)
and the user can view them and perform a number of
actions
. He can delete a task he
does no longer need to do, tick a
task that he had done. He can also apply different
attributes to a task , such as the priority of the task, the dea
dline and also he can add a
short description of the task.




2

Technologies
Used


2.1

HTML5

Short Description



HTML5 is a markup language for structuring and presenting content for the
World Wide Web and a core technology of the Internet. It is the fifth revis
ion of the
HTML standard (created in 1990 and stand
ardized as HTML 4 as of 1997)

and, as of
December 2012, is a
W3C Candidate Recommendation.

Its core aims have been to
improve the language with support for the latest multimedia while keeping it easily
rea
dable by humans and consistently understood by computers and devices (web
browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but also
XHTML 1 and DOM Level 2 HTML.


In
adition to HTML4
, HTML5 adds many new syntactic features. These i
n-
c
lude the new <video>, <audio> and <canvas> elements, as well as the integration of
scalable vector graphics (SVG) content (that replaces the uses of generic <object>
tags) and MathML for mathematical formulas. These features are designed to make it
easy to

include and handle multimedia and graphical content on the web without ha
v-
ing to resort to proprietary plugins and APIs. Other new elements, such as <section>,
<article>, <header> and <nav>, are designed to enrich the semantic content of doc
u-
ments. New at
tributes have been introduced for the same purpose, while some el
e-
ments and attributes have been removed. Some elements, such as <a>, <cite> and
<menu> have been changed, redefined or standardized. The APIs and Document O
b-
ject Model (DOM) are no longer aft
erthoughts, but are fundamental parts of the
HTML5 specifi
cation.

HTML5 also defines in some detail the required processing for
invalid documents so that syntax errors will be treated uniformly by all conforming
browsers and other user agents.



Applicatio
n Usage

HTML5 code can be found in multiple places in the web application code. It is
mainely used in the Front
-
End component so that the browser can easily interpret the
source code.


Sample code:





2.2

CSS 3

Short Description



Cascading Style Sheets
(CSS) is a style sheet language used for describing
the presentation semantics (the look and formatting) of a document written in a markup
language. Its most common application is to style web pages written in HTML and
XHTML, but the language can also be a
pplied to any kind of XML document, including
plain XML, SVG and XUL.


Unlike CSS 2, which is a large single specification defining various features,
CSS 3 is divided into several separate documents called "modules". Each module
adds new capabilities or ex
tends features defined in CSS 2, over preserving backward
compatibility. Work on CSS level 3 started around the time of publication of the ori
g-
inal CSS 2 recommendation. The earliest CSS 3 drafts were published in June 1999.


Application Usage

The Front
-
En
d component of the web application uses CSS3 for a more a
p-
pealing interface and a more efficient/easier stylization.



Sample code:








2.3

JQuery

Short Description



jQuery is a multi
-
browser JavaScript library designed to simplify the c
lient
-
side
scripting of HTML.

It was released in January 2006 at BarCamp NYC by John
Resig. It is currently developed by a team of developers led by Dave Methvin. Used
by over 65% of the 10,000 most visited websites, jQuery is the most popular Java
S-
cript library in u
se today.


jQuery is free, open source software, licensed under the MIT License.

jQuery's syntax is designed to make it easier to navigate a document, select DOM
elements, create animations, handle events, and develop Ajax applications. jQuery
also provide
s capabilities for developers to create plug
-
ins on top of the JavaScript
library. This enables developers to create abstractions for low
-
level interaction and
animation, advanced effects and high
-
level, theme
-
able widgets. The modular a
p-
proach to the jQue
ry library allows the creation of powerful dynamic web pages and
web applications.

Application Usage

jQuery helps the application because it makes possible the traversal and mod
i-
fication of the DOM, the management of the events that can occur, in the usage

of
AJAX, effects and animations, in manipulation based on CSS selectors that uses node
elements name and node elements attributes.


Sample code:







2.4

Ajax

Short Description



Ajax(
an acronym for Asynchronous JavaScript and XML
)
is a group of inte
r-
related web development techniques used on the client
-
side to create asynchronous
web applications. With Ajax, web applications can send data to, and retrieve data
from, a server asynchronously (in the background) without interfering with the di
s-
play and b
ehavior of the existing page. Data can be retrieved using the XMLHttpR
e-
quest object. Despite the name, the use of XML is not required (JSON is often used
instead), and the requests do not need to be asynchronous.


Ajax is not a single technology, but a gro
up of technologies. HTML and CSS
can be used in combination to mark up and style information. The DOM is accessed
with JavaScript to dynamically display, and allow the user to interact with, the info
r-
mation presented. JavaScript and the XMLHttpRequest obje
ct provide a method for
exchanging data asynchronously between browser and server to avoid full page r
e-
loads.

Application Usage

The web application uses Ajax because it helps with the "comunication" b
e-
tween the functions/variables inside the app code and
the transfer of data in Ajax is
based on JSON objects wich we it
-
s used in numerous situations(for example writing
a task in the database or loading the tasks for the user from the database).


Sample code:




2.5

PHP

Short Description



PHP is a server
-
side
scripting language designed for web development but
also used as a general
-
purpose programming language. PHP is now installed on more
than 244 million websites

and 2.1 million web servers.

Originally created by Rasmus
Lerdorf in 1995, the reference impleme
ntation of PHP is n
ow produced by The PHP
Group.

While PHP originally
stood for Personal Home Page
, it now stands for PHP:
Hypertext Prepr
ocessor, a recursive acronym.


PHP code is interpreted by a web server with a PHP processor module which
generates the

resulting web page: PHP commands can be embedded directly into an
HTML source document rather than calling an external file to process data. It has also
evolved to include a command
-
line interface capability and can be used in standalone
graphical applica
tions.

Application Usage

The web application uses PHP language because it helps it in the transition of
data between the Jscript, html code and database and most important it facilitates the
the simplicity and understanding of the code. It is used for the

retrieval of data(tasks)
from the database when the user logs on the application, for the sending of data when
the user has added a new task to his list, for the authentification with the facebook
account.


Sample code:







2.6

MySQL Lite

Short
Description



SQLite is a relational database management system contained in a small (~350 KB)
C programming library. In contrast to other database management systems, SQLite is not a
separate process that is accessed from the client application, but an
integral part of it. SQLite is
ACID
-
compliant and implements most of the SQL standard, using a dynamically and weakly
typed SQL syntax that does not guarantee the domain integrity.


SQLite is a popular choice as embedded database for local/client storage i
n applic
a-
tion software such as web browsers. It is arguably the most widely deployed database engine,
as it is used today by several widespread browsers, operating systems, and embedded systems,
among others. SQLite has many bindings to programming languag
es.


The source code for SQLite is in the public domain

Application Usage

MySQL Lite is used in the managment of the database that contains the i
n-
formations about users and their tasks.


Sample code:








3

Application

Architecture

Below are two diagrams
that
will help make an idea regarding the architecture
of the application.



















The Distribution of Technologies


How does it work?









4

Team mem
bers

-

Tudosa P. Razvan
-
Petru

-

Iacob F. Ovidiu


Faculty of Computer Science, Al. I. Cuza
University, Iasi


P.S. : The real name of the project according to the project list would be “WebToDo”
.





It is a type C project for a team of 2 people.

5

Biography

During the development of the "ToDo List" web application we had to r
e-
se
arch different things.

Here is a list of site that have helped during the development process:


-

HTML5

http://en.wikipedia.org/wiki/HTML5


-

CSS3

https://en.wikipedia.org/wiki/Cascading_Style_Sheets


-

jQuery

http://en.wikipedia.org/wiki/JQuery


-

PHP

https://en.wikipedia.org/wiki/PHP


-

AJAX

http://en.wikipedia.org/wiki/Ajax_(programming)


-

SQLite

http://en.wikipedia.org/wiki/SQLite


-

W3Schools Tutorials

http://www.w3schools.com/


-

The Course Website

http://profs.info.uaic.ro/~busaco/teach/courses/wade/web
-
film.html


-

Facebook API

https://developers.facebook.com/












Contents



1

Short Description of the Web Application
................................
.......................

1

2

Technologies Used

................................
................................
..........................

1

2.1

HTML5

................................
................................
................................
...

1

Short Description
................................
................................
............................

1

Application Usage

................................
................................
...........................

2

2.2

CSS 3

................................
................................
................................
......

3

Short Description
................................
................................
............................

3

Application Usage

................................
................................
...........................

3

2.3

JQuery

................................
................................
................................
.....

4

Short Description
................................
................................
............................

4

Application Usage

................................
................................
...........................

4

2.4

Ajax
................................
................................
................................
.........

5

Application Usage

................................
................................
...........................

5

2.5

PHP

................................
................................
................................
.........

6

Application Usage

................................
................................
...........................

7

2.6

MySQL Li
te

................................
................................
............................

8

Application Usage

................................
................................
...........................

8

3

Application

Architecture

................................
................................
.................

9

4

Team members

................................
................................
..............................

10

5

Biography

................................
................................
................................
......

11