2012 summer school 12-14 september, enea, rome, italy web and multimedia database design flavio...

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

Web and multimedia database design

Flavio FontanaFlavio Fontana

ENEA Usability Lab, Department of Computer Science, University ENEA Usability Lab, Department of Computer Science, University of Rome, Italyof Rome, Italy

flavio.fontana@enea.itflavio.fontana@enea.it

2012 Summer School H-DATA 12-14 September 2012, Rome, Italy

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

Usability & Media Laboratory: Ulab

The ENEA Usability Lab is an experienced experts and developers group in web applications, multimedia database design and distributed systems for the fruition of e-learning contents by means of Internet.

The Usability Lab organizes usability testing sessions since 1992.

The Usability Lab issue is to improve the effectiveness, the efficiency and the users systems satisfaction by advanced methods of usability testing and design.

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

ContentsContents

• IntroductionIntroduction• Web-DB & UsabilityWeb-DB & Usability• Technologies and Technologies and

ProjectsProjects• Experimental scenarioExperimental scenario• Conclusions and future Conclusions and future

worksworks

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

University Course

Elements of design databases in the internet network, design methodologies and validation, usability testing.

University of Rome "La Sapienza", Computer Science Department.

“Web and Multimedia database design”

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

STAFF

• Flavio Fontana

Enrico Cosimi

• Giangiacomo Ponzo

• Emilia Cristauro

• Experts

• Alessandro Lo Tenero

• Nicoletta Minelli

External Collaborators:

• Marco Di Domenico

• David D’Arcangelo

• Daniele Vannicelli

Sta Students

• Young Researchers Course: Laboratorio di Basi di Dati IIIngegneria della Università La Sapienza di Roma

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

Activities

• WEB-DB: Web-Database, design, research & development, implementation of advanced Web applications and multimedia databases .

Advanced Visual Interface(AVI) : Studies of visual interface based graphics and multimedia. Study and construction of icons libraries for databases query in Internet.

• Advanced Web Search (AWS) : Research and testing of search engines on websites and databases with flexible selection criteria in connection with users profiles.

• Usability, measurement and testing : Direct observation methods and testing of usability with assistance. Evaluation of complexity and usability degree the systems.

• Multimedia: Research and development of advanced video-communication systems of seminars and lectures on the Internet.

• University Course : Elements of design databases in the internet network, design methodologies and validation tests usability - databases Laboratory 2 course(LABBDII), University of Rome "La Sapienza", Information Department. Thesis degree, internships and research grants.

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

WEB-DB

Web-Multimedia Database Design

Research & development of innovative query system and tools.

Implementation of advanced web applications to manage and inquiry multimedia databases.

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

CARDs

The CARD is an complex object (class) to build a visual interface, based on graphic objects, to manage and inquire database.

The CARS could be organized in stacks.

Each CARD is composed by the following elements: plane, background, field (table), botton (functions), title, text, icons and image.

The Card represent for the user the data domain in terms of: coloured objects, icons, etc. These objects are managed in libraries (database, library, simple and complex query).

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

CARDs

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

CARDs

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

CARDs

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

DYNAMIC ICONS

Query area

Main Menu

Result Area

Query Pre-def.

Query Icons

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

DYNAMIC ICONS

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

DYNAMIC ICONS

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

DYNAMIC ICONS

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

ROOMS

Main Menu

DB Label

Door

QuerySymbol

FunctionBotton

Lift

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

ROOMS

Main Menu

Query

CARD& Text

ResultDisplay

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

Web-DB CARDManagement

ManagementManagement

Query Area

CARD AreaResult Display Area

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

ManagementManagement

Icon Area

Web-DB CARDManagement

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

ManagementManagement

Web-DB CARDManagement

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

InquiryInquiry

Web-DB CARDManagement

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

<html>

<head><meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1"><meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"><title></title></head>

<body bgcolor="#FFFFFF"><!-- #include file="adovbs.inc" --><!-- Vengono reperiti i parametri passati tramiti il link --><% Ricerca=Request.querystring("Ricerca")Table=Request.querystring("Table")DB=Request.querystring("DB")Key=Request.querystring("Key")ViewField=Request.querystring("ViewField")SearchField=Request.querystring("SearchField")Index=Request.querystring("Index")Esatta=Request.querystring("Esatta")Where=Request.querystring("Where")Ricerca2=Ricercaif Esatta="no" thenRicerca="%"+Ricerca+"%"end if%><!-- Si apre il database e si esegue la query su tutti i campi dell'entità riferiti ai record trovati --><%' Open ACCESS database''definizione della stringa di connessione'dsn = "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath("../"&db&".mdb")'dsn = "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" & "c:/database_per_web/chiese_di_roma/"&db&".mdb“''definizione dell' oggetto connessioneset conn=server.createobject("adodb.connection")''apertura della connessioneconn.open dsn' set up sql statement'if Where="" thensql = "select * from "+Table+" where "+SearchField+" LIKE '"+Ricerca+"' order by "+ViewField+" asc"elseWhere2=replace(Where,"*","%")sql ="select * from "+Table+" where "+Where2+" order by "+ViewField+" asc"end ifSet RS = Conn.Execute(sql)

ASP, PHP, JSP, ASP, PHP, JSP, JavaJavaC++C++

Web-DB CARDManagement

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

• "home” Homepage"home” Homepage• TEXT pageTEXT page• Menu PageMenu Page• TEXT, Title, etc.TEXT, Title, etc.• Navigation BottonsNavigation Bottons• Logos, Banner, Icons, Logos, Banner, Icons, ImagesImages• LinksLinks• Backgrounds, Backgrounds, • etc.etc.

Foundamental Website Elements

Web-DB CARDManagement

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

• "home” Homepage"home” Homepage• TEXT pageTEXT page• Menu PageMenu Page• TEXT, Title, etc.TEXT, Title, etc.• Navigation BottonsNavigation Bottons• Logos, Banner, Icons, Logos, Banner, Icons, ImagesImages• LinksLinks• Backgrounds, Backgrounds, • etc.etc.

Foundamental Website Elements

I

D K

Web-DB CARDManagement

2012 Summer School 12-14 September, ENEA, Rome, ITALY 2012 Summer School 12-14 September, ENEA, Rome, ITALY

Web-DB iCARDsManagement & Inquiry

iCARDs

• i Management auto fields selection• i Inquiry• i Navigation• i user profiling• Etc.