اذهب إلى المحتوى
  • 1

انشاء تطبيق قرآن

محمود الكيال

السؤال

مرحبا..

احد الاصدقاء مختم للقرآن -ما شاء الله-.. متعود ان يحفظ في مصحف معين وشكل معين.. المهم لم يجد تطبيق بنفس شكل المصحف ومضطر عليه.. قال لي انه يوجد PDF في google ولكن يحتاج مني ان اضع الصفحات في تطبيق.. جاءتني بعض الافكار ولكن لم تكتمل واحتاج المساعدة في هذا المشروع البسيط ؟!!

 اظن انه بسيط لا يحتاج الى وقت كثير 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1
بتاريخ 14 ساعات قال محمود الكيال:

عندي خلفيه جيدة عن تطبيقات الهايبرد.. هل استطيع فعل ذلك ؟

بما أن لديك خلفية جيدة عن تطبيقات الهايبرد، أقترح عليك العمل بإستخدام مكتبة PDF.js، وهي مكتبة مقدمة من شركة mozilla، تحتوي المكتبة على الكثير من الأدوات التي يمكنك من خلالها التعامل مع ملفات PDF، ومن بينها أدوات لعمل Viewer خاص بك لعرض ملفات PDF والتنقل بين صفحاتها، يمكنك من خلال هذه الأدوات، عمل الكثير من العمليات على ملف PDF سيساعدك هذا في عرض الملف والتنقل بين صفحاته، وإن كنت تعلم مثلًا مواضع السور يمكنك أن تعد قائمة بها وعند الضغط على إسم السورة تنتقل إلى الصفحة التي بها هذه السورة والعديد من الأفكار الأخرى ...

ستجد في هذا الرابط: مستودعًا به مثال لعمل Viewer، وفي هذا الرابط، فيديو يشرح طريقة عمل هذا Viewer بإستخدام المكتبة.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 9 ساعات قال محمود الكيال:

تتبعت الخطوات لكن اظن عندي مشكله في الوصول الى ملف ال pdf حيث لم يظهر 

المشكلة هنا مشكلة إصدارات ،الكود بالمستودع إصداره قديم ولا يوافق الإصدار الحديث من المكتبة.

قم بالخطوات التالية لحل المشكلة:

أولًا قم بثتبيت المكتبة عن طريق إستخدام الأمر التالي:

npm i pdfjs-dist

بعد ذلك قم بتغير هذا السطر في ملف index.html

<script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>

بهذا السطر:

<script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>

وستحل المشكلة ويعمل viewer الخاص بك.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1
بتاريخ 3 ساعات قال محمود الكيال:

للأسف ايضا يظهرلي نفس الخطأ

يعمل البرنامج عندي بشكل جيد, المرجو التحقق من تثبيت المكتبة عن طريق الأمر في الرد السابق، وإن لم تعمل قم بعمل صورة لل console لنرى ما هي الأخطاء التي تظهر.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

أهلا بك ،  نعم الموضوع بسيط، ولكن يجب أن تكون على دراية بطريقة برمجة التطبيقات (الأساسيات على الأقل ) أرفق لك فيديو فيه شرح كامل للهدف الذي تريده .

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 8 ساعات قال محمد ربيع زليول:

أقترح عليك العمل بإستخدام مكتبة PDF.js،

شكرا لك اخي..

تتبعت الخطوات لكن اظن عندي مشكله في الوصول الى ملف ال pdf حيث لم يظهر 

 

لو تقدر تساعدني اكون ممنونك 

Untitled.png

quran_.rar

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 8 دقائق مضت قال محمود الكيال:

لكن ظهر لي هذا الخطأ 

ما المشكلة ؟

 

هل قمت بتغير مسار الملف؟ أو تعديل إسمه؟ يجب وضع الملف بإسم pdf.pdf داخل مجلد docs ليعمل الكود.

تم التعديل في بواسطة محمد ربيع زليول
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

ممكن يكون في تعديل على اكواد ثانيه مو بس هاد 

بتاريخ 55 دقائق مضت قال محمد ربيع زليول:

<script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>

 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 2 دقائق مضت قال محمود الكيال:

ممكن يكون في تعديل على اكواد ثانيه مو بس هاد 

قمت برفع ملف www، يمكنك الإطلاع عليه من هنا: www.zip

قم بإضافة ملف pdf.pdf لمجلد docs لأنني لم أقم برفعه، وطبعًا عوض هذا المجلد بمجلد www لديك.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ الآن قال محمود الكيال:

سامحني علق مخي 😅😅

تفضل 

المشكلة هنا، أنك لم تقم بتشغيل الملفات عن طريق أمر:

cordova run browser

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

The platform "browser" does not appear to have been added to this project.

اظن مش ضايف browser اصلا عليه 

بتاريخ 21 دقائق مضت قال محمد ربيع زليول:

cordova run browser

 

.

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 27 دقائق مضت قال محمود الكيال:

The platform "browser" does not appear to have been added to this project.

اظن مش ضايف browser اصلا عليه 

نعم، يجب إضافة browser أولًا، أو يمكنك تشغيلها على Android مثلًا.

لإضافة browser إستخدم الأمر التالي:

cordova platform add browser

وإن حصلت مشكلة يمكنك حذفه وإعادة إضافته من خلال الأمرين:

cordova platform rm browser
cordova platform add browser

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 1 ساعة قال محمد ربيع زليول:

لإضافة browser إستخدم الأمر التالي:



 

.

بتاريخ 1 ساعة قال محمد ربيع زليول:

، أو يمكنك تشغيلها على Android مثلًا.

كيف؟ .. ماهو الامر 

حينما ضغطت 

corodva build 

لم يعمل ال pdf على الجنيموشن 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 11 ساعات قال محمود الكيال:

اشتغل ولم يظهر pdf

 

هل قمت بتشغيله على جهاز أندرويد ؟, يجب أن يتم تشغيله على جهاز أندرويد وليس المتصفح

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

نعم شغلته عالجينيموشين

بتاريخ 1 دقيقة مضت قال Mohamd Imran:

هل قمت بتشغيله على جهاز أندرويد ؟, يجب أن يتم تشغيله على جهاز أندرويد وليس المتصفح

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 8 دقائق مضت قال محمود الكيال:

نعم شغلته عالجينيموشين

بتاريخ 10 دقائق مضت قال Mohamd Imran:

 

اه ,جربه على جهاز عادي وليس محاكي ,لدي يعمل على جهاز عادي

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 8 دقائق مضت قال Mohamd Imran:

اه ,جربه على جهاز عادي وليس محاكي ,لدي يعمل على جهاز عادي

اشتغل على الجهاز بس ما بيظهر ال pdf فقط الازرار

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 11 ساعات قال رياض خليفة:

بإمكانك الاطلاع عليها من خلال الرابط:

 

لم استطع الاستفادة من الموقع.. هل بامكانك الاطلاع على المشروع؟ @رياض خليفة

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...