เชื่อมโยงฐานข้อมูล Firebase กับ Canva ai

<p> </p><p>Prompt ในการสร้างเวบแอพระบบฝากเงินนักเรียน เชื่อมโยงกับฐานข้อมูล ใน firebase คือ </p><p><br /></p><p>..........................................................................................................................................</p><p><span style="background-color: rgba(165, 112, 255, 0.15); color: #0d1216; font-family: "Canva Sans", "Noto Sans Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; white-space-collapse: preserve;">สร้างเวบแอพฝากเงินของนักเรียนชั้นประถมศึกษาปีที่ 6 โรงเรียนบ้านอาเลา ครูประจำชั้น นางสาวอ้จฉราภรณ์ เทียมคลี โดยมี dashboard การฝาก ถอนเงิน มีความสามารถจัดการ เพิ่ม หรือลบชื่อนักเรียน มีประวัติการฝากเงินเป็นรายคน และสามารถค้นหาประวัติการฝากตามชื่อหรือวันที่ รหัสในการใช้งานสำหรับครูประจำชั้นคือ 1234@# โดยใช้ firebase ในการเชื่อมโยงฐานข้อมูลโดยมีโค้ด sdk ดังนี้ (bon ของ sdk setup and configuration)</span></p><p><span style="background-color: rgba(165, 112, 255, 0.15); color: #0d1216; font-family: "Canva Sans", "Noto Sans Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; white-space-collapse: preserve;"><br /></span></p><p><span style="background-color: rgba(165, 112, 255, 0.15); color: #0d1216; font-family: "Canva Sans", "Noto Sans Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; white-space-collapse: preserve;"><br /></span></p><p><span style="background-color: rgba(165, 112, 255, 0.15); color: #0d1216; font-family: "Canva Sans", "Noto Sans Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; white-space-collapse: preserve;"><br /></span></p><p><span style="background-color: rgba(165, 112, 255, 0.15); color: #0d1216; font-family: "Canva Sans", "Noto Sans Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; white-space-collapse: preserve;">.............................................................................................................................................................................</span></p><p><span style="background-color: rgba(165, 112, 255, 0.15); color: #0d1216; font-family: "Canva Sans", "Noto Sans Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; white-space-collapse: preserve;"><br /></span></p><p><span style="background-color: rgba(165, 112, 255, 0.15); color: #0d1216; font-family: "Canva Sans", "Noto Sans Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; white-space-collapse: preserve;"><br /></span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkOIaFKKwDK1sB2R08QHKL4IfrS-am-docwRNhVDeDpk2gYV-9CDo7KKhbmqWNCWS7ZXfDt1YJlWy-5HsklDYkcOXb6cKj5I8KJnYA8jCP4Nm6-T7LJrgxXID3TDdzIraRvJwYr5vYagWu2coeUE0jmt6UCUJETaEbP7rYBeIol0oMLtoGKlESnMmr5KIJ/s769/sdk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="769" data-original-width="732" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkOIaFKKwDK1sB2R08QHKL4IfrS-am-docwRNhVDeDpk2gYV-9CDo7KKhbmqWNCWS7ZXfDt1YJlWy-5HsklDYkcOXb6cKj5I8KJnYA8jCP4Nm6-T7LJrgxXID3TDdzIraRvJwYr5vYagWu2coeUE0jmt6UCUJETaEbP7rYBeIol0oMLtoGKlESnMmr5KIJ/w375-h393/sdk.jpg" width="375" /></a></div><br /><span style="background-color: rgba(165, 112, 255, 0.15); color: #0d1216; font-family: "Canva Sans", "Noto Sans Variable", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 14px; white-space-collapse: preserve;"><br /></span><p></p>

เชื่อมโยงฐานข้อมูล Firebase กับ Canva ai

  Prompt ในการสร้างเวบแอพระบบฝากเงินนักเรียน เชื่อมโยงกับฐานข้อมูล ใน firebase คือ  ...........................................................

อ่านเพิ่มเติม »

ป้องกันการบันทึกซ้ำในเดือนเดียวกัน ใน AppSheet

