This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발영어 에세이 SNS 플랫폼 - 글쓰기, 첨삭, 승인 관리
  • 지역비대면 진행
  • 예산6,000,000원
  • 기간3개월

학생이 영어 에세이를 올리면 선생님이 첨삭하고, 승인된 글만 공개되는 글쓰기 SNS 플랫폼입니다. 글을 쓰는 화면과 선생님이 관리하는 화면을 따로 만들었습니다. [의뢰 배경] 글을 쓰는 학생과 봐주는 선생님이 한곳에서 만나는 교육용 글쓰기 공간이 필요했습니다. 일반 SNS처럼 바로 올라가는 방식이 아니라 승인과 첨삭이 중심이 되는 구조를 원하셨고, 한 곳의 학생만이 아니라 영어 에세이를 쓰는 학생 전반으로 넓혀 가는 것을 목표로 기획했습니다. [제작 범위] - 학생 화면 - 로그인, 학생증을 첨부하는 가입 신청, 홈과 게시판 4종, 글쓰기, 내 에세이, 임시저장, 첨삭 확인, 좋아요한 글, 저장한 글, 알림, 프로필, 설정 - 관리자 화면 - 대시보드, 글 승인, 검토와 첨삭, 가입 관리, 회원 관리, 글 관리, 신고 관리, 공지 관리, 피드백 수신함 - 영어와 한국어 전환, 밝은 화면과 어두운 화면, 글씨 크기 3단계 [신경 쓴 부분] - 승인 후 게시 - 학생 글은 바로 올라가지 않고 선생님 승인을 거쳐야 게시됩니다. - 문서 프로그램 같은 첨삭 - 선생님이 본문에서 고칠 부분을 드래그하면 그 자리에 코멘트가 달립니다. 문법, 어휘, 구성 같은 분류와 중요도를 함께 표시하고 글 전체 총평도 남깁니다. - 첨삭 주고받기 - 학생은 코멘트마다 반영 여부를 표시해 다시 제출하고, 승인될 때까지 횟수 제한 없이 이어집니다. - 공개 범위 - 글은 나만 보기, 선생님만 보기, 회원 공개, 전체 공개 4단계로, 프로필은 3단계로 정할 수 있습니다. - 밀린 요청 관리 - 3일 넘게 기다린 승인 요청은 대시보드에 따로 모아 놓치지 않게 했습니다. - 화면 구분 - 관리자 화면은 색을 다르게 해서 지금 어느 화면에 있는지 헷갈리지 않습니다. [현재 상태] 현재는 학원 내에서 시범 운영중에 있는 상태입니다.

이미지 2

로그인 화면입니다. 왼쪽에는 플랫폼 소개 문구를, 오른쪽에는 로그인 칸을 두었습니다. 가입은 학생증을 첨부해 신청하고 관리자가 승인하는 방식입니다.

이미지 4

알림 화면입니다. 내 글에 달린 댓글과 좋아요, 선생님 첨삭 소식, 새 공지를 한곳에서 확인할 수 있습니다.

이미지 6

설정 화면입니다. 언어는 영어와 한국어, 화면은 밝게와 어둡게, 글씨 크기는 3단계 중에서 고를 수 있습니다.

이미지 8

내 프로필 화면입니다. 작성한 글 수와 함께 내가 쓴 에세이가 모여 보입니다.

이미지 10

홈 화면입니다. 승인된 에세이가 차례로 보이고, 글마다 좋아요와 댓글을 남길 수 있습니다.

이미지 12

프로필 설정 화면입니다. 사진, 닉네임, 자기소개와 함께 프로필을 누구에게 보여줄지 공개 범위를 정할 수 있습니다.

이미지 14

관리자 대시보드입니다. 승인 대기 글, 가입 신청, 미처리 신고 수를 한눈에 보여주고, 3일 넘게 기다린 요청은 따로 모아 놓치지 않게 했습니다.

이미지 16

신고 관리 화면입니다. 신고된 내용을 확인하고 글 숨기기, 삭제, 작성자 정지, 강퇴, 기각 중에서 바로 조치할 수 있습니다.

이미지 18

선생님 첨삭 화면입니다. 본문에서 고칠 부분을 드래그하면 그 자리에 표시가 남고, 오른쪽에서 분류와 중요도를 고른 뒤 코멘트를 적습니다.

이미지 20

같은 화면의 다른 옵션입니다. 드레그 옵션과 다르게 첨삭 화면 내에서 원하는 위치에 커서를 두고 우클릭 시 해당 옵션이 표시됩니다. 띄어쓰기와 줄바꿈 표시도 남길 수 있고, 총평을 적은 뒤 승인, 첨삭 보내기, 반려 중 하나를 선택합니다.

김태성
웹 개발
별점
0.0(0)
소개 홈페이지부터 예약, 회원, 커뮤니티, AI 기능이 들어간 웹 서비스까지 만들고, 수정과 자동화도 합니다 - 제주 대면 상담 가능

심리상담센터 예약/상담 신청 홈페이지

0
3

초대받은 회원만 이용하는 익명 커뮤니티 플랫폼

0
2

유학원 과정 안내 및 온라인 상담 신청 홈페이지

0
3

유행을 반영해 대본부터 영상까지 만드는 AI 숏폼 광고 제작 서비스

0
4
  • 심리상담센터 예약/상담 신청 홈페이지

    0
    3
  • 초대받은 회원만 이용하는 익명 커뮤니티 플랫폼

    0
    2
  • 유학원 과정 안내 및 온라인 상담 신청 홈페이지

    0
    3
  • 유행을 반영해 대본부터 영상까지 만드는 AI 숏폼 광고 제작 서비스

    0
    4
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

반복 업무를 자동화하여 업무 효율을 극대화하는 맞춤형 시스템 제작

1
53

일일공사현황

0
99

에테르노 인테리어 기업 홈페이지 제작

0
0

반복 업무 자동화, VBA/매크로로 효율을 극대화하세요

0
0
  • 반복 업무를 자동화하여 업무 효율을 극대화하는 맞춤형 시스템 제작

    1
    53
  • 일일공사현황

    0
    99
  • 에테르노 인테리어 기업 홈페이지 제작

    0
    0
  • 반복 업무 자동화, VBA/매크로로 효율을 극대화하세요

    0
    0
  • 답하다 - 근거 기반 상담 지원 RAG [자체 제작 데모]

    0
    0
  • 배움 학원 - 홈페이지 / 학원 운영 ERP [자체 제작 데모]

    0
    0
  • MRO자재 및 생산용 공구 실시간 자동관리 시스템

    0
    1
  • [샘플] 24시간 FAQ 상담 챗봇

    0
    1
  • 숏폼스테이션 로고영상

    0
    4