diff --git a/src/main/java/com/nhn/hippo/web/calltree/rpc/RPCCallTree.java b/src/main/java/com/nhn/hippo/web/calltree/rpc/RPCCallTree.java
index f802427e6..b62e75f32 100644
--- a/src/main/java/com/nhn/hippo/web/calltree/rpc/RPCCallTree.java
+++ b/src/main/java/com/nhn/hippo/web/calltree/rpc/RPCCallTree.java
@@ -30,7 +30,7 @@ public class RPCCallTree {
          * make RPCs
          */
         // TODO: 여기에서 이러지말고 수집할 때 처음부터 table에 저장해둘 수 있나??
-        RPC rpc = new RPC(span.getAgentID(), span.getServiceName(), span.getName(), span.isTerminal());
+        RPC rpc = new RPC(span.getAgentId(), span.getServiceName(), span.getName(), span.isTerminal());
 
         // TODO: remove this later.
         if (rpc.getId().contains("mysql:jdbc:") || rpc.getId().contains("favicon")) {
@@ -40,13 +40,13 @@ public class RPCCallTree {
         if (!rpcs.containsKey(rpc.getId())) {
             rpcs.put(rpc.getId(), rpc);
         }
-        spanIdToRPCId.put(String.valueOf(span.getSpanID()), rpc.getId());
+        spanIdToRPCId.put(String.valueOf(span.getSpanId()), rpc.getId());
 
         // TODO remove client node
         if (span.getParentSpanId() == -1) {
-            RPC client = new RPC(PREFIX_CLIENT + span.getAgentID(), span.getServiceName(), span.getName(), false);
+            RPC client = new RPC(PREFIX_CLIENT + span.getAgentId(), span.getServiceName(), span.getName(), false);
             rpcs.put(client.getId(), client);
-            spanIdToRPCId.put(PREFIX_CLIENT + span.getSpanID(), client.getId());
+            spanIdToRPCId.put(PREFIX_CLIENT + span.getSpanId(), client.getId());
         }
 
         /**
@@ -66,7 +66,7 @@ public class RPCCallTree {
 
         for (Span span : spans) {
             String from = String.valueOf(span.getParentSpanId());
-            String to = String.valueOf(span.getSpanID());
+            String to = String.valueOf(span.getSpanId());
 
             RPC fromRPC = rpcs.get(spanIdToRPCId.get(from));
             RPC toRPC = rpcs.get(spanIdToRPCId.get(to));
diff --git a/src/main/java/com/nhn/hippo/web/calltree/server/ServerCallTree.java b/src/main/java/com/nhn/hippo/web/calltree/server/ServerCallTree.java
index 89a1e23fc..29b53aa98 100644
--- a/src/main/java/com/nhn/hippo/web/calltree/server/ServerCallTree.java
+++ b/src/main/java/com/nhn/hippo/web/calltree/server/ServerCallTree.java
@@ -32,7 +32,7 @@ public class ServerCallTree {
          * make Servers
          */
         // TODO: 여기에서 이러지말고 수집할 때 처음부터 table에 저장해둘 수 있나??
-        Server Server = new Server(span.getAgentID(), span.getEndPoint(), span.isTerminal());
+        Server Server = new Server(span.getAgentId(), span.getEndPoint(), span.isTerminal());
 
         // TODO: remove this later.
         if (Server.getId().contains("mysql:jdbc:") || Server.getId().contains("favicon")) {
@@ -42,7 +42,7 @@ public class ServerCallTree {
         if (!servers.containsKey(Server.getId())) {
             servers.put(Server.getId(), Server);
         }
-        spanIdToServerId.put(String.valueOf(span.getSpanID()), Server.getId());
+        spanIdToServerId.put(String.valueOf(span.getSpanId()), Server.getId());
 
         // TODO: remove client node
 //		if (span.getParentSpanId() == -1) {
@@ -72,7 +72,7 @@ public class ServerCallTree {
 
         for (Span span : spans) {
             String from = String.valueOf(span.getParentSpanId());
-            String to = String.valueOf(span.getSpanID());
+            String to = String.valueOf(span.getSpanId());
 
             Server fromServer = servers.get(spanIdToServerId.get(from));
             Server toServer = servers.get(spanIdToServerId.get(to));
diff --git a/src/main/java/com/nhn/hippo/web/calltree/span/SpanAligner.java b/src/main/java/com/nhn/hippo/web/calltree/span/SpanAligner.java
index b349dd974..a1eab0327 100644
--- a/src/main/java/com/nhn/hippo/web/calltree/span/SpanAligner.java
+++ b/src/main/java/com/nhn/hippo/web/calltree/span/SpanAligner.java
@@ -109,11 +109,11 @@ public class SpanAligner {
 
 
     private List<Span> nextSpan(Span parent) {
-        List<Span> child = this.parentSpanIdMap.get(parent.getSpanID());
+        List<Span> child = this.parentSpanIdMap.get(parent.getSpanId());
         if (child == null) {
             return null;
         }
-        this.parentSpanIdMap.remove(parent.getSpanID());
+        this.parentSpanIdMap.remove(parent.getSpanId());
         // 동일 레벨은 시간순으로 정렬.
         Collections.sort(child, timeComparator);
         return child;
@@ -142,11 +142,11 @@ public class SpanAligner {
         }
 
         public void check(Span span) {
-            Span before = spanCheck.put(span.getSpanID(), span);
+            Span before = spanCheck.put(span.getSpanId(), span);
             if (before != null) {
                 // span id 중복체크
                 deplicatedSpanIdDump(span);
-                throw new IllegalStateException("duplicated spanId. id:" + span.getSpanID());
+                throw new IllegalStateException("duplicated spanId. id:" + span.getSpanId());
             }
         }
 
diff --git a/src/main/java/com/nhn/hippo/web/utils/AnnotationUtils.java b/src/main/java/com/nhn/hippo/web/utils/AnnotationUtils.java
index c9d6ea97d..4b68cdea9 100644
--- a/src/main/java/com/nhn/hippo/web/utils/AnnotationUtils.java
+++ b/src/main/java/com/nhn/hippo/web/utils/AnnotationUtils.java
@@ -1,10 +1,15 @@
 package com.nhn.hippo.web.utils;
 
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.UUID;
+
 import com.profiler.common.util.AnnotationTranscoder;
 
 public class AnnotationUtils {
 
 	private static final AnnotationTranscoder transcoder = new AnnotationTranscoder();
+	private static final SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss SSS");
 
 	public static String bytesToString(int dataType, byte[] data) {
 		Object decoded = transcoder.decode(dataType, data);
@@ -14,4 +19,11 @@ public class AnnotationUtils {
 			return null;
 	}
 
+	public static String longToDateStr(long date) {
+		return dateFormat.format(new Date(date));
+	}
+
+	public static String longLongToUUID(long mostTraceId, long leastTraceId) {
+		return new UUID(mostTraceId, leastTraceId).toString();
+	}
 }
diff --git a/src/main/java/com/nhn/hippo/web/vo/BusinessTransaction.java b/src/main/java/com/nhn/hippo/web/vo/BusinessTransaction.java
index 6eee3e58c..93fc767d6 100644
--- a/src/main/java/com/nhn/hippo/web/vo/BusinessTransaction.java
+++ b/src/main/java/com/nhn/hippo/web/vo/BusinessTransaction.java
@@ -18,7 +18,7 @@ public class BusinessTransaction {
 
 	public BusinessTransaction(Span span) {
 		this.name = span.getName();
-		this.traces.add(new UUID(span.getMostTraceID(), span.getLeastTraceID()).toString());
+		this.traces.add(new UUID(span.getMostTraceId(), span.getLeastTraceId()).toString());
 		calls++;
 
 		List<Annotation> annotations = span.getAnnotations();
@@ -37,7 +37,7 @@ public class BusinessTransaction {
 	}
 
 	public void add(Span span) {
-		this.traces.add(new UUID(span.getMostTraceID(), span.getLeastTraceID()).toString());
+		this.traces.add(new UUID(span.getMostTraceId(), span.getLeastTraceId()).toString());
 		if (span.getParentSpanId() == -1) {
 			calls++;
 		}
diff --git a/src/main/webapp/WEB-INF/hippo-function.tld b/src/main/webapp/WEB-INF/hippo-function.tld
index 5877c36b7..7bc0fe2e4 100644
--- a/src/main/webapp/WEB-INF/hippo-function.tld
+++ b/src/main/webapp/WEB-INF/hippo-function.tld
@@ -15,4 +15,18 @@
 		<function-class>com.nhn.hippo.web.utils.AnnotationUtils</function-class>
 		<function-signature>java.lang.String bytesToString(int, byte[])</function-signature>
 	</function>
+	
+	<function>
+		<description></description>
+		<name>longToDateStr</name>
+		<function-class>com.nhn.hippo.web.utils.AnnotationUtils</function-class>
+		<function-signature>java.lang.String longToDateStr(long)</function-signature>
+	</function>
+	
+	<function>
+		<description></description>
+		<name>longLongToUUID</name>
+		<function-class>com.nhn.hippo.web.utils.AnnotationUtils</function-class>
+		<function-signature>java.lang.String longLongToUUID(long, long)</function-signature>
+	</function>
 </taglib>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/selectTransaction.jsp b/src/main/webapp/WEB-INF/views/selectTransaction.jsp
index 3b271a8b4..084d3dd39 100644
--- a/src/main/webapp/WEB-INF/views/selectTransaction.jsp
+++ b/src/main/webapp/WEB-INF/views/selectTransaction.jsp
@@ -46,20 +46,27 @@
 		
 		<div id="spanDetail${status.count}" style="display:none; position:absolute; left:0; top:0;width:500px;background-color:#E8CA68;padding:10px;">
 		<ul>
-			<li>service name = ${sp.serviceName}</li>
+			<li>AgentId = ${sp.agentId}</li>
+			<li>UUID = ${hippo:longLongToUUID(sp.mostTraceId, sp.leastTraceId)}</li>
+			<li>spanId = ${sp.spanId}</li>
+			<li>parentSpanId = ${sp.parentSpanId}</li>
+			<li>service = ${sp.serviceName}</li>
+			<li>name = ${sp.name}</li>
 			<li>timestamp = ${hippo:longToDateStr(sp.timestamp)}</li>
 			<li>endpoint = ${sp.endPoint}</li>
+			<li>terminal = ${sp.terminal}</li>
 		
 			<c:forEach items="${sp.annotations}" var="ano" varStatus="annoStatus">
 				<c:if test="${ano.key eq 'CS' or ano.key eq 'SR'}">
 					<c:set var="begin" scope="page" value="${ano.timestamp}"/>
-					
+					<li>${ano.key} = ${ano.duration}</li>				
 					<c:if test="${status.first}">
 						<c:set var="startTime" scope="page" value="${ano.timestamp}"/>
 					</c:if>
 				</c:if>
 				<c:if test="${ano.key eq 'CR' or ano.key eq 'SS'}">
 					<c:set var="end" scope="page" value="${ano.timestamp}"/>
+					<li>${ano.key} = ${ano.duration}</li>				
 					<c:if test="${status.first}">
 						<c:set var="endTime" scope="page" value="${ano.timestamp}"/>
 					</c:if>
@@ -81,6 +88,33 @@
 	$("#timeline").css("width", ${endTime - startTime});
 	</script>
 
+
+struct Annotation {
+  1: i64 timestamp,
+  2: optional i64 duration,
+  3: string key,
+  4: i32 valueTypeCode,
+  5: optional binary value,
+}
+
+struct Span {
+  1: string agentID
+  2: i64 timestamp,
+  3: i64 mostTraceID
+  4: i64 leastTraceID
+  5: string name,
+  6: string serviceName
+  7: i64 spanID,
+  8: optional i64 parentSpanId,
+  9: list<Annotation> annotations,
+  10: optional i32 flag = 0
+  11: string endPoint
+  12: bool terminal
+}
+
+
+
+
 	<br/>
 	<br/>
 	<br/>
diff --git a/src/test/java/com/nhn/hippo/web/path/PathTest.java b/src/test/java/com/nhn/hippo/web/path/PathTest.java
index 36ff9f496..e0447a4e0 100644
--- a/src/test/java/com/nhn/hippo/web/path/PathTest.java
+++ b/src/test/java/com/nhn/hippo/web/path/PathTest.java
@@ -37,7 +37,7 @@ public class PathTest {
 
     public void printSpan(String msg, Span span) {
 //        System.out.println(msg + " id:" + span.getSpanID() + " pid:" + span.getParentSpanId() + " time:" + format.format(new Date(span.getTimestamp())));
-        System.out.println(msg + " id:" + span.getSpanID() + " pid:" + span.getParentSpanId() + " time:" + span.getTimestamp());
+        System.out.println(msg + " id:" + span.getSpanId() + " pid:" + span.getParentSpanId() + " time:" + span.getTimestamp());
     }
 //    private Span root() {
 //        TraceID traceID = TraceID.newTraceId();
diff --git a/src/test/java/com/nhn/hippo/web/service/SpanServiceTest.java b/src/test/java/com/nhn/hippo/web/service/SpanServiceTest.java
index 0a5892c7e..63035ea9d 100644
--- a/src/test/java/com/nhn/hippo/web/service/SpanServiceTest.java
+++ b/src/test/java/com/nhn/hippo/web/service/SpanServiceTest.java
@@ -51,7 +51,7 @@ public class SpanServiceTest {
     @Before
     public void before() throws TException {
         Span span = createRootSpan();
-        logger.debug("uuid:{}", new UUID(span.getMostTraceID(), span.getLeastTraceID()));
+        logger.debug("uuid:{}", new UUID(span.getMostTraceId(), span.getLeastTraceId()));
         insert(span);
         deleteSpans.add(span);
 
@@ -96,7 +96,7 @@ public class SpanServiceTest {
 
 
     private void doRead(Span span) {
-        UUID uuid = new UUID(span.getMostTraceID(), span.getLeastTraceID());
+        UUID uuid = new UUID(span.getMostTraceId(), span.getLeastTraceId());
 
         List<SpanAlign> sort = spanService.selectSpan(uuid.toString());
         for (SpanAlign spanAlign : sort) {
@@ -129,8 +129,8 @@ public class SpanServiceTest {
         List<Annotation> ano = Collections.emptyList();
         long time = System.currentTimeMillis();
         int andIncrement = id.getAndIncrement();
-        Span sub = new Span("UnitTest", time, span.getMostTraceID(), span.getLeastTraceID(), "test", "rpc" + andIncrement, andIncrement, ano, "protocol:ip:port", false);
-        sub.setParentSpanId(span.getSpanID());
+        Span sub = new Span("UnitTest", time, span.getMostTraceId(), span.getLeastTraceId(), "test", "rpc" + andIncrement, andIncrement, ano, "protocol:ip:port", false);
+        sub.setParentSpanId(span.getSpanId());
         return sub;
     }