[펫버틀러] 반려동물 고민상담 앱 - 개발 2일차 (인트로페이지INTRO page)

1일차 개발 - 지난 개발 아이콘 개발에   https://shsoft.tistory.com/61

[펫버틀러] 반려동물 고민상담 앱 - 개발 1일차 (아이콘 제작)

• 개발 배경:  강아지를 처음 키울 때 강아지의 종 /  시기 / 성격 / 외형 에 따라 다양한 형태로 문제점을 가지고 있으니 강아지 주인이 그때그때 대처하기 어렵다 아이도 마찬가지지만 이럴 경우 어떻게 대처해야 하는지 그리고 평생 반려견으로 살아가기 위해  습관형성 부터 심리상태까지 안정적이고 잘 자라준다면 좋겠지만 전문가의 도움이 필요할때가 있다. 이럴때 앱을 통해 전문가상담을 받거나 커뮤니티 활동을 통해 자연스럽게 공감할수 있도록 도와 줄 수 있는 앱을 만들고 싶다.
• 구축환경: 플러터 3.0 dart  / 백앤드 PHP 기반을 활용하고 구글로그인 및  FIREBASE 활용하여 채팅앱등을 구축할 예정이다

 

2일차 - 인트로 page 제작

• 인트로 page의 경우 앱을 처음 설치 한 후에  앱 대한 특성이나 설명 그리고 사용법 같은 간단하고 보기 편하게 사용자에게 알려주는 페이지 

펫버틀러앱의 인트로 페이지 내용은?

• 반려 생활이란 
• 반려견 입양부터 외장칩 등록 문제행동 시기별 맞춤 쇼핑까지 

 

intro page & 로그인 페이지

지난 오일스닥 개발 참조 하여 적용하였다. https://shsoft.tistory.com/60

커스터드 - 오일 저장소 앱 인트로 페이지 구축 (실전개발 1일차)

• 변경된 소스 부분

void initState() {
    super.initState();

    listContentConfig.add(
      const ContentConfig( 
        widgetDescription:
            Intro1("반려생활", "반려생활의 시작 \"반려생활\"에서 도와드릴게요 행복한 나날을 함께 만들어봐요"),
        textAlignDescription: TextAlign.start,
        marginDescription: EdgeInsets.all(25),
        styleDescription: TextStyle(
          color: Colors.black,
          fontSize: 20,
          fontWeight: FontWeight.w300,
        ),
        heightImage: 250,
        pathImage: "images/pet/intro/intro1.png",
        backgroundColor: Color.fromARGB(255, 247, 246, 245),
      ),
    );

    listContentConfig.add(
      const ContentConfig(
        widgetTitle: Intro2("반려견 입양부터 외장칩 등록 문제행동 시기별 맞춤 쇼핑까지",
            "\"반려생활\"은 문제행동별 전문가 매칭 및 주기적인 컨텐츠를 제공하여 행복한 반려생활이 될 수 있도록 노력하고 있습니다"),
        textAlignDescription: TextAlign.start,
        //  /   marginDescription: EdgeInsets.all(25),
        styleDescription: TextStyle(
          color: Colors.black,
          fontSize: 20,
          fontWeight: FontWeight.w300,
        ),
        heightImage: 300,
        pathImage: "images/pet/intro/intro2.png",
        backgroundColor: Color.fromARGB(255, 247, 246, 245),
      ),
    );

 

• 적용 결과물 핸드폰에서 확인해봤다.

펫버틀러앱 인트로 로그인 화면