Clock In / Out Web App - Google Sheets

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 118

  • @gatewayservices7970
    @gatewayservices7970 3 ปีที่แล้ว +5

    That's a another Great Knowledge, if two features added in this web app that seems professional and perfect to use for every organization.
    1. Grab Location of the user after Clock In/Clock Out
    2. Popup Message after Check in and Check out "You are Successfully Check In, / Check Out"

  • @emilyjohns6425
    @emilyjohns6425 ปีที่แล้ว +2

    I'm using this web app for student check-in & check-outs in the front office at the school I work for. It works great, ONLY issue I'm having is getting multiple form entries because students are clicking the check-in/check-out button many times before the form fields clear. How can I prevent this from happening?
    Thank you so much! I enjoy your videos, they are making my work life easier and more enjoyable!

  • @michaelaustinealvarez7578
    @michaelaustinealvarez7578 3 ปีที่แล้ว +4

    Thanks Author for hearing me out.. 👍👍👍

    • @blockwest2379
      @blockwest2379 3 ปีที่แล้ว

      THX for asking for this feature. almost the one I "need"

  • @blockwest2379
    @blockwest2379 3 ปีที่แล้ว +3

    another master-piece of content. one TUT which covers a lot. a great feature, debugging kind of LOG-IN if I can adopt it. thank you so much sir. step by step you make my "dream" of a web app (to keep track and set a time-schedule for a little crew) become true. still a lot to learn (which I do). step by step I will hopefully get it done ;))

  • @quickclean-ninja
    @quickclean-ninja ปีที่แล้ว

    The feeling at 23:40 .."Execution complete" Euphoric ahh!!. You explain it very well I can understand it finally.. I see carrier change here. Don't wanna clean toilets all my life Took me weeks to get my head around this .. Lot of work to do this helps my businesses to the next level.. Again many thanks for this..

  • @manjunaths1596
    @manjunaths1596 3 ปีที่แล้ว +2

    Great! Thanks a lot for this content. A query, can we track the location from the place they are clocking in and out, this may help if employees are working on field or project sites.

  • @bqrinno
    @bqrinno 3 ปีที่แล้ว +3

    Nice work!
    I love how you explain everything.

  • @heatherm7864
    @heatherm7864 2 ปีที่แล้ว

    Thanks so much for the great video!
    I was able to get the web app set up and also added in a notes field and an email address field.
    I was able to get the form to send a copy of the response to the email address that is inputted into the email address field. I am new to using Web Apps and my next concern is the security of the information that is being inputted into these fields, as I do not want to compromise the individual’s email address.

  • @FREDNAJAH
    @FREDNAJAH 3 ปีที่แล้ว +1

    thank you very much, loved it specially extra bonus on how to debug.

  • @---ml4jd
    @---ml4jd 3 ปีที่แล้ว

    man, you have no idea how much are you helping me.
    i wish there was a way i could pay you back.

  • @TomaszZjawin
    @TomaszZjawin 3 ปีที่แล้ว

    Works well. Thank you. How to check if input field is empty and display feedback fe. please fill all form correctly etc..

  • @scuffedscruff9505
    @scuffedscruff9505 3 ปีที่แล้ว +3

    Hay mate, been using your tutorials heavily to create a dashboard on google web app scripts. Its been super helpful and ive made some serious progress however one thing im stuck on is pagination.
    I have a lot of information that id like to have in page format, but it seems highly complex to create if its not just a static page number etc. ive gone through your videos and i havnt seen anything along these lines and was curious if you'd be able to go through it? currently using materialisecss but any form of tutorial for it would be amazing and greatly appreciated

  • @zxclayy
    @zxclayy 2 ปีที่แล้ว +1

    i tried this encoding but function (e) e.preventDefault is not working
    can you help me with that?

  • @DiamondDynamics117
    @DiamondDynamics117 3 ปีที่แล้ว +1

    e.preventDefault that part isn't working for me at all. I need help. I have looked at your other things but I am stuck on this one section which occurred for you around 16:30. by the way redid the whole thing and same spot has same issue. Its not refreshing to the same page either

  • @WasanKhunnadiloksawet
    @WasanKhunnadiloksawet 3 ปีที่แล้ว

    New technique for web app. Thanks sir.

  • @kepoci8599
    @kepoci8599 2 ปีที่แล้ว +2

    how to get user location after they clock in and clock out

  • @zebedeekaisam376
    @zebedeekaisam376 3 ปีที่แล้ว

    This is marvelous. Thanks for the detailed explanation. This will help me complete my project.

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  3 ปีที่แล้ว

      Awesome!

    • @Cheesemanjl
      @Cheesemanjl 3 ปีที่แล้ว

      @@ExcelGoogleSheets do you offer consulting services?

  • @Steven-qz1qp
    @Steven-qz1qp ปีที่แล้ว

    Is there a way to make it input the information from a barcode scan?
    Thank you
    Great help with your videos

  • @Tsepo.
    @Tsepo. 2 ปีที่แล้ว

    Great lesson, please create a follow up video whereby the system will mark up absent employees at the end of the day, i know a vlook-up function enters somewhere, i just don't know where. Please and thank you.😄

  • @PugalendhiRamesh
    @PugalendhiRamesh ปีที่แล้ว

    Hi Sir, Thanks for the video
    I have doubt, how to add leave option?

  • @HarshavardhanGanesan
    @HarshavardhanGanesan 3 ปีที่แล้ว +1

    Another wonderful tutorial and a lot of useful stuff covered in this! I have been following all your WebApp tutorials and this is a nice addition.
    If i may ask: how to go about creating a webapp that works as an Training/Attendance Management System?
    What i mean is, after the trainer enters correct employee & verification code, I need him to select the date, time & topic of the training. And the webApp should display the list of participants mapped to the trainer with adjacent 2 columns of radio buttons as: 'Present' 'Absent' against each particpant name. This should be submited to a spreadsheet on success.
    Is there a way to do this in GAS?

  • @temyraverdana6421
    @temyraverdana6421 3 ปีที่แล้ว +1

    Thanks, amazing video lessons!

  • @LVTan-jy7yf
    @LVTan-jy7yf ปีที่แล้ว

    I'm having an error despite I've copied all the codes & steps you've done in the 1st part. (form.html & code.gs) and deployed it as web app and after that selected test deployment. But after selecting test deployment, together with the "link", there is something "Head Deployment ID" and If I select/click the URL link, all I've got is an error. Help me on this please. Thanks

  • @crookalwayslv1
    @crookalwayslv1 3 ปีที่แล้ว +1

    Is there a tutorial for data from Google spreadsheets in one row when a "button" is clicked, the data becomes filled in at a blank point in the docs template that has been made to be printed?
    *Sorry for my bad english

    • @crookalwayslv1
      @crookalwayslv1 3 ปีที่แล้ว

      th-cam.com/video/r9uU_KwGgzQ/w-d-xo.html
      Just found ur video, thanks 😂

  • @JustVid
    @JustVid 3 ปีที่แล้ว

    Great tutorial as always, can you please help in uploading files from web app to google Drive

  • @pdestadler1
    @pdestadler1 2 ปีที่แล้ว

    Great video. Would have been nice to copy and paste into your own project.

  • @branjaco21
    @branjaco21 2 ปีที่แล้ว +1

    Hello. Great video and wonderful explanation and tutorial. I followed all the steps and it seems to be working well on the PC that I created it on but when I go to use it on another device (mobile tablet or phone), we keep getting the error code when trying to clock in or out with an employee id and verification code (in my case pin).
    Should it work on other devices? I have the web app open to anyone. Any help would be greatly appreciated.

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว

      It should. Did you deploy a new version after you finished working on it?

    • @joergchlupka9296
      @joergchlupka9296 2 ปีที่แล้ว

      Hello, how you can run it on mobile??? I am very interested, I have no errors when clock in/out button but difficult to type numbers/letters!? (See below comments 11 days ago)
      Appreciated any help, because that would be a great app on mobile devices. Thanks

  • @huseyinallito
    @huseyinallito 2 ปีที่แล้ว

    Hello, thank you for this informations that you are sharing. I am gettin an call stack at code:14 it is saying that typeerror: cannot read property 'action' of undefined it looks like it unable to defined payload function.
    any help please?

  • @Kazumalivetv
    @Kazumalivetv 3 ปีที่แล้ว

    can you create a video where there can be like a lunch break or breaks??? So that when someone is on break he/she cannot incur as the clock in for hours duration or in total hours. Per shift

  • @sanjeetaacharya
    @sanjeetaacharya 3 ปีที่แล้ว

    Hi. I'm really having a problem with a spreadsheet I'm trying to make. At this point, I feel like you're the only one who can help me out. I tried to find a contact but couldn't do so.
    Anyone else who knows advanced gsheets or something?
    I really need help as I can't figure it out on my own!

  • @arfanrahman3367
    @arfanrahman3367 10 หลายเดือนก่อน

    I don't find metroui . which one should i use ?

  • @Adolfohelfen
    @Adolfohelfen 3 ปีที่แล้ว

    Thank very for your help and knowledge 😀👏

  • @eduardobertrand1932
    @eduardobertrand1932 3 ปีที่แล้ว +1

    Data is not being added to the row after clicking on the button. Any ideas? Much appreciated

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  3 ปีที่แล้ว

      Everything is case sensitive, so make sure you match. So for example getElementById is not the same as getElementByid

  • @elsconsultancyandmanagemen4865
    @elsconsultancyandmanagemen4865 3 ปีที่แล้ว +1

    Great!!! Can you add the location of the user???

    • @sudoalex
      @sudoalex 3 ปีที่แล้ว

      You can with JavaScript

  • @kishanpatel9611
    @kishanpatel9611 3 ปีที่แล้ว

    Thank you for sharing great content, but I have one question, why is this web app not running in the safari when I scan the QR code? It redirects me to the google drive page means no page found page. I am having a problem with only the iPhone safari. It can run in crome correct.

  • @MylupeshousecleaningCo
    @MylupeshousecleaningCo 2 ปีที่แล้ว +1

    Nope, I can't get past 23:50. It doesn't auto-fill the data spreadsheet. When I select the "clockInOut" function and run it, I don't get errors, and nothing happens in the "Data" spreadsheet. Can anyone assist?

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว +1

      Did you check both under console in the browser and Executions in apps script editor for errors?

    • @laidbackaudiophile
      @laidbackaudiophile 2 ปีที่แล้ว +1

      @@ExcelGoogleSheets I am having the same issue LOL

  • @abinayas6151
    @abinayas6151 3 ปีที่แล้ว

    hello sir, could you please upload a video for automatic data imports from sheet1 to sheet2 on daily basis in google sheet.

  • @joergchlupka7762
    @joergchlupka7762 2 ปีที่แล้ว

    Hi, super tutorial!!! Everything works just fine, but how can I add it to Mobile Phones, that it can be worked out in the field??? Appreciate the help, thanks!!!

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว

      add .addMetaTag('viewport', 'width=device-width, initial-scale=1') after your HtmlService.blahblah.evaluate()

    • @joergchlupka7762
      @joergchlupka7762 2 ปีที่แล้ว

      function doGet(){
      return HtmlService.createHtmlOutputFromFile("form")
      }
      Sorry, I try different scenarios but nothing works! Thanks

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว

      return HtmlService.createHtmlOutputFromFile("form").addMetaTag('viewport', 'width=device-width, initial-scale=1')

    • @joergchlupka7762
      @joergchlupka7762 2 ปีที่แล้ว

      Super, looks much better! The button and error message works fine but is difficult to type text or numbers. If I try to type something it zooms out so big that you can not see the form or box! Thanks

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว

      At this point it's HTML / CSS issue.

  • @renashbell4317
    @renashbell4317 3 ปีที่แล้ว

    great, how do you get that "form" menu btw ?

  • @elricho72
    @elricho72 3 ปีที่แล้ว +1

    Amazing video !

  • @imamerwanda5048
    @imamerwanda5048 3 ปีที่แล้ว +1

    Can I get the script master?

  • @jdshaw13
    @jdshaw13 2 ปีที่แล้ว

    Does anyone have the actual html code? I'm having an error and can't find it

  • @AntonioSantos-ve6zv
    @AntonioSantos-ve6zv 3 ปีที่แล้ว

    Really great content!!!! Thanks a lot!

  • @bilalkhan4737
    @bilalkhan4737 ปีที่แล้ว

    Dear salary sheet daily wages per hour rate and over time rate plz

  • @wisnunugroho6095
    @wisnunugroho6095 3 ปีที่แล้ว

    thanks for the tutorial. i learn many videos from you.
    But please help, i got a problem with clock out time, it always shows me the vlookup search outside range if i type manually. if i copy-paste from your google sheets, its not error but just empty. anyway i was try this too VLOOKUP(C2;{C3:C\B3:B};2) but no clue... i come from indonesia so we use ; instead. Thank you.

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  3 ปีที่แล้ว

      you should probably do match type VLOOKUP(C2;{C3:C\B3:B};2;0)

  • @AmirLugasi-h4i
    @AmirLugasi-h4i 9 หลายเดือนก่อน

    nice one! ca i find the code for this?

  • @richardaquino5160
    @richardaquino5160 3 ปีที่แล้ว

    please add the location of the user after Clock In/Clock Out

  • @TechyFriends
    @TechyFriends 3 ปีที่แล้ว

    Do you have classes?

  • @LP-ig8tg
    @LP-ig8tg 2 ปีที่แล้ว

    Great for your work !!! But I found 2 issues -
    1) preventdefault() for blank screen not working, it redirects to blank screen
    2) Payload action on Form Script [action: "Clock In"] returns error "TypeError: Cannot read property 'action' of undefined
    clockInOut". However the same action worked on server side function using manual testing for payload having [action: "Clock In"] successfully submtted to Sheer. Please to help

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว +1

      Everything is case sensitive. For example: preventdefault() and preventDefault() are 2 different things.

    • @LP-ig8tg
      @LP-ig8tg 2 ปีที่แล้ว

      '​ preventDefault()' is used in HTML>>Script as you did in tutorial, seems not an issue with that case. Pls to remind that GScript [action: "Clock In"] called from HTML Script returns error, while manual fetch in defined const payload input has worked and sent new row to SS

    • @LP-ig8tg
      @LP-ig8tg 2 ปีที่แล้ว

      Googling recommended certain redundancy and Rebuild accordingly and solved the problem. THANKS

    • @yueenki2199
      @yueenki2199 ปีที่แล้ว

      @@LP-ig8tg how did yo ufix it

    • @Mimi-arch
      @Mimi-arch ปีที่แล้ว

      @@LP-ig8tg Hi, can you please provide the solution? I am having the same issue and can't seem to be able to correct it.

  • @sudiipkumarbasu4194
    @sudiipkumarbasu4194 2 ปีที่แล้ว

    Can i get code for my practice

  • @jenihearn5733
    @jenihearn5733 2 ปีที่แล้ว

    Having an issue with the div class="d-none", the error message just won't display - any advice?

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว

      Do other bootstrap classes work?

    • @jenihearn5733
      @jenihearn5733 2 ปีที่แล้ว

      @@ExcelGoogleSheets No doesn't seem to be at all!

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว +1

      @@jenihearn5733 Then check your bootstrap css import link on top.

    • @jenihearn5733
      @jenihearn5733 2 ปีที่แล้ว

      @@ExcelGoogleSheets I'm a fool thanks!!

  • @151Phungphan
    @151Phungphan 3 ปีที่แล้ว

    Error
    TypeError: Cannot read property 'action' of undefined
    clockInOut @ Code.gs:14
    How can I solve this issue?

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  3 ปีที่แล้ว

      It shouldn't be manually run. It should run upon button click.

    • @abhishekshrivastav2141
      @abhishekshrivastav2141 3 ปีที่แล้ว

      Do you get solution for this. Please help me I got same error.

    • @erwinbidto6907
      @erwinbidto6907 3 ปีที่แล้ว

      @@ExcelGoogleSheets hi, mine says scrip function not found :doGet

  • @chrisbetcher48
    @chrisbetcher48 3 ปีที่แล้ว

    Not sure what I did wrong, I followed along step by step yet the app is not fully working. When I enter anything into the app it simply goes back like at the beginning where it looked like it sent the data into oblivion. I have checked, double checked, and triple checked and I have everything identical to you. The only things that are different is that we use a username instead of employee id but the rest is basically identical. Any feedback would be greatly appreciated. Don't know if the issue is the fact that instead of an id number we are using a user name since that is really the only thing that is different.

    • @chrisbetcher48
      @chrisbetcher48 3 ปีที่แล้ว

      it seems like the e.preventDefault part of the coding is not working

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  3 ปีที่แล้ว

      Check your logs. Watch this video to see where to find logs for troubleshooting th-cam.com/video/flxj-QB50zo/w-d-xo.html

    • @chrisbetcher48
      @chrisbetcher48 3 ปีที่แล้ว

      @@ExcelGoogleSheets I have reviewed the other video and checked the logs. I even went back over this video step by step to make sure I entered everything correctly. Still having issues but now it is in a different spot. Now the issue is when it is running the check for last action..... I was really hoping to be able to switch over from the google forms to the web app but for the moment it seems I will not be able to do that. I don't know if it is because it doesn't like the check for clock in and clock out versus an employee name instead of ID or what the issue is other than it just keeps triggering the error message.

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  3 ปีที่แล้ว

      It shouldn't have anything to with names so long as names are unique.

    • @DiamondDynamics117
      @DiamondDynamics117 3 ปีที่แล้ว

      @@chrisbetcher48 I am having the same issue as well

  • @kingjoshuamanatad2140
    @kingjoshuamanatad2140 3 ปีที่แล้ว

    Amazinggggg!

  • @tanveerhussain3881
    @tanveerhussain3881 3 ปีที่แล้ว

    Best

  • @efrain5728
    @efrain5728 3 ปีที่แล้ว

    Do I need a business account to get this to work?

  • @esi8100
    @esi8100 2 ปีที่แล้ว

    How do we make it location specific?

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  2 ปีที่แล้ว

      You can use gelolocation API in the browser to get latitude/longitude developer.mozilla.org/en-US/docs/Web/API/Geolocation_API/Using_the_Geolocation_API
      or some third party serveice to get user's IP address.

    • @esi8100
      @esi8100 2 ปีที่แล้ว

      @@ExcelGoogleSheets thank You 🙏🏾

  • @mohammedabas3377
    @mohammedabas3377 3 ปีที่แล้ว +1

    How i can save the log of an application to a spreadsheet?
    I make a telegram bot, using a lib called telegraf in vs code, and I uses console.log to log the JSON response (eg: chat_id, first name, last name..etc)
    my question is :
    how I can save this log in a spreadsheet? is that even possible?

    • @ExcelGoogleSheets
      @ExcelGoogleSheets  3 ปีที่แล้ว

      Sounds like you need to use Google Sheets API

    • @mohammedabas3377
      @mohammedabas3377 3 ปีที่แล้ว

      @@ExcelGoogleSheets
      Loud you kindly make a video for that ? It will be very helpful and challenging too

  • @medkicksupport1620
    @medkicksupport1620 3 ปีที่แล้ว +1

    11:05:46 AM Error
    TypeError: Cannot read property 'action' of undefined
    clockInOut @ Code.gs:14
    Sir, this kind of error is occurring, pleases tell me its solution its urgent sir.

  • @erwinbidto6907
    @erwinbidto6907 3 ปีที่แล้ว

    Script not function

  • @Ava-Grace
    @Ava-Grace 3 ปีที่แล้ว

    function doGet() {
    return HtmlService.createHtmlOutputFromFile("Key")
    }
    comes with error message...