09月30日 Works – 大手食品メーカー様　アンケートサイト制作

WORKS：大手食品メーカー様　アンケートサイト

日時：2022/９/30
ご依頼内容：アンケートページ、キャンペーンの応募ページの製作
使用言語：HTML、CSS、JavaScript
使用ツール：クライゼル

【機能】

■アンケートページ

・設計書を基づきチェックボックス、セレクトボックス、テキストボックスを用いたアンケートページの製作
・必須項目、文字に関するバリデーション機能をクライゼルの機能にて設定いたしました。
・セレクトボックス内のテキストカラーが初期値と選択後で切り替わるようCSSとJavaScriptにて設定いたしました
・必須項目の入力後は完了ボタンがアクティブになり、ボタンの色が変わるよう,上記と同様にCSSとJavaScriptにて実装いたしました。

■キャンペーンの応募ページ

・設計書に基づいたキャンペーンページの製作
・応募ページからのカメラの起動、撮影、データベースへのアップロード機能の実装(一度の応募で複数枚の画像アップロード可)
・撮影ボタンの下部に撮影した画像のプレビューを表示できるようjavascriptにて実装
・選択した写真の削除機能
・撮影後は、ボタンの色が変わるよう,CSSとJavaScriptにて実装いたしました。
・アップロードされた写真に応募者の受付番号などの情報が紐付けられるように設定。
・応募完了時に受付番号を発行し、メールとDBに反映できるように設定。

■メール機能

クライゼルの機能を用いて応募者側にはサンクスメール、管理者側には応募の完了通知のメールが届くように設定を行いました。