반응형

오즈리포트 8.0 URL 요청 JSON 데이터 셋 

오즈 리포트 디자이너 실행

데이터정보 탭
OZFormParam > 데이터 형식 추가 예)rtnData




데이터 정보 탭
DataService 
오른쪽 버튼 
JSON 데이터 추가

디자인 타임 데이터 셋 구성 
URL 

런 타임 데이터 셋 패러미터(경로) 라디오 선택

리파지토리에서 서버로 업로드 ozr 업로드 

 



실제 웹 호출 JSP 

<!DOCTYPE html>
<html style="height:100%">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<script src="/oz80/ozhviewer/jquery-2.0.3.min.js"></script>
<link rel="stylesheet" href="/oz80/ozhviewer/jquery-ui.css" type="text/css"/>
<script src="/oz80/ozhviewer/jquery-ui.min.js"></script>
<link rel="stylesheet" href="/oz80/ozhviewer/ui.dynatree.css" type="text/css"/>
<script type="text/javascript" src="/oz80/ozhviewer/jquery.dynatree.js" charset="utf-8"></script>
<script type="text/javascript" src="/oz80/ozhviewer/OZJSViewer.js" charset="utf-8"></script>
</head>
<body style="width:98%;height:98%">

<%
	// 파라미터 변수
	String pernr = (String)request.getParameter( "pernr" );
%>

<div id="OZViewer" style="width:98%;height:98%"></div>
<script type="text/javascript" >
	function SetOZParamters_OZViewer(){
		var oz;
		oz = document.getElementById('OZViewer');
		oz.sendToActionScript('connection.servlet','/oz80/server');
		oz.sendToActionScript('connection.reportname','/레파지토리에저장된.ozr');
		oz.sendToActionScript('connection.pcount', '1');
		oz.sendToActionScript('connection.args1', 'rtnData=http://실제Json리턴받아오는주소?pernr=<%=pernr%>');
		return true;
	}
	start_ozjs("OZViewer","/oz80/ozhviewer/");
</script>
</body>
</html>

 

반응형
반응형

첫번째 팁 Css 분리


<!-- 안드로이드용 css -->


<link rel="stylesheet" type="text/css" href="안드용.css" media="only screen and (max-width:600px)" />

<!-- 데스트크탑용 -->

<link rel="stylesheet" type="text/css" href="데탑.css" media="only screen and (max-width:601px)" />


요런식으로 분리가 가능하네요 ㅎㅎㅎ 재미나는 Css 입니다

반응형
반응형



무조건 해당 IE버전으로 보여준다.

<meta http-equiv="X-UA-Compatible" content="IE=9" />

 

 


IE9를 최신으로 하되 실패시 IE5모드로 전환


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>

 

 


최신버전으로 랜더링하라

 

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

 

 

 

 

크롬이 설치되어있다면 IE 에서도 크롬 렌더링을 사용하라

 

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />


펌 

http://ryuseunghyun.tistory.com/3323



반응형
반응형
 

앞으로 우리가 사용하게될 인터넷 혹은 웹대한 방향성을 제시한 일종의 패러다이다.

그렇다면 기존의 Web을 'Web1.0'이라고 하겠는데 과연 이 Web2.0과 그것과는 무엇이 다른가?

 

 

1. Web2.0은 새로운 기술이 아니다. Web 환경의 변화의 방향을 제시한 것이다.

 

지난 2005년 샌프란시스코에서 Web2.0 컨퍼런스가 열렸다. 가장 사람들에게 의문점을 안겨준 것은 바로 'Web2.0'이라는 단어다. 이 Web2.0은 새로운 기술도 아니고 새로운 표준도 아닌 앞으로 Web 변화할 혹은 추구하게 될 최종 종착지에서의 모습을 말한다.

 

맨 처음 Web 등장했을 때는 간단한 이미지와 텍스트로 이루어진 정보가 대부분이었다. 막강한 인터넷 산업의 발전을 등에 업은 Web 이미지나 텍스트외에 다양한 포맷의 문서, 동영상, 파일등을 주고 받을수 있는 사용자 공간으로 변모했다.

 

