Write some Software

I would like to automate the generation of some screenshots of simulated text conversations for academic research mimicking the Samsung Galaxy S6 ("S6") advanced text message feature. For your reference, please view supplemental resources: [login to view URL] I want several files (at least one PHP, perhaps multiple if you follow example in supplemental resources, but associated JavaScript files too, including html2canvas) to generate HTML divs that html2canvas then converts into PNG "screenshots" that are stored locally. I have quite a few screenshots I would like to generate in an automated way, so there must be some kind of loop so PHP can run the generator many times. I will be running this on my Mac with apache enabled so I can run the script in Safari at localhost, but please list other software I need running as a prerequisite for the code to work (version of PHP, etc?). As a proof of concept, I would like to see the script read in the following array: [login to view URL] and generate two images: (1) in the first image (named "[login to view URL]" to "(123) 456-7890" at the number "123456...") the time at the top reads "1:00 PM" and there is one green message (from phone owner) at the top and to the right of the normal chat screen which reads "Now it is 1" with a "Sent 1:00 PM" timestamp (2) in the second image (named "[login to view URL]" to "John Doe" at the number "+12345678900"), I would like the time at the top to read "2:00 PM" and the conversation starts with a yellow message (from counterpart) at the top and to the left of the normal chat screen which reads "How are you?" with a "9:00 AM" timestamp under it, then a green message that reads "Good. You?" with a "Read 10:00 AM" timestamp under it, then a yellow message that reads "Good. Thank you." with an "11:00 AM" timestamp under it, then a green message that reads "Thank you for saying thank you." with a "12:00 PM Read" timestamp, then another green message that reads "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book." with a "Delivered 1:00 PM" timestamp. As you can see, the script should somewhat arbitrarily read an array of data (for which I will write the code to read the array from a file) with the following: (a) filename, (b) name, (c) number, (d) clock, (e) array of messages with timestamps For simplicity, you can assume all conversations will be text only (no figures) and all will fit on the screen (no need to hide the oldest conversation if there is too much). Also, always leave the signal at 3 bars and do not include any icons or text, besides the time, in the top system bar (not the battery, not the wifi, not the location icon, nothing). The PNG should reasonably match the font and style of the actual S6 text messaging app. The resolution should match the S6 screen (1440 x 2560). I expect the text in the generated images to be extremely crisp and legible, including the smaller text for the timestamps, and I would expect the images to look more or less like a normal text message conversation if they were loaded on a S6 (with the few exceptions of the simplifications mentioned above). The bottom bar should always remain the same and show the paperclip icon, and have grayed out text saying "Enter message," and have an orange button with the string "SEND" in it. Please have the background of the text message screen as white, but make the text bubble colors either some kind of pale green for messages sent by the phone owner (outline bubble in darker green) or yellow for messages received from counterpart (outline in darker yellow). Please have the text black and, again, please try to match the font style and size reasonably close to the real phone. I'd also like the avatar/image for the text message counterpart to always be a generic and non-gendered avatar.