E-Dobavki - 학생들이 작성한 Java 및 Spring Boot로 식품 첨가물을 검색하기 위한 웹 서비스입니다.

소개

지난 XNUMX년 동안 저는 키예프에 있는 IT 학교 중 한 곳에서 프로그래밍을 가르치고 있었습니다. 나는 이 Just For Fun을 시작했습니다. 한때 프로그래밍 블로그를 작성하다가 포기했습니다. 하지만 관심 있는 사람들에게 유용한 정보를 알려 주고 싶은 마음은 사라지지 않았습니다.

내 주요 언어는 Java입니다. 나는 휴대폰용 게임, 무선 통신용 소프트웨어, 다양한 웹 서비스를 그 위에 썼습니다. 그리고 저는 자바를 가르칩니다.

여기서 나는 나의 마지막 그룹의 훈련에 관한 이야기를 하고 싶다. 훈련 시작부터 작동하는 웹 서비스 작성까지 어떻게 진행되었는지. 영양 보충제를 찾는 데 유용한 웹 서비스입니다. 무료이며 광고, 등록 및 SMS가 없습니다.

서비스 자체는 여기에 있습니다 - E-Dobavki.com.

이 프로젝트는 교육적이며 광고를 포함하지 않습니다. 내가 이해한 대로 이 간행물, 해당 프로젝트에 대한 링크를 제공할 수 있습니다.

프로젝트 자체를 설명하기 전에 그룹의 학습 과정에 대해 조금 말씀드리겠습니다. 이것이 없으면 그림이 불완전할 것입니다.

9개월 훈련

제가 가르치는 학교에서는 Java 과정이 두 부분으로 나누어져 있습니다. 전체 과정은 모든 방학(설날 연휴, 중간 프로젝트 작성 시간)을 포함하여 약 2개월이 소요됩니다.

첫 번째 부분에서는 학생들에게 언어의 기본 개념을 소개합니다. 변수, 메소드, OOP 기본 및 그 모든 것.

과정의 두 번째 부분에서는 학생이 이미 Java 작성 방법을 어느 정도 이해하고 있으며 "성인용" 기술 스택을 제공받을 수 있습니다. 그것은 모두 SQL로 시작한 다음 JDBC, Hibernate로 시작됩니다. 그런 다음 HTTP, 서블릿. 다음은 git과 maven에 관한 Spring입니다. 그리고 학생들은 최종 프로젝트를 작성합니다.

모든 교육은 모듈로 구분됩니다. 일주일에 두 번씩 수업을 진행했어요. XNUMX회 수업시간은 XNUMX시간입니다.

나의 학습 방식

5개 그룹을 발매했어요. 2년이라는 시간이 많은 것 같지만 거의 항상 XNUMX개 그룹을 병행해서 이끌었습니다.

나는 다양한 접근법을 시도했습니다.

첫 번째 옵션은 이론이 포함된 프레젠테이션에 한 쌍이 할당되는 것입니다. 두 번째 쌍은 순수한 연습입니다. 이 접근 방식은 어느 정도 효과가 있었지만 제 생각에는 별로 효과적이지 않았습니다.

제가 선택하고 현재 작업 중인 두 번째 옵션은 전체 커플을 이론에 전념하는 것이 아닙니다. 대신에 저는 5~10분 동안 이론의 짧은 부분을 혼합하고 실제 사례를 통해 즉시 이를 강화합니다. 이 접근 방식이 더 잘 작동합니다.

시간이 충분하면 학생들을 제 집으로 불러서 제 노트북 앞에 앉히고 학생들이 직접 실습을 합니다. 훌륭하게 작동하지만 불행히도 시간이 많이 걸립니다.

모두가 끝까지 가는 것은 아니다

나에게 깨달은 점은 전체 그룹이 코스를 끝까지 완료하지 못한다는 사실이었습니다.

내 관찰에 따르면, 학생 중 절반만이 최종 프로젝트를 작성합니다. 대부분은 코스의 첫 번째 부분에서 제거됩니다. 그리고 두 번째 부분에 도달한 사람들은 대개 떨어지지 않습니다.

그들은 여러 가지 이유로 떠난다.

첫 번째는 복잡성입니다. 그들이 뭐라고 말하든 Java는 가장 간단한 언어가 아닙니다. 가장 간단한 프로그램을 작성하려면 클래스, 메소드의 개념을 이해해야 합니다. 그리고 왜 글을 써야 하는지 이해하려면 공개 정적 무효 메인(String[] arg) 이해해야 할 몇 가지 개념이 더 있습니다.

