LMU Online Multimedia Assignment: Creating a Meme Generator with AJAX and Imgflip API, Summaries of Robotics

An assignment from ludwig-maximilians-universität's online multimedia course in lfe medieninformatik for the ws 2019/2020 academic year. Students are required to create a meme slideshow and a meme generator using javascript, ajax, and the imgflip api. The assignment involves fetching meme templates from the api, storing them in the webpage's data structure, and adding captions to the templates using user input.

Typology: Summaries

2021/2022

Uploaded on 09/12/2022

ivie
ivie 🇬🇧

4.9

(8)

237 documents

1 / 2

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Ludwig-Maximilians-Universität Online Multimedia
LFE Medieninformatik WS 2019/2020
1
Assignment 2
Due: Wed 0 6. 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
pf2

Partial preview of the text

Download LMU Online Multimedia Assignment: Creating a Meme Generator with AJAX and Imgflip API and more Summaries Robotics in PDF only on Docsity!

Ludwig-Maximilians-Universität Online Multimedia LFE Medieninformatik WS 20 19 /20 20 1

Assignment 2

Due: Wed 06. 11 .20 19 ; 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 Online Multimedia LFE Medieninformatik WS 20 19 /20 20 2

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”. 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!