SAFDAR SCIENCE ACADEMY
SAFDAR SCIENCE ACADEMY
  • 97
  • 11 421
VID.20: Take your inventory to Google Sheets with QR/Bar code scanning Web Apps
#qrcode #barcode #barcodescanners #webappscript #googleappscript #googlesheets
Ditch the Paper: Scan product info with QR codes and manage your inventory directly in Google Sheets, accessible from anywhere on any device.
Boost Efficiency: Say goodbye to manual data entry errors and expensive software. Enjoy real-time inventory updates and mobile management for a smoother workflow.
Embrace the Future: Join the growing trend of QR code and web app adoption, unlocking a cost-effective and customizable solution for effortless inventory control.
Free & Customizable: This web app is completely free to use and adapt to your specific needs. Add additional data fields, create custom categories, and make it your own.
About the Web App
This web app empowers shop owners to effortlessly scan product barcodes or QR codes, input additional details, and seamlessly submit the information directly to a Google Sheets inventory list. It reduces the need for manual data entry, saving time and reducing errors.
The web application primarily comprises two major sections: namely, the QR Scanner and the Data Entry Form. The data entry form is similar to the one we discussed in an earlier blog post. What is new here is that we have integrated a QR and barcode scanner into this web app to scan the products and input the codes into the data entry form. Therefore, users can insert the QR code along with other product details such as name, price, category, and quantity into the Google Sheets. This way, users can easily update their inventory in Google Sheets.
This is a responsive web app. Therefore, users can utilize it on their mobile phones and leverage their cameras to easily scan QR and barcode without needing to purchase additional equipment.
Here’s how to deploy the web app to scan QR/Bar codes to take your inventory to Google Sheets.
To use this, you’ll need to deploy it as a web app in your Google Account. Below, I will briefly explain the deployment process and guide you on how to use it for scanning QR codes and barcodes. Then, in the next section, I will delve into the code and explain how you can customize it to fit your requirements.
Here is a brief overview of the workflow.
Copy the below Google Sheets template to your Google Drive.
Open the script editor and deploy it as a web app (Google Guide).
In your Google Sheets, Go to Extensions -- Apps Script to open the script editor
Go to Deploy --New deployment
Go to Select type (⚙️icon)- -Web App
Enter the information about your web app in the fields under “Configuration.” Select your email and “Anyone” if you want to access the web app without logging in to your Google Account.
Click Deploy. (When you run the script for the first time, you will be prompted to grant permissions. To do so, please click on ‘Continue’, select your email, click on ‘Advanced’, click on the name with the ‘Apps Script’ label, and then click ‘Allow’ on the next screen.)
Copy the web app URL
Access the web app link in your mobile phone browser (“Try opening the web app in an incognito window if you encounter any difficulties accessing it.”).
Click the “Request Camera Permissions” button and allow access to the camera. Select a back camera if you have multiple cameras on your phone.
Click the Start Scanning button, scan the product QR/ Bar code, and add details such as product name, quantity, price, and category.
Submit the form and your data will be saved in the Google Sheets.
Continue to the next scan…
Subscribe to our UA-cam - ua-cam.com/channels/wQsIx8ayeCswM5Kxr8_9yw.html
🔗 Spreadsheet Link:docs.google.com/spreadsheets/d/1fTJLEGrQrvi_EtnekLkpG3BJP7Gf5udy9DLih9UfA0U/edit?usp=sharing
DEMO LINK:script.google.com/macros/s/AKfycbyZMcqk1rAlbSWU4YY4TM5bZTiO55axYUQGqzzjQuo/dev
www.linkedin.com/in/safdar-dasti-093813133/
tibbaimam.taunsa.9
ua-cam.com/video/d5jldH_DE0M/v-deo.html
ua-cam.com/video/nP6bUCY3n44/v-deo.html
ua-cam.com/video/-DtEhQAjgiU/v-deo.html
ua-cam.com/video/DduTQoun7pY/v-deo.html
ua-cam.com/video/eXBs58wDtWg/v-deo.html
ua-cam.com/video/rnmaPoKOkRM/v-deo.html
ua-cam.com/video/wE89R-uZalk/v-deo.html
ua-cam.com/video/s8DZsBbTz_M/v-deo.html
ua-cam.com/video/GVfMcO7n8YM/v-deo.html
ua-cam.com/video/0IOREUQZPBM/v-deo.html
ua-cam.com/video/zvkQOThqzV4/v-deo.html
Переглядів: 100

Відео

