일본 경제사회 연구소 프로젝트

 - 메인화면

 

 - 게시물 확인

 

 - 게시판

 

 - 매니저 모드

 

테스팅 환경 :

• Chrome v77.0.3865.90(공식 빌드) (64비트)
• Explorer v11.805.17763.0
• 사파리 

- 해상도

모바일 1080*1920 

PC      1920*1080

 

개발 환경 사양 :

• HTML5
• CSS3
• PHP v4.1
• JS(jQuery) 
• msSql SQL SERVER Managerment Studio 10.50.6000.34

 

작업 방식 :

• 업체 서버에 개발 PC IP 권한을 허용해주어 개발 PC에서 해당 서버에 FTP 방식으로 파일을 전송함 테스팅은 개발 PC로 서버에 접속하여 테스팅을 진행함
• 팀 분배 방식은 웹 개발자인 본인과 팀원인 데이터베이스 설계자로 나누었음 데이터베이스 설계자가 데이터베이스를 구축하고 본인에게 필요한 쿼리문과 디비 내용을 알려주는 방식으로 개발을 진행함.

개발 기간 : 

• 개발 환경 구축 - 1d
• 디자인 / 화면 설계 - 3d
• 백엔드 작업 - 4d
• 클라이언트의 추가 요구사항 및 수정요청 - 5d

 

총 13일 가량 작업 진행

 

○ 프로젝트 소개

본 프로젝트는 기존의 시사일본어학원에서 확장 사업에 플랫폼이 필요한 클라이언트가 요청한 프로젝트입니다.

프로젝트 요구사항의 큰 구성은 BBS이며 각 브라우저(사파리, 크롬, 익스플로러)의 호환성과 자택에서 업체 서버에 접근하여 작업을 실시하도록 요구하였습니다.

 

○ 프로젝트 수행 팀원

데이터베이스 설계자, 프로젝트 매니저/메인 개발자(본인)

 

- 데이터베이스 설계 (데이터베이스 설계자)

본 프로젝트의 클라이언트는 새로운 데이터베이스를 생성하기를 원하였기에 우리 팀원인 ‘데이터베이스 설계자’가 서버 컴퓨터에 접근하여 MSSQL로 데이터베이스를 설계하였습니다.

 

○ 본인의 역할

- 프로젝트 매니저의 역할

클라이언트의 준비된 요구사항이 자세하지 않고 개발에 대한 지식이 없었기에 제안서를 준비하여 미팅을 진행하였으며, 미팅 중 클라이언트의 요구를 반영하며 요구사항에 맞추어 계획하였습니다.

- 디자인 설계

클라이언트는 템플릿을 사용하지 않기를 권하였기에 레이아웃부터 전체적인 설계를 디자인을 하여야 했습니다. 그렇기에 Adobe CS6로 전체적인 구도와 예상되는 결과 디자인을 클라이언트에게 컨펌을 받으며 진행하였습니다.

- 프론트 엔드

디자인 설계에 컨펌을 받은 항목들을 javscript(jQuery)와 HTML, CSS3를 활용하여 시각화하였고 필요한 오픈소스(Text Edit)는 깃허브에서 가져와 사용하여 진행하였습니다. 또한 계약 시 클라이언트 측에서 권한 사파리, 크롬, 익스플로러 브라우저 환경에서 테스팅하며 호환성을 맞추어 인터페이스를 설계하였습니다.

- 백 엔드

관리자 페이지 및 데이터베이스에서 BBS를 입력/출력하기 위하여 데이터를 가져오거나 입력하는 작업 및 관리자 페이지에서 보안을 위해 아이디 비밀번호를 세션으로 받지 않을 경우 관리자 페이지 진입 자체를 막았으며, 크로스 사이트 스크립팅을 방지하기 위하여 내용에 필터를 거치는 과정을 수행하는 작업을 하였습니다.

 

○ 프로젝트 진행 방식

업체 서버에 개발 PC(본인) IP 접근 권한을 허용해주어, 개발 PC에서 해당 서버에 FTP 방식으로 파일을 전송하여 개발하였습니다.

 

○ 테스팅 브라우저

Chrome v77.0.3865.90(공식 빌드) (64비트)

Explorer v11.805.17763.0

사파리 (모바일)

https://2kiju.tistory.com/29?category=338679

https://www.jesi.co.kr/

일본경제사회연구소