flash based webgis system and its application in ... · technology was successfully applied to the...

11
Flash based WebGIS System and its Application in Monitoring and Evaluating China’s Regional Development Jinqu Zhang, YunQiang Zhu, Juanle Wang, Jiulin Sun, Yuyue Xu International Journal of Digital Content Technology and its Applications. Volume 5, Number 5, May 2011 Flash based WebGIS System and its Application in Monitoring and Evaluating China’s Regional Development Jinqu Zhang 1, 2 , YunQiang Zhu 2 , Juanle Wang 2 , Jiulin Sun 2 , Yuyue Xu 2 1. Computer School, South China Normal University 2. State Key Lab. of Resources & Environmental Information SystemInstitute of Geographic Sciences and Natural Resources Research, Chinese Academy of Sciences doi:10.4156/jdcta.vol5.issue5.31 Abstract WebGIS applications are avidly gaining popularity with extensively development and use of GIS technology. By analyzing the current status of WebGIS, a Flash based WebGIS framework was developed. By converting the traditional GIS files such as ESRI Shapefile to the Shock Wave Flash (SWF) file format, the GIS data was highly compressed and suitable for the Internet publication. The technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows that flash technology is smart, has easy configuration and fast speed in building WebGIS applications. Flash technology has great potential abilities in expressing spatial information and graphics rendering. To some extent, it’s unique and better than the traditional WebGIS software in graphics dynamic rendering and especially useful for time-series data analysis using an animation method 1 . Keywords: Web GIS,Flash SWF, Shapefile 1. Introduction Geographic Information System (GIS) has come to be an indispensable tool for analyzing and managing spatial data. The integration of GIS and the WWW has lead to an enormous increase of the usage and accessibility of spatial data. With the advantages in Web Animation, Flash is also suitable for producing maps that are rendered on-the-fly. Flash files are easy to be loaded in the browser and do not need to be stored as pre-rendered files in anticipation of any user request. Thus once a user sends a request, the only work of the software is to paint the objects in a flash file with a particular colour value, which makes it fast. Flash’s excellent performance in manipulating vector graphics and raster images, has long been used to express geographic information. GIS systems developed based on flash technology can be called a FlashGIS system. Seeger (2002) successfully used flash technology in maintaining the image of Iowa beyond the Right-Of-Way. Robin Hilliard (2004) attempts to handle seriously detailed maps in Flash by reading and processing the MapInfo mif/mid files. The Australian Broadcasting Corporation (ABC) news used a simple flash-based GIS system to show the real-time federal elections online in 2004. Zong-zhi Li et al. (2004) discussed the development of WebGIS based on flash. Dang Van Tuyen et al. (2008) designed a flash-based tool and applied it in the management of the Vietnam’s precious forest resources. Some other articles also try to use the flash to show the electronic map. Although there are some WebGIS applications thoroughly flash based, most of them are simple and have limited functionality due to one reason that there is no one tool to convert the existing GIS files, such as Shapefile, directly to the Flash SWF format with attribute data contained. Flash has a good performance in processing vector graphics, but it lacks of the ability in attribute data operation. The manual GIS file format transformation and graphics hand-drawing greatly hinders Flash application in GIS fields, especialy in geographical spatial analysis. With the development of Internet technology, the term “Rich Internet Applications (RIA)” was put forward in a white paper by Macromedia (now merged into Adobe) in March 2002. Since then interest has been building in the idea of a "rich client": a user interface that is more robust, responsive and is the corresponding author and first author. This paper’s editor is Dr Wang Jian (Chinese Academy of Sciences, [email protected]). - 285 -

Upload: dangnhan

Post on 03-Mar-2019

218 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

Flash based WebGIS System and its Application in Monitoring and Evaluating China’s Regional Development Jinqu Zhang, YunQiang Zhu, Juanle Wang, Jiulin Sun, Yuyue Xu

International Journal of Digital Content Technology and its Applications. Volume 5, Number 5, May 2011

Flash based WebGIS System and its Application in Monitoring and

Evaluating China’s Regional Development

Jinqu Zhang1※, 2, YunQiang Zhu2, Juanle Wang2, Jiulin Sun2, Yuyue Xu2 1. Computer School, South China Normal University

2. State Key Lab. of Resources & Environmental Information System,Institute of Geographic Sciences and Natural Resources Research, Chinese Academy of Sciences

doi:10.4156/jdcta.vol5.issue5.31

Abstract WebGIS applications are avidly gaining popularity with extensively development and use of GIS

technology. By analyzing the current status of WebGIS, a Flash based WebGIS framework was developed. By converting the traditional GIS files such as ESRI Shapefile to the Shock Wave Flash (SWF) file format, the GIS data was highly compressed and suitable for the Internet publication. The technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows that flash technology is smart, has easy configuration and fast speed in building WebGIS applications. Flash technology has great potential abilities in expressing spatial information and graphics rendering. To some extent, it’s unique and better than the traditional WebGIS software in graphics dynamic rendering and especially useful for time-series data analysis using an animation method1.

