A web application for browsing research papers By: Rhea Dookeran 09’

Slides:



Advertisements
Similar presentations
A Roadmap of Open Source components for GI Web Services and Clients A Paul R Cooper MAGIC.
Advertisements

Other Web Application Development Technologies. PHP.
1 Web Site Design Overview of the Internet Cookie Setton.
Lecture 11 Server Side Interaction
Programming Club IIT Kanpur. Work environment Before you begin coding,always set up your work environment to your needs IDE Notepad++ Sublime Text 2.
A really fairly simple guide to: mobile browser-based application development (part 1) Chris Greenhalgh G54UBI / Chris Greenhalgh
Sriram DRUPAL GCI What is a drop down menu? A drop down menu is a menu of options that appears when an item is selected with a mouse. The item.
Search Engines. 2 What Are They?  Four Components  A database of references to webpages  An indexing robot that crawls the WWW  An interface  Enables.
Project 1 Introduction to HTML.
1 Chapter 12 Working With Access 2000 on the Internet.
Chapter Concepts Review Markup Languages
LYU0101 Wireless Digital Information System Lam Yee Gordon Yeung Kam Wah Supervisor Prof. Michael Lyu Second semester FYP Presentation 2001~2002.
Visual Web Information Extraction With Lixto Robert Baumgartner Sergio Flesca Georg Gottlob.
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
Website Generator for SoftLab By Yohann SABBAH & Mikael V.H Cohen -Under the supervision of Viktor Kulikov- Final Presentation 7/20/2015.
WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
The PHP Story. PHP Story PHP is a programming language. Incorporate(join) sophisticated business logic. Widely used general purpose scripting language.
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
INTRODUCTION TO WEB DATABASE PROGRAMMING
Dreamweaver CS6 Jumpstart CCSA 115 Web tools Lesson 1.
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Building a UI with Zen Pat McGibbon –Sales Engineer.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.
Creating Dynamic Web Pages Using PHP and MySQL CS 320.
HTML: Hyptertext Markup Language Doman’s Sections.
1Computer Sciences Department Princess Nourah bint Abdulrahman University.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
1 What is JQuery. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax* interactions.
ASP. ASP is a powerful tool for making dynamic and interactive Web pages An ASP file can contain text, HTML tags and scripts. Scripts in an ASP file are.
Dawn Pedersen. What is JavaScript? JavaScript is the basis for both jQuery and Spry applications JavaScript is referred to as a client-side scripting.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
A Portrait of the Semantic Web in Action Jeff Heflin and James Hendler IEEE Intelligent Systems December 6, 2010 Hyewon Lim.
 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 13 A & B Programming Languages and the.
Overview Web Technologies Computing Science Thompson Rivers University.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
CS491B Software Design Lab Project Report Yuet-Chi Lee California State University, Los Angeles.
Doktorant ė : Egl ė Mickevi č i ū t ė Software development technologies KAUNO TECHNOLOGIJOS UNIVERSITETAS INFORMACIJOS SISTEM Ų KATEDA Kaunas, 2013.
PHP using MySQL Database for Web Development (part II)
COSC405 Web Application Engineering II Slides adopted from here
Section 10.1 Define scripting
JQuery Fundamentals Introduction Tutorial Videos
Introduction to Dynamic Web Content
Web Technologies Computing Science Thompson Rivers University
Project 1 Introduction to HTML.
ITM352 PHP and Dynamic Web Pages: Server Side Processing 1.
Application with Cross-Platform GUI
Developing Web-Based Applications
Department of Computer Science, Florida State University
LAMP, WAMP and.. L. Grewe.
Submitted By: Usha MIT-876-2K11 M.Tech(3rd Sem) Information Technology
Web Development Using ASP .NET
JQuery with ASP.NET.
Intro to PHP.
Document Object Model.
CIS 133 mashup Javascript, jQuery and XML
An Introduction to JavaScript
Web Technologies Computing Science Thompson Rivers University
Web Application Development Using PHP
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

