예방접종 정보 SITE.

Presentation on theme: "예방접종 정보 SITE."— Presentation transcript:

1 예방접종 정보 SITE

2 프로젝트 자원 팀원소개 - 엣지있게 시스템 - 운영체제 : Microsoft Windows XP Sp3
프로젝트 자원 팀원소개 - 엣지있게 시스템 - 운영체제 : Microsoft Windows XP Sp3 - 시스템 환경 : Intel Pentium4 3.0GHz / RAM : DDR2 2GB / HDD : 400GB - 리눅스 기반 웹 호스팅, PHP4, 드림위버, PhotoshopCS2, GnuBoard, MySql

3 주 제 소 개 주 제 예방접종 정보 제공 사이트 개 요 일반 고객에게 예방접종 정보를 쉽게 접할 수 있도록 하기 위함.

4 주 제 소 개 목표 사이트 목표 : 많은 사람들에게 예방접종 정보를 제공한다. 연령별로 필요한 예방접종에
주 제 소 개 목표 사이트 목표 : 많은 사람들에게 예방접종 정보를 제공한다. 연령별로 필요한 예방접종에 대해 선택적 정보를 제공한다. 기능적 목표 : 완성도 높은 사이트 구축 전체적/선택적 정보 제공

5 프로젝트 소개 일 정 표 진행 중 완료 10월 11월 12월 3주 4주 5주 1주 2주 요구분석 계획서검토 전 팀원 목표
요구분석서 작성 검토회의 설계 요구분석서 검토 필요 정보 통합 시스템 설계 중간 발표 작성 정보습득 예방접종 관련 정보 습득 김영웅 심수민 코딩 디자인 전창원 세부 페이지 테스트 최종프로그램 및 시연 (α테스트) 발표자료 작성

6 설 계 사이트구조도 MilGol.com 로그인 공지사항 접종정보 검 색 질의응답 공지사항 백신이란? 백신자료 F A Q 필요성
설 계 사이트구조도 MilGol.com 로그인 공지사항 접종정보 검 색 질의응답 공지사항 백신이란? 백신자료 F A Q 필요성 백신검색 Q & A 저희 사이트의 사이트 구조입니다. 도메인은 제 기존 보유하고 있던 계정을 사용하였습니다. 로그인기능과 각 상위메뉴를 필요한 기능만 골라 단순하게 구성하였습니다. 첫 메인 화면에 메뉴가 많으면 사이트 이용시 접근성이 용이하지 않아, 사용자에게 불편함을 줄 수 있으므로 최대한 단순한 구성을 하였으며, 부족하지도, 과하지도 않게 제작하였습니다. 메인화면에는 로그인기능과 4가지 메뉴가 있습니다. 공지사항, 예방접종 기본 정보메뉴, 검색메뉴, 질의응답메뉴입니다. 공지사항은 예방접종 관련한 뉴스나 새로운 정보를 사용자에게 알리는 목적이며, 접종정보는 예방접종에 대한 기본적인 지식을 알려주는 메뉴입니다. 접종정보에서 종류메뉴에는 DB와 연동하여 예방접종별로 정보를 출력하도록 하였습니다. 검색메뉴에는 백신자료와 백신검색이 있습니다. 백신 자료는 특별한 사항은 없습니다. 하지만, 백신에도 하나의 백신만이 존재하는 것이 아니라 백신 종류 하나에도 여러 약품제조회사들이 제조를 하며, 각 제품마다 특성이 조금씩 다르기에, 백신을 접종하는데 그치는 것이 아니라, 백신 별 제조회사, 특성을 제공함으로서 이용자의 알권리를 제공하였습니다. 백신검색에서는 연령별로, 백신별로 맞아야하는 시기를 검색할 수 있도록 DB를 제작하였습니다. 메인화면에 공지사항과 Q&A의 최근게시물을 출력하도록 제작하였으며, 메인화면에서 보여지는 메뉴들에 대한 설명을 화면 가운데 위치시킴으로서 사이트 처음 이용시 사용자가 헤매지 않도록 구성하였습니다. 질의응답 게시판은 각 백신별로 FAQ와 Q&A를 제공합니다. 종 류 주의사항