하지만 Web2.0은 여기서 더 나아간다.

예를 들어, 현재도 그렇게 하고 있지만, 인터넷 온라인 영화를 본다고 했을 경우 Web을 통해서 실시간으로 영화감상을 할수 있다. 이 순간에 Web이라는 것이 영화플레이어로 변모하는 것이다. 또 다른 가능성은 Web을 통해 문서를 편집하는 것이다. 현재는 각종 워드프로세서 프로그램을 운영체제에 설치해야 하지만 Web2.0환경에서는 Web을 통해서 워드프로세서를 제공하는 싸이트에 접속하면 얼마든지 워드 작업을 할수 있다. 이 뿐아니라 음악감상을 하고 싶으면 음악을 심지어 그래픽 작업도 웹에서 이루어지길 기대한다.

 

 

2. 데스크탑과 Web의 경계를 허물다.

 

Web2.0은 위의 예제와 같이 데스크탑이라는 컴퓨터 분야를 집어 삼킬지도 모른다. 결정적으로 운영체제 자체가 없어질도 모른다. 간단히 인터넷이 되는 TV 에서 모든 것을 할수 있을지도 모른다. 웹서핑, 영화, 음악, 워드, 그래픽등 모든것이 Web으로 통하는 것이 Web2.0이다.

 

이렇게 되면 컴퓨터의 한분야인 데스크탑분야는 사라질 것이며 거기에 의존하는 많은 기업들이 쓰러질 것이다. 또한 보다 쉽게 임베이딩이 될지도 모른다. 조그마한 PDA에서 고품격의 워드프로세서 작업을 하게 될지도 모른다.

 

 

3. Web2.0을 위한 기술들, 아키텍쳐의 병합, 그리고 표준.

 

Web2.0을 위한 기술들 중에서 현재 와 닫는 것이 Weblog, RSS, Wiki, Ajax 등과 같은 것이다. Weblog 줄여서 Blog라고 하는 것은 이 시대를 이끌 새로운 대표 단어로 모두 인정하는 것이다. RSS는 보다 빠른 정보공유 또는 정보제공을 가능하게 해준다. Wiki는 기존의 게시판을 대체하는 어떤 주제에 대한 토론을 가능하게 해준다. Ajax는 표준 호환성 문제 개선에 선봉장이다.

 

이러한 Web2.0은 중심에는 표준이 자리하고 있다. 어떤 곳에서도 모두 동일한 성능과 표현, 구조등은 표준화된 스펙을 요구한다. 어떠한 웹이라라는 환경과 어떠한 아키텍쳐에서도 동일한 구조, 표현등을 위해서는 표준을 준수해야만 한다.

 

비단 이러한 것 외에도 Web을 통해서 소외받을수 있는 장애자나 노인, 어린이등을 위해서라도 표준화는 절실하다.

 

 

4. Web2.0 벌써 시작일지도... Web is Everthing

Web2.0은 뭔가 새로운 것이 아니다. 앞으로 그렇게 변모해야 할 목표다.   컴퓨터라는 기기에 의존하지 않고도 Web이라는 매체를 통해서 많은 것을 하게 됨으로써 이제  Web은 가정생활 속의 일부가 될지도 모른다. Web을 통해서 문서작업을 하고 영화를 보고, 음악을 감상하고 책을 읽게 될 그런 Web 환경.

 

모든 것은 웹으로 통하게 된다.

반응형
반응형

JDK 1.5.0 설치

Download Page

https://sdlc6c.sun.com/ECom/EComActionServlet;jsessionid=B4B09576DEC1CA4CE5A7288FA2B15D16

Accept 를 선택해야 다운받을 수 있다


설치될 폴더를 지정해준다

 



환경변수 등록

내 컴퓨터 오른 클릭 후 속성

Advanced 탭에서 Environment Variables 버튼 클릭

 


Path 등록

 


CLASSPATH 등록

 


Tomcat 5.5 설치

Download

