SOOJLE
1.0.0
1.0.0
  • SOOJLE Document
  • 프로젝트 요약
  • 프로젝트 개요
    • 프로젝트 소개
    • 추진 배경 및 필요성
    • 프로젝트 내용
      • 기능적 요구사항
      • 비기능적 요구사항
    • 개발환경 및 팀 구성
    • 워크플로우
      • 계획 수립 & 설계
      • 데이터 수집 및 정규화
      • 인공지능 개발
      • 서비스 모듈 개발
      • 성능 평가 및 보고
    • 프로젝트 예산 내역
  • 사전조사 & 의사결정
    • 사전조사
      • 재학생 대상 사전조사
      • 수집 URL 대상 목록
        • 세종대학교 직할
        • 세종대학교 학과
        • 공식 공지사항
        • 세종대 평생교육원
        • 외부 웹사이트
      • 학습 모델 사전조사
        • LSA - 잠재 의미 분석
        • LDA - 잠재 디리클레 할당
        • Word2Vec - 워드투벡터
        • FastText - 패스트텍스트
    • 의사결정
      • 사용자 인증 방식 의사결정
      • 데이터베이스 의사결정
        • MySQL vs MongoDB 성능 분석
      • 토픽별 의사결정
      • 부가 기능 의사 결정
  • 프로젝트 설계
    • 시스템 구조 설계
    • 핵심 기능 설계
      • 데이터 크롤러 설계
      • 게시물 토픽 정의 및 분류
      • 사용자 관심분야 측정
      • 뉴스피드 설계
        • 사용자-문서 유사도(Recommendation Score)
        • FaS (관심 분야 및 유사도 측정 - 추가)
        • 토픽 뉴스피드 목록
      • 검색 알고리즘 설계
        • 검색 알고리즘 1차 설계
        • 검색 알고리즘 1차 개선안
        • 검색 알고리즘 2차 설계
    • 요구사항 목록
      • DB 요구사항
      • 기능 요구사항
      • 품질 요구사항
      • 관리 요구사항
  • DB
    • 구조 설계
    • 테이블 명세
  • 데이터 크롤러
    • 데이터 크롤러 개요
    • 크롤링 URL 선정
    • 크롤러 구현을 위한 사전조사
    • 크롤러 개발 과정
      • 크롤러 프로그램 설계
      • 크롤러 규격화
      • 크롤러 정규화
      • 데이터 정제 과정
      • 에러 핸들러 구현
      • 배포 환경 이식을 위한 Porting
    • Issue & Exception
    • 결과 보고
  • 인공지능 개발
    • 인공지능 개발 개요
    • NLP 스터디
      • Bag of Words(BoW)
      • Document Term Matrix(DTM)
      • TF-IDF(Term Frequency-Inverse Document Frequency)
      • 문서 유사도(Document Similarity)
    • 데이터 전처리 과정
    • 개발 과정
      • 토크나이저 구현
      • LDA 모델 학습 및 구현
    • LDA 학습 모델링
      • 1차 파라미터 튜닝 결과 (NUM_TOPICS)
      • 2차 파라미터 튜닝 결과 (NUM_TOPICS)
      • 3차 파라미터 튜닝 결과 (NUM_TOPICS)
      • NUM_TOPICS 파라미터 의사결정
      • 4차 파라미터 튜닝 결과 (PASESS, ITERATION)
      • 최종 학습 모델 명세
    • Word2Vec(FastText) 학습 모델링
    • Issue & Exception
    • 성능 분석 결과
  • BackEnd
    • 서버 구축 및 배포
      • SOOJLE 서버 구조
      • 상용 서버 (UWSGI + NGINX) 구축
      • HTTPS 서버 구현
    • API 문서 개요
    • API 목록
      • Analysis
      • Auth API
      • Newsfeed API
      • Post API
      • Search API
      • Admin API
    • 세종 Auth API
    • 통계 기능 설계
    • Issue & Exception
    • 성능 분석 결과
  • FRONTEND
    • 프론트엔드 설계 개요
    • 디자인 설계 의사결정
      • 디자인 컨셉 및 기능 정의
      • 컴포넌트 디자인
      • Logo Variation
    • 화면 흐름도
    • 페이지 UI 명세
      • Main Page
      • Header
      • Footer
      • Mobile Control Bar
      • Login Page
      • Timeline Page
      • Menu Page
      • Hyperlink Icons Page
      • Search Component & Mobile Search Modal
      • Search Page
      • Post Block
      • Snackbar
  • 프로그램 배포
    • 프로그램 개요
    • 시스템 아키텍쳐
    • 주요 기능 및 명세
    • 프로그램 테스트
    • 구현 결과물 배포
  • 마무리
    • References
  • SOOJLE AI
  • SEJONG AUTH
  • IML Tokenizer
  • SOOJLE Crawler
  • SOOJLE Frontend
  • SOOJLE Backend
Powered by GitBook
On this page
  • 개요
  • 의사결정
  • 웹 브라우저 호환성: Explorer 호환성 배제
  • 로고 및 UX 디자인: 디자이너 아웃소싱

Was this helpful?

  1. FRONTEND

디자인 설계 의사결정

Previous프론트엔드 설계 개요Next디자인 컨셉 및 기능 정의

Last updated 5 years ago

Was this helpful?

개요

본 항목은 UI/UX 구현에 앞서 웹 서비스를 구현하기 위한 로고 및 아이덴티티 디자인을 선정 및 의사결정에 대하여 다룬다.

의사결정

웹 브라우저 호환성: Explorer 호환성 배제

프론트엔드 설계 및 구현에 있어 다양한 브라우저에 대한 호환성을 지원하는 작업을 매우 중요한 항목이다.

대부분의 브라우저는 HTML5 및 ECMAScript 표준 규격을 따르며, 지속적인 업데이트가 이루어지고 있지만 MS에서 업데이트 지원을 중지한 Internet Explorer의 경우, 지속적으로 타 브라우저 간의 Performance 차이가 커지고 있다. SOOJLE 또한 가능한 모던 브라우저의 호환성을 엄수하되, Explorer에 대한 호환성보다 서비스 자체의 질을 높이는 것에 집중하기로 결정하였다.

로고 및 UX 디자인: 디자이너 아웃소싱

한정된 프로젝트 진행 시간 및 기회비용을 원하게 이용하기 위하여 디자인 설계의 일부분을 외부 디자이너에게 위탁하기로 결정하였다. 위탁에 사용되는 비용은 창의학기제 프로젝트 지원금으로 충당하며, 전반적인 의뢰 항목은 다음과 같다.

의뢰 대상

색상

사이즈

비고

SOOJLE 좌측 상단 로고

흰색 배경, 미정

110px * 30px

SOOJLE 메인 로고

남색 배경, 미정

500 * 150 (px)

SOOJLE 아이콘

Navy : #232833 Red : #C30E2E

Favicon.ico

메인 Center 이미지

미정

미정

외부 서비스 아이콘

미정

미정

외부 서비스 목록

국내 웹 브라우저 사용량 통계