7 설 계 메인 – 로그인 - 공지사항 - 예방접종정보 - 검색 - 질의응답 예방접종 관련 최신 정보를 제공합니다.
설 계 메인 – 로그인 - 공지사항 예방접종 관련 최신 정보를 제공합니다. - 예방접종정보 예방접종 관련 기본적인 지식 정보 제공 - 검색 예방접종 제조사별, 백신 접종 기간별 검색 - 질의응답 사용자 참여 질의응답 메뉴 저희 사이트의 사이트 구조입니다. 도메인은 제 기존 보유하고 있던 계정을 사용하였습니다. 로그인기능과 각 상위메뉴를 필요한 기능만 골라 단순하게 구성하였습니다. 첫 메인 화면에 메뉴가 많으면 사이트 이용시 접근성이 용이하지 않아, 사용자에게 불편함을 줄 수 있으므로 최대한 단순한 구성을 하였으며, 부족하지도, 과하지도 않게 제작하였습니다. 메인화면에는 로그인기능과 4가지 메뉴가 있습니다. 공지사항, 예방접종 기본 정보메뉴, 검색메뉴, 질의응답메뉴입니다. 공지사항은 예방접종 관련한 뉴스나 새로운 정보를 사용자에게 알리는 목적이며, 접종정보는 예방접종에 대한 기본적인 지식을 알려주는 메뉴입니다. 접종정보에서 종류메뉴에는 DB와 연동하여 예방접종별로 정보를 출력하도록 하였습니다. 검색메뉴에는 백신자료와 백신검색이 있습니다. 백신 자료는 특별한 사항은 없습니다. 하지만, 백신에도 하나의 백신만이 존재하는 것이 아니라 백신 종류 하나에도 여러 약품제조회사들이 제조를 하며, 각 제품마다 특성이 조금씩 다르기에, 백신을 접종하는데 그치는 것이 아니라, 백신 별 제조회사, 특성을 제공함으로서 이용자의 알권리를 제공하였습니다. 백신검색에서는 연령별로, 백신별로 맞아야하는 시기를 검색할 수 있도록 DB를 제작하였습니다. 메인화면에 공지사항과 Q&A의 최근게시물을 출력하도록 제작하였으며, 메인화면에서 보여지는 메뉴들에 대한 설명을 화면 가운데 위치시킴으로서 사이트 처음 이용시 사용자가 헤매지 않도록 구성하였습니다. 질의응답 게시판은 각 백신별로 FAQ와 Q&A를 제공합니다.

8 설 계 DataBase 기본 구조 명칭 자료형 설 명 Num Int(20)
설 계 DataBase 기본 구조 명칭 자료형 설 명 Num Int(20) 기본값 ‘0’으로 데이터 모두 선택 가능하도록 하는 필드 Name Varchar(255) 백신(병명) 입력 필드 Info메뉴 종류 클릭 시 내용 조회 Content Text 백신 내용 입력 필드 Month_0 ~ Year_65 Enum(‘0’, ‘1’) 19가지 값으로 기간별 검색 가능. Enum사용으로 True, False 선택으로 조회

9 구 현 MilGol.com

