Transcript KaonWorld (사내 커뮤니티)

안소연, 고원영,정영석
시스템 개요
개발 환경
개발 일정
시스템 요구 사항
시스템 설계
시스템 구현
시연 및 Q&A

개발 목표
◦ Ajax 기반의 WEB 기술을 이용하여 기업의 직원, 부서를
총괄 관리하는 기업형 커뮤니케이션 웹 사이트 개발을
목표로 하고 있습니다.

사용기술
◦ Ajax (Asynchronous JavaScript & XML)
◦ LINQ (Language Integrated Query)
기술 설명

Ajax
CSS
DOM
JavaScript
XMLHttpRequest
Ajax
기술 설명

XMLHttpRequest


DOM


문서의 구조를 나타냄, 폼 등의 정보나 화면 구성을
조작할 때 사용
CSS


웹 서버와 통신을 담당, 사용자의 요청을 웹 서버에 전송하고, 웹
서버로부터 받은 결과를 웹 브라우저에 전달
글자 색, 배경색, 위치, 투명도 등 UI와 관련된 부분을
담당함.
JavaScript

사용자의 요청에 따라 XMLHttpRequest 객체를 사용해서 웹 서
버에 요청을 전송하며, XMLHttpRequest 객체로부터 응답이 오
면 DOM, CSS 등을 사용해서 화면을 조작
기술 설명

Ajax 작동 방식
Server Side System
Web Browser
데이터 저장,
비동기 작업 수행
User Interface
JavaScript Call
HTML+CSS data
Ajax Engine
HTTP Request
Web Server
XML Data
기술 설명

LINQ
◦ Language Integrate Query의 약자로써
통합 질의 언어 라고 함
◦ 기존의 Query와는 다르게 LINQ는 컬렉션 형태로
되어있는 모든 데이터에 대해 질의를 할 수 있음
◦ MS-SQL 이나 메모리상의 컬렉션 또는 XML에 대해서도
LINQ를 사용할 수 있음

OS
◦ WindowsXP SP3

개발환경
◦ .Net Framework 3.5

개발 툴
◦ Visual Studio 2008

DataBase
◦ MSSQL Server 2005

개발언어
◦ C#, Javascript, HTML, XML

일정표
계획 :
실제 :
기능적 요구 사항

관리자
◦
◦
◦
◦
◦
◦
◦
사원 등록/수정/삭제
부서 등록/수정/삭제
회원 가입 승인
관리자 권한 부여/회수
회원검색
회사 일정관리
키워드 관리
기능적 요구 사항

사원
◦
◦
◦
◦
◦
◦
개인 정보 수정
개인 일정관리
게시물 작성
회원찾기
쪽지관리
개인 페이지 스킨/게시판/프로필/효과 관리
기능적 요구 사항

공용페이지
◦
◦
◦
◦
◦
◦
사이트맵
날씨정보
뉴스정보
신규가입자
최근 게시글
현재달의 이벤트 & 생일자
비기능적 요구 사항

가용성
◦ 시스템은 실패 없이 항상 멈추지 않고 가동 되어야 한다.
※단 시스템 점검 시간은 제외
◦ 시스템에 문제가 발생시 이를 사용자에게 통보 후
적절하게 대처 한다

성능
◦ 시스템은 사용자의 요구를 3초 안에 처리하여 결과를
제공 해야 하며 모든 요청은 비동기 방식으로 이루어
져야 한다
※위 조건을 만족하기 위하여 PL SQL을 사용 하였습니다.
※성능을 위하여 ASP컨트롤을 사용하지 않고 AJAX사용
비기능적 요구 사항

보안

변경 가능성
◦ 시스템을 사용하는 사용자의 정보가 유출 되지 않도록
시스템이 보호 되어야 한다
※보안을 위하여 사용자의 비밀번호를 BASE64로
Encoding 하여 저장
◦ 접근 가능한 사용자 라도 그 수준에 따라 사용할 수 있는
기능에 차등을 두어야 한다.
※관리자와 일반 회원으로 등급이 정해지게 됨
◦ 시스템을 구성 하는 각 컴포넌트는 별도의 코드 수정
없이 다른 컴포넌트로 교체 하여도 정상적으로 동작
하여야 한다
비기능적 요구 사항

사용성
◦ 시스템은 인터넷 환경을 기반으로 구축 되어야 하며
누구나 Web Browser를 통하여 쉽게 접근할 수
있어야 한다
USE-CASE DIAGRAM

사원 유즈케이스 다이어그램
USE-CASE DIAGRAM

관리자 유즈케이스 다이어그램
시스템 구조
클라이언트
DAO
Controller
(Data Access Object)
클라이언트
메인 서버
DataBase
클라이언트
※MVC 패턴을 적용
DB 설계

테이블 관계도
DB 설계

테이블 관계도
DB 설계

테이블 정의서
※첨부된 테이블 정의서 참조
UI 설계

메인 페이지
가온월드
로고
로그인
최근회원
검색
이달의행사 & 생일자
게시판
사이트맵
날씨
최근뉴스
UI 설계

관리자 페이지
가온월드
로고
검색
사이트맵
메뉴
로그인
내용
최근회원
UI 설계

개인 페이지
스킨
메뉴
프로필
내용
역할 분담
안소연
• 디자인 [ PhotoShop , ImageReady, Css]
• 일정관리, 로그인 [Ajax, LinQ, 프로시져]
• 개인월드관리 [Ajax, LinQ, 프로시져]
고원영
• 게시판 [Ajax, LinQ, 프로시져]
• 회의록 [Ajax, LinQ, 프로시져]
• 검색 [Ajax, LinQ, 프로시져]
정영석
• 쪽지 [Ajax, 프로시져]
• 회원관리, 회원검색 [Ajax, 프로시져]
• 관리자기능 [Ajax, 프로시져]
주요 코드

Ajax Data Request
주요 코드

Ajax Send Request
주요 코드

Ajax Controler
주요 코드

Ajax CallBack Method
주요 코드

사용자 정의 컨트롤
◦ 소스에 정의
 적용화면 : 모든 페이지
◦ 소스에 적용

참조
주요 코드

Transaction
주요 코드

LINQ Transaction
주요 코드

RSS
주요 코드

Base64 인코딩
주요 코드

페이징 프로시져
주요소스

일정관리 프로시져
주요 코드

효과
주요 코드

주소찾기
UI

메인페이지
UI

게시판
UI

게시물 작성
UI

회의록 작성
UI

관리자 회사일정등록
UI

직원관리
UI

직원관리2
UI

스킨관리
UI

쪽지 주고 받기
UI

쪽지 관리
UI

개인 정보 수정
UI

개인 페이지
UI

개인 일정 등록
UI

방명록
UI

개인 게시판
UI

개인 페이지 관리
UI

개인 프로필 등록
UI

통합검색
자동완성기능
Thank You!!