Transcript 설명서

www.devmale.com
Blog 사용설명서
작성자 :
이승태 (eMail : [email protected])
작성일 :
2013.04.13
Version :
1.0
Name of Project
URL
작성일
Devmale Blog
http://www.devmale.com/main
2013.04.13
화면모드
Directory
페이지
1
인사말
안녕하세요?
저는 이제 4년차에 접어든 개발자 이승태 라고 합니다.
1~2년 전부터 나만의 블로그를 갖고 싶다는 생각이 들었습니다.
naver 나 daum같은 기업에서 제공하는 것이 아닌 제 스스로 모든것을 control
할수 있는 블로그를 구상했습니다.
처음에는 내가 공부한 내용을 정리하는 정도로 활용하려고 하였으나, 여러기능
들을 추가해 보고 싶은욕심에 여러 사이트들을 참고해 보기도 했습니다.
처음에는 "직장때문에 제대로 사이트를 만들수 있을까?" 라는 의구심이 들기도
했지만 코딩하면 할수록 흥미가 생겨서 생업에 지장이 없는 선에서 최대한
많은 시간을 할애 할수 있었던 것 같습니다.
하지만 아직도 부족한 점이 많기에 귀하의 따끔한 충고가 필요할 것 같습니다.
거듭 감사의 말씀 드립니다.
작업환경
1.
2.
3.
4.
PHP 5.2 (template framework)
Mysql 5.0 (UTF-8)
UI framewok : jQuery, Prototype, Ajax
Hosting : PHP School Hosting
(Linux Cent OS 64bit )
Name of Project
URL
Devmale Blog
http://www.devmale.com/main
Directory
2013.04.13
화면모드
방문객
페이지
메인화면
1
작성일
2
1. 최상위 메뉴
3
2. 바로가기 메뉴
(Tree형으로 구성)
3. 로그인후 변경됩니다.
2
Name of Project
URL
Devmale Blog
http://www.devmale.com/join
Directory
작성일
2013.04.13
화면모드
방문객
페이지
회원등록 화면
1
3
1. ID사용가능여부
체크
Name of Project
URL
Devmale Blog
http://www.devmale.com/main
Directory
작성일
2013.04.13
화면모드
방문객
페이지
로그인 화면
4
1. 로그인화면
*테스트용
Id : guest
Pw : 1234
1
Name of Project
URL
작성일
Devmale Blog
화면모드
http://www.devmale.com/main
Directory
페이지
메인 화면
2
1
2013.04.13
회원
5
로그인을 상단에 새
로
운 메뉴가 생성되고
글쓰기권한이 생성됩
니다.
Name of Project
URL
Devmale Blog
http://www.devmale.com/myinfo
Directory
작성일
화면모드
페이지
내 정보수정
2013.04.13
회원
6
본인의 정보에 대한
확인 및 수정이 가능
합니다.
Name of Project
작성일
Devmale Blog
URL
http://www.devmale.com/droom
Directory
화면모드
페이지
2013.04.13
회원
7
DM talk (채팅)
2
1
4
3
2명이상의 회원으로
대화방을 만들면 해
당
대화방에서 실시간
대화가 가능합니다.
Name of Project
URL
Devmale Blog
http://www.devmale.com/scheduler
Directory
작성일
화면모드
2013.04.13
회원
페이지
8
스케쥴을 입력할 날
짜
를 클릭합니다.
일정관리
1 ☞
Name of Project
URL
Devmale Blog
http://www.devmale.com/scheduler
Directory
작성일
화면모드
페이지
일정관리
2013.04.13
회원
9
그날 일정에 대한
사항을 기록합니다.
단, 제목은 달력에 표
시될 것이므로 최대
한
짧게 입력해야 합니
다.
Name of Project
URL
Devmale Blog
http://www.devmale.com/scheduler
Directory
일정관리
작성일
2013.04.13
화면모드
회원
페이지
10
해당 스케쥴에 대한
상세한 내용이 tooltip
형태로 출력됩니다.
Name of Project
URL
Devmale Blog
http://www.devmale.com/menu_mng
Directory
메뉴관리
작성일
2013.04.13
화면모드
회원
페이지
11
메뉴에 대한 정보를
DB에 입력하여 동적
으로 생성 및 관리하
고자 만들었습니다.
Name of Project
URL
Directory
Devmale Blog
http://www.devmale.com/main
작성일
2013.04.13
화면모드
회원
페이지
12
1. "메뉴관리"를 통해
입력된 메뉴입니다.
프로그래밍 언어, 외
국어, 취미생활등 다
양한 메뉴들이지만
입
력하는 프로그램은
단
1개로 구성되어
있습니다.
1
Name of Project
작성일
Devmale Blog
URL
http://www.devmale.com/board1_write
Directory
1
2013.04.13
화면모드
회원
페이지
13
1. "메뉴관리"에 등록
된 메뉴들이 나옵니
다.
2. 필수내용 (제목,내
용)을 입력하고 등록
버튼을 클릭하면 메
인
화면 최상단에 해당
게시물이 출력됩니다.
2
Name of Project
URL
Directory
Devmale Blog
http://www.devmale.com/main
작성일
2013.04.13
화면모드
회원
페이지
14
1
1. 본인이 입력한 글
에 한해서 수정,삭제
가 가능합니다.
Name of Project
URL
Devmale Blog
http://www.devmale.com/trainning
Directory
자가TEST
작성일
2013.04.13
화면모드
회원
페이지
15
자기자신이 문제를
만
들고 직접 TEST해보
는 기능입니다.
(개인적으로 가장
애착이 가는
기능입니다.)
Name of Project
URL
Directory
Devmale Blog
http://www.devmale.com/trainning
작성일
2013.04.13
화면모드
회원
페이지
16
확인 : 각각의 문제에
답을 체크한후 클릭
하
면 문제번호옆에 O,X
로 표시가 됩니다.
다시풀기 : 해당페이
지의 문제를 다시
풀어보고 싶을때 클
합니다.
(보기는 random으로
재 배열됩니다.)
문제은행 : 다음 페이
지에서 설명하겠습니
다.
Name of Project
URL
Devmale Blog
http://www.devmale.com/trainning
Directory
자가TEST (문제은행)
작성일
2013.04.13
화면모드
회원
페이지
17
삭제 : 체크된 문제를
삭제합니다.
출제하기 : 직접 문제
를 등록합니다.
시험보기 : 바로 전
페이지에 나왔던 화
면
입니다.
Name of Project
URL
Devmale Blog
http://www.devmale.com/trainning
Directory
자가TEST (출제하기)
작성일
2013.04.13
화면모드
회원
페이지
18
화면 하단에 Step
별로 설명이 되어있
습
니다.