Vid.19: Automatically Email Google Sheets Invoice as PDF and Track Records
Переглядів 13021 годину тому
#googleappscript #automation #spreadsheet How does it work/ how do you email Google Sheets invoices as a PDF The invoice we refer to here is just a template in Google Sheets that you can use to add a list of goods or services you provided. This invoice itself does not contain scripts. We use a script to convert this Google Sheets invoice to a PDF, store it in Google Drive, and attach and email ...
Vid.18:Display Google Sheets Data as a web page
Переглядів 16521 годину тому
#cascadingstylesheets #cascading #htmlform #appsscript #googlesheets #crude #search #delete #update #submit #htmlform #googlesheets #googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation Best of all, this project is completely free to use! Steps to Install! Here the Deta...
Vid.17:Cascading Dropdown Lists for Web Apps
Переглядів 90День тому
#cascadingstylesheets #cascading #htmlform #appsscript #googlesheets #crude #search #delete #update #submit #htmlform #googlesheets #googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation Best of all, this project is completely free to use! Steps to Install! Here the Deta...
VID.16:How to Display Google Sheets Data on a Website
Переглядів 109День тому
#pizza #pizzalover #pizzahut #pizzatower #pizzatime #pizzalovers #pizzachallenge #htmlform #appsscript #googlesheets #crude #search #delete #update #submit #htmlform #googlesheets #googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation Google Sheets is a powerful tool for...
VID.15.GOOGLE SHEET FUNCTION "TOCOL & TOROW"
Переглядів 40День тому
@googlesheetstipsandtricks @ExcelGoogleSheets @GoogleSheetsGeeks @sunitaregar5304 @Excell. @excelsteps Subscribe to our UA-cam - ua-cam.com/channels/wQsIx8ayeCswM5Kxr8_9yw.html 🔗 Spreadsheet Link::docs.google.com/spreadsheets/d/1LHE8QPu-5RsUnwi57RHnf1bludF6nkO5ZH4zUfFYbo8/edit?usp=sharing www.linkedin.com/in/safdar-dasti-093813133/ tibbaimam.taunsa.9 ua-cam.com/video/HYstNB6PQvg/v-...
VID.14 | Google Web App | Bootstrap CRUD
Переглядів 24514 днів тому
#htmlform #appsscript #googlesheets #crude #search #delete #update #submit #htmlform #googlesheets #googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation Hello everyone, In this video, I demonstrate how to create a Bootstrap CRUD application using Google Web App and Goog...
VID.13 | CRUD FORM | with Google sheet
Переглядів 51321 день тому
#crude #search #delete #update #submit #htmlform #googlesheets #googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation Hello everyone, In this video, I’ll show you how to effectively manage your stocks using this application. Built on top of Google Sheets with Apps Script...
Vid.12: Google sheets |Admission Form Web Application #appsscript
Переглядів 219Місяць тому
#admissionform #admission #admissionsopen #admissionopen #admissions #admissions2024_25 #school #schoollife #schoolmemes #schooltime #schooldays #schools #schoolproject #schoolsupplies #onlineform #htmlform #googlesheets #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation Hello everyone, In this video, I’ll show you how to effectively fill your admission form using this appl...
Vid.11: Google sheets | Inventory Management Web Application #appsscript
Переглядів 947Місяць тому
#InventoryManagement #StockTracking #Inventory #StockManagement #InventorySystem #GoogleAppsScript #PDFExport #InventoryReports #InventorySoftware#appsscript #htmlform #googlesheets #googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation Hello everyone, In this video, I’l...
Vid.10: Google Sheets | How To Send HTML Form Data To Google Sheets
Переглядів 327Місяць тому
#appsscript #htmlform #googlesheets #googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation 🎬 Hey everyone! 🌐 In today's UA-cam tutorial, we're diving into the exciting world of data entry into Google Sheets using HTML forms! 📊✨ 🤔 Wondering how to set it up? 🛠️ Before we ...
Vid. 9: Google Sheets | How To Send HTML Form Data To Google Sheets
Переглядів 156Місяць тому
#googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation 🎬 Hey everyone! 🌐 In today's UA-cam tutorial, we're diving into the exciting world of data entry into Google Sheets using HTML forms! 📊✨ 🤔 Wondering how to set it up? 🛠️ Before we dive into the nitty-gritty, let me g...
VID.8: Google Sheet + Html Online Result + Free Source Codes
Переглядів 355Місяць тому
#googlesheet #googlesheets #googleappsscript #googlesheet #googlesheets #googleappsscript This Video Tutorial Shows a step-by-step Guide on creating an Exam Result Viewer using Google Apps Script and Google Sheets. Who's This For? anyone who interested in Google Apps Script What You'll Learn In this Tutorial? (1)Setting up your Google Sheet for Google Apps Script (2) How to Create the HTML Page...
Vid.7: Google Sheets | Data Entry using HTML Form 🔥🔥#googlesheets #appsscript #dataentry
Переглядів 345Місяць тому
🎬 Hey everyone! 🌐 In today's UA-cam tutorial, we're diving into the exciting world of data entry into Google Sheets using HTML forms! 📊✨ 🤔 Wondering how to set it up? 🛠️ Before we dive into the nitty-gritty, let me give you a quick overview of what you'll need and why. First things first, grab your trusty Google spreadsheet where all the magic will happen. Attach some script magic, deploy it, a...
VID.6: How to Generate a Unique ID in Google Sheets (with Acronym)
Переглядів 80Місяць тому
#Google_sheets #googlesheets #css #html #html #css #javascript #tutorials #trending #new #google #googlesheets #integration #HTMLForms #DataEntryMagic #appsscript #htmlform #htmlforms #automation In this tutorial, I will show you how to create a formula for generating a unique ID that contains acronyms. In this video, you learn to create an ID that is unique for your data and extract useful inf...
VID.5: Html Form Data to Google Sheet with search
Переглядів 293Місяць тому
VID.5: Html Form Data to Google Sheet with search
VID.4: How To Send HTML Form Data To Google Sheets & Email Notifications Free Source Code
Переглядів 579Місяць тому
VID.4: How To Send HTML Form Data To Google Sheets & Email Notifications Free Source Code
VID.3: Files upload,View,Edit,Delete at WebPage
Переглядів 2452 місяці тому
VID.3: Files upload,View,Edit,Delete at WebPage
VID.2: STUDENT FEE MANAGEMENT SYSTEM
Переглядів 2432 місяці тому
VID.2: STUDENT FEE MANAGEMENT SYSTEM
Vid.1: Create Id base Form by google apps script connecting with webpage
Переглядів 2022 місяці тому
Vid.1: Create Id base Form by google apps script connecting with webpage
PREP CLASS POEMS PERIOD۔SAFDAR SCIENCE EDUCATIONAL COMPLEX
Переглядів 14Рік тому
PREP CLASS POEMS PERIOD۔SAFDAR SCIENCE EDUCATIONAL COMPLEX
PREP CLASS PERFORMANCE BY SAFDAR SCIENCE EDUCATIONAL COMPLEX
Переглядів 38Рік тому
PREP CLASS PERFORMANCE BY SAFDAR SCIENCE EDUCATIONAL COMPLEX
PREP CLASS POEM.
Переглядів 10Рік тому
PREP CLASS POEM.
PREP CLASS POEM
Переглядів 14Рік тому
PREP CLASS POEM
MATH 9TH EXE 1.6, Q.NO.1(vii),(viii) BY M.SAFDAR DASTI
Переглядів 3Рік тому
MATH 9TH EXE 1.6, Q.NO.1(vii),(viii) BY M.SAFDAR DASTI
MATH 9TH EXE 1.6, Q.NO.1 (v), (vi) BY M.SAFDAR DASTI
Переглядів 3Рік тому
MATH 9TH EXE 1.6, Q.NO.1 (v), (vi) BY M.SAFDAR DASTI
MATH 9TH EXE 1.6, Q.NO.1,(iii),(iv) BY M.SAFDAR DASTI
Переглядів 1Рік тому
MATH 9TH EXE 1.6, Q.NO.1,(iii),(iv) BY M.SAFDAR DASTI
MATH 9TH EXE 1.6, Q.NO.1(i),(ii) BY M.SAFDAR DASTI
Переглядів 2Рік тому
MATH 9TH EXE 1.6, Q.NO.1(i),(ii) BY M.SAFDAR DASTI
MATH 9TH EXE 1.5, Q.NO.6 (ii) BY M.SAFDAR DASTI
Переглядів 1Рік тому
MATH 9TH EXE 1.5, Q.NO.6 (ii) BY M.SAFDAR DASTI
MATH 9TH EXE 1.5, Q.NO.6(i) BY M.SAFDAR DASTI
Переглядів 2Рік тому
MATH 9TH EXE 1.5, Q.NO.6(i) BY M.SAFDAR DASTI