이것을 저를 포함하여 많은 사람들이 시작한 터보 파스칼과 비교해 보세요.

begin
    writeln("Первая программа");
end.

제가 아는 한, 학교에서는 추가 테스트를 도입하여 이 문제를 해결할 것입니다. 이제 모든 사람이 Java를 공부할 수 있는 것은 아닙니다. 아직은 컨셉 단계이지만 그 단계는 분명히 올바른 단계입니다.

그리고 두 번째 이유는 아래 그림과 같습니다.

사람들은 종종 프로그래밍이란 많은 텍스트를 입력하고 그에 대한 대가로 많은 돈을 버는 것이라고 생각합니다. 카피라이터처럼 돈만 더 많이 벌면 됩니다.

현실은 조금 다릅니다. 수많은 일상적인 코드, 눈에 띄지 않는 버그, 끊임없는 학습 과정. 흥미롭지만 모든 사람에게 해당되는 것은 아닙니다.

이것이 통계입니다. 처음에는 화가 나서 내가 뭔가 잘못하고 있는 게 아닌가 하는 생각도 들었습니다. 이제 나는 대부분의 코스에서 통계가 거의 동일하다는 것을 이해합니다. 이제는 걱정하지 않고 관심있는 사람들을 가르치고 있습니다.

이데야 서비사

학생들이 전체 과정을 마치고 나면 최종 프로젝트를 작성할 시간입니다. 다른 아이디어가있었습니다. 그들은 ToDo 시트, 프로젝트 관리 프로젝트 등을 제공했습니다.

간단하지만 유용한 일을 하고 싶었습니다. 내 기준은 간단했다. 나와 내 친구들이 그것을 사용할 수 있느냐는 것이었다. 식품 첨가물 검색을 위한 웹 서비스는 이러한 요구 사항을 충족했습니다.

아이디어는 간단합니다. 상점에서 제품을 구매하면 구성 요소에 일종의 E-첨가물이 들어 있는 것을 볼 수 있습니다. 그것이 얼마나 위험한지 코드에서는 명확하지 않습니다(그리고 많은 국가에서 금지된 위험한 첨가제도 있습니다).

웹사이트를 열고 보충제 이름(번호, 대체 이름 중 하나)을 입력하고 보충제 요약을 확인합니다.

비슷한 프로젝트가 있습니다. 정보가 항상 올바르게 표시되는 것은 아니지만 단순히 Google에 첨가제를 입력할 수도 있습니다.

하지만 이 프로젝트는 교육적이기 때문에 위의 어려움이 우리를 막지는 못했습니다 :)

Реализация

다들 자바로 썼는데, Github의 프로젝트 소스 코드.

나를 포함해 우리는 7명이었다. 모두가 풀 요청을 했고, 나 또는 그룹의 다른 사람이 이 풀 요청을 수락했습니다.

아이디어를 표명하는 것부터 현재 볼 수 있는 상태까지 프로젝트를 구현하는 데 약 한 달이 걸렸습니다.

첨가제 분석

데이터베이스(엔티티, 저장소 등)를 중심으로 프레임워크를 기본적으로 생성하는 것 외에 학생 중 한 명이 가장 먼저 한 일은 기존 정보 사이트에서 추가 기능을 구문 분석하는 것이었습니다.

이는 나머지 포인트를 테스트하는 데 필요했습니다. 데이터베이스를 채우는 데 추가 코드가 필요하지 않습니다. 여러 가지 첨가제를 빠르게 구문 분석한 후 UI, 정렬 및 필터링을 추가로 테스트할 수 있었습니다.

Spring Boot를 사용하면 여러 프로필을 만들 수 있습니다. 프로필은 설정이 포함된 파일입니다.

개발 환경에서는 로컬 H2 DBMS와 기본 HTTP 포트(8080)가 있는 프로필을 사용했습니다. 따라서 애플리케이션이 실행될 때마다 데이터베이스가 지워졌습니다. 이 경우 파서가 우리를 구해주었습니다.

검색 및 필터링

중요한 점은 검색과 필터링입니다. 상점에 있는 사람은 보충제 코드나 이름 중 하나를 빠르게 클릭하고 결과를 얻어야 합니다.

따라서 Additive 엔터티에는 여러 필드가 있습니다. 추가 코드, 대체 이름, 설명입니다. 검색은 모든 필드에서 동시에 좋아요를 사용하여 수행됩니다. 그리고 [123]이나 [amaranth]를 입력해도 같은 결과가 나옵니다.

