Web Programming 강의


php.ini 환경 설정 파일 변경


DB 연결 및 레코드 검색 (pdf)


Form을 이용한 예약 실습


BBS 만들기 소스 (png / pdf)

[[ 과제 ]]
(1) 각 게시글마다 몇번 읽었는지를 게시판 글쓴시각 우측에 괄호안에 숫자로 나타내시오.
(2) 게시글 리스트 상의 글제목 우측에 해당 글에 대한 댓글 갯수를 괄호안의 숫자로 표시하시오.
(3) 게시글 리스트 상단 좌측에 검색 기능을 추가하시오. 해당 검색어를 포함하고 있는 글들로 구성된 게시판을 출력하시오.
검색 대상은 글제목으로 제한하고, 덧글도 대상으로 할 것.


Spreadsheet 파일 생성


기말고사 과제(제목: 쓰레기 정보 웹 프로그래밍)

  1. HTML5와 자바스크립트를 이용하여, 로그인 한 상태에서 쓰레기 사진을 촬영하여 서버로 업로드한다
  2. 회원 가입은 아이디, 비밀번호, 이름 3가지만 입력한다. (검색해서 할 수 있는 사람은) 구글, 패이스북, 네이버 아이디 등을 이용한 로그인을 구현해도 좋다
  3. 쓰레기 등록메뉴에서 사용자는 촬영 직후 쓰레기 종류를 선택한 후 서버로 전송한다. 촬영한 쓰레기와 맞는 적절한 쓰레기 종류가 없는 경우, 사용자는 "기타" 쓰레기를 선택하고, 메모란에 새로운 쓰레기 종류를 포함시켜 달라고 요청하는 기능을 사용한다.
  4. 서버에 업로드하는 내용은 사용자ID, 촬영된 쓰레기 사진파일, 촬영일시시간, 쓰레기 종류, 촬영지 GPS좌표값으로 한다. 그러나, GPS 좌표를 반환하는 navigator.geolocation.getCurrentPosition() 함수를 사용하려면 서버가 https 이어야 하므로 현재로선 가능하지 않다. 따라서 GPS 좌표대신에 주소(도시명, 동명, 번지)를 직접 선택/입력 하도록 하시오. 주소의 범위는 부산으로 한정하시오.
  5. 회원정보 메뉴를 보면 자신의 포인트 점수, 자신이 올린 쓰레기 목록(일시, 쓰레기 종류 등) 및 사진 정보를 볼 수 있고, 자신의 회원정보나 원하는 쓰레기 레코드를 수정/삭제할 수 있다. 서버에 쓰레기 사진을 한장 업로드 할 때 마다 회원의 포인트 점수를 1점씩 증가 시킨다
  6. 서버관리 메뉴에서는 쓰레기 종류를 입력/삭제/수정하는 기능, 회원 정보 삭제 기능, 특정 쓰레기 레코드 삭제 기능을 제공한다. 서버관리 메뉴는 관리자가 로그인 했을때만 보이도록 한다(일반 사용자가 로그인 했을때 서버관리 메뉴가 나타나면 안됨)
  7. 지도 메뉴에서는 쓰레기가 발견된 지역에 쓰레기 종류별로 색상이 다른 원이나 마크표시를 출력하고, 해당 표시를 클릭하면 쓰레기 사진, 촬영자 아이디, 촬영일시를 보여준다
  8. 통계 메뉴에서는 가장 촬영을 많이 한 회원 아이디순, 가장 많은 쓰레기 종류 순, 가장 촬영을 많이하는 요일+시간대 순, 가장 쓰레기가 많이 발견된 지역 순으로 출력하는 기능을 갖도록 한다. 해당 내용은 클릭시에 엑셀파일로 저장되도록 한다

  9. 카메라 입력: form 안에서 <input type= "file" accept="image/*" name = "nm_file" value="사진 입력" capture> 사용

  10. 채점 기준: (1) 전체적 프로그램 완성도:60%, (2) 통계 메뉴의 완성도 및 창의성: 30%, (3) 원만한 디자인: 10%
  11. 제출 내용: (1) 프로그램 소스, (2) 각 메뉴별 실행화면 스냅샷, (3)프로그램의 중요 특징, (4) 사용한 언어 및 라이브러리, (5) 과제 중 새로 알게된 웹프로그래밍 지식
  12. 제출 기한: 6월 14일 17:00, 학과 사무실로 제출, 기한 이후에는 접수하지 않음