J. KSIAM Vol.7, No.2, 79-87, 2003 요약인터넷환경에서사용되는웹브라우져는사용자가전체메뉴의기능을사용하지않고있을뿐만아니라, 기본적인기능만을요구하는사용자에게는복잡하기까지하다. 그래서데이터베이스와연동되는사용자중심의강력한기능을내장한새로운웹브라우져를설계하고구현하였다. 데이터베이스연동웹브라우져는프로그램의크기가작고검색의강력한기능을내장하고있을뿐만아니라, 즐겨찾기기능을데이터베이스에저장하여관리함으로사용자중심의 url관리가용이한장점을가지고있으며데이터베이스에한글도메인이름을저장하게함으로등록된한글로해당도메인으로빠른이동이가능하도록구성하여사용자의편의성을한층더향상시켰다. Abstract Web-browsers those are used in internet environment, are not only used the function of whole menu, but also complicated for the users who usually require basic functions. We designed and implemented a new web-browser that is user-oriented powerful functions using database. Basic strategy of this new web-browser is to make the browser as simple as possible by removing the complicated and unnecessary menus and functions. We designed our browser to manage the bookmark function by storing the url information to a database instead of the microsoft Internet Explorer bookmark function. It is possible for the Korean domain names in the database to access the url information rapidly. 1. 서론 인터넷환경에서웹을활용하기위해서는웹브라우져가필수적으로필요하다. 웹정보를접근하기위해서사용되는웹브라우져는기능이많이추가되었으며, 좀더사용자에게편리한인터페이스가되어가고있다. 따라 79
80 서보다편리하고신속한정보교환을가능하게하는인간과기계의인터페이스기술이중요하게대두되고있으며, 이를위해서일반적으로가장많이사용하고있는웹브라우져는 Netscape Navigator 와 Internet Explorer 이다. 웹브라우져는웹문서를사용자에게보여주는기능을한다. WWW 의등장으로웹브라우져가다양한타입의데이터를지원함에따라그데이터를볼수있는사용자인터페이스도 GUI 환경으로변하였다. 또한웹문서인 HTML 의확장을통해사용자에게더욱화려한웹브라우져의모습을보여주게되었다. 웹브라우져는기본적으로 HTML 처리와더불어, FTP, 텔넷, 고퍼등의프로토콜지원과더불어다른특별한용도의기능을확장한제품들이많이등장하고있다. 그러한면에서특정한분야에적합하게브라우져의인터페이스와데이터를처리하는방식의커스터마이징된브라우져가등장하고있다. 마이크로소프트인터넷익스플러러는콤포넌트를바탕으로한웹브라우저로사용자의컴퓨터가인터넷에접속되어웹서버로부터가져온여러가지정보를볼수있도록도와주는소프트웨어로서, 다양한인터넷기능을통합하여몇번의마우스클릭만으로쉽게사용할수있도록개발되어있다. 그러나인터넷익스플로러를사용할때사용자가전체메뉴의기능을사용하지않고있을뿐만아니라, 기본적인기능만을요구하는사용자에게는복잡하기까지한다. 그래서본논문에서는윈도우기반의웹브라우져로서가볍고데이터베이스와연동되는사용자중심의빠르고강력한기능을내장한새로운웹브라우져를설계하고구현하였다. 2. 웹브라우져의설계 2.1 데이터베이스연동웹환경구성 본시스템에서구현한데이터베이스연동웹브라우져의구성도는아래 [ 그림 1] 과같다. 클라이언트의웹브라우져로 HTML 문서와같은콘텐츠파일을 HTTP 프로토콜을이용하여웹서버에요청하면, 웹서버는브라우져의요청을받고콘텐츠를접근하여웹콘텐츠 (HTML 페이지생성 ) 를생성하거나웹이아닌콘텐츠 ( 예, 관계형데이터베이스 ) 로의접근을제공하는게이트웨이를통하여데이터를생성하여요청한브라우져가있는클라이언트로응답한다. 본시스템에서적용한데이터베이스연동웹브라우져는인터넷익스플로러에서즐겨찾기기능을수행하면클라이언트의특정폴더 ( 디렉토리 ) 에 url 이등록되는것을확장하여클라이언트의데이터베이스를자동생성하여개인도메인관리가가능하도록데이터베이스에저장한다.
81 [ 그림 1] 데이터베이스연동웹환경구성도 2.2 데이터베이스연동웹브라우져의기능 본시스템에서는기존웹브라우져가가지고있는메뉴의다양한기능중일반사용자들이자주사용하는기능을중심으로사용자들이사용하기쉽도록기능을설계하였다. 다음은본시스템에서적용한기능들이다. 뒤로가기 : 웹페이지를이전화면으로전환한다. 앞으로가기 : 웹페이지를앞쪽화면으로전환한다. 새로고침 : 현재의웹페이지를서버측으로부터다시요청한다. 정지 : 웹브라우져를정지한다. 홈으로가기 : 홈으로설정되어있는페이지로간다. 소스보기 : html 소스를본다. 열기 : 자신의컴퓨터에있는 html 문서, jpg, gif 등의파일을불러온다. 즐겨찾기 : 자주방문하는페이지를저장한다. 빨리찾기 : 로컬에 url 과이름을지정하여한글도메인을쓰는것과같이한글로웹페이지이동이가능하도록한다. 3. 시스템구현 3.1 시스템구성및데이터베이스구조 본연구에서구현된시스템은데이터베이스로마이크로소프트사의액세스 7.0 을사용하였는데, 이는대부분의사용자컴퓨터에서 MS-OFFICE 제품군을포함하고있기때문이다. 또한윈도우 98 이상의모든운영체제환경에서 Visual Basic 과 Photoshop 을사용하여구현하였다. 본시스템에서 url 을저장하기위한데이터베이스구조는 [ 그림 2] 와같이 url 과 title 로구성하였다. url 필드는 http://www.naver.com 과같이 http 프로토콜과함께저장할수있도록하였으며, title 은텍스트형식으로
82 저장되는데이터로본시스템이실행될때한글도메인이름으로빠른검색이가능하도록프로그램을개발하였다. [ 그림 2] url_table 구조 3.2 시스템구현 본시스템의구현의주요소스는다음 [ 표 1] 과 [ 표 2] 와같다. 마이크로소프트에서제공하는 WebBrowser 콘트롤의 Navigate 메소드로구현되었으며, ADODB 객체를이용하여데이터베이스와연동하였다. [ 표 1] WebBrowser 객체를이용한소스코드 Private Sub Combo1_Click() WebBrowser1.Navigate Combo1.Text Private Sub Combo1_KeyPress(KeyAscii As Integer) If KeyAscii = 13 Then WebBrowser1.Navigate Combo1.Text Combo1.AddItem Combo1.Text End If Private Sub Command1_Click() WebBrowser1.Navigate Text1.Text Private Sub Command2_Click()
83 Dim bmark Dim fdata As String Dim sql As String fdata = Text3.Text bmark = Data1.Recordset.Bookmark sql = "title =" & "'" & fdata & "'" Data1.Recordset.FindFirst sql If Data1.Recordset.NoMatch Then MsgBox " 찾는주소가없습니다." End If WebBrowser1.Navigate Text1.Text ADO(Active Data Object) 는 OLE DB 호환데이터원본과통신하기위한데이터액세스인터페이스로서, 아래의응용프로그램에서데이터원본의데이터를추출, 조작및갱신할수있도록한다. [ 표 2] 의코드는 ADODB 의 Connection 개체를선언하고실체화한후, OLE DB 데이터제공자를지정하고, 연결정보를설정한후 Connection 개체의 Open 메소드로연결을연다. 다음으로 Recordset 개체로 url_table 테이블을열고, 응용프로그램의초기화면의즐겨찾기에서지정한 url 과 title( 설명 ) 을입력으로받아 AddNew 메소드와 UpdateBatch 메소드로데이터베이스에등록하는프로그램을보여준다. [ 표 2] ADODB 개체를이용한 url정보등록 Private Sub Command1_Click() Dim con As ADODB.Connection Dim rs As ADODB.Recordset Dim str As String Set con = New ADODB.Connection Set rs = New ADODB.Recordset str = "PROVIDER=Microsoft.Jet.OLEDB.3.51;" str = str & "c:\url_list.mdb;"
84 con.connectionstring = str con.open rs.cursortype = adopenkeyset rs.locktype = adlockbatchoptimistic rs.cursorlocation = aduseclient rs.open "url_table", con,,, adcmdtable rs.addnew rs!url = Text1.Text rs!title = Text2.Text rs.updatebatch rs.close con.close Form1.Data1.Refresh Unload Me 4. 웹브라우져의동작 4.1 웹브라우져의초기화면구성 아래의 [ 그림 3] 은본시스템의초기화면을보여준다. 상단의메뉴기능을파일, 편집, 도움말로간략하게하였으며, 본시스템에서설계한간결하면서도필수적인기능들을중심으로화면상단에버튼과텍스트박스를배치하였다. 이동하기, 즐겨찾기추가, 즐겨찾기, 빠른이동기능을수행하는명령어버튼과뒤로가기, 앞으로가기, 새로고침, 정지, 홈으로가기기능을도구상자로구현하였으며, 주소창에는방문하는 url 이표시되도록구성하였다. 4.2 즐겨찾기및빠른이동기능 아래의 [ 그림 4] 는주소창에서검색한 url 을즐겨찾기버튼을누를때데이터베이스에주소정보를저장하는화면이다.
85 [ 그림 3] 웹브라우져초기화면 [ 그림 4] 즐겨찾기등록하기즐겨찾기등록할때데이터베이스에등록된설명부분은한글도메인이름으로빠른이동을가능하도록해준다. 초기화면의상단텍스트박스에한글로등록된 url 설명을입력한후빠른이동버튼을누르면, 한글도메인을쓰는것과같이웹페이지이동을가능하게해주며, 이를이용하면개인별도메인관리를가능하게한다. 5. 결론및향후과제 본연구에서는웹브라우져의복잡성이나일반사용자에게자주사용하지않는기능이많은일반웹브라우져 ( 인터넷익스플로러 ) 를대치할수있는새로운웹브라우져를설계하고구현하였다. 데이터베이스연동웹브라우져는프로그램의크기가작고검색의강력한기능을내장하고있을뿐만아니라, 즐겨찾기기능을데이터베이스에저장하여관리함으로사용자중심의 url 관리가용이한장점을가지고있다. 또한프로그램에서데이터베이스에등록된 url 과한글도메인명을저장하게함으로등록된한글로해당도메인으로빠른이동이가능하도록구성하여사용자의편의성을한층더향상시켰다고할수있다. 다음의 [ 표 3] 은본시스템과현재사용중
86 인인터넷익스플로러와비교한평가한결과이다. [ 표 3] 인터넷익스플로러와본시스템과의비교평가 인터넷익스플로러 데이터베이스연동웹브라우져 프로그램사이즈 크다 작다 검색속도비교적빠르다아주빠르다 메모리사용 비교적많다 작다 한글도메인사용 주소창에서부분적으로가능 가능 도메인관리의용이성 즐겨찾기에서폴더로개인데이터베이스화관리용이 사용중에라발생빈도 발생가능성있음 거의없음 향후에는, 데이터베이스구조를사용자중심의개인도메인관리가용이하도록변경하여좀더포괄적이고관리적인측면이보강된데이터베이스연동웹브라우져로설계및구현될수있도록할것이며, 이동통신이나무선통신에서사용할수있는프로그램의사이즈가작고필요한기능들을갖춘웹브라우져로발전할수있는이론적기반이될것이다. 참고문헌 1. Ritchie. D. C & Hoffman. B, Using instructional design principles to amplify learning on the world wide web, 1996. 2. Microsoft Development Library, 'Document', MSDN, 1998 3. M. R. Girardi and B. Ibrahim. "An Approach to Improve the Effectiveness of Software Retrieval," Proceedings of the 3rd Irvine Software Symposium, IRUS University of California, Irvine, pp. 89-100, April, 1993 4. Y. Maarek, D. Berry and G. Kaiser, "An Information Retrieval Approach For Automatically Constructing Software Libraries," IEEE Transactions on Software Engineering, Vol. 17, No 8, pp. 800-813, Aug. 1991 5. 조경환, 한국어음성웹브라우져설계및구현에관한연구, 청주대학교대학원, Dec. 2000 6. http://www.microsoft.com/korea/msdn/vbasic/
87