<p> </p><p><br /></p><p>ป้องกันการบันทึกซ้ำในเดือนเดียวกัน ใน AppSheet</p><p>สูตร Filter กรองไม่ให้มีการบันทึกซ้ำ ภายในเดือนเดียวกัน </p><p>...................................................................................................................................</p><p>ISBLANK(</p><p>  FILTER(</p><p>    "Record",</p><p>    AND(</p><p>      [ชื่อร้าน] = [_THISROW].[ชื่อร้าน],</p><p>      MONTH([วันที่ขาย]) = MONTH([_THISROW].[วันที่ขาย]),</p><p>      YEAR([วันที่ขาย]) = YEAR([_THISROW].[วันที่ขาย]),</p><p>      [ID] <> [_THISROW].[ID]</p><p>    )</p><p>  )</p><p>)</p><p>.....................................................................................................................................................</p>

ป้องกันการบันทึกซ้ำในเดือนเดียวกัน ใน AppSheet

  ป้องกันการบันทึกซ้ำในเดือนเดียวกัน ใน AppSheet สูตร Filter กรองไม่ให้มีการบันทึกซ้ำ ภายในเดือนเดียวกัน  .....................................

อ่านเพิ่มเติม »

📜 โค้ด Google Apps Script สำหรับแต่ง Google Form

<p> </p><p>โค้ดสำหรับปรับแต่งหน้าตาของ Google Form ให้มีรูปร่างหน้าตาเหมือนเวบแอป </p><p><br /></p><p><b> code.gs</b></p><p>.......................................................................................................................................</p><p>function doGet() {</p><p>  return HtmlService.createHtmlOutputFromFile('form')</p><p>      .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);</p><p>}</p><p>..........................................................................................................................................</p><p><br /></p><p><b>form.html </b></p><p><br /></p><p>.............................................................................................................................................</p><p><!DOCTYPE html></p><p><html></p><p>  <head></p><p>    <base target="_top"></p><p>    <style></p><p>      body {</p><p>        font-family: 'Kanit', sans-serif;</p><p>        background-color: #e8f5e9;</p><p>        display: flex;</p><p>        justify-content: center;</p><p>        align-items: center;</p><p>        height: 100vh;</p><p>        margin: 0;</p><p>      }</p><p>      .form-container {</p><p>        background: white;</p><p>        padding: 30px 40px;</p><p>        border-radius: 15px;</p><p>        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);</p><p>        text-align: center;</p><p>        width: 350px;</p><p>      }</p><p>      .form-container img {</p><p>        width: 80px;</p><p>        margin-bottom: 15px;</p><p>      }</p><p>      h2 {</p><p>        color: #388e3c;</p><p>        margin-bottom: 20px;</p><p>      }</p><p>      input[type="text"], input[type="tel"] {</p><p>        width: 100%;</p><p>        padding: 10px;</p><p>        margin: 8px 0;</p><p>        border: 1px solid #c8e6c9;</p><p>        border-radius: 10px;</p><p>        box-sizing: border-box;</p><p>        font-size: 16px;</p><p>      }</p><p>      button {</p><p>        background-color: #66bb6a;</p><p>        color: white;</p><p>        padding: 12px;</p><p>        width: 100%;</p><p>        border: none;</p><p>        border-radius: 10px;</p><p>        font-size: 16px;</p><p>        cursor: pointer;</p><p>        margin-top: 15px;</p><p>      }</p><p>      .footer {</p><p>        margin-top: 15px;</p><p>        font-size: 12px;</p><p>        color: #888;</p><p>      }</p><p>    </style></p><p>  </head></p><p>  <body></p><p>    <div class="form-container"></p><p>      <img src="https://cdn-icons-png.flaticon.com/512/747/747376.png" alt="Profile Icon"></p><p>      <h2>แบบฟอร์มข้อมูลส่วนบุคคล</h2></p><p>      <form></p><p>        <input type="text" placeholder="ชื่อ" name="fname" required></p><p>        <input type="text" placeholder="สกุล" name="lname" required></p><p>        <input type="tel" placeholder="เบอร์โทรศัพท์" name="phone" required></p><p>        <button type="submit">ส่งข้อมูล</button></p><p>      </form></p><p>      <div class="footer">create by aphsara 💚</div></p><p>    </div></p><p>  </body></p><p></html></p><div>..............................................................................................................................................</div>

📜 โค้ด Google Apps Script สำหรับแต่ง Google Form

  โค้ดสำหรับปรับแต่งหน้าตาของ Google Form ให้มีรูปร่างหน้าตาเหมือนเวบแอป   code.gs ............................................................

อ่านเพิ่มเติม »