A web application for browsing research papers By: Rhea Dookeran 09’

Overview Goal: To build an interactive web interface based on the XML output of Amy’s Machine Learning algorithms. Usage: A class tool for CS 349 that enables convenient browsing and selection from a corpus of CS research papers. Technology PHP XML HTML, CSS, JavaScript

Comparison CiteSeer ( Focuses on CS/IS literature Positive Allows you to search by through citations, acknowledgments and Google docs. Can assign tag to the document. Negative Hovering shows one abstract at a time. Clicking on the link redirects you to a new page. Abstract and list of citations

CiteSeer

Comparison GoogleScholar ( Positive Large corpus Does not cover one specific field of study. Familiar Follows the generic Google Search Engine Results Page (SERP) layout. (Minus ads) Negative Hard to compare papers. No abstract: only shows the line where search term/s appear. Have to click on link to learn more.

Google Scholar

Comparison Citeulike ( Positive Can add tags to documents and filter by common tags Overall Web 2.0 style Negative Not visually appealing. Must scroll down to see results. Must click on title to learn more (slide menu categories)

Citeulike

Our System’s Key Features Allows user to compare papers side by side before choosing to view the whole document. (slide menu and hover functionality) Result filtering: Author- List, click or search Keyword- Click, cloud or search Title- Cloud or search Easy to use and visually appealing Dynamic/intuitive interface Menus scroll with user PDF files open in a new tab (easily forgotten in other systems) Not built over a relational database.

So how does it work? XML (Extensible Markup Language) Tag based data storage format To allow one to describe a document in terms of its structure, rather than its page layout Used PHP’s Document Object Model (DOM) library ‘context-rich’ Tags can be defined to specify both element names and attributes. In essence, the tags describe a flat-file database

So how does it work? PHP Widely used scripting language that can be embedded into HTML Dynamic content using static file Reading demonstrated how to use the DOM Library to parse XML. Runs on the web server and can run on most OS’s Free download: Wamp Server running on PC Includes Apache, MySQL and PHP5 for windows

Searching the Web Arvind Arasu Junghoo Cho Hector Garcia-Molina Andreas Paeckpe Sriram Raghavan An overview of current Web search engine design. After introducing a generic search engine architecture, we examine each engine component in turn. We cover crawling, local Web page storage, indexing, and the use of link analysis for boosting search performance. The most common design and implementation techniques for each of these components are presented. For this presentation we draw from the literature and from our own experimental search engine testbed. Emphasis is on introducing the fundamental concepts and the results of several performance analyses we conducted to compare different designs. Authorities, crawling, HITS, indexing, information retrieval, link analysis, PageRank, search engine …

So how does it work? JavaScript (Jquery) Used to create slide effects One of many useful and extensive JavaScript libraries “…simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.” Code is concise thanks to “chainability” Object-oriented programming design pattern Every method within jQuery returns the query object itself, allowing you to 'chain' upon it, for example: menuYloc= parseInt($(name).css(“top”).substring(0,$(name).css(“top”).indexOf(“ px”))) – one line grabs the “100” out of “…top:100px;…” in css file Free and easy to download

Summary Process 3 major iterations 1.0- Basic display & browsing of all documents (10/page) 2.0- Basic display s.t. keywords were active filtering links 3.0 Active author, and keyword links Floating side menus – list of authors and paper frequency, # to display Basic search (by title, author or keyword) functionality Cloud of most common words. Speed Bumps Dealing with non-alphanumeric ASCII characters Figuring out the most appropriate term search algorithm Version compatibility issues -> wamp server Positive Gained valuable experience using popular web application development tools. Had fun designing! Research sparked interest in semantic web

Future Plans Add tag assignment functionality. Integrate the system into the Semantic Web using RDF. Expand upon filtering functionality Modularize code for use in other CS courses

Sources XML and PHP xmldomphp/ xmldomphp/ Uses.html Uses.html PHP/Apache/MySQL PC download Jquery