10 구 현 :: 회원 접근 <? if($is_member){ ?> <? } else { ?>
구 현 :: 회원 접근 <? if($is_member){ ?> <a href="#" onClick="{ window.open ('./se/main/menu_search.html','menu'); window.open (' <? } else { ?> <a href="#" onClick="alert('로그인이 필요한 메뉴입니다.')"> <? } ?> <img src="./se/img/menu_04.jpg" border="0" alt="예방접종 연령별/종류별로 조회하는 메뉴입니다."></a></p>

11 구 현 :: 예방접종 종류 병명 클릭 – 자바스크립트로 새창/변수전달
구 현 :: 예방접종 종류 병명 클릭 – 자바스크립트로 새창/변수전달 <a href="javascript:na_open_window('win', 'content.html?a=B형간염', 0, 0, 540, 525, 0, 0, 0, 0, 0)" target="_self">B형간염</a></td> :: content.html – 기본 틀에서 iframe 및 변수전달 <iframe name="main" src="main.html?a=<?=$a?>" " frameborder="0” width="495" height="475"></iframe> :: main.html – iframe내부 변수를 받아 DB출력 <? DB접근 생략 $query = "SELECT * from se_info WHERE name='$a'"; $result = mysql_query($query); while($row=mysql_fetch_row($result)){ print "<p id='maintitle'>".$row[1]." ::<br><br><hr color='#cccccc'></p>" . $row[2] . $row[3]."<br><hr color='#cccccc'“; }?>

12 구 현 :: 백신 검색 - 기본 FORM - OR선택일 경우 - AND선택일 경우 - 병명 선택일 경우
구 현 :: 백신 검색 - 기본 FORM <form method="get" name="search" action="./result.php"> <input type="radio" name="bol" value="bol_or" checked>또는 <br> <input type="radio" name="bol" value="bol_and">그리고</p> <input type="checkbox" name="val_0" value="1"> 0개월 </td> 중간생략<input type="checkbox" name="val_19" value="1"> 전부 </td></form> - OR선택일 경우 if($bol=="bol_or") { $select[0] = ($val_0!='1')?("''"):("`month_0`='1'"); } - AND선택일 경우 else if($bol=="bol_and") { $select[0] = ($val_0!="1")?("num=0"):("`month_0`='1'"); } - 병명 선택일 경우 else { $select[0] = ($val2_0!='1')?("''"):("`name`='결핵'"); }

13 구 현 :: 결과 테이블 출력 echo "<table border=1 cellspacing=0 style='font-family:돋움;font-size:8pt;'>"; echo "<tr><td align=center><b>이름</b></td>"; for($i=0;$i<=18;$i++){ echo "<td width=26 align=center><b>".$val_title[$i]."</b></td>"; } // 배열을 이용한 표 상단 타이틀 출력 echo "</tr>"; //***** 표 내용 *****// while($row=mysql_fetch_row($result)) { echo "<tr><td height=30 align=center> <a href=‘./bbs/board.php?bo_table=search2&sca=".$row[1]."'>".$row[1].“ </a></td>"; // 항목에 하이퍼링크 추가 for($i=4;$i<=22;$i++) { $row_print=($row[$i]=='0')?">　":" bgcolor='#cccccc' align='center’ style='color:#cccccc;font-weight:bold;' align=center>"; echo "<td ".$row_print."</td>"; } // 해당 항목에 enum이 0이면 흰색, 1이면 회색 채움 } echo "</table>";

14 구 현 :: 선택값 출력부분 if($bol=="''"); // AND, OR 미선택시 else{
구 현 :: 선택값 출력부분 if($bol=="''"); // AND, OR 미선택시 else{ $sel=($bol=="bol_or")?"OR":"AND"; // 3항연산자. echo "<p style='font-family:돋움;font-size:9pt'>선택하신 값 : <br>".$sel; for($i=0;$i<=19;$i++) { if($bol=="bol_or“) $view=($select[$i]!="''")?($select[$i]=", ".$val[$i]):""; else $view=($select[$i]=="num=0")?($select[$i]=", ".$val[$i]):""; echo $view; } echo "</p>"; } // 선택값 출력 $val=array('0개월','1개월','2개월','4개월','6개월','12개월','15개월','18개월', '24개월','36개월', '만 4세','만 6세','만 11세','만 12세','19~39세', '40~49세','50~64세','65세 이상','임신부','전부');

15 테 스 트 / 유지보수

16 테 스 트 / 유지보수

17 테 스 트 / 유지보수

18 테 스 트 / 유지보수

19 Thank You~