Keywords: Web GIS,Flash SWF, Shapefile

1. Introduction

Geographic Information System (GIS) has come to be an indispensable tool for analyzing and

managing spatial data. The integration of GIS and the WWW has lead to an enormous increase of the usage and accessibility of spatial data. With the advantages in Web Animation, Flash is also suitable for producing maps that are rendered on-the-fly. Flash files are easy to be loaded in the browser and do not need to be stored as pre-rendered files in anticipation of any user request. Thus once a user sends a request, the only work of the software is to paint the objects in a flash file with a particular colour value, which makes it fast. Flash’s excellent performance in manipulating vector graphics and raster images, has long been used to express geographic information. GIS systems developed based on flash technology can be called a FlashGIS system. Seeger (2002) successfully used flash technology in maintaining the image of Iowa beyond the Right-Of-Way. Robin Hilliard (2004) attempts to handle seriously detailed maps in Flash by reading and processing the MapInfo mif/mid files. The Australian Broadcasting Corporation (ABC) news used a simple flash-based GIS system to show the real-time federal elections online in 2004. Zong-zhi Li et al. (2004) discussed the development of WebGIS based on flash. Dang Van Tuyen et al. (2008) designed a flash-based tool and applied it in the management of the Vietnam’s precious forest resources. Some other articles also try to use the flash to show the electronic map. Although there are some WebGIS applications thoroughly flash based, most of them are simple and have limited functionality due to one reason that there is no one tool to convert the existing GIS files, such as Shapefile, directly to the Flash SWF format with attribute data contained. Flash has a good performance in processing vector graphics, but it lacks of the ability in attribute data operation. The manual GIS file format transformation and graphics hand-drawing greatly hinders Flash application in GIS fields, especialy in geographical spatial analysis.

With the development of Internet technology, the term “Rich Internet Applications (RIA)” was put forward in a white paper by Macromedia (now merged into Adobe) in March 2002. Since then interest has been building in the idea of a "rich client": a user interface that is more robust, responsive and

※is the corresponding author and first author. 

This paper’s editor is Dr Wang Jian (Chinese Academy of Sciences, [email protected]).   

- 285 -

Page 2: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

Flash based WebGIS System and its Application in Monitoring and Evaluating China’s Regional Development Jinqu Zhang, YunQiang Zhu, Juanle Wang, Jiulin Sun, Yuyue Xu

International Journal of Digital Content Technology and its Applications. Volume 5, Number 5, May 2011

