[Task] Lihat Materi - Make preview page with pdf

[atnanahidiw]

Description

Make display pdf page

code in flutterflow as a reference
https://github.com/ia-toki/bebras-pandai/blob/flutterflow/lib/pages/preview/view_pembahasan_soal/view_pembahasan_soal_widget.dart

Additional info

if you check the firestore DB (https://console.firebase.google.com/u/0/project/toki-bebras-proto/firestore/data/~2Flearning_material), you will see the data is structured like this

{
    "title": "Buku Bebras 2016 - Penegak",
    "description": "Buku Bebras 2016 untuk kategori Penegak",
    "challenge_group": "penegak",
    "url": null,
    "staging_url": "https://firebasestorage.googleapis.com/v0/b/toki-bebras-proto.appspot.com/o/buku_bebras%2FBebras-Challenge-2016_Penegak.pdf",
    "source_urls": [],
    "file_format": "pdf",
    "is_printable": true
}

the explanation is:

• title: title to be displayed
• description: description as more info, can be displayed as subheader or tooltip
• challenge_group: group for tab filter
• url: firebase storage URL in production
• staging_url: firebase storage URL in staging
• source_urls: public URLs where we can get the file for metadata (not for app)
• file_format: file format
• is_printable: flag whether the item is printable (not important for now)

some key points are:

• url & staging_url must be inside firebase storage, so we can have a URL that within our system
• we use different fields, url & staging_url, so we can edit easily & not make breaks after the app is released in the future

Delivery:

• Fully functional page to view PDF materials offline

[atnanahidiw]

@azophy please let me know if you have any questions 🙇

[azophy]

suggestion for deliveries of this task. cc @atnanahidiw

• repository connection to firebase/firestore
• listing for materi
• download materi
• preview materi

[atnanahidiw]

latest discussion:
since now we only have 9 pdf files, create the presentation page with pdf file included in the application is enough