1 / 33

Enjoy Jeju

Enjoy Jeju. 조장 : 문영범 조원 : 박기준 , 허정수 , 김석환. 목 차. 1. 2. 3. 4. 프로젝트 개요. 설 계. 기능 / 구현설명. 시 연. 프로젝트 개요. 프로젝트 주제. 주제 네이버 지도를 이용한 제주도 여행지 소개 . 사용자 간의 여행 정보를 공유하는 커뮤니티 사이트. 개발목적. 개발목적 관리자가 지도 위에 여행지를 직접 등록하여 시각적인 효과 관리자는 추천 경로를 등록 할 수 있고 사용자는 보다 효율적인 여행 코스를 검색

justus
Download Presentation

Enjoy Jeju

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Enjoy Jeju 조장:문영범 조원:박기준,허정수,김석환

  2. 목 차 1 2 3 4 프로젝트 개요 설 계 기능 / 구현설명 시 연

  3. 프로젝트 개요

  4. 프로젝트 주제 • 주제 • 네이버 지도를 이용한 제주도 여행지 소개. • 사용자 간의 여행 정보를 공유하는 커뮤니티 사이트.

  5. 개발목적 • 개발목적 • 관리자가 지도 위에 여행지를 직접 등록하여 시각적인 효과 • 관리자는 추천 경로를 등록 할 수 있고 사용자는 보다 효율적인 여행 코스를 검색 • 사용자는 여행 후기를 글과 사진 뿐만 아니라 지도를 통해 등록하므로 차별화 된 서비스 제공 • 미니룸? –지도상에서 자신의 공간을 설정하고 홍보 할 수 있는 서비스를 제공.

  6. 요구사항 정의 미니룸 사용자 관리자 일반 사용자 *모든 게시판 이용가능 *자신의 여행경험에 대해 정보 공유 *로그인시 글 작성 가능 *제주도에서 자신의 공간을 홍보 함 *관리자의 승인하에 미니룸 개설 가능 *전반적인 게시판관리 *회원 관리 *미니룸 승인

  7. Enjoy Jeju 개요도 관리자 모든 관리 미니룸 허가 DB Server WebSite -각종 게시판으로 정보 공유 -사용자 및 관리자가 입력한 추천 여행지 관리 -미니룸 사용자가 입력한 여행지 정보관리 일반 사용자 정보 공유 미니룸 신청자 ->승락 후 사용

  8. 개발일정

  9. 개발 환경 • O/S • Windows XP Professional • 개발 툴 • Visual Studio 2008 • Database • MS-SQL2005

  10. 팀원 역할 / 업무 내용 · Database Design · Theme 게시판 ·설문조사 게시판 ·전반적인 화면구성 ·미니룸 Part 연구/개발 ·로그인 영역 ·지도 Part 연구/개발 ·공지사항 게시판 · Database Design · QnA 게시판 ·관리자 페이지 총괄 · Database Design 문영범 박기준 허정수 김석환 · Ajax · Silveright · Ajax · Naver OpenApi · Ajax · Naver OpenApi · Ajax · LINQ (SQL, XML, Object)

  11. 설 계

  12. 비기능적 요구사항 • 사용자는 빠른 속도의 사이트를 원한다. • AJAX로 구현 • 1. 빠르다 • 2. 호환성, 확장성이 높다 • 3. 별도의 프로그램(ActiveX또는 자바 애플릿)의 설치 없이 사용 가능하다 • 4. 더욱 액티브 한 화면 개발이 용이하다 • 사진 화면 구성을 다르게 하기를 원한다. • Silverlight 적용 • 여행지와 관련하여 지도도 함께 표현하기를 원한다. • Naver Map Open API 적용

  13. 기능적 요구사항 • 회원 • 회원가입, 정보수정, 탈퇴 • 쪽지 보내기, 관리 • 게시판 • 게시판 검색, 내용보기는 비회원도 가능 • 글쓰기, 여행후기 등록은 회원만 가능 • 미니룸 • 제주도 여행지에서 자신만의 공간을 홍보 • 관리자의 승인 후 미니룸 생성가능 • 일반 회원도 미니룸 보기는 가능 • 지도 • 관리자: 추천 여행지 등록, 추천 여행지 경로 등록 • 사용자: 추천 여행지 보기, 검색, 여행후기 등록

  14. 유즈 케이스 다이어그램

  15. 테이블 설계(1/3) 질문번호 유저번호 쪽지번호 질문댓글번호 작성자 질문번호 유저이름 보낸이 제목 작성자 비밀번호 받는이 내용 내용 전자우편 내용 삭제일 작성일 작성일 작성일 수정일 삭제일 유저등급번호 확인여부 삭제일 아바타 받은일자 글참조번호 탈퇴일 들여쓰기 정렬순서 참여번호 조회수 설문번호 댓글갯수 설문세부번호 설문번호 참여자이름 작성자 설문댓글번호 투표일 설문번호 질문 작성자 시작일 코드번호 내용 종료일 작성일 코드이름 설문세부번호 작성일 삭제일 설문번호 수정일 답변항목 삭제일 질문갯수 답변 수 총응답수 코드세부번호 코드번호 코드세부이름

  16. 테이블설계(2/3) 여행후기댓글번호 테마이미지번호 테마번호 이미지번호 여행후기번호 테마번호 작성자 미니룸번호 후기댓글번호 작성자 이미지이름 제목 이미지이름 내용 작성일 작성일 작성일 작성일 삭제일 수정일 삭제일 삭제일 삭제일 추천수 테마타입번호 추천수 내용 여행후기경로 미니룸번호 여행후기번호 작성자 여행후기번호 위치 위치 작성자 설명 테마타입번호 미이룸이름 제목 작성일 테마타입이름 설명 내용 삭제일 미니룸종류 작성일 승인상태 수정일 작성일 삭제일 후기이미지번호 수정일 여행후기번호 조회수 삭제일 이미지이름 이미지갯수 작성일 댓글갯수 삭제일

  17. 테이블설계(3/3) 관리자추천이미지번호 관리자추천경로번호 관리자추천번호 설명 이미지이름 작성일 삭제일 관리자추천번호 추천경로세부번호 위치 관리자추천경로번호 도착지 관리자추천번호 설명 작성일 수정일 삭제일

  18. 기능구현/설명

  19. Enjoy Jeju 흐름도 메인 페이지 접속 지도 게시판 미니룸 미니룸 추천여행지검색 미니룸등록 출발지도착지검색 미니룸보기 질문게시판 테마 설문하기 여행후기

  20. 구현 기술 설명 • LINQ • Silverlight • Naver Map Open API • Ajax

  21. LINQ • Language Integrate Query의 약자로써 통합 질의 언어 라고 함 • 기존의 Query와는 다르게 LINQ는 컬렉션 형태로 되어있는 모든 데이터에 대해 질의를 할 수 있음 • MS-SQL 이나 메모리상의 컬렉션 또는 XML에 대해서도 LINQ를 사용할 수 있음

  22. Linq to Sql을 이용한 구현 • CompiledQuery 클래스를 이용한 쿼리 *쿼리 재사용을 위한 컴파일 및 캐시 기능을 제공 함 • public static Func<adminDATADataContext, int, IQueryable<Notice>> • noticeNoDelList = CompiledQuery.Compile((adminDATADataContext dc, int skipCount) => • (from c in dc.Notice • orderby c.ModifyDate descending, c.NoticeID descending • where c.DelDate == null • select c).Skip(skipCount).Take(10));

  23. Linq to XML을 이용한 구현 • XDocument 또는 XElement를 이용하여 인라인으로 XML문서 생성 • XElement root = new XElement("root", • new XElement("QnAID", dto.QnAID), • new XElement("writer", dto.Writer), • new XElement("title", dto.Title), • new XElement("contents", dto.Contents), • new XElement("ModifyDate", dto.ModifyDate), • new XElement("readcount", dto.ReadCount));

  24. Linq to Object를 이용한 구현 String 배열에 있는 Empty 값을 간단한 쿼리를 이용하여 제거 • string[] selectedID = checkedItems.Split(','); • string[] str = selectedID • .Where(c => c.Length > 0) • .Select(c => c).ToArray();

  25. Silverlight • 애니메이션, 벡터 그래픽스, 오디오-비디오 재생을 비롯한 리치 인터넷 애플리케이션에 대한 지원을 제공하는 웹 브라우저 플러그인 • 그래픽 시스템을 제공하며 멀티미디어, 그래픽스, 애니메이션, 상호 작용을 하나의 런타임으로 통합 • XAML과 동작하도록 설계되어 있으며 자바스크립트로 작성

  26. Silverlight • Page.XAML부분에서 움직임을 제어할 스토리보드를 생성 <Storyboard x:Name="PicChange"> <!-- 왼쪽이미지 사라지기--> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="pic1" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].( ScaleTransform.ScaleX)"> <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/> <SplineDoubleKeyFrame KeyTime="00:00:00.5" Value="0"/> </DoubleAnimationUsingKeyFrames>

  27. Silverlight • 움직이게 될 사진의 이름을 스토리보드의 소스에 각각 입력 후 실행 • this.PicChange.Children[0].SetValue(Storyboard.TargetNameProperty, “PIcName1”); • this.PicChange.Children[1].SetValue(Storyboard.TargetNameProperty, “PIcName2”); • this.PicChange.Begin();

  28. Silverlight

  29. Naver Map Open API • 네이버 등록을 통해 지도 키 값을 받아서 설정 • 적용 API • 지도 클릭, 마우스 오버 이벤트 처리 • 사용자나 관리자가 지도 상에 등록할 마커 처리 • 마커를 통해 보여지는 정보창 처리

  30. Ajax • 데이터의 입력, 수정, 삭제를 XmlHttpRequest 객체를 통해 XML로 전송. • 전송 후 결과 역시 XML 문서로 받아 파싱하고 수신 코드에 해당하는 동작을 처리. • 지도에 표현되는 정보 • 게시판 • 로그인 처리

  31. 화면 설명

  32. 시연

  33. 마치며

More Related