visually interesting than what can be achieved with HTML (Cameron O'Rourke, 2004). The development of RIA technology provides a new approach that has quickly become the mainstream in developing WebGIS applications. As the largest GIS Corporation, ESRI has released the ArcGIS server application programming interface (API) for JavaScript, Flex and Silverlight one after another for quickly building rich Internet GIS applications. According to the RIA Market Share Penetration and Global Usage, Flash/Flex, AJAX (shorthand for asynchronous JavaScript and XML) and Microsoft Silverlight are the top three most popular RIA frameworks, with penetration rates around 96%, 80% and 44% respectively. The popularity of RIA technology in WebGIS applications also arouses the researchers’ interests. Leonardo et al. (2007) compared several RIA technologies focusing their usage on GIS development and pointed out the rationality of each RIA technology. Adnan et al. (2010) describes different mapping technologies and web application development standards that are relevant to the development of WebGIS applications. Besides ESRI, some other companies such as Google, Yahoo, Microsoft and others, have also released relative maps APIs for use with the Adobe Flex framework. By using of these various APIs, lots of WebGIS systems developed by Adobe ActionScript 3.0 have been applied in various fields. Most of these applications, however, rely on the web services using heavy servers with request/response mode, such as the map services published by the ArcGIS server. A suit of map service software has to be installed firstly, which may be inconvenient and improvident at times.

When developing a WebGIS application, the most important aspect is matching the application to the appropriate technology. In consideration of the excellent idea in RIA and the power ability of Flash in graphics expressing, this paper focuses on the constructing of a vectorWebGIS system based on flash technology. This includes: (1) the method to convert existing Shapefiles to SWF format; (2) WebGIS functions design and development based on Flash SWF map files; (3) the application in monitoring and evaluating of China regional development. This study provides an alternative approach and is helpful to the WebGIS applications.

2. WebGIS development based on Flash technology

2.1 Method to convert existing Shapefiles to SWF format

SWF (originally an abbreviation for "ShockWave Flash") is a file format for multimedia, vector

graphics and ActionScript in the Adobe Flash environment. According to statistics performed by Adobe, Adobe® Flash® Player is the world's most pervasive software platform. It is used by over 2 million professionals, reaching 99.0% of Internet-enabled desktops in mature markets as well as a wide range of devices (Adobe, 2009). Besides superior manipulation of vector and raster graphics, Flash can support bidirectional streaming of audio and video, integrating them into web pages. These characteristics indicate that Flash has good potential for building WebGIS applications.

The main task of WebGIS systems is to publish, process, visualize and analyze spatial data through the Internet. Li Luqun (2002) analyzed the architecture and discovered technologies of common architecture in WebGIS. According to the previous studies, the technology of WebGIS has been very mature with two tier or three tier client/server architecture. Usually, the user sends a request to the server and then the server processes the request and generates a bitmap image returning it to the client screen. This processing flow needs two Internet transfers and lots of server side processes, making the speed of this mode very slow.

In order to quickly build a vector WebGIS system based on Flash technology, the first thing is to convert the traditional GIS files to SWF format with attribute data containing. Currently, flash is known to easily support vector and raster data by transforming geographic coordinates into Flash canvas coordinates. But rarely studies focused on the attribute data management in the SWF file and two methods for supporting attribute data were proposed here.

The first method is to use the component, a new function in Flash software since its version 8.0. The component is a compound body that supports field defining and data storage, in additio GIS data can be supported and integrated in one component. Figure 1 shows a common definition of a component designed in Flash project. Most of the information about a GIS layer file, including coordinate system, projection, scale, attribute data fields and so on, has been included and more fields can be added freely.

- 286 -

Page 3: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

All and

U

drawthe Evectgene

AclaselemgrapThe Javathe progfla fthis conv(TheSWFplatf

Flash based W

Internation

of these fieldraster image c

Fig

Using this defiwn on it. HowESRI Shapefitor graphics aerated after coAnother methos can access

ment, includinphics number a

above analysaScript API prfirst method

gram takes abfile and then capproach dis

vert a Shapefie C++ programF file is a weform with a h

WebGIS System Jinqu

nal Journal of Dig

ds’ values can containing. By

1. A common

ined componewever, the proile or MapInfoand attribute dompiling the flod is to use tand manipulag numbers, stand sequence

sis shows that rogram and a is much slowout more thancompile it to scouraged. Fofile quickly to m can be doweb-based animhighly compre

and its Applicatiou Zhang, YunQiangital Content Tech

be altered acy using a self-d

n component d

ent as a templacess of impor

o mif/mid filesdata by writingla file in the Fthe Array clasate arrays andtrings, objectsmust be the saFlash is able tC++ program

wer than the n 3 hours to cothe SWF file.r the second a SWF file,

wnloaded freelmation file, soessed ratio. Ta

on in Monitoring ng Zhu, Juanle Wahnology and its A

cording to difdefining comp

definition using

ate, the GIS atrt GIS file stils can be transg a Flash Javlash IDE softwss defined in d a wide varie, and even othame as that of to store and d

m are separatelsecond one inonvert a MapI. The low effimethod, we dgreatly enhanly at: http://ww

o GIS data stoable 1 shows f

and Evaluating CWang, Jiulin Sun, YApplications. Volu

fferent GIS laponent, all

g for the attrib

ttribute data arll need an extrformed into aaScript API pware. Flash Actionsety of data tyher sub arraysf attribute datadisplay GIS day developed. n process speInfo mif/mid ficiency of thisdeveloped a C

ncing the abiliww.gdrsgis.cnored in SWF file size comp

China’s Regional DYuyue Xu me 5, Number 5,

ayer files.n to

bute data in Fla

re recorded anra programmi

a flash fla file program. A SW

script 3.0 langypes can be ss. This methoda stored in the ata using both Comparing th

eed. The Flasfile with file ss transformatioC++ program ty of Flash in

n/flashgis/showare also web-

parisons of SW

Development

May 2011

graphics draw

ash CS3

nd graphics caning. Alternativthat contains

WF file would

guage. The Astored in an ad requires thatarray. methods. A F

hese two methh JavaScript size 20M to Fon process mathat can dire

n GIS applicatw.htm). The F-based and cr

WF and two o

wing

n be vely, GIS d be

Array array t the

Flash hods,

API Flash akes ectly tion.

Flash ross-other

- 287 -

Page 4: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

popuincluconv1. Tdatamor

2.2.

A

direquer

F

perfthe mapto ththe servdynaHTT 2.3.

In

main

Flash based W

Internation

ular file formuding graphicverted into shp

The SWF file ia content. The re superior in d

Test data China_CountyChina_River_Landuse_HenChina_RailwaChina_Provin . WebGIS de

After the convctly viewed ory and labels,

Fig.2 shows thformed by a mserver side, th

p files at the rihe server. Aftemain.swf and

ver is essentialamic scriptingTPService com

. Functions d

n our projectn.swf is shown

WebGIS System Jinqu

nal Journal of Dig

mats: ESRI Shcs and attribp, tab and SWis about one elarger the dat

developing We

TableE

y_region _L4 nan ay nce

evelopment

version of tradon the Web, bso extra funct

Fig 2. Th

he architecturmain.swf file, ihere is no neeight folders. Ter the SWF m

d all residual al for some appg web pages mponent in ma

design and d

t, this function as Fig. 3.

and its Applicatiou Zhang, YunQiangital Content Tech

hapefile and Mbutes were seWF files. The f

eighth of Shapta, the higher ebGIS.

e 1 The file sizESRI Shp file

17816KB1474KB 1930KB 729KB 292KB

based on Fl

dtional GIS filbut it lacks otions must be f

he architecture

re of flash baintegrating theed for the mapThe client usermap file is sucanalysis needeplications. Thsuch as JSP

ain.swf written

development

on SWF file i

on in Monitoring ng Zhu, Juanle Wahnology and its A

MapInfo tab fielected for thfiles size comppefile and abothe compressi

ze comparisonsize Map

9

42

ash SWF m

e to the SWF of GIS functiofurther develo

e of WebGIS

ased WebGIS.e map canvas p services andr can directly ccessfully retried, can be pe

he database is and PHP, whn in Actionscr

t

is named as

and Evaluating CWang, Jiulin Sun, YApplications. Volu

file. Five GIS his experimenparisons betweout one fifth oion is. These c

n of shp, tab pInfo tab file 9404KB 1064KB 1320KB 439KB 203KB

ap files

format, the Gons such as thped in order to

based on Flas

On the clienand functions

d the only requretrieve SWF ieved, it will berformed on theasily visited

hich is able toript.

main.swf and

China’s Regional DYuyue Xu me 5, Number 5,

data files witnt. They wereen them can

of tab file in scharacteristics

and SWF size Fla

1014351142

GIS spatial grahematic rendeo build a Web

sh technology

nt side, the inwritten in Ac

uired is placinmap files by

be visualized bhe client. Usby writing so

o freely comm

d the function

Development

May 2011

th different sire simultaneobe found in Tize with the ss make Flash

ash file size 054KB 43KB 6KB 6KB

2KB

aphics data canering, informabGIS applicatio

y

nterface is mactionscript 3.0ng the Flash Ssending a reqby map canvasually, a databome ASP or omunicate with

ns architecture

izes, ously Table same own

n be ation on.

ainly . On

SWF quest as in base

other h the

e of

- 288 -

Page 5: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

F

Webdatabe cbe faudiOracpageURLmap

Afor tbe lconfused

Wconffroman oThe thinkand radicorrusin

TThe presand recoColoaccocomexte

Flash based W

Internation

From Fig.3, itbGIS applicatabase and SWFcompiled by Afound at http:ios, videos, texcle and MySQes, ColdFusioLLoader Classp file can be diAnother importhis is to initiaoaded, such afiguration file d for storing inWhen the maifiguration XM

m the server siobject instance

GIS operatink of which maoptimized. Tho box in main

responding opng ActionscripThe realization

map pan is ssed down, the

it is developord values willorTransform mording to the

mponents or evended easily ac

WebGIS System Jinqu

nal Journal of Dig

F

t is very cleations. It integrF map files. T

Adobe flash or://www.adobext and so on. U

QL. it can, hown Pages and Js in Flash. Theirectly loaded rtant aspect isalize the displaas the map sca

can be storednitial configurin.swf is reque

ML file and geide according e of Sprite Clang functions aap file is loadhese map open.swf, and theerating functi

pt 3.0 and the dn of map zoomrealized by M

e map containeped by extendl be displayedmatrix to the g

thematic fielven third partccording to the

and its Applicatiou Zhang, YunQiangital Content Tech

Fig 3. The fun

ar that the marates all the G

These functionr Adobe Flex. e.com/devnet/aUsually, it canwever, interacJavaServer Paerefore the datand visualized

s the use of a aying status ofale, thematic d in TXT, XMration informatested by an enet the configuto the default ass in Actionsare mainly tak

ded. Therefore erating functioese componenon will be actdevelopment om can be achieMouseDown aer becomes dr

ding the TxtFid on the map agraphics in theld value. Chaty chart compe customer’s d

on in Monitoring ng Zhu, Juanle Wahnology and its A

nctions archite

ain.swf, nameGIS functions s are all develDetails of Ac

actionscript/. n’t directly visct with any kinages (JSPs), btabase can stild in main.swf configurationf main.swf anfield, and the

ML or other filtion. nd user with

ure informatiomap names in

script 3.0, wilking the map the Actionscr

ons are all assonts all have evtivated. All thof WebGIS deeved by directland MouseUp ragable until thield Class funat the correct pe Actionscript art analysis is ponents. In a demand by wr

and Evaluating CWang, Jiulin Sun, YApplications. Volu

ecture of main

ely the functioand reserves

loped by Actioctionscript 3.0It can manipu

sit the databasend of server-sy using HTTPll be used thro

f using Actionsn file coupled d define the Smatic colour e formats. In

the Internet Eon. The first Sn the configurll be created acontainer as

ript programmociated with cvent listeners.

he functions aremonstrated itsly changing th

on the map he mouse is prnctions. If a mplace. Themati

3.0. It is impospecial and

word, the funriting Actionsc

China’s Regional DYuyue Xu me 5, Number 5,

n.swf

on file, is thethe accessing

onscript 3.0 la0 and its poweulate spatial e such as Micside technologPService comough indirect vscript 3.0. with the main

SWF map file rendering stylour project, th

Explorer, it wiSWF map filee file. After th

and used for ththe target obj

ming could be components su. When a clicre programmes powerful abihe scale value container. Whressed up. Labmap layer fielic can be implortant to creatcan be realiz

nctions of the cript 3.0 progr

Development

May 2011

e key part ofg interfaces toanguage that coerful functionsgraphics, imarosoft SQL se

gy, including Pmponent in Fle

visiting. The S

n.swf. The readefault settingle and so on. he XML form

ill firstly reade is then retriehat, a map canhe map contaiject and needgreatly simpli

uch as a buttock event occured in the mainility. of map contaihen the mousbel is a useful ld is selected,lemented by ue gradient col

zed by Flex cmain.swf can

rams.

f the o the ould can

ages, erver, PHP

ex or SWF

ason gs to The

mat is

d the eved nvas, iner.

d not ified

on or rs, a

n.swf

iner. se is tool

, the using ours

chart n be

- 289 -

Page 6: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

3. A

T

Chinsystshou

cent

makand

animA

instahundsoftwanimdiscanimFlexWe was mon

3.1.

In

leveESRacquconvfoldTotadeta

Flash based W

Internation

Application

The WebGIS fna’s regional tem to analyseuld satisfy at l(1) Could be tres located in (2) Could dis

king with any tables; (3) Could ref

mation. According to alled anywherdred licences ware can not

mation and cocovered. Themation suggesx and Actionscproposed the successfully

nitoring and ev

Fig 4. F

. SWF maps

n order to reael, city level aRI Shape filesuired from theverted from E

ders according ally, the spatiaailed informati

WebGIS System Jinqu

nal Journal of Dig

n in monitor

framework dedevelopment.e the economeast the followconfigured aneach province

splay the econselected field

flect the econ

the requiremere without a needed to be breflect the ec

ould not give ae ability of Fsts it may provcript 3.0 and cframework oapplied in the

valuating syste

Framework of

s data prepa

alizing the spaand county levs of China pre “China Data ESRI Shapefil to usage and al SWF map dion is shown in

and its Applicatiou Zhang, YunQiangital Content Tech

ring and ev

escribed above The purpose ic situation o

wing three reqnd installed fres and large cinomic data in

d, tables query

nomic situatio

ents, the comlicence. If thebought, whichconomic situaa interactive t

Flash technolovide a solutiocame to the cof the WebGISe project. Fig. em.

China regiona

ring

atialization of vel, SWF maprovinces’ bord

Sharing Netwles directly usgrouped by a

database contan table 2.

on in Monitoring ng Zhu, Juanle Wahnology and its A

valuating C

e was appliedof this projec

f China from quirements: freely at everyities; n a variety oying and brow

on dynamical

mmercial GIS e commercialh exceeds the pation dynamicthematic rendeogy to dynamon, so we pursonclusion that S, designed th

4 shows the

al developmen

socio-economps at differentder, China citwork of Earth sing our C++ administrative ains about 300

and Evaluating CWang, Jiulin Sun, YApplications. Volu

China’s regi

d to the projecct is to developrovince leve

y information

f forms incluwsing and char

lly changing

software is nl software is project’s budg

cally changingering. Therefo

mically expressue this optionthe Flash was

e functions anframework of

nt monitoring a

mic data at difft levels must ties’ border aSystem Scienprogram. Therelationship wSWF layer fil

China’s Regional DYuyue Xu me 5, Number 5,

ional develo

ct of monitorinop a monitorinel to county l

centre of Chi

uding interactirt analysis ass

in time serie

ot suitable beselected, abouget. In additiong in time serieore, new appross informationn by researchs a good choicnd gave the sof China’s regio

and evaluation

ferent levels inbe prepared f

and China counce”. The SWFey are organiwith their hierles that were p

Development

May 2011

opment

ng and evaluang and evalualevel. The sys

ina, including

ive thematic sociated with

s in the form

ecause it can’ut more than n, the commeres in the formoaches have ton in the form

hing Adobe Flce for our projolution. Finallonal developm

n system

ncluding provfirst. The origunties’ borderF map files arzed into differarchy like Figprepared and t

ating ation stem

g the

map map

m of

t be one

rcial m of o be

m of lash, ject. ly, it ment

vince ginal r are e all

erent g. 5. their

- 290 -

Page 7: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

C

C

C

C

C

C

S

P

I

3.2.

T

recomap

Flash based W

Internation

SWF content

China provinces

China cities

China counties

Cities of one pro

Counties of one

Counties of one

State key areas

Province key ar

Important cities

. Socio-econo

The socio-econord are bindedp looks like the

WebGIS System Jinqu

nal Journal of Dig

Tab

t AS

s

ovince

e province

e city

eas

omic data pr

nomic data ard with a admine following:

Fig

and its Applicatiou Zhang, YunQiangital Content Tech

Fig 5. The

ble 2 Spatia

Amount of SWF files

1 1 1 34 34 340 20 20 23

reparing

re stored and nistrative regio

g 6. E-R map

on in Monitoring ng Zhu, Juanle Wahnology and its A

hierarchy of S

al SWF map f

SWF file fu

Making themat

Making themat

Making themat

Making themat

Making themat

Making themat

Highlight the se

Highlight the se

Highlight the se

managed by on code. Abou

of the socio

and Evaluating CWang, Jiulin Sun, YApplications. Volu

SWF map file

files and their

unction

tic map for who

tic map for who

tic map for who

tic map for one

tic map for one

tic map for one

elected state key

elected provinc

elected importa

Mirosoft SQLut three main t

-economic d

China’s Regional DYuyue Xu me 5, Number 5,

es

r usage

ole China at prov

ole China at city

ole China at cou

selected provin

selected provin

selected city at

y area of China

e key area of on

ant city of China

L Server 2010tables are desi

atabase

Development

May 2011

vince level

y level

unty level

nce at city level

nce at county lev

county level

a

ne province

a

0 and all the igned and the

vel

data E-R

- 291 -

Page 8: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

3.3.

A

Flasmainuserin ththe mthe data

Aaspe

Sav

simpwouXMecondeveshaprecofinadire

Flash based W

Internation

. WebGIS ap

After the SWFsh techonologyn.swf file and r clicks or selehe main.swf fimouse point wattribute data

abase by an ASAccording to tects: (1) WebGIS

ving and so on(2) Interactiv(3) Easy conf(4) Database (5) Spatial di(6) Table, maThe successf

plicity and fleuld be running

ML file, so thatnomic data reteloped and thepes in the SWord in the attril effect in moctly visited at:

F

WebGIS System Jinqu

nal Journal of Dig

pplication de

F map files any could be eathe prepared

ects different ofile, and then cwill be loadeda associated wSP page. the project req

common toon; ve thematic mfiguration witdata querying

istribution dynap graphics anful applicationexibility. Afte

g on the Internt the main.swftrieved from te retrieved dat

WF map file aibute table is onitoring and : http://region2

Fig 7. China r

and its Applicatiou Zhang, YunQiangital Content Tech

evelopment

nd socio-econoasily developeSWF map fileoperation funcclick on a provd and will replwith this prov

quirements, a

ols, such as Z

map rendering thout complexg according tnamic analsynd charts asson of the Flasher finishing anet. An initialf can initially the attribute dta by ASP waand retrieved clicked, the cevaluating C

2.cei.gov.cn/p

egional develo

on in Monitoring ng Zhu, Juanle Wahnology and its A

omic data are ed. The main es will be retrictions. For exvince from thace the whole

vince will aut

ll the function

Zoom In, Zo

with fast spex installationo the maps, ti

ys with time seociated analysh based WebGa simple confl SWF map firetrieve a map

database, extras then transposocio-economhart data will

China’s regionpanel/data_bui

opment monit

and Evaluating CWang, Jiulin Sun, YApplications. Volu

prepared, the task is to wriieved by the m

xample, after ye whole China

e China map atomatically be

ns are success

om Out, Map

ed; ; ime and indexeries in the fosis. GIS system t

figuration, thele name shoulp and display a Active Servorted to the mamic data accor

be automaticnal developmeilder/gis_index

oring and eval

China’s Regional DYuyue Xu me 5, Number 5,

WebGIS applite the Actionmain.swf interyou select the a map, the pro

automatically. e retrieved fro

sfully develop

p Label, Lay

xes selected; orm of animat

to our projecte Flash based ld be assignedit on the screer Pages (ASPain.swf. The mrding to a rel

cally changed.ent. Its Chinesx_en.aspx?uid

luation system

Development

May 2011

lications basedscript code inface file whenbutton of “Enovince map unCorrespondin

om the econo

ped including

yer Control, M

tion;

t demonstratesWebGIS sys

d in the configen. For the soP) programs wmain.swf file llated field. If Fig. 6 showsse version can

d=0

m

d on n the n the nter” nder

ngly, omic

five

Map

s its stem gure

ocio-were links

one s the n be

- 292 -

Page 9: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

Flash based WebGIS System and its Application in Monitoring and Evaluating China’s Regional Development Jinqu Zhang, YunQiang Zhu, Juanle Wang, Jiulin Sun, Yuyue Xu

International Journal of Digital Content Technology and its Applications. Volume 5, Number 5, May 2011

4. Discussion

Simple comparisons of our WebGIS resolution to the ArcGIS server and previous other Flash GIS

applications were performed. Table 3 shows the comparison results.

Table 3. Comparisons of Flash based WebGIS to the ArcGIS server and previous Flash GIS applications

Comparing items Flash based WebGIS ArcGIS server

Previous Flash GIS applications

Map preparation Easy Easy Complex

Map loaded time Fast when SWF file size is smaller than 3M

Slowly Fast when SWF file size is smaller than 3M

Response time for client operation

Fast Slowly Fast

Ability of spatial analysis Weak Strong Weak

Functions extensibility Good Good Good

Complexity of installation Simple Complex Simple

Software and development charge

Cheap Expensive Cheap

According to the comparisons, Flash was approved to be a good technology in developing WebGIS system if the traditional GIS data can be converted to SWF file format with fast speed. The conversion allows GIS data to be easily displayed locally or on the Internet. On the other hand, the Flash SWF file is vector-based and highly compressed, which is much smaller than traditional GIS file such as ESRI Shapefile, making it have a high visit speed and no distortion when zoom in and out. Finally, Flash has very powerful rendering and animation making abilities that make it especially suitable for thematic

Very powerful rendering and animation making abilities that make it especially suitable for thematic map expression with different colours, pictures and patterns.

Flash provides an alternative approach for the WebGIS applications. Although it doesn’t have the powerful functions like ArcGIS server, it has its own advantages. Firstly, the installation is easy and the only requirement is one web server like IIS or Apache tomcat. Secondly, it has faster response speed because the functions and its realization are all performed on the client as long as the SWF map files are completely sent to the browser. Thirdly, it has powerful thematic rendering abilities and can represent the thematic in an animation way. Functions like this have excellent capabilities in expressing GIS information based on time series, which are unique for Flash.

On the other hand, some limitations such as the spatial data analysis and the processing speed for the large SWF map files are inevitable. The functions of the WebGIS based on Flash can be increasingly powerful by continuously development using Actionscript 3.0. The key problem is how to process the large SWF map file because all the graphics are stored in one file which must be transmitted to the client browser completely. When the SWF file size is larger than 3M, the response time becomes slow. To solve this problem, slicing technology can be applied to process the large SWF file. The small sliced SWF file will automatically be amalgamated as one whole. This method can solve the problem to some extent, but if the ESRI shape file is too large, there are still some limitations in loading speed and processing efficiency. In our project, the GeoWebCache (GWC) service published by GeoServer was used to solve the large data file and our Flash based WebGIS integrates the vector SWF map and GWC map in the same window. This resolution solves the problem of large data file and expands the applications of Flash based WebGIS greatly. Another problem is that the client explorer has to install the Adobe Flash Player plug-in so that the SWF file could be viewed. However, it’s not determinant factor because the Adobe Flash Player plug-in can be easily installed online. According to the statistics of Flash Player Version Penetration, it has reached 99% of Internet-enabled desktops in mature markets as well as a wide range of devices.

- 293 -

Page 10: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

Flash based WebGIS System and its Application in Monitoring and Evaluating China’s Regional Development Jinqu Zhang, YunQiang Zhu, Juanle Wang, Jiulin Sun, Yuyue Xu

International Journal of Digital Content Technology and its Applications. Volume 5, Number 5, May 2011

5. Conclusion

The application of Flash based WebGIS will be quickly gaining much popularity as its technology

develops. Compare with the traditional WebGIS development method, the development of Flash technology and the arrival of RIA era provide motivation for us to study a new WebGIS approach. According to our study, it is quite suitable to use the Flash based WebGIS approach, taking ESRI Shapefile for example, when every Shapefile sizes in a project is smaller than 20M. This will save costs and allow for quick response speed. If the Shapefile size is larger than 20M, some open source software such as GeoServer or commercial software such as ArcGIS server may be needed for an assistantance.

According to the application in our project, it is approved that Flash based WebGIS is smart, has easy configuration and fast speed, giving it great potential in expressing spatial information. It is different from that of AJAX, Silverlight and even the previous Flex, because all of these RIA frameworks depend on extra GIS servers such as ArcGIS server, and they recur to the API to visit the GIS web services. The Flash based WebGIS is different and it is absolutely vector based without any extra map server. The network support characteristics of SWF file also enable it to apply and develop the service oriented technology in the map publication, and this will integrate the Flash SWF maps with other online map services. With the powerful abilities of Flash Actionscript 3.0, a lot of spatial analysis functions will be supported by Flash based WebGIS system.

6. Acknowledgements

This work was supported by China Postdoctoral Science Foundation (Grant No. 20090460505),

National High-Tech R&D Program of China (Grant No. 2006AA06A306) and Specific environmental nonprofit industry research (Grant No. 200909110). We give great thanks to Dr. David Finn from University of California santa cruz for his grammar corrections for this paper.

7. References [1] Adnan, M., Singleton, A.D., and Longley, P.A., Developing Efficient Web-based GIS

Applications, University College London, WORKING PAPERS SERIES, paper153. 2010. [2] Adobe, Flash Player penetration,http://www.adobe.com/products/player_census/flashplayer, 2010.

[accessed 17 May. 2010] [3] Australian Broadcasting Corporation, Federal

Election,http://www.abc.net.au/elections/federal/2004/electionmaps, 2004, [accessed 17 May. 2010]

[4] Cameron O'Rourke, A Look at Rich Internet Applications, 7 (2004), 1-4. [5] Christof Kaiser, A Review on WebGIS—Essay to Introduction to Spatial Information

Science,http://www.trash.net/~ck/gisca/webgis_essay/index.html, 1999, [accessed 10 Mar. 2009] [6] Dang Van Tuyen, Do Duc Hanh and Tran Hung, Developing a Flash-based tool for GIS

appilciations on the web, http://www.geoviet.vn. 2009, [accessed 17 Nov. 2009] [7] Elwood S., GIS, Public Participation, International Encyclopedia of Human Geography, 520-525,

Imprint: ELSEVIER, [8] ESRI inc., The ArcGIS API for Flex, http://resources.esri.com/arcgisserver/apis/flex, 2009,

[accessed 17 Nov. 2009] [9] GeoWebCache service , http://geoserver.org/display/GEOSDOC/5.+GWC+-+GeoWebCache ,

[accessed 17 Nov. 2010] [10] Jeremy Allaire, Macromedia Flash MX - A next-generation rich client, Macromedia White Paper,

2002. [11] Leonardo C. Machado, Orlando B. Filho, João A. Ribeiro. RIA Technologies Comparative Study

applied to GIS, Seminário de Informática, 11(2007), 1-4. [12] Li Luqun, Li Jian,Tian Yu, The Study on Web GIS Architecture Based on JNLP, Symposium on

Geospatial Theory, Processing and Applications, Symposium surlathéorie, les traitements et les applications des données Géospatiales,Ottawa, 2002, 1-6.

- 294 -

Page 11: Flash based WebGIS System and its Application in ... · technology was successfully applied to the monitoring and evaluating China’s regional development system. The result shows

Flash based WebGIS System and its Application in Monitoring and Evaluating China’s Regional Development Jinqu Zhang, YunQiang Zhu, Juanle Wang, Jiulin Sun, Yuyue Xu

International Journal of Digital Content Technology and its Applications. Volume 5, Number 5, May 2011

[13] Nyerges T., GIS and Society, International Encyclopedia of Human Geography, 7(2009), 506-512.

Imprint: ELSEVIER [14] Robert I. Dunfey, Bruce M. Gittings, James K. Batcheller. Towards an open architecture for

vector GIS, Computers & Geosciences, 32(2006), 1720–1732. [15] Rich Internet Application Market Share, [16] http://www.statowl.com/custom_ria_market_penetration.php, 2010, [accessed 17 Jan. 2010] [17] Robin Hilliard, Handling seriously detailed maps in Flash, [18] http://data.aad.gov.au/aadc/portal/index.cfm?file_id=1511, 2004, [accessed 17 Nov. 2009] [19] Seeger, C. Identifying the Image of Iowa Along Interstate 80: A Method to Increase Public

Participation. ESRI User Conference, San Diego, California, USA. http://gis.esri.com/library/userconf/proc02/pap0687/p0687.htm, 2002.

[20] Shree S. Nath, John P. Bolteb, Lindsay G. Ross, et al, Applications of geographical information systems (GIS) for spatial decision support in aquaculture, Aquacultural Engineering, 23(1-3) (2000), 233-278.

[21] Zolfaghari A., Heath A.C., A GIS application for assessing landslide hazard over a large area, Computers and Geotechnics, 35(2) (2008), 278-285.

[22] Jui-Hung Chen, Han-Bin Chang, Chun-Yi Shen, Te-Wua Wang, Wen-Chih Chang, Timothy K. Shih.Immersive Learning Environment with Integrated Interactive Video and Ubiquitous Technologies, Journal of Convergence Information Technology,AICIT,Vol. 5, No. 9, pp. 61-72, 2010.

[23] Min-Lang Huang, Jung-Hong Hong.A Geospatial Service Approach towards the Development of a Debris Flow Early-warning Systems, Advances in Information Sciences and Service Sciences, AICIT ,Vol. 2, No. 2, pp. 107-117, 2010.

[24] Hui Zhao , Peiquan Jin , Puyuan Yang , Lihua Yue.BPCLC: An Efficient Write Buffer Management Scheme for Flash-Based Solid State Disks,International Journal of Digital Content Technology and its Applications, AICIT,Vol. 4, No. 6, pp. 123-133, 2010.

- 295 -