[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-0-en-105":3,"doc-seo-489420-105":59,"doc-detail-489420-en":130},{"code":4,"msg":5,"data":6},0,"success",[7,13,18,23,28,33,38,43,48,51,55],{"id":8,"doc_module":4,"doc_module_name":9,"category_name":10,"show_sort_weight":11,"slug":12},1,"Document","Story & Novel",90,"story-novel",{"id":14,"doc_module":4,"doc_module_name":9,"category_name":15,"show_sort_weight":16,"slug":17},2,"Literature",80,"literature",{"id":19,"doc_module":4,"doc_module_name":9,"category_name":20,"show_sort_weight":21,"slug":22},4,"Exam",70,"exam",{"id":24,"doc_module":4,"doc_module_name":9,"category_name":25,"show_sort_weight":26,"slug":27},5,"Comic",60,"comic",{"id":29,"doc_module":4,"doc_module_name":9,"category_name":30,"show_sort_weight":31,"slug":32},6,"Technology",50,"technology",{"id":34,"doc_module":4,"doc_module_name":9,"category_name":35,"show_sort_weight":36,"slug":37},7,"Healthcare",40,"healthcare",{"id":39,"doc_module":4,"doc_module_name":9,"category_name":40,"show_sort_weight":41,"slug":42},8,"Research & Report",30,"research-report",{"id":44,"doc_module":4,"doc_module_name":9,"category_name":45,"show_sort_weight":46,"slug":47},9,"Religion & Spirituality",20,"religion-spirituality",{"id":46,"doc_module":4,"doc_module_name":9,"category_name":49,"show_sort_weight":46,"slug":50},"World Cup","world-cup",{"id":52,"doc_module":4,"doc_module_name":9,"category_name":53,"show_sort_weight":52,"slug":54},10,"Lifestyle","lifestyle",{"id":56,"doc_module":4,"doc_module_name":9,"category_name":57,"show_sort_weight":24,"slug":58},19,"General","general",{"code":4,"msg":60,"data":61},"ok",{"site_id":62,"language":63,"slug":64,"title":65,"keywords":66,"description":67,"schema_data":68,"social_meta":123,"head_meta":125,"extra_data":127,"updated_unix":129},105,"en","online-multimedia-ws-20192020-assignment-2-javascript-ajax-api-meme-generator","Online Multimedia WS 2019/2020 - Assignment 2 - JavaScript AJAX & API Meme Generator","","Assignment 2 for Online Multimedia WS 2019/2020 instructs students to use JavaScript to create AJAX requests and build web applications that use APIs, without using any external library or framework. Task 1 requires extending a provided slideshow skeleton to fetch currently popular meme templates via the Imgflip API and replace the placeholder images with returned templates. Task 2 requires building a simple meme generator by captioning an existing template using an Imgflip endpoint, including a form for two short texts and submission as a ZIP file.",{"@graph":69,"@context":122},[70,84,105],{"@type":71,"itemListElement":72},"BreadcrumbList",[73,77,79,82],{"item":74,"name":75,"@type":76,"position":8},"https://docshare.wps.com","Home","ListItem",{"item":78,"name":9,"@type":76,"position":14},"https://docshare.wps.com/document/",{"item":80,"name":20,"@type":76,"position":81},"https://docshare.wps.com/document/exam/",3,{"item":83,"name":65,"@type":76,"position":19},"https://docshare.wps.com/document/online-multimedia-ws-20192020-assignment-2-javascript-ajax-api-meme-generator/489420/",{"url":83,"name":65,"@type":85,"image":86,"author":91,"headline":65,"publisher":94,"fileFormat":97,"inLanguage":63,"description":67,"dateModified":98,"datePublished":99,"encodingFormat":97,"isAccessibleForFree":100,"interactionStatistic":101},"DigitalDocument",{"url":87,"@type":88,"width":89,"height":90},"https://docshare.wps.com/thumbnails/online-multimedia-ws-20192020-assignment-2-javascript-ajax-api-meme-generator/489420.png","ImageObject",300,407,{"name":92,"@type":93},"Well Done","Person",{"url":74,"name":95,"@type":96},"DocShare","Organization","application/pdf","2026-11-08","2026-10-01",true,{"@type":102,"interactionType":103,"userInteractionCount":29},"InteractionCounter",{"@type":104},"ViewAction",{"@type":106,"mainEntity":107},"FAQPage",[108,114,118],{"name":109,"@type":110,"acceptedAnswer":111},"What are the assignment goals and technical constraints?","Question",{"text":112,"@type":113},"The assignment focuses on using JavaScript to create AJAX requests and build API-based web apps. Students must not use any library or framework for the assignment.","Answer",{"name":115,"@type":110,"acceptedAnswer":116},"How should Task 1 update the slideshow?",{"text":117,"@type":113},"Task 1 uses the provided slide-show.html skeleton and replaces the current images in the memes array with templates fetched from the Imgflip API.",{"name":119,"@type":110,"acceptedAnswer":120},"What components are required for Task 2’s meme generator?",{"text":121,"@type":113},"Task 2 needs a form where users enter two short texts; upon submission, the current meme template must be captioned with that input, and students may optionally add extra features such as a share button.","https://schema.org",{"og:url":83,"og:type":124,"og:title":65,"og:site_name":95,"og:description":67},"article",{"robots":126,"canonical":83},"index,follow",{"doc_id":128,"site_id":62},489420,1793029924,{"code":4,"msg":5,"data":131},{"doc_id":128,"user_id":132,"nickname":92,"user_avatar":133,"doc_module":4,"category_id":19,"category_name":20,"doc_title":65,"doc_description":67,"doc_content":134,"file_id":135,"file_url":136,"file_type":137,"file_size":138,"view_count":29,"is_deleted":4,"is_public":8,"is_downloadable":8,"audit_status":8,"page_count":14,"language":139,"language_code":63,"site_id":62,"html_lang":63,"table_of_contents":140,"faqs":141,"seo_title":142,"seo_description":67,"update_tm":143,"read_time":24,"preview_page_count":4},5909892210082,"https://ap-avatar.wpscdn.com/avatar/56001069da27c9f41e8?x-image-process=image/resize,m_fixed,w_180,h_180&k=1789614185077863061","Ludwig-Maximilians-Universität LFE Medieninformatik  \nOnline Multimedia WS 2019/2020  \nAssignment 2  \nDue: Wed 06.11.2019; 18:00h ( 1 Week)  \nGoals  \nAfter doing these exercises, you know how to use Javascript to...  \n• Create AJAX requests  \n• Build webapps that use API(s)  \nDo not use any library / framework for this assignment. \\#UseThePlatform  \nTask 1: Meme Template Slideshow Difficulty: Medium  \nUse the file assignment-skeleton/slide-show.html for this task. It implements a basic slideshow, displaying some images. The current images are defined in the array memes, by their URLs.  \nWe now want this to display the currently popular meme templates. Therefore you should use the Imgflip API.  \nYour approach could be:  \n• Check out the Imgflip API documentation, to find out how you can use their API  \n• Implement an Ajax request against the API, fetching a set of meme templates.  \n• Store them in the webpage’s data structure, replacing the current images  \nLudwig-Maximilians-Universität LFE Medieninformatik  \nOnline Multimedia WS 2019/2020  \nTask 2: My First Meme Generator Difficulty: Medium  \nThe Imgflip API also offers an endpoint to add a caption to an existing meme template. Use this to create your first meme generator.  \n• Create a form, where one can input two short texts  \n• When the form is submitted, the current meme template should be captioned with the typed input  \n• Feel free to extend your meme generator as you like, for example with a share button below a captioned meme.  \nSubmission  \nPlease turn in your solution as ZIP file via Uni2Work. You can form groups of up to three people.  \nWe encourage you to sign up for Slack! All you need is a CIP account and an email address that ends in “@[cip.ifi.lmu.de](cip.ifi.lmu.de)”. Ask us if you don’t know how to get them.  \nIf you have questions or comments before the submission, please contact one of the tutors. They are on Slack @Aleksa and @Andre, remember that they also want to enjoy their weekends J  \nIt also makes sense to ask the question in our \\#omm-ws1920 channel. Maybe fellow students can help or benefit from the answers, too!","cbCaitIPvJksjWQK","https://ap.wps.com/l/cbCaitIPvJksjWQK","pdf",1769776,"English","# Goals\n# Rules\n# Task 1: Meme Template Slideshow\n## Use the provided slideshow skeleton\n## Fetch popular meme templates via Imgflip API\n# Task 2: My First Meme Generator\n## Caption a meme template using the Imgflip API\n## Build a form for two short texts\n# Submission","[{\"question\":\"What are the assignment goals and technical constraints?\",\"answer\":\"The assignment focuses on using JavaScript to create AJAX requests and build API-based web apps. Students must not use any library or framework for the assignment.\"},{\"question\":\"How should Task 1 update the slideshow?\",\"answer\":\"Task 1 uses the provided slide-show.html skeleton and replaces the current images in the memes array with templates fetched from the Imgflip API.\"},{\"question\":\"What components are required for Task 2’s meme generator?\",\"answer\":\"Task 2 needs a form where users enter two short texts; upon submission, the current meme template must be captioned with that input, and students may optionally add extra features such as a share button.\"}]","Online Multimedia WS 2019/2020 - Assignment 2 - JavaScript AJAX & API Meme Generator | PDF",1790822967]