http://ftp.kaist.ac.kr/pub/Apache/tomcat/tomcat-5/v5.5.17/bin/apache-tomcat-5.5.17.exe


설치 주르륵 해 나간다

필자는 이 화면에서 고민하다가 그냥 Next 눌렀다


 

설치 폴더 설정  


 

비밀번호 적어주고 Next (안적어도 무방하다) 


jre1.5.0이 설치되어있는 폴더가 맞는지 확인한다(경로가 다르다면 잡아준다)

 

톰캣도 CLASSPATH를 등록해준다

 

설치 완료 후 실행시킬것이냐 물어보는데 일단은 실행시키지 않는다

 

Flex 설치

별거 없음... 그냥 Next Next Next... Serial Number만 제대로 적어주면 됨


Flex 폴더의 flex.war, profiler.war, samples.war 를 톰캣 webapps 폴더에 복사

 

복사하는 것만으로 윈도우가 알아서 폴더를 만들고 그 폴더에 압축을 푼다

(만약 안된다면 톰캣을 다시 시작하면 된다. 물론 직접 압축을 풀어도 상관없다) 



Tomcat5.5\conf 폴더에 있는 server.xml 을 열고 아래 코드를 추가한다

<Context path="/flextest" reloadable="true" docBase="C:\Java\Tomcat 5.5\webapps\ROOT\flex" workDir="C:\Java\Tomcat 5.5\work" />  

 

주욱 내려가서 </HOST> 윗줄에 추가한다

 

path 는 web-root/접근명(디렉토리명과 달라도 가능)

docBase 는 위의 path 로 접근했을때 읽어올 파일들이 저장되어 있는 local path

workDir 는 path 로 접근했을때 사용되는 App 들이 컴파일되어 저장되는 위치

server.xml 수정이 끝났으면 Tomcat을 재실행한다


Tomcat 5.5\webapps\flex 폴더에 hello.mxml 파일을 만들고 소스를 적어준다


<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">

        <mx:Panel title="It's ZeLkOvA" marginTop="0" marginBottom="10" marginLeft="10" marginRight="10">

                <mx:Label text="Hello Flex!" color="#6601D7" fontSize="24"/>

        </mx:Panel>

</mx:Application>

 

Tomcat을 실행한다

 

Start 버튼을 누르고 OK 한다

 


http://127.0.0.1:8080/flex/hello.mxml 로 확인한다

 

 

여기까지는 영어는 되지만 한글이 들어가면 에러가 난다

(Flex Builder 설치 안하고 한글 쓰려면 맨 아래의 설명 참고)

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">

        <mx:Panel title="It's ZeLkOvA" marginTop="0" marginBottom="10" marginLeft="10" marginRight="10">

                <mx:Label text="안녕 플렉스!" color="#6601D7" fontSize="24"/>

        </mx:Panel>

</mx:Application>

 

 

한글 잡아주기.. 참..간단하다..

 

<?xml version="1.0" encoding="euc-kr"?>

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">

        <mx:Panel title="It's ZeLkOvA" marginTop="0" marginBottom="10" marginLeft="10" marginRight="10">

                <mx:Label text="Hello Flex!" color="#6601D7" fontSize="24"/>

                <mx:Label text="안녕 플렉스!" color="#6601D7" fontSize="24"/>

        </mx:Panel>

</mx:Application>

 

한글 잘나온다..


Flex builder 설치

이거도 별거없다... Next 연타

설치 후 실행하면 시리얼 적으라고 나온다 설명 필요없다(알아서 하시길..)

 

Flex Builder 실행시키고 hello.mxml 파일의 소스를 수정한다

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">

        <mx:Panel title="It's ZeLkOvA" marginTop="0" marginBottom="10" marginLeft="10" marginRight="10">

                <mx:Label text="Hello Flex!" color="#6601D7" fontSize="24"/>

                <mx:Label text="안녕 플렉스!" color="#6601D7" fontSize="24"/>

        </mx:Panel>

</mx:Application>


http://127.0.0.1:8080/flex/hello.mxml 로 확인한다

반응형

+ Recent posts