КОМЕНТАРІ

  • @ArshadRaza-c7h
    @ArshadRaza-c7h 2 дні тому

    aoa, try searchable dropdown at 3 level with product display . thanks and accept request for this video code. thanks

  • @ArshadRaza-c7h
    @ArshadRaza-c7h 2 дні тому

    aoa, sir g a jehra tusi encript karday o js.html nu tay css nu, is d samajh nae aandi. doodh v dainday o tay mangna pa k. bara e gussan aunda a. band koe chnages kar lainda a, chatgpt nu bol k. par tusi is kabil nae chhorday o k changes hon.meharbani farmaya karo. assi like v karday haan tay subscribe pehlay e keta hoya a.

  • @ArshadRaza-c7h
    @ArshadRaza-c7h 2 дні тому

    aoa, great video, bro, where are you from I am from sargodha. wanna meet you some day.

  • @ArshadRaza-c7h
    @ArshadRaza-c7h 2 дні тому

    AOA, great bro, now when i increase datarange from a:f to a:j and added 4 more title rows in javascript, it did not show columns from g:j . how to do that. thanks in advance.

  • @ArshadRaza-c7h
    @ArshadRaza-c7h 2 дні тому

    السلام علیکم۔ بہت ہی اعلی۔ شکریہ۔ اب اس انوائس کے بارے میں سب ویڈیو۔ بنا دیں۔ تا کہ یہ انوائس بنائی جا سکے۔ شکریہ۔

  • @mdbakul5445
    @mdbakul5445 3 дні тому

    Nomosker sir Submit ke sat sat poss recived print hoga to accihota

    • @safdardasti
      @safdardasti 3 дні тому

      I will add print button next time

  • @nasarmkm3484
    @nasarmkm3484 3 дні тому

    Code link???????

    • @safdardasti
      @safdardasti 3 дні тому

      copy the spreadsheet. docs.google.com/spreadsheets/d/1fTJLEGrQrvi_EtnekLkpG3BJP7Gf5udy9DLih9UfA0U/edit?usp=sharing

  • @ArshadRaza-c7h
    @ArshadRaza-c7h 6 днів тому

    aoa, safar sb, doodh v dainday o tay maingna pa k, clean code deya karo. a jo fazool text add karday o, o na karya karo, code wich. meharbani hosi.

    • @safdardasti
      @safdardasti 6 днів тому

      W.slam, piyary bhai, code me Kisi line ki samjh na aa Rahi ho to poch Liya kren,

    • @ArshadRaza-c7h
      @ArshadRaza-c7h 6 днів тому

      fir tusi utton. library v pa diti a, o v code generator d bani hoe a.

  • @BraveHeart-ht8zf
    @BraveHeart-ht8zf 8 днів тому

    Request tutorial searchable dependent drop down

  • @mdbakul5445
    @mdbakul5445 8 днів тому

    Sir es project ko immages show karega to assi lagega

  • @mdbakul5445
    @mdbakul5445 8 днів тому

    Sir,cash and instalmen sell inventory management web app banaia na jis chisme a feature lagaiana Customers datbase,stoke,purceh,sell,report, ledger, instalment, down payment due balance,etc modules

  • @mdbakul5445
    @mdbakul5445 8 днів тому

    Sir, search database in Google sheet web app with immages projects banaiana

    • @safdardasti
      @safdardasti 8 днів тому

      ua-cam.com/video/M3F1Yv9sU_c/v-deo.htmlsi=yrcladTtciM8pD6S

  • @ArshadRaza-c7h
    @ArshadRaza-c7h 12 днів тому

    aoa, safdar bhai yeh jo libraries add hain. yeh aap ki hain.ya kisi aur ki hain. what if we want to run webapp without libraries. what's the solution.

    • @safdardasti
      @safdardasti 11 днів тому

      W.slam. Both Tamotsu and LodashGS are crucial for the functionality of your code. Removing either will break the parts of your script that rely on them. If you're not planning to refactor the code to remove their usage, you should keep them.

  • @nasarmkm3484
    @nasarmkm3484 13 днів тому

    ❤ good

  • @rakeshbond009
    @rakeshbond009 14 днів тому

    Gr8 work dear.

  • @goldenmediarukwa
    @goldenmediarukwa 19 днів тому

    Nice tutorial. Source code mr

  • @hussain82517
    @hussain82517 24 дні тому

    How to access this tamplate

    • @safdardasti
      @safdardasti 23 дні тому

      In the description click on given link

  • @hussain82517
    @hussain82517 25 днів тому

    How to Automatic image add on admit card?? Please make a video on this topic

  • @hussain82517
    @hussain82517 25 днів тому

    Very useful video

  • @hussain82517
    @hussain82517 25 днів тому

    Thanks bro

  • @nasarmkm3484
    @nasarmkm3484 25 днів тому

    Good

  • @Info.bbg2020
    @Info.bbg2020 25 днів тому

    Thanks. Please login and data entry

    • @safdardasti
      @safdardasti 25 днів тому

      I will try next time for 'LOG IN FORM'

  • @ayikbastian9273
    @ayikbastian9273 Місяць тому

    Thanks sir..

  • @ChiryaGharOfficial
    @ChiryaGharOfficial Місяць тому

    😍😍😍😍

  • @ChiryaGharOfficial
    @ChiryaGharOfficial Місяць тому

    great work

  • @ChiryaGharOfficial
    @ChiryaGharOfficial Місяць тому

    mashallah sr g

  • @AgendaBioBioCL
    @AgendaBioBioCL Місяць тому

    Hi, I found a bug after uploading images. Web page don't show thumb Seeing json file in spreadsheet this don't paste "status":"success"

    • @safdardasti
      @safdardasti Місяць тому

      "If your file is not working correctly, it might be that there was a mistake during the installation. You can try reinstalling it or follow the installation instructions again to check if anything was missed."

  • @Info.bbg2020
    @Info.bbg2020 Місяць тому

    How to create separate user login and data entry form. When they are login and they are entry data. Every user data can be edit or delete own data.. like CRUD system. Please

  • @safdardasti
    @safdardasti Місяць тому

    const DATA_ENTRY_SHEET_NAME = "Sheet1"; const TIME_STAMP_COLUMN_NAME = "Timestamp"; var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName(DATA_ENTRY_SHEET_NAME); const doPost = (request = {}) => { const { postData: { contents, type } = {} } = request; var data = parseFormData(contents); appendToGoogleSheet(data); return ContentService.createTextOutput(contents).setMimeType(ContentService.MimeType.JSON); }; function parseFormData(postData) { var data = []; var parameters = postData.split('&'); for (var i = 0; i < parameters.length; i++) { var keyValue = parameters[i].split('='); data[keyValue[0]] = decodeURIComponent(keyValue[1]); } return data; } function appendToGoogleSheet(data) { if(TIME_STAMP_COLUMN_NAME !==""){ data[TIME_STAMP_COLUMN_NAME]=new Date(); } var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]; var rowData = headers.map(headerFld => data[headerFld]); sheet.appendRow(rowData); }

  • @majujoyia3761
    @majujoyia3761 2 місяці тому

    Thanks sir it's informative video for me

  • @jameelshakr4796
    @jameelshakr4796 2 місяці тому

    ❤😮

  • @jameelshakr4796
    @jameelshakr4796 2 місяці тому

    ❤❤❤❤

  • @jameelshakr4796
    @jameelshakr4796 2 місяці тому

    😊😊😊😊

  • @yasmeenfarhat1921
    @yasmeenfarhat1921 3 місяці тому

    Raf Raf betay ap sy baat krne thi

  • @gmnaattv8686
    @gmnaattv8686 Рік тому

    ماشاءاللہ

  • @zainabbas6390
    @zainabbas6390 2 роки тому

    Sir is Sy acha hai motivational vedios bnain

  • @Travel.2
    @Travel.2 2 роки тому

    Allah Salamat rakhay apko Auladoon ki khoshiyaan dekhain..

  • @ismatiqbal191
    @ismatiqbal191 2 роки тому

    MashAllah

  • @arslanyousaf6592
    @arslanyousaf6592 5 років тому

    Is interview ko appreciate alfaz sy nahi kia ja sakta .... :) to apke liye dhairoon duain <3 ...

  • @sardarmuhammadsajid2540
    @sardarmuhammadsajid2540 5 років тому

    Pr. Rufruf ! Assalam o Alekum! You are a real HEERO.

  • @hamzachaudhary9749
    @hamzachaudhary9749 6 років тому

    great sir salute to you. i m learning a lot of thoughts from you in Gulshan Iqbal park.

  • @a-smartmoves3243
    @a-smartmoves3243 6 років тому

    plz upload more videos professor Ruf Ruf He is great person,my en k khilo ke respect or care karta ho

  • @safdardasti
    @safdardasti 6 років тому

    صفدر سائنس اکیڈمی پھولنگر ۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔داخلہ جاری ہے

  • @farhanprinceakhtar
    @farhanprinceakhtar 6 років тому

    Awesome Lessons, Humble Personality.