우리는 이 모든 것을 사양을 기반으로 수행했습니다. 이는 기본 검색 조건(예: 일부 필드)을 설명하고 이러한 조건(OR 또는 AND)을 결합할 수 있는 Spring의 일부입니다.

수십 개의 사양을 작성하면 "설명에 [빨간색]이라는 단어가 포함된 모든 위험한 착색 첨가제"와 같은 복잡한 쿼리를 요청할 수 있습니다.

Spring 데이터베이스 작업 측면에서 저는 이것이 매우 편리하다고 생각합니다. 이는 복잡한 쿼리로 작업할 때 특히 그렇습니다. 여기에는 자체적인 오버헤드가 있으며 수동으로 작성하고 최적화한 SQL 쿼리가 더 빠르게 실행된다는 점을 이해합니다.

하지만 저는 모든 것을 미리 최적화할 필요는 없다는 관점도 고수합니다. 첫 번째 버전은 시작, 작동 및 개별 부품 교체를 허용해야 합니다. 그리고 부하가 있는 경우 이러한 개별 부분을 다시 작성해야 합니다.

보안

간단 해. ADMIN 역할을 가진 사용자가 있습니다. 추가 사항을 편집하고 삭제하고 새 항목을 추가할 수 있습니다.

그리고 (등록 여부에 관계없이) 다른 사용자도 있습니다. 그들은 첨가제 목록을 탐색하고 필요한 것을 검색할 수만 있습니다.

Spring Security는 권한을 분리하는 데 사용되었습니다. 사용자 데이터는 데이터베이스에 저장됩니다.

사용자가 등록할 수 있습니다. 이제는 아무것도주지 않습니다. 학생들이 계속해서 서비스를 개발하고 일부 개인화된 기능을 도입한다면 등록이 도움이 될 것입니다.

반응성과 부트스트랩

다음 포인트는 적응성이다. 우리 서비스의 경우(적어도 우리가 본 것처럼) 대다수의 사용자는 휴대폰을 사용하게 될 것입니다. 그리고 휴대폰에서 보충제를 빠르게 확인해야 합니다.

CSS로 인한 어려움을 겪지 않기 위해 우리는 Bootstrap을 사용했습니다. 싸고, 명랑하고, 괜찮아 보인다.

인터페이스가 이상적이라고 할 수는 없습니다. 메인페이지도 덜하고, 첨가물에 대한 자세한 설명 페이지도 좁아서 모바일에서는 좀 더 넓게 만들어야 합니다.

작업에 최대한 간섭하지 않으려고 노력했다고밖에 말씀드릴 수 없습니다. 이것은 아직 학생 프로젝트입니다. 물론, 사람들은 나중에 그러한 순간을 바로잡을 수 있을 것입니다.

SEO 최적화의 순간

저는 XNUMX년 넘게 웹사이트와 SEO에 관련된 모든 일에 밀접하게 참여했기 때문에 최소한 기본적인 SEO 최적화 없이는 프로젝트를 출시할 수 없었습니다.

실제로 각 추가 기능에 대한 제목 및 설명 템플릿 생성을 만들었습니다. URL은 더 짧게 만들 수 있지만 거의 CNC입니다.

출석 카운터도 추가했습니다. 검색 엔진의 경고를 모니터링하기 위해 Yandex 웹마스터 및 Google Search Console에 사이트를 추가했습니다.

충분하지 않습니다. 전체 색인을 생성하려면 robots.txt 및 sitemap.xml도 추가해야 합니다. 하지만 다시 말하지만 이것은 학생 프로젝트입니다. 나는 그들에게 무엇을 해야 하는지 말해 줄 것이고, 그들이 원한다면 그렇게 할 것입니다.

SSL 인증서를 첨부해야 합니다. 무료 Let's Encrypt도 작동합니다. 저는 Spring Boot를 위해 이것을 했습니다. 어렵지 않고 PS에 대한 신뢰도가 높아집니다.

프로젝트의 다음 단계는 무엇입니까?

그렇다면 사실 선택은 남자들에게 달려 있습니다. 이 프로젝트의 원래 아이디어에는 첨가제에 대한 링크가 있는 제품 데이터베이스도 포함되었습니다.

"Snickers"를 입력하고 어떤 영양 첨가물이 포함되어 있는지 확인하세요.

프로젝트 초반에도 제품이 없을 줄 알았거든요 :) 그래서 첨가물만으로 시작하게 됐어요.

이제 제품을 추가하고 추가 제품을 소개할 수 있습니다. 빵. 광범위한 데이터베이스라면 사용자가 있을 것입니다.

전개

이 프로젝트는 VPS, Aruba Cloud에 배포되었습니다. 이것은 우리가 찾을 수 있는 가장 저렴한 VPS입니다. 나는 프로젝트를 위해 XNUMX년 넘게 이 공급자를 사용해 왔으며 매우 만족하고 있습니다.

VPS 특성: 1GB RAM, 1 CPU(주파수는 잘 모르겠습니다), 20GB SSD. 우리 프로젝트에서는 이것으로 충분합니다.

프로젝트는 일반적인 mvn clean 패키지를 사용하여 빌드됩니다. 그 결과는 모든 종속성이 포함된 실행 파일인 fat jar입니다.

이 모든 것을 약간 자동화하기 위해 몇 가지 bash 스크립트를 작성했습니다.

첫 번째 스크립트는 이전 jar 파일을 삭제하고 새 파일을 빌드합니다.

두 번째 스크립트는 조립된 jar을 실행하여 필요한 프로필의 이름을 전달합니다. 이 프로필에는 데이터베이스 연결 정보가 포함되어 있습니다.

데이터베이스는 동일한 VPS의 MySQL입니다.

전체 프로젝트 재시작에는 다음이 포함됩니다.

• SSH를 통해 VPS에 로그인
• 최신 Git 변경 사항을 다운로드하세요.
• local-jar.sh 실행
• 실행 중인 애플리케이션 종료
• launch-production.sh를 실행하세요.

이 절차는 XNUMX분 정도 걸립니다. 이렇게 작은 프로젝트에서는 이것이 현명한 선택인 것 같습니다.

어려움

프로젝트를 만들 때 가장 큰 어려움은 조직적 성격이었습니다.

프로그래밍 방법을 아는 것처럼 보이지만 그다지 잘 알지 못하는 사람들이 있습니다. 그들은 뭔가를 알고 있지만 여전히 그것을 실제로 적용할 수는 없습니다. 이제 그들은 한 달 안에 프로젝트를 완료해야 합니다.

나는 이 그룹에서 조건부 팀 리더를 확인했습니다. 그는 작업 목록, 작업 배포가 포함된 Google 문서를 보관하고 해당 작업의 수락을 통제했습니다. 그는 또한 풀 요청을 수락했습니다.

나는 또한 학생들에게 매일 저녁 그들이 프로젝트에서 수행한 작업에 대한 짧은 보고서를 작성하도록 요청했습니다. 아무것도 하지 않았다면 그냥 "아무것도 하지 않았습니다"라고 쓰세요. 이것은 훌륭한 연습이며 약간 긴장하게 만듭니다. 불행히도 모든 사람이 이 규칙을 따르는 것은 아닙니다.

이 모든 운동의 목적은 간단했습니다. 짧은 시간이라도 팀을 구성하여 함께 일하세요.

나는 사람들이 자신의 일이 중요하다고 느끼기를 원했습니다. 진공 상태에서 구형 코드를 작성하지 않는다는 점을 이해하십시오. 그리고 그들이 함께 하고 있는 일은 나중에 사람들이 사용할 프로젝트입니다.

처음 XNUMX, XNUMX주는 쌓이는 기간이었습니다. 엔터티와 소규모 커밋이 느리게 이루어졌습니다. 조금씩 그들을 휘저어주었고, 작업은 더욱 재미있어졌습니다. 채팅의 의사소통이 더욱 활발해졌고 학생들은 추가 내용을 제공했습니다.

나는 목표가 달성되었다고 믿습니다. 프로젝트가 완료되었고 사람들은 팀에서 일하면서 약간의 경험을 얻었습니다. 친구들에게 보여주고 더욱 발전시킬 수 있는 가시적이고 실질적인 결과가 있습니다.

조사 결과

학습은 재미있습니다.

수업이 끝날 때마다 나는 감정적으로 동요되어 돌아왔습니다. 나는 각 쌍을 독특하게 만들고 가능한 한 많은 지식을 전달하려고 노력합니다.

내가 가르치는 조가 결승에 진출하면 기쁘다. 남자들이 "나 취직했어, 다 괜찮아, 고마워"라고 쓸 때 특히 멋져요. 후배라도, 처음에는 큰 돈은 아니더라도. 하지만 가장 중요한 것은 그들이 자신의 욕망을 향해 한 걸음 내딛었고 성공했다는 것입니다.

기사가 상당히 방대해졌지만 모든 요점을 다루는 것은 확실히 불가능했습니다. 따라서 댓글에 질문을 적어주세요.

출처 : habr.com