Online Multimedia WS 2019/2020 - Assignment 2 - JavaScript AJAX & API Meme Generator

Oct 1, 2026

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.

LanguageEnglish

CategoryExam

FormatPDF

Pages2

Reading Time5 min

AccessFree to download

Goals

Rules

Task 1: Meme Template Slideshow

Use the provided slideshow skeleton

Fetch popular meme templates via Imgflip API

Task 2: My First Meme Generator

Caption a meme template using the Imgflip API

Build a form for two short texts

Submission

Ludwig-Maximilians-Universität LFE Medieninformatik Online Multimedia WS 2019/2020 Assignment 2 Due: Wed 06.11.2019; 18:00h ( 1 Week) Goals After doing these exercises, you know how to use Javascript to... • Create AJAX requests • Build webapps that use API(s) Do not use any library / framework for this assignment. \#UseThePlatform Task 1: Meme Template Slideshow Difficulty: Medium Use 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. We now want this to display the currently popular meme templates. Therefore you should use the Imgflip API. Your approach could be: • Check out the Imgflip API documentation, to find out how you can use their API • Implement an Ajax request against the API, fetching a set of meme templates. • Store them in the webpage’s data structure, replacing the current images Ludwig-Maximilians-Universität LFE Medieninformatik Online Multimedia WS 2019/2020 Task 2: My First Meme Generator Difficulty: Medium The Imgflip API also offers an endpoint to add a caption to an existing meme template. Use this to create your first meme generator. • Create a form, where one can input two short texts • When the form is submitted, the current meme template should be captioned with the typed input • Feel free to extend your meme generator as you like, for example with a share button below a captioned meme. Submission Please turn in your solution as ZIP file via Uni2Work. You can form groups of up to three people. We 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. If 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 It also makes sense to ask the question in our \#omm-ws1920 channel. Maybe fellow students can help or benefit from the answers, too!

FAQs

What are the assignment goals and technical constraints?

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.

How should Task 1 update the slideshow?

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.

What components are required for Task 2’s meme generator?

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.

Oct 1, 2026

Uploaded by Well Done