Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Standard view
Full view
of .
Look up keyword
Like this
0 of .
Results for:
No results containing your search query
P. 1
WTT_AlotOfThought _ WebSiteContainsAlotOfSaudiandAlotOfSearchMashups

WTT_AlotOfThought _ WebSiteContainsAlotOfSaudiandAlotOfSearchMashups

Ratings: (0)|Views: 68|Likes:
Published by tech2click

More info:

Published by: tech2click on Feb 24, 2009
Copyright:Attribution Non-commercial


Read on Scribd mobile: iPhone, iPad and Android.
download as PDF or read online from Scribd
See more
See less


– W
Author name – …………………………………….
King Saud University – IT departmentKSA – Riyadhemail: ......................................
When internet users want to know about Saudi Arabia places, topics, or watching images and videos belongs to Saudi Arabia it well make they waste a lot of time searching in many sites to find what they looking for.A mash-up demo web site it is developed to serve this purpose. It is a set of two web pages. The first page is a mash-up that let the user to search Google, Flickr and Youtube in the same page. The second one is a mash-up of plotting markers on Saudi Arabia map to show the main Saudi’s cities for example, Makka. Also it contains information about the main places of Saudi Arabia.This project was named AlotOfThought. It contains two web pages. The first one is AlotOfSearch and the second AlotOfSaudi. The poster begins with a description of the mashups and how to create mashups. Then it represents the goal of creating AlotOfSearch and AlotOfSaudi mashups. Next, it describes the methodology of creating these mashups. Finally, it represents the results of these mashups.
Search, Saudi, mash-up, Saudi map, demo, a lot of search, a lot of Saudi, Saudi Arabia 
Mashups are inspiring a new generation of technology enthusiasts and programmers. Mashups enableexperienced web ability programmers to integrate with the giants of the web 2.0 space . As the name implies,mashups mix and mash the programming interface from different web services to create new products andservices [1]. AlotOfThought is a website contains two mashups web pages AlotOfSearch and AlotOfSaudi. It isto serve internet users to access these mashups. The idea of creating AlotOfSearch is to have a web search,image search and video search in the same page that require only one click. It is a mash-up that let the user tosearch Google, Flickr and Youtube in the same page. The characteristic of this mashup is combination. On theother hand, AlotOfSaudi is about displaying a Saudi map with more information about Saudi places. It is avisualization mash-up of plotting markers on Saudi Arabia map to show the main Saudi’s cities. Also itcontains information about the main places of Saudi Arabia. I used Microsoft Popfly mashup editor to createthese mashups.In the next section I present a brief concepts about mashups. In the third section, I present the objective ofcreating these mashups. After that, I explain my methodology of creating my mashups. Then, I present theresults of my mashups . Finally, The conclusion of this poster.
A mashup combine content or data from different web sites into new applications. Wikipedia defines a mashupas "
a web application that combines data from more than one source into a single integrated tool 
" [2]. Mash-ups have three characteristics combination, visualization and aggregation.
Figure 1: Mashups can be created using APIs from competing companies [4].
Creating mashups usually requires significant web development experience, as programmers must writesource code in a programming language such as Java or C# to access APIs and web services from thevarious content providers, and then write the connecting software (the mashup “engine” or middleware) to“mash up” the data from the chosen applications. The mashup engine, such as Microsoft Popfly, is themiddleware that is responsible for connecting the data sources to create the mashup, and then send back theresults over the Internet to the user’s web browser so that the user can view or interact with them. One of thereasons why it is possible to combine data from different sources is because most of these services providedata in a standard XML-based format which can be easily transferred over the Internet. Content for mashupsoften comes from standard XML-formatted data that contains information about a series of specific items.Software developers might also make use of a content provider’s application programming interfaces (APIs)when creating mashup applications. Many organizations provide APIs that allow developers to access theirdata [3].
The main goal of creating AlotOfSearch mashup is to easily search web, image and video in the samepage with only one click.
The main goal of creating AlotOfSaudi mashup is to easily found the information about Saudi Arabiaon the Saudi map.
Popfly mashups editor is a tool that lets users fit together pre-built blocks in order to mash together differentweb services and visualization tools [2]. It uses constructs called blocks to obtain, process, or display data [4].You can consider of blocks in two sides. One side is to consider of them is as a component which providessome functionality. Blocks usually provide one or more of three types of functionality. Blocks that let youdisplay stuff, blocks that wrap around a web site and let you access data from that site and blocks which dosome sort of transformation on their input . Of course, there are a lot of blocks which don't fall into thiscategorization. Another side is to consider of them is as JavaScript code [5]. Web APIs usually consist ofREST or SOAP web services that deliver XML or JSON. Scripting languages play an important role in mashupdevelopment as they often serve as the “glue” that connects data sources and UI components. [6]
The following is the steps of creating AlotOfSearch.Step one: collect data sources: As above, content used in mashups is obtained from a third party source via apublic interface or API (web services) [2]. AlotOfSearch data sources are obtained from Google search API,Youtube API, and Flickr API. Popfly uses JavaScript to invoke the different methods from the Google searchAPI, also Youtube and Flickr APIs
Figure 2: JavaScript code from Flickr block.
Step tow: make a mashup: After collecting the data source, which is in Popfly drag-drop blocks. the blocks bythemselves aren't that powerful When we put these blocks together, we create what we call 'mashups', that’swhy it must to connect these blocks together to make a mashup. The data being mashed are photo, video andweb search results. It simply connect user input blocks ,that has getText operation to retrieves text typed in bythe user, once the button is clicked, with all the other blocks. Now, we create alotofsearch mashup!.The steps to create “alotofsearch” mashups using popfly mashup creator:1. Create a new mashup in Popfly.2. Drag a user input block, google search block, Flickr block and Youtube block to the design area.3. Connect the user input block to all other blocks.4. Drag carousel block then connect Flickr with carousel block.5. Preview the mash up.
The following is the Steps of creating AlotOfSaudi.Step one: collecting data sources: AlotOfSaudi is about display a map and add information to it, so the firstblocks to drag is Virtual earth to display the map. Virtual earth block has addpushpin operation to Adds a pushpin to the map based on latitude and longitude. A latitude and longitude value comes from another block that isconnecting with virtual earth block.
Figure 3: Virtual Earth block information.
Then, we drag a wikipedia block to add information about Saudi Arabia. A Wikipedia block has geoSearchoperation that returns geo-tagged wikipedia entries found for the search term. The search term value wasedited by me.Step tow: make a mashup: The second step is about connecting the blocks together to make a mashup. Byconnecting the wikipedia block with virtual earth block, we add wikipedia entries to virtual earth map. We havenow a map with information on it! Because the information must be about Saudi Arabia, that’s why the searchterm value is Saudi Arabia.
Figure 4: Connecting Wikipedia block with virtual earth.

Activity (2)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads

You're Reading